@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px; line-height:22px; color:#333; font-size:14px; font-family:"微软雅黑";}
ul,li{margin:0px; padding:0px; list-style:none;}
a{color:#666; text-decoration:none;}
a:hover{text-decoration:none; color:#385797;}
img{border:0px;}
p{margin:0px; padding:0px;}

.hader{width:1200px; height:100px; margin:auto;}
.hader .logo{float:left; height:auto;}
.hader .logo img{ width:280px;}
.hader .nav{float:right; height:100px;}
.hader .nav ul li{width:110px; float:left;}
.hader .nav ul li a{font-size:16px; color:#333; line-height:100px;}
.hader .nav ul li a:hover{color:#385797;}

.main{width:1200px; padding-bottom:30px; height:auto; margin:auto; overflow:hidden;}
.main .m1{margin-top:50px; position:relative;}
.main .m1 .left{width:565px; float:left;}
.main .m1 .left .title{height:62px; background:url(../images/tt2.png) no-repeat;}
.main .m1 .left .title img{margin-left:10px;}
.main .m1 .left .title b{font-size:24px; line-height:24px;}
.main .m1 .left .title p{margin-top:20px; font-size:14px; color:#808080;}
.main .m1 .left .c1{margin-top:30px; line-height:26px;}
.main .m1 .left .c1 p a{color:#385797;}
.main .m1 .left .c1 ul li{padding-left:10px; background:url(../images/dd.png) left no-repeat;}
.main .m1 .left .c1 ul li a{color:#333;}
.main .m1 .left .c1 ul li a:hover{color:#385797;}
.main .m1 .left .c1 .btn{margin-top:30px;}
.main .m1 .right-bj{background:url(../images/rt.png) no-repeat right top; height:380px; width:600px; float:right;}
.main .m1 .right{margin-left:15px; height:345px; width:515px; position:absolute; right:75px; top:35px;}

.main .m2{margin-top:75px; padding-top:30px; border-top:#cccccc solid 4px; overflow:hidden;}
.main .m2 .left{width:378px; height:478px; padding:5px; border:1px solid #dedede; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; float:left;}
.main .m2 .left .b1 img{width:378px; height:200px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.main .m2 .left .title{height:40px;}
.main .m2 .left .title b{font-size:22px; color:#666666; line-height:40px;}
.main .m2 .left .title a{float:right; padding-top:15px;}
.main .m2 .left p{line-height:33px; color:#666666; padding:5px; text-indent:2em;}

.main .m2 .center{width:378px; height:478px; padding:5px; margin:0 15px 0 15px; border:1px solid #dedede; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; float:left;}
.main .m2 .center .b1 img{width:378px; height:200px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.main .m2 .center .title{height:40px;}
.main .m2 .center .title b{font-size:22px; color:#666666; line-height:40px;}
.main .m2 .center .title a{float:right; padding-top:15px;}
.main .m2 .cc ul{padding-left:5px;}
.main .m2 .cc ul li{padding-left:10px; background:url(../images/ddd.png) left no-repeat; border-bottom:#dedede dashed 1px; height:40px; overflow:hidden;}
.main .m2 .cc ul li a{font-size:14px; line-height:40px; }
.main .m2 .cc ul li span p{font-size:13px; line-height:40px; float:right;}

.main .m2 .right{width:378px; height:478px; padding:5px; border:1px solid #dedede; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; float:left;}
.main .m2 .right .b1 img{width:378px; height:200px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.main .m2 .right .title{height:40px;}
.main .m2 .right .title b{font-size:22px; line-height:40px;}
.main .m2 .right .title a{float:right; padding-top:15px;}
.main .m2 .right ul{padding-left:5px;}
.main .m2 .right ul li{background:url(../images/ddd.png) left no-repeat; padding-bottom:20px; margin-top:15px; border-bottom:#dedede dashed 1px;}
.main .m2 .right ul li img{float:left; width:80px; height:80px; margin-right:10px;}
.main .m2 .right ul li b{font-size:16px; height:10px; display:block;}

.footer{height:120px; padding-top:70px; background:#385797; text-align:center; color:#fff;}
.footer a{color:#fff;}
.footer p{margin-top:15px;}
.footer p img{margin-right:10px;}



/****************内页**************/
#nr_center{ width:1200px; overflow:hidden; margin:30px auto 0;}
#nr_left{width:210px; height:auto; overflow:hidden; float:left;  margin-top:10px; min-height:350px;}
.left_1{ width:210px; height:auto; overflow:hidden;}
.left_1_bt{ width:210px; background:url(../images/00.jpg); height:60px; line-height:60px; text-align:center; font-size:24px; letter-spacing:5px; font-weight:bold; font-family:微软雅黑; color:#fff;cursor:pointer;}
.left_1_bt span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:100; line-height:0px; text-transform:uppercase; color:#e8dfdb;}
.left_1_bt ul{ width:210px; height:auto; overflow:hidden; margin-top:13px;}
.left_1 ul li{ width:210px; background:#385797; height:30px; line-height:30px; margin-top:10px; font-size:13px;  font-family:微软雅黑; text-align:left; padding-left:45px;}
.left_1 ul li a{ display:block; background:url(../images/pt1.png) right center no-repeat; width:135px; color:#fff; height:30px; line-height:30px; overflow:hidden;}
.left_1 ul li a:hover{ display:block; background:url(../images/pt1.png) right center no-repeat;text-decoration:none; width:135px; color:#fff; height:30px; line-height:30px;}
.left_1 ul li:hover{ background:#385797;padding-left:45px; }
.left_2{ width:210px; height:auto; overflow:hidden;}
.left_2 a{ display:block; margin-top:10px;}

#nr_right{ width:970px; height:auto; margin:10px 0px 20px 0; overflow:hidden; float:right; min-height:450px;}
.right_bt{ width:970px; height:59px; line-height:40px; color:#222;font-size:14px; font-family:微软雅黑; background:url(../images/right-1_03.jpg) bottom repeat-x; overflow:hidden; text-align:left; border-top:1px solid #385797; z-index:5; }
.right_nr{ width:940px; height:auto; overflow:hidden; padding:10px; }


/******************************/
.flickerplate {
	position:relative;
	width:100%;
	height:580px;
	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
}