@charset "utf-8";

/*全局*/

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background-color: #666;
}

::-webkit-scrollbar-thumb {
	background-color: #ddd;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #ddd;
}

::-webkit-scrollbar-thumb:active {
	background-color: #ddd;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: '';
	display: table;
}

@font-face {
	font-family: 'iconfont';
	src: url('font/iconfont.eot');
	/* IE9*/
	src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/iconfont.woff') format('woff'), /* chrome、firefox */
	url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('font/iconfont.svg#iconfont') format('svg');
	/* iOS 4.1- */
}
@font-face {
	font-family: 'gothic';
	src: url(font/gothic.eot);
	/* IE9*/
	src: url(font/gothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
	url(font/gothic.woff) format('woff'), /* chrome、firefox */
	url(font/gothic.ttf) format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url(font/gothic.svg#gothic) format('svg');
	/* iOS 4.1- */
}
.iconfont {
	font-family: "iconfont";
	font-size: 25px !important;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica';
	src: url('font/gothic');
	/* IE9*/
	src: url('font/gothic') format('embedded-opentype'), /* IE6-IE8 */
	url('font/gothic.woff') format('woff'), /* chrome、firefox */
	url('font/gothic.ttf') format('truetype');
	/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}


* {
	margin: 0;
	padding: 0;
}
img,a,b,font,li,ul,div{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.fr {
	float: right;
}

.fl {
	float: left;
}

.wrap {
	width: 100%;
	float: left;
	clear: both;
}

.container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.main {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

body {
	min-width: 1200px;
	min-height: 100%;
	color: #333;
	font-size: 13px;
	background: #fff;
	font-family: arial, "microsoft yahei";
	-webkit-font-smoothing: antialiased;
	padding-top: 138px;
}

body img {
	border: none;
	max-width: 100%;
}

body a {
	text-decoration: none;
	color: #555;
	line-height: 200%;
}

body ul,
body ol {
	list-style: none;
}

body em {
	font-style: normal;
}

body input,
body textarea,
body select {
	border: none;
	outline: none;
}

div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,object,iframe,form,blockquote,fieldset,input,textarea,code,address,caption,cite,code,em,i,ins{margin:0; padding:0; font-style:normal; font-size:12px; font-weight:normal;}
ul,ol,li{list-style:none;}


/*top*/

.header_bk {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 9999;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);z-index: 10;
}

.header {
	width: 1200px;
	height: 138px;
	margin: 0 auto;
	position: relative;overflow: hidden;
}

.header .toplogo {
	height: 120px;
	float: left;
	width: 635px;
	background: url(../images/top_logo.jpg);
	margin-top: 10px;
}
.header .logo {
	height: 120px;
	float: left;
	width: 635px;
	background: url(../images/top_logo.jpg);
	margin-top: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.header .logo.b {
	background: url(logo_b.png);
	width: 103px;
	height: 54px;
	margin-top: 12px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.header .nav {
	width: 375px;
	float: right;
	height: auto; margin: 35px 0 0 0;
}
.header .nav #topb{	float: left;width: 375px;height: 50px;}
.header .nav #topt{	float: left;width: 375px;height: auto; margin: 15px 0 0 0;text-align: center;font-size: 18px;color: #7a7a7a;}

.header .nav li {
	width: auto;
	height: 100%;
	float: left;
	position: relative;
	margin: 0 20px;
}

.header .nav li a {
	display: block;
	padding: 0 0px;
	text-align: center;
	line-height: 80px;
	height: 80px;
	font-size: 15px;
	position: relative;
	color: #464646;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.header .nav li a.b {
	height: 70px;
	line-height: 70px;
	width: auto;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.header .nav li a b {
	display: block;
	width: 0;
	height: 1px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	position: absolute;
	left: 0;
	bottom: 20px;
	margin: 0 auto;
	background: #003e89;
	z-index: -1;
}

.header .nav li a:hover,
.header .nav li a.on {
	color: #003e89;
}

.header .nav li a:hover b,
.header .nav li a.on b {
	width: 100%;
}

.header .lang {
	width: auto;
	position: absolute;
	right: 0;
	top: 34px;
}

.header .lang.b {
	top: 20px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.header .lang li {
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}

.header .lang li a {
	color: #000;
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	border: 1px #000 solid;
	text-align: center;
	border-radius: 100%;
	overflow: hidden;
}

.header .lang li a:hover,
.header .lang li a.on {
	background: #000;
	color: #fff;
}

.hScape01{float: left;width: 100%;height:0px; overflow:hidden; margin:0 auto; font-size:0;}
.hScape03{float: left;width: 100%;height:3px; overflow:hidden; margin:0 auto; font-size:0;}
.hScape05{float: left;width: 100%;height:5px; overflow:hidden; margin:0 auto; font-size:0;}
.hScape10{float: left;width: 100%; height:10px; overflow:hidden; margin:0 auto; font-size:0;}
.hScape15{float: left;width: 100%;height:15px; overflow:hidden; margin:0 auto; font-size:0;}
.clearDiv{clear:both; font-size:0; line-height:0; height:0; overflow:hidden; background:none;}

#toolTipLayer {z-index: 100;margin: 20px 0 0 0;}

#invideo {float: left;	width: 100%;height: 704px;margin: 50px 0 0 0;background: url(../images/invideo_bg.jpg) no-repeat center;overflow: hidden;}
#invideo #main{margin: 0 auto;	width: 1200px;height: auto;overflow: hidden;}
#invideo #main #video{float: left;	width: 730px;height: 420px;margin: 190px 0 0 325px; overflow: hidden;}

#in01 {float: left;	width: 100%;height: 660px;margin: 0;background: url(../images/in01_bg.jpg) no-repeat center;overflow: hidden;}
#in01 #main{margin: 75px auto 0 auto;	width: 1200px;height: auto;overflow: hidden;}
#in01 #main #limg{float: left;	width: 600px;margin: 40px 0 0 0; overflow: hidden;}
#in01 #main #rinfo{float: right;	width: 545px;overflow: hidden;}
#in01 #main #rinfo li{float: left;	width: 90px;margin: 10px 0; text-align: center;line-height: 20px;font-size: 15px; overflow: hidden;}
#in01 #main #rinfo .pbb{float: left;	width: 220px;height: 66px; margin: 30px 20px 0 10px; text-align: center; overflow: hidden;}

#in02 {float: left;	width: 100%;height: 660px;margin: 0;background: url(../images/in02_bg.jpg) no-repeat center;overflow: hidden;}
#in02 #main{margin: 80px auto 0 auto;	width: 1200px;height: auto;overflow: hidden;}
#in02 #main #tinfo{float: left;	width: 1200px;height: auto;overflow: hidden;}
#in02 #main #infoli{float: left;	width: 360px;height: auto;margin: 55px 0 0 100px; overflow: hidden;}
#in02 #main #infoli li{float: left;	width: 180px;height: auto;margin: 15px 0 0 0px;text-align: center;line-height: 20px;font-size: 20px;color: #fff; overflow: hidden;}

#in03 {float: left;	width: 100%;height: 660px;margin: 0;background: url(../images/in03_bg.jpg) no-repeat center;overflow: hidden;}
#in03 #main{margin: 135px auto 0 auto;	width: 1200px;height: auto;overflow: hidden;}
#in03 #main #limg{float: left;	width: 630px;margin: 0;text-align: center; overflow: hidden;}
#in03 #main #rinfo{float: right;	width: 555px;overflow: hidden;}
#in03 #main #rinfo li{float: left;	width: 170px;margin: 10px 0 10px 60px; text-align: center;line-height: 30px;font-size: 24px;color: #fff; overflow: hidden;}

#in04 {float: left;	width: 100%;height: auto;background: #f7f7f7; margin: 0;overflow: hidden;}
#in04 #main{margin:30px auto 0 auto;	width: 1200px;height: auto;overflow: hidden;}
#in04 #main .limg{float: left;	width: 588px;height: 661px;margin: 0 0 30px 0;overflow: hidden;}
#in04 #main .rimg{float: right;	width: 588px;height: 661px;margin: 0 0 30px 0;overflow: hidden;}
#in04 #main .rimg02{float: right;	width: 588px;height: 161px;margin: 0 0 5px 0;overflow: hidden;}
#in04 #pro{margin:30px auto 0 auto;	width: 1200px;height: auto;padding: 50px 0; background: #fff; overflow: hidden;}
#in04 #pro #limg{float: left;	width: 600px;height: auto;margin: 15px 0 0 0; text-align: center;font-size: 24px;line-height: 35px;color: #3e3a39; overflow: hidden;}
#in04 #pro #rinfo{float: left;	width: 520px;height: auto;overflow: hidden;}
#in04 #pro #rinfo .rt{float: left;	width: 100%;height: auto;margin: 0 0 15px 0; font-size: 20px;color: #3e3a39; overflow: hidden;}
#in04 #pro #rinfo .rt02{float: left;	width: 20%;height: auto;margin: 0 0 10px 0; font-size: 16px;color: #777; overflow: hidden;}
#in04 #pro #rinfo .rp{float: left;	width: 100%;height: auto;margin: 0 0 28px 0; overflow: hidden;}
#in04 #pro #rinfo .rb{float: left;	width: 185px;height: auto;margin: 0 55px 0 0; overflow: hidden;}

#about {margin:40px auto;width: 1200px;padding: 58px 0; height: auto;background:url(../images/in06_bg.png) no-repeat left; overflow: hidden;}
#about #lat{float: left;width: 375px;padding: 0 0 0 65px; height: auto;color: #a9c2eb;font-size: 14px;line-height: 30px; overflow: hidden;}
#about #rap{float: right;width: 720px;padding: 0; height: auto; overflow: hidden;}
#about #rap #lpic{float: left;width: 354px;padding: 0; height: auto; overflow: hidden;}
#about #rap #rpic{float: right;width: 343px;padding: 0; height: auto; overflow: hidden;}
#about #rap img{border: 3px solid #fff;}

/*flash*/

#banner {
	width: 100%;
	background: url(load.gif) no-repeat center;
	height: 650px;
}

.pro-switch {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 300px;
}

.cn_pro-switch {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 650px;
	z-index: 0;
}

.cn_flexslider {
	margin: 0;
	padding: 0;
}

.cn_flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.cn_flexslider .slides li {
	width: 100%;
	display: block;
	height: 650px;
}

.cn_flexslider .slides .img {
	width: 100%;
	display: block;
	height: 650px;
}

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides li {
	width: 100%;
	display: block;
	height: 300px;
}

.flexslider .slides .img {
	width: 100%;
	display: block;
	height: 300px;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

.slides {
	height: auto;
}

.no-js .slides > li:first-child {
	display: block;
}

.flexslider {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: auto;
	zoom: 1;
}

.cn_flexslider {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: auto;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.flexslider .slides {
	zoom: 1;
}

.cn_flexslider .slides {
	zoom: 1;
}

.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -20px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	margin-top: -45px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next,
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.cn_flexslider:hover .flex-next:hover,
.cn_flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
	-webkit-transition: width 0.5s ease-out;
	-moz-transition: width 0.5s ease-out;
	-o-transition: width 0.5s ease-out;
	transition: width 0.5s ease-out;
}

.flex-control-paging li a.flex-active {
	background: #003e89;
	cursor: default;
	width: 20px;
}





/*foot*/

.foot {
	width: 100%;
	overflow: hidden;
	float: left;
	position: relative;
}

.foot_m {
	width: 100%;
	padding: 54px 0 40px;
	background: #222;
	overflow: hidden;
}
.foot_left{float: left;width: 450px;}
.foot_right{float: right;padding-top: 10px;}
.qrcode{width: 125px;float: right;text-align: center;margin-left: 250px;padding-top:15px;}
.qrcode p{text-align: center;line-height: 30px;color: #eee;}
.foot_right h3{line-height: 1;color: #eee;font-size: 26px;padding-top: 35px;}
.foot_right p{color: #eee;font-size: 14px;line-height: 1.8;}
.foot_right b{color: #eee;font-family:"gothic";font-size: 31px;}
.foot_right em{display:inline-block;width: 30px;}
.foot_left img{padding-bottom: 25px;display: block;}
.foot_left p{color: #eee;line-height: 1.8;}
.foot .footer {
    line-height: 40px;
    text-align: left;
    color: #666;
    clear: both;
    background: #000;
}
.foot .footer .la {
    display: inline-block;
    float: right;
    line-height: 40px;
    color: #666;
}