/* CSS Document */
*{ margin:0px; padding:0px; font-size:14px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#000; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.top{ width:1250px; margin:0 auto; height:30px; line-height:30px;}
.top span{ margin-right:20px;}
.top span a:hover{ color:#F00;}
.nav_top{ background:url(../img/nav_top_bg.jpg) repeat-x; height:111px; width:100%; min-width:1250px;}
.nav_ce{ width:1250px; height:111px; margin:0 auto;}
.nav_l a img{ max-height:100px; margin-top:5px;}
.nav_c{ height:81px; margin-top:30px; margin-left:100px;}
.search-keyword{ height:30px; width:380px; line-height:30px;}
.search-submit{ height:34px; line-height:30px; width:100px; text-align:center;}
.nav_r{ margin-right:100px; color:#FFF; line-height:40px; margin-top:20px;}
.lianxi{ background:linear-gradient(180deg, #ea0000 0%, #bc0000 100%)}
.lianxi a:hover{ display:block; background:#F30; color:#FFF !important;}

.undefined{ color:#FFF; font-weight:bold; background:linear-gradient(180deg, #ea0000 0%, #bc0000 100%);}
.nav{ background:url(../img/nav_bg.jpg) repeat-x; height:45px; line-height:45px; color:#FFF;}
.nav_n{ width:1250px; margin:0 auto;}
.nav_n .huadong a.huadong2{ display:block; width:240px; text-align:center; color:#FFF; font-weight:bold;  background:linear-gradient(180deg, #ea0000 0%, #bc0000 100%);}
.nav_n ul li a{ color:#FFF; padding-left:45px; padding-right:45px; font-weight:bold; font-family:"微软雅黑";}
.nav_n2 ul li a{ color:#FFF; padding-left:55px; padding-right:55px; font-weight:bold; font-family:"微软雅黑";}
.nav_n ul li a:hover{ color:#F00;}
.nav2{ display:none; position:relative; top:-158px; z-index:1000;}
.nav2 ul{ position:absolute; top:156px; width:218px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.nav2 ul li a{ background:#fff; height:40px; line-height:40px; color:#000; display:block; width:208px; padding-left:10px;}
.nav2 ul li a:hover{ background:#333; height:40px; line-height:40px; color:#fff; display:block; width:208px;}
.cp1{ width:1000px; position:absolute; top:156px; margin-left:240px;  background:#e8e8e8; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-right:20px;}
.cp_t{ line-height:30px; margin-left:20px;}
.cp_t a{font-size:16px; font-weight:bold; }
.cp_t a:hover{ color:#F00;}
.cp1 dl{ float:left !important; margin-left:20px; display:block;}
.cp1 dl dt a img{ width:125px; height:125px;}
.cp1 dl dd a{ height:25px; line-height:25px; width:125px; text-align:left; overflow:hidden; display:block; color:#000;}
.cp1 dl dd a:hover{ color:#F00;}

.flickerplate {
	position:relative;
	width:100%;
	height:600px;
	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
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.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("../img/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("../img/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("../img/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../img/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
}
.documentation {
	width: 1100px;
	margin: 0px auto;
	padding: 100px 0px;
}
.documentation h3, p {
	text-align: center;
}
.documentation h3 {
	margin: 0px 0px 20px 0px;
	font-weight: 300;
	font-size: 2em;
}
.banner{ position:absolute;}

.jiacu{ font-weight:bold;}
.cp1{ display:none;}
.gundong{ margin-top:650px; margin-bottom:50px;}
.scrolltitle{height:24px;font-size:14px;width:100%; min-height:1250px;border-bottom:solid 1px #ddd;margin:20px auto 15px auto;}
a.abtn{display:block;height:220px;width:34px;overflow:hidden; margin-top:100px;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-34px 50%;}
a.aright{float:right;background-position:-17px 50%;}
a.agrayright{cursor:default;background-position:-51px 50%;}
.scrolllist{width:100%; min-width:1250px;;height:204px;margin:0 auto;}
.scrolllist .imglist_w{width:95%; min-width:1180px;;;height:204px;overflow:hidden;float:left;position:relative; margin:0 auto;}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:220px; height:220px;float:left;padding:0 10px;}
.scrolllist .imglist_w li img{padding:2px;border:solid 1px #ddd;}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li p{height:48px;line-height:24px;overflow:hidden;float:left;}
#s2{width:214px;}
#s2 .imglist_w{width:176px;}
#s2 .imglist_w ul{height:20000px;width:auto;position:absolute;left:0px;top:0px;}
#s2 .imglist_w li{float:none;}
.con{ width:1250px; margin:0 auto;}
.con .s_t{ width:1250px; height:23px; background:url(../img/s_bg.jpg) repeat-x;}
.con .s_t span{ width:250px; margin:0 auto; color:#FFF; background:#000; font-size:16px; display:block; text-align:center; line-height:23px;}
.service dl{ float:left; width:250px; text-align:center;}
.service dl dt a{ background:url(../img/wu.jpg) no-repeat; width:100px; height:100px; text-align:center; display:block; margin-left:75px; line-height:100px; color:#FFF;}
.service dl dd{ height:30px; line-height:30px;}
.tupian{ width:1250px; margin:20px auto;}
.tupian1{ width:1250px; height:200px; background:url(../img/tupian1.jpg) no-repeat 100%; margin-bottom:20px; text-align:end;}
.tupian2{ width:293px; height:618px; margin-left:10px; background:url(../img/tupian2.jpg) no-repeat 100%; float:left;}
.tupian3{ width:293px; margin-left:20px; height:618px; background:url(../img/tupian3.jpg) no-repeat 100%; float:left;}
.tupian4{ width:608px; height:298px; background:url(../img/tupian4.jpg) no-repeat 100%;}
.tupian5{ width:608px; height:298px; background:url(../img/tupian5.jpg) no-repeat 100%; margin-top:20px;}
.tupian6{ width:1250px; height:300px; background:url(../img/tupian6.jpg) no-repeat 100%; margin-top:20px;}
.show{ background:linear-gradient(180deg, #ea0000 0%, #bc0000 100%); width:100px; height:40px; display:block; text-align:center;; line-height:40px; color:#FFF; font-weight:bold;}
.show:hover{ background:#F30;}
.tupian1 .show{ float:right; margin-right:50px; margin-top:10px;}
.tupian1 span{ width:350px !important; color:#F00; display:block; float:right; font-weight:bold; margin-right:50px; margin-top:30px; height:75px; line-height:25px;}
.tupian2 .show{ margin-left:20px; margin-top:20px;}
.tupian2 span{ width:150px !important; display:block; margin-left:50px; margin-top:500px; height:25px; line-height:25px;}
.tupian2 span a{font-weight:bold; color:#F00; font-size:24px;}
.tupian2 span a:hover{ text-decoration:underline;}
.tupian3 .show{ margin-left:120px; margin-top:40px;}
.tupian3 span{ width:150px !important; display:block; margin-left:50px; margin-top:450px; height:50px; line-height:25px;}
.tupian3 span a{font-weight:bold; color:#F00; font-size:24px;}
.tupian3 span a:hover{ text-decoration:underline;}
.tupian4 .show{ margin-right:10px; margin-top:10px; float:right;}
.tupian4 span{ width:450px !important; display:block; margin-left:50px; margin-top:180px; height:50px; line-height:25px; float:left;}
.tupian4 span a{font-weight:bold; color:#F00; font-size:24px;}
.tupian4 span a:hover{ text-decoration:underline;}
a.xian:hover{ text-decoration:none !important; color:#F00;}
.tupian5 .show{ margin-right:50px; margin-top:10px; float:right;}
.tupian5 span{ width:150px !important; display:block; margin-left:50px; margin-top:180px; height:50px; line-height:25px; float:left;}
.tupian5 span a{font-weight:bold; color:#FFF; font-size:24px;}
.tupian5 span a:hover{ text-decoration:underline;}
.tupian6 span{  display:block; margin-left:50px; height:25px; padding-top:180px; line-height:25px;}
.tupian6 span a{font-weight:bold; color:#FFF; font-size:24px; }
.tupian6 span a:hover{ text-decoration:underline;}
.tupian6 .show{ margin-left:100px; margin-top:30px;}
.footer{ height:350px; background:#000; width:100%; min-width:1250px; background:#262626;}
.foot{ width:1250px; height:350px; margin:0 auto;}
.f_l{ float:left; width:420px;}
.f_l dl{ padding-top:30px; margin-left:50px;}
.f_l dl dt{ font-size:20px; height:60px; line-height:60px; color:#FFF;}
.f_l dl dd{ line-height:25px; color:#CCC;}
.f_r{float:right; margin-top:30px;}
.com{ width:1250px; margin:0 auto; margin-top:30px;}
.l_cp{ width:220px; border:1px solid #CCC;}
.l_cp dl dt a{ padding-left:10px; height:30px; line-height:30px;}
.l_cp dl dt{ background:#CCC;}
.l_cp dl dd a{ padding-left:20px; height:30px; line-height:30px;}
.l_cp dl dt a:hover{ color:#FFF; background:#999; width:208px; display:block;}
.l_cp dl dd a:hover{ color:#FFF; background:#999; width:198px; display:block;}
.r_cp{ width:1000px; float:right;}
.r_cp dl{ width:300px; float:left; margin-left:33px; text-align:center; height:310px; margin-top:20px;}
.r_cp dl dt img{cursor: pointer;}
.r_cp dl dd a{ height:30px; line-height:30px; font-weight:bold; width:300px; overflow:hidden;}
.r_cp dl dd a.mingcheng{ color:#060}
.r_cp dl dd a:hover{ color:#F00}
.r_co_t span{ font-size:18px; font-weight:bold; line-height:30px;}
.r_co_t li{ float:left; font-weight:bold; margin-right:10px;}
.r_co_t li a:hover{ color:#F00;}
.xiangzuo{ float:left; margin-right:20px;}
.liuyanban2{font-size: 14px;
    color: #4A4A4A;
    font-family: microsoft yahei;
    border: 1px solid #ECECEC;
    margin-top: 15px;
    width: 584px;
    height: 190px;
    border: 0px;
    border-radius: 5px;}
.abnt{font-size: 12px;
    color: #FFFFFF;
    width: 98px;
    height: 30px;
    background-image: url(../images/index_17.jpg);
    border: 0px;
    cursor: pointer;}
.liuyanban{font-size: 14px;
    color: #4A4A4A;
    font-family: microsoft yahei;
    border: 1px solid #ECECEC;
    margin-top: 15px;
    width: 180px;
    height: 30px;
    text-indent: 6px;
    border: 0px;
    border-radius: 5px;}
.mask-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mask-layer > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mask-layer-black {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .85;
    position: absolute;
    top: 0;
    left: 0;
}
.mask-layer-container {
    width: 640px;
    height: 570px;
    background: #fff;
    position: absolute;
    margin: 0 auto;
    z-index: 2030;
    padding: 0 10px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mask-layer-container-operate {
    width: 100%;
    height: 30px;
    padding: 10px 0;
    text-align: center;
    border-bottom: solid 1px #ddd;
}

.mask-layer-imgbox {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.mask-layer-imgbox > p {
    position: absolute;
    cursor: move;
    transform-origin: center;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    cursor: move;
    left: 0;
    top: 0;
}

.mask-layer-imgboxp > p > img {
    display: inline-block;
    vertical-align: middle;
    cursor: move;
}

/*按钮样式*/
.btn-default-styles {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #8C85E6;
    color: #fff;
    border: solid 1px #8C85E6;
    border-radius: 4px;
}
.btn-default-styles:focus {
    outline: none;
}
.btn-default-styles:hover {
    background: #8078e3;
    animation: anniu 1s infinite;
}
.btn-default-styles:active {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
}
.r_co_t h2{ width:1000px; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:18px;}
.r_co_t p{ width:1000px; height:30px; line-height:30px; text-align:center;}
.xiangqing{ width:1000px; display:block;}
.img1{ margin-left:300px;}
.hdp{ width:10%; min-width:1250px; margin:0 auto; background:url(../img/banner3.jpg) no-repeat; height:350px;}
.nav_nn span{ width:170px; text-align:center;}
.nav_nn ul li a{ width:130px; display:block; text-align:center; padding-left:15px; padding-right:15px;}



.fy{margin-bottom:40px; margin-top:20px;font-size:20px;}
.fy a{ list-style:none; min-width:30px; border:#d7d7d7 1px solid; margin-left:10px; text-align:center; margin-bottom:5px; height:30px; line-height:30px; color:#333;  padding:0 10px; font-size:20px;}
.fy span{ line-height:30px; padding:0 10px; font-size:20px;}
.fy a:hover{ color:#F00;}
.fy span a{ color:#00C;}
.thisclass{ color:#00F;height:30px; line-height:30px;}