@charset "utf-8";

/* CSS Document */




html, body {

	margin: 0 auto;

	padding: 0px;

	font-size: 12px;

	color: #999;

	Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; 

	overflow-x: hidden;

}

body {

	overflow: hidden

}

a {

	text-decoration: none;

}

a:hover {

	color: #e1a624;

}

img {

	border: none

}

ul {

	padding: 0px;

	margin: 0px;

}

li {

	list-style: none

}

.clear {

	clear: both

}


/*  common style  */

@font-face { font-family:"HelveticaNeueLT Pro 33 ThEx"; src:  url(../font/HelveticaNeueLTPro-ThEx.otf); font-family: "icomoon"; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }

@font-face { font-family: 'BebasRegular'; src: url("../img/footerbox/bebas.eot"); src: url("../img/footerbox/bebas.eot") format("embedded-opentype"), url("../img/footerbox/bebas.woff") format("woff"), url("../img/footerbox/bebas.ttf") format("truetype"), url("../img/footerbox/bebas.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: "impact"; src: url("../font/impact.eot"); src: url("../font/impact.eot?#iefix") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }

@font-face { font-family: "ARVO-REGULAR"; src: url("../font/ARVO-REGULAR.eot"); src: url("../font/ARVO-REGULAR.eot?#iefix") format("embedded-opentype"), url("../font/ARVO-REGULAR.woff") format("woff"), url("../font/ARVO-REGULAR.ttf") format("truetype"), url("../font/ARVO-REGULAR.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: "UniversLTStd-Black.otf"; src: url("../font/UniversLTStd-Black.otf");text-transform: none; font-style: normal; }

@font-face { font-family: "UniversLTStd-CnObl.otf"; src: url("../font/UniversLTStd-CnObl.otf");text-transform: none; font-style: normal; }

@font-face { font-family: "UniversLTStd.otf"; src: url("../font/UniversLTStd.otf");text-transform: none; font-style: normal; }



@font-face { font-family: "calibri.ttf"; src: url("../font/calibri.ttf");text-transform: none; font-style: normal; }

@font-face { font-family: "calibrib.ttf"; src: url("../font/calibrib.ttf");text-transform: none; font-style: normal; }

@font-face { font-family: "calibrii.ttf"; src: url("../font/calibrii.ttf");text-transform: none; font-style: normal; }



@font-face { font-family: "UniversLTStd_0.otf"; src: url("../font/UniversLTStd_0.otf");text-transform: none; font-style: normal; }

@font-face { font-family: "UniversLTStd-BlackEx_0.otf"; src: url("../font/UniversLTStd-BlackEx_0.otf");text-transform: none; font-style: normal; }



body { line-height: 1.5; font-family: "calibri.ttf",Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 14px; color: #606060; overflow-x: hidden; background:#efefef}







/** menu **/



.header {width: 100%;	height: 50px;	background: #000;	margin: 0 auto;	position: fixed;	z-index: 6666666;	left: 0px;	top: 0px;}

/*banner*/

#banner {	width: 100%;}

#full-screen-slider {	width: 100%;	height: 700px;	position: relative}



.menu {	width: 700px;	float: right;}

.menu li {	line-height: 50px;	float: right;	width: 80px;	border-right: 1px solid #2d2d2d;	color: #fff;	margin: 0px;	text-align: center;	font-family: Arial;	font-size: 11px;}

.menu li a {	color: #FFF;}

.menu li.input {	width: 130px;	height: 25px;	margin-left: 10px;}

.menu li.input input {	border: none;	background: url("../images/search.png") no-repeat;	width: 130px;	height: 25px;}

.daohang_box {

	width: 1000px;

	margin: 0 auto;

}

a, b, p, li, *:before, *:after, #gotop, .message ul li label, .message input[type=submit], .message input[type=reset], #chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }



#footer .top .bot_case ul li a, .message .title .tr, .news .item .info .title { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }



button, input, optgroup, select, textarea, label, .toolMask .toolTop, .slideList li, .share a:before, #container, #logo, #index_main > .box, .message .title .tl, .message .title .tr, .message ul, .procon .tag .tagList li, #footerToolBar li, #MLcon .aside > li .cc { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }

.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }

.justify .line { display: inline-block; height: 0px; overflow: hidden; }

.justify > * { text-align: left; font-size: 14px; }

.justify .box { display: inline-block; vertical-align: top; }

.box.justify { text-align: justify; }





/*  reset style  */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }



input:focus, textarea:focus, button:focus, area:focus { outline: none; }



*:before, *:after { text-align: inherit; }



fieldset, img, abbr, acronym, a img { border: 0px none; }



ol, ul, li, figure { list-style: none; }



address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }



caption, th { text-align: left; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }



q:before, q:after { content: ''; }



table { border-collapse: collapse; border-spacing: 0; }

table td, table th { text-align: center; padding: 5px; word-wrap: break-word; word-break: break-all; }

table th { background: #ddd; font-weight: bold; }



img { max-width: 100%; height: auto; width: auto\9; }



button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }



button { overflow: visible; }



textarea, pre { overflow: auto; }



button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }



a[href], label[for], select { cursor: pointer; }



a, input, div, textarea, span { -webkit-tap-highlight-color: transparent; }



a { text-decoration: none; color: #333; }



a:active, a:hover { outline: 0; }



sup, sub { vertical-align: baseline; position: relative; font-size: 75%; }



sup { top: -0.5em; }



sub { bottom: -0.25em; }



svg:not(:root) { overflow: hidden; }



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }



audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }



audio:not([controls]) { display: none; height: 0; }



[hidden], template { display: none; }



.share a { display: inline-block; vertical-align: middle; padding:0; margin:0}

.share a:before { font-family: icomoon; color:#fff;  }

.share .sharefb a:before { content: '\e62c'; }

.share .sharetw a:before { content: '\e62b'; }

.share .sharein a:before { content: '\e630'; }

.share .sharegl a:before { content: '\e62d'; }

.share .shareyt a:before { content: '\e633'; }

.share .shareyt2 a:before { content: '\e62a'; }



/* input[type="text"] , textarea{ color:#999; text-align:left;}

input[type="text"].focusOn , textarea.focusOn{ color:#333;} */

input[type="text"], textarea { text-align: left; background: transparent; }



input[type="text"]:focus, input[type="text"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }



.center { width: 1300px; max-width: 100%; margin: 0 auto; position: relative; }

@media screen and (max-width: 1300px) { .center { width: 95%; } }



.position{ position: relative;}

/* top */

#top { background:#000000; padding:10px 0; width:100%;  width:100% ;}

#top .share{ float:right; padding:0 20px}

#top .share a{ font-size:28px; padding:0 10px}

#top .share .facebook:before { content: '\e62c'; color:#355598; }

#top .share .twitter:before { content: '\e62b'; color:#22c0e0;font-size:26px; }

#top .share .google:before { content: '\e62d'; color:#c13f2b }

#top .share .youtube:before { content: '\e634'; color:#df3b3b }

#top .share .linkedin:before { content: '\e630'; color:#898989 }





.show { background:#0080cb;  display: inline-block;  height: 26px;  line-height: 26px; position: relative;  text-align: left; width: 116px; z-index:90; font-size:15px; color:#fff; padding-left:10px; float:right;}

.show a { color: #fff;}

.hidden {  left: 0; padding: 3px 0px 0;  position: absolute;  top: 26px; width:100%; z-index:1000 }

.hidden a { display: inline-block; vertical-align: middle;  width: 100%;  background:#c4d2e1; margin-bottom:1px; text-indent:10px  }

.show:after {

    -moz-border-bottom-colors: none;  -moz-border-left-colors: none;

    -moz-border-right-colors: none;    -moz-border-top-colors: none;

    border-color: #fff transparent transparent;    border-image: none;

    border-style: solid;    border-width: 5px;

    content: "";    height: 0;

    margin-left: 5px;   overflow: hidden;

    position: absolute;    top: 13px;    width: 0; right:20px

}

@media screen and (max-width: 940px) { #top { margin-top:40px } }

@media screen and (max-width: 640px) {

	 #top .share a{ font-size:20px; padding:0 10px}

	 #top .share .twitter:before { font-size:20px; }

 }

 @media screen and (max-width: 480px) {

	 #top .share{ padding:0; width:100%; float:none; margin:0 auto; text-align:center; padding:10px 0}

	.show{ left:50%; float:none; margin-left:-60px}

	

 }







#menu { display: none; position: fixed; top:0px; left: 0; background: #585858; border-bottom: 2px solid #ddd; font-size: 20px; color: #fff; padding: 3px 0; cursor: pointer; width: 100%; text-transform: capitalize; text-align: center; z-index: 960; left: 0; font-weight: bold; }

#menu:after { content: '\e637'; display: inline-block; font-family: icomoon; font-size: 22px; color: #fff; margin-left: 5px; vertical-align: middle; font-weight: normal; }

@media screen and (max-width: 940px) { #menu { display: block; }}



#head {  position:absolute; width:100%; z-index:6; background:url(../images/head_bg.png) center top no-repeat; min-height:123px; padding-top:45px;  }

#head .center{ width:1100px}

@media screen and (max-width: 1100px) { #head .center{ width:95%}}

@media screen and (max-width: 940px) { #head { padding-top: 41px; } }

@media screen and (max-width: 640px) { #head { text-align: center; } }



#pc_logo { overflow: hidden; }

#pc_logo a { display: block;   }

#pc_logo a img{ width:100%}



#logo { overflow: hidden; display:none;   width:100% ; z-index:5; text-align: center }

#logo a { display: block;   }

#logo a img{ max-width:220px}





@media screen and (max-width: 1300px) { #pc_logo { width: 16%; margin-bottom: 0; }}

@media screen and (max-width: 940px) {

	#logo{ display:block; width:25%; padding:0 10px; float:left}

	#pc_logo{ display: none}

	#head{ display: none} 

	 #head #logo{ display: none} 

}

@media screen and (max-width: 480px) {

	 #logo{ width:100%; margin-bottom:10px}

	

 }



#headRight { text-align: right; width:75% }

#headRight .lang { padding-top: 25px; margin-bottom: 27px; }

#headRight .lang a { color: #fff; font-size: 12px; margin-right: 15px; margin-bottom: 10px; display: inline-block; }

#headRight .lang a:hover { color: #585858; }

#headRight .lang img { display: inline-block; vertical-align: middle; margin-right: 7px; }

@media screen and (max-width: 640px) { #headRight { width: 100%; text-align: center; } }





#pc_nav {  text-align: left; position: relative; margin-top:10px;}

#pc_nav ul.listnav { display: inline-block; }

#pc_nav ul.listnav > li { float: left;padding:0 25px; }

#pc_nav ul.listnav > li > a {color: #3a312c; font-size:20px;  display: block; border-bottom:2px solid none; padding-bottom:5px;font-family:Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

#pc_nav ul.listnav > li:hover a, #nav ul.listnav > li.selected > a {color: #0080cb;border-bottom:2px solid #0080cb}

#pc_nav ul.listnav > li > ul { position: absolute; top: 100%; right: 0; width: 80%; z-index: 20; background: #fff; padding: 35px 0 25px 0; box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.2); display: none; }

#pc_nav ul.listnav > li:hover > ul { display: block; }

#pc_nav ul.listnav > li > ul > li { width: 25%; text-align: center; margin-bottom: 10px; }

#pc_nav ul.listnav > li > ul > li .title {background:none; color: #585858; font-size: 15px; /*text-transform: uppercase;*/ font-weight: bold; display: block; margin-bottom: 5px; border-radius:0 }



#nav {  text-align: left; position: relative; margin-top:10px;display: none;}

#nav ul.listnav { display: inline-block; }

#nav ul.listnav > li { float: left;padding:0 30px; }

#nav ul.listnav > li > a {color: #3a312c; font-size:20px;  display: block; border-bottom:2px solid none; padding-bottom:5px;font-family:Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

#nav ul.listnav > li:hover a, #nav ul.listnav > li.selected > a {color: #0080cb;border-bottom:1px solid #0080cb}

#nav ul.listnav > li > ul { position: absolute; top: 100%; right: 0; width: 80%; z-index: 20; background: #fff; padding: 35px 0 25px 0; box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.2); display: none; }

#nav ul.listnav > li:hover > ul { display: block; }

#nav ul.listnav > li > ul > li { width: 25%; text-align: center; margin-bottom: 10px; }

#nav ul.listnav > li > ul > li .title {background:none; color: #585858; font-size: 15px; /*text-transform: uppercase;*/ font-weight: bold; display: block; margin-bottom: 5px; border-radius:0 }

@media screen and (max-width: 1300px) {#nav ul.listnav > li > a { font-size: 14px; padding-left: 20px; }}

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

#pc_nav { display: none;}

#nav { position: fixed; left: 0; top: 41px; width: 100%; z-index:10001; background: #313131; display: none; margin-top:0 }

  #nav ul.listnav > li { width: 25%; background:none; }

  #nav ul.listnav > li > a{ width: 100%; padding-left: 0; text-align: center; padding:12px 0; border-bottom: 1px solid #2D2B2B; border-top: 1px solid #3D3B3B; border-left: 1px solid #2D2B2B; border-right: 1px solid #3D3B3B; color:#fff ;} 

  #nav ul.listnav{ width:100%}

  #nav ul.listnav > li:hover a, #nav ul.listnav > li.selected > a {color: #0080cb;}

  }

@media screen and (max-width: 740px) { 



  #nav { position: fixed; top: 38px; z-index: 802; width: 100%; display: none; }

  #nav .center { width: 100%; }

  #nav ul.listnav { display: block; }

  #nav ul.listnav > li { width: 50%;  padding:0px  }

  #nav ul.listnav > li a {}

  #nav ul.listnav > li:hover > ul { display: none; } 

}



@media screen and (max-width: 540px) {

#nav ul.listnav > li { width: 100%;  padding:0px  }

#nav ul.listnav > li > a { padding-left:0} 

}



#head .search { display: inline-block; float:right}

#head .search form { background: #5d5d5d none repeat scroll 0 0;  display: block;  margin-right: 15px;  position: relative; height:32px;}

#head .search input[type="text"] {  border: 0 none; padding-left: 5px;  padding-right: 30px;width: 300px; background:#5d5d5d; line-height:30px;}

#head .search input[type="submit"] {  background: rgba(0, 0, 0, 0) url("../images/search_bg.jpg") no-repeat scroll center center;

    border: 0 none;  height: 30px; outline: medium none; position: absolute; right: 5px; top: 0; width: 34px;}

#head .search label { color: #acacac; font-size: 12px;  left: 5px; position: absolute;  top: 2px;  z-index: -1;}







@media screen and (max-width: 540px){

#head .search { width:100%;}

#head .search form {width:100%; }

#head .search input[type="text"] { width:90%;}

}

/** /menu  **/





/*four_stage*/



#bannerpic {overflow: hidden;	position: relative;	left: 0px;	top: 0px;}

#bannerpic ul {	float: left;	position: absolute;	clear: both;	padding: 0px;	margin: 0px;}

#bannerpic ul li {	float: left;	overflow: hidden;	position: relative;	padding: 0px;	margin: 0px;}

.xianqing {	width: 500px;	height: 350px;	position: absolute;	left: 50%;	margin-left: -250px;	top: 50%;	margin-top: -100px;}

.xqtitle {	width: auto;	height: auto;	text-align: center;	line-height: 50px;	font-family: Arial, Helvetica, sans-serif;	font-style: italic;	font-size: 20px;	letter-spacing: 5px;	color: #e1a624;}

#bannerpic .preNext {	width: 100px;	height: 50px;	position: absolute;	top: 50%;	margin-top: -25px;	cursor: pointer;}

#bannerpic .pre {	left: 50px;	background: url("../images/sprite.png") no-repeat left center;}

#bannerpic .next {	right: 50px;	background: url("../images/sprite1.png") no-repeat right center;}

.xqcpfl {	width: auto;	height: auto;	padding-top: 40px;ont-size: 30px;color: #fff;letter-spacing: 3px;font-style: normal;	font-weight: bold;}

.xqcpfl span {	line-height: 0px;	font-family: Arial, Helvetica, sans-serif;	font-size: 15px;	color: #fff;	letter-spacing: 0px;	line-height: 40px;}

.chakan {	width: 160px;height: 70px;margin: 0 auto;font-size: 15px;	color: #fff;	letter-spacing: 0px;	margin-top: 40px;	line-height: 50px;}

.chakan a:hover {	padding-left: 30px;	display: block;	background: url("../images/chakan.png") no-repeat 20px center #fff;	

	font-size: 15px;	color: #da1428;	letter-spacing: 0px;}

.chakan a {	color: #fff;	padding-left: 30px;	display: block;	background: url("../images/chakan1.png") no-repeat 20px center #da1428;}



.tit { text-align:center; font-size:40px; color:#121011;}

.two_box {	width: 100%;margin: 0 auto;z-index: 99999;}

.two_box .chanpin{ padding:6% 0 5% 0}

.two_box .tit{ background:url(../images/product_title_bg.jpg) center top no-repeat; width:1400px; color:#5d5d5d; font-size:48px; line-height:106px; font-family: "calibrib.ttf"; }



.two_box .box{ width:23%}

.two_box .box .title_two{color:#606060; font-size:19px; text-align:left; text-transform:uppercase; margin-top:30px;display: block; padding-right:55px}



@media screen and (max-width: 1400px){	 .two_box .tit{  width:100%; }}

@media screen and (max-width: 940px){

	.two_box .box{ width:48%}

	.two_box .box .title_two{ margin:15px 0}

}



#wrap_two { background: url("../images/banner2.jpg") center  no-repeat;   padding:9% 0 4% 0; text-align:center}

#wrap_two .tit{font-family: "arial"; font-size:35px; color:#3c3c3b; letter-spacing:-2px; text-transform: uppercase;}

#wrap_two .tip {   display: inline-block;   vertical-align: middle;   width: 100%;}

#wrap_two .tip p {   color: #fff;   display: block;   font-size: 16px;   line-height: 1;   text-align: center; color:#3c3c3b; line-height:27px  }

#wrap_two  a{ background:#428bca; color:#FFF; font-size:16px; padding:15px 27px; border-radius:20px; }

#wrap_two  a:after {  content: '\e659'; color: #fff; font-family: icomoon; font-size:12px; }



/*for-majors*/

.major-list-outer {	overflow: hidden}

.major-list {}

.major-list li {width: 330px;height: 200px;	float: left;	position: relative; }

.major-list li.big{width: 660px;}

.major-list li a, .major-list li a span {	width: 100%;height: 100%;	display: block;	position: absolute;	left: 0;	top: 0}

.front-face {	z-index: 2;/*background: url("../images/product_bg.jpg") no-repeat 0 0*/}

.back-face {	z-index: 1;	/*background: url("../images/majors_back.png") no-repeat 0 0*/}

.prodcut_tit{filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/ }

.major-list li a {overflow: hidden}

.major-list li:hover a .back-face {z-index: 3;	background:#f79800;	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ }

.major-list li:hover a .prodcut_tit{ 	color:#fff;font-size:17px;z-index: 4; text-align:center;

	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/ 

	}

.major-list li:hover a .prodcut_tit p{ width:80%; left:10%; border-bottom:1px solid #FFF; border-top:1px solid #FFF; padding:5px 0; top:50%; position: absolute; margin-top:-10px}

#dx .front-face, #dx .back-face {	background-position: 0 0}

#rj .front-face, #rj .back-face {background-position: -320px 0}

#jx .front-face, #jx .back-face {background-position: -640px 0}

#gdz .front-face, #gdz .back-face {	background-position: 0 -200px}

#jsj .front-face, #jsj .back-face {	background-position: -320px -200px}

#kz .front-face, #kz .back-face {	background-position: -640px -200px}



@media screen and (max-width: 740px){

.major-list li {width: 50% }

.major-list li.big{ }

/*for-majors ending here*/

}

@media screen and (max-width: 660px){.major-list li.big{ width:100% }}

@media screen and (max-width: 330px){.major-list li {width: 100% }}



.sub2_main {width:100%; 	}

.sub2_main ul {width:100%; }

.sub2_main ul li, .sub4_main ul li { width:33%; margin-top:8%; text-align:center; border-right:1px solid #c8c8c8}

.sub2_main ul li .tit, .sub4_main ul li .tit { width:100%; margin-bottom:10px; text-align:left}

.sub2_main ul li .img{ width:72%; margin:0 auto}

.sub2_main .sub2_text {line-height:21px;  color:#606060; font-size:15px; line-height:15px	}

.sub2_main .sub2_text a.more{ background:#428bca; color:#FFF; font-size:16px; padding:15px 27px; border-radius:20px }

.sub2_main .sub2_text a.more:after {  content: '\e659'; color: #fff; font-family: icomoon; font-size:12px; }

#content .sub2_main .sub2_text:hover {color:#000000;}

#content .sub4_main p {margin-top:0px;margin-bottom:5px;text-align:center; }

#content .sub5_main {	margin-top:40px;}



.three_box {	width:100%;	margin:0 auto;	padding-bottom:7%	}

.three_box .tit{ font-size:18px; color:#ffffff; text-align:center; height:105px; }

.three_box .tit span{ background:#5d5d5d; border-radius:50px; display:block; text-align:center; width:90px; height:90px; line-height:90px; margin:0 auto }



.three_box .contact{ border:0}

.three_box .contact .tit span{ background:url(../images/contact_ico.png) center no-repeat #5d5d5d}

.three_box .contact .tit2{ font-size:35px; line-height:30px}

.three_box .contact .line{ width:20%; margin:0 auto; height:1px; background:#b1b1b1; }

.three_box .contact .sub2_text p{ line-height:25px}

.three_box .contact .sub2_text .contact_text{min-height:210px; line-height:25px}



.contsub2 {	background:url("../images/sub51.png") no-repeat right bottom;	background-color:#222222;}

.four_box {	width:100%;	margin:0 auto;}

.liuyan {	width:1000px;	margin:0 auto;}

@media screen and (max-width: 1300px){}

@media screen and (max-width: 1000px){.sub2_main ul li, .sub4_main ul li{ width:48%; }}

@media screen and (max-width: 940px){.sub2_main ul li, .sub4_main ul li{ width:100%; border:0}}

@media screen and (max-width: 540px){.sub2_main ul li, .sub4_main ul li{width:100%}}

/*footer*/

#footer { background: #000000;text-overflow: ellipsis; overflow: hidden; display: block; color:#FFF; width:100%  }



#footer.close { padding-bottom: 15px; }

#footer a { color: #fff; }

#footer a:hover { color: #0080cb; }

#footer .footBanner{background: url(../images/footer_bg.jpg) center top no-repeat #222222; width:100%; height:120px; font-size:42px; color:#FFF; 

font-family: "calibrii.ttf"; line-height:120px; }

#footer .footBanner .footlogo{ width:45%; float:left; padding-top:30px}

#footer .footBanner .footlogo img{ max-width:347px; float:right}

#footer .footBanner p{ width:50%; float:right}

#footer .footTop { background:  #222222; padding-top:3%; position:relative}



#footer .footTop .center { position: relative; padding-bottom: 52px; padding-top: 11px; width:1200px }



#footer .footTop .center > div { margin-top: 1.45455%; padding-top: 16px; font-size:17px; line-height:23px  }

#footer .footTop .center > div .title{font-family: "calibrib.ttf"; font-size:21px; color:#428bca;}

 

#footer .footTop .contact{ width:42%}

#footer .footerList.footerForm { width: 20%; padding-left:9% }

#footer .footerList.footerForm li { padding-bottom: 9px; margin-bottom: 0; }

#footer .footerList.footerForm li input, #footer .footerList.footerForm li textarea { font-size: 12px; color: #fff; padding: 5px 6px; line-height: 15px; border: 0px none; background: #878787; width: 100%; }

#footer .footerList.footerForm li textarea { height: 48px; max-width: 100%; display: block; }

#footer .footerList.footerForm li img { vertical-align: middle; margin-left: 5px; height: 26px; cursor: pointer; }

#footer .footerList.footerForm li input[name="code"] { width: 30%; min-width: 71px; }

#footer .footerList.footerForm li input[type="submit"], #footer .footerList.footerForm li input[type="reset"] { width: 71px; height: 21px; line-height: 21px; text-align: center; padding: 0px; margin-top: 6px; border-radius: 4px; overflow: hidden; }

#footer .footerList.footerForm li input[type="submit"]:hover, #footer .footerList.footerForm li input[type="reset"]:hover { background: #343434; }

#footer .footerList.footerForm li input[type="submit"] { margin-right: 16px; }

#footer .footerList.footerForm form { max-width: 320px; }

.searchForm {  max-width: 100%;   position: relative;}

.searchForm .search {    background: #fff none repeat scroll 0 0;    border: 0 none;    width: 100%;left: 0;    position: absolute;}

.searchForm .searchBtn {    border: 0 none;    position: absolute;    right: 0;    top: 0;}

#footer .socialList ul { width: 100px; margin-right: -12px; }

#footer .socialList ul li { float: left; margin-right: 12px; }





#footer .share li { display: inline-block; float:left }

#footer .footerList .title { font-size: 17px; color: white; line-height: 1;   }

#footer .footerList li { line-height: 1.5;  font-size:17px }

#footer .footerLogo { width:20%; padding-bottom: 17px; }

#footer .footerLogo .center{ width:100%; float:left; padding-bottom:20px}

#footer .footerLogo a.logo{ float:left;}

#footer .footerLogo ul{ float:left; width:55%}

#footer .share li a{ margin-top:5px; margin-right:20px; margin-bottom:10px}

#footer .footerLogo p { font-size: 18px; color: white; line-height: 1.2; margin-top: 14px; width:100%;text-transform: uppercase }

#footer .footerLogo .searchForm { margin-top: 12px; width: 100%; }

#footer .footerLogo .searchForm .search { height: 28px; padding: 2px 5px; background: #fff; line-height: 24px; color: #444; }

#footer .footerLogo .searchForm .searchBtn { width: 73px; height: 28px; line-height: 28px; text-align: center; background: #343434; color: #fff; }

#footer .footerPro { width: 16%; }

#footer .footershare{width: 26%; }

#footer .share{ margin-top:20px}

#footer .share li{ margin-right:20px}

#footer .share a { background:#428bca; border-radius:60px; width:60px; height:60px; text-align:center; line-height:60px; text-align: center; overflow: hidden;  font-size:36px; color: #fff;  }

#footer .footBot { color: #5d5d5d; text-transform: uppercase; font-size:17PX; font-weight:700; text-align:center }

#footer .footBot p { padding: 19px 4%; }

#footer .footBot span, #footer .footBot i { display: inline-block; vertical-align: top; }

#footer .footBot span { padding-right: 1%; }

#footer .footBot i, #footer .footBot i a { color: #fff; float:right; font-style:normal }

@media screen and (max-width: 1100px) {

	#footer{ width:100%}

	 #footer .footTop .center { padding-bottom: 4.72727%; width:95%}

	 #footer .footBanner .footlogo{ width:48%; }

	#footer .footBanner p{ width:48%;}

}

@media screen and (max-width: 800px) {

	#footer .footTop { background: #676767;}

	 #footer .footTop .footerLogo, #footer .footTop .footerList, #footer .footTop .footerForm { width: 47%; max-width: none; }

  #footer .footTop .footerList.socialList { width: 100%; }

  #footer .socialList ul { width: auto; }

  #footer .footerLogo { padding-right: 0; }

  #footer .footerLogo:after { display: none; }

  #footer .footTop .box{ width:45%; padding-left:0 }

  #footer .footBanner{ text-align: center}

  #footer .footBot{ padding:10px 0}

  #footer .footBot p { padding:5px 4%; }

   }

@media screen and (max-width: 500px) { 

#footer .footBanner{ height:200px; text-align:center; background:#428bca}

 #footer .footBanner .footlogo{ width:100%;  }

 #footer .footBanner .footlogo img{ float:none}

	#footer .footBanner p{ width:100%; line-height:100px}

#footer .footTop .footerLogo, #footer .footTop .footerList, #footer .footTop .footerForm { width: 100%; }

 #footer .footTop .box{ width:100%; padding-left:0 }}











#gotop { cursor: pointer; position: fixed; display: block; width: 35px; height: 41px; color: #fff; font-size: 14px; text-align: center; background: url("../../images/black.png") repeat; background: rgba(0, 0, 0, 0.6); opacity: 0.6; bottom: 7%; right: 2%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; z-index:1000 }



#gotop:hover { background-color: rgba(0, 0, 0, 0.9); opacity: 0.9; }



#gotop:before { content: "\e627"; display: block; font-family: icomoon; text-align: center; background-image: none; font-size: 12px; margin-top: 2px; height: 16px; }











/* toolmask and chatToolBox */

body.clear { overflow: hidden; }



#footerToolBar { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 48px; background: #232323; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; z-index: 999; }



#footerToolBar #footerBarClose { width: 100px; height: 24px; position: absolute; top: -24px; left: 50%; margin-left: -50px; cursor: pointer; display: none; }



#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 12px; color: #fff; text-align: center; line-height: 20px; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #232323; border-radius: 4px 4px 0px 0px; overflow: hidden; }



#footerToolBar li { width: 20%; height: 45px; float: left; text-align: center; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; margin-top: 2px; }



#footerToolBar li a { display: block; height: 45px; color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; filter: alpha(opacity=80); opacity: 0.8; padding-top: 1px; }



#footerToolBar li a:before { content: ''; width: 30px; height: 20px; margin: 4px auto; display: block; background: url("../images/footer-tool.png") no-repeat; background-size: 149px; }



#footerToolBar li:first-child { border-left: 0px none; }



#footerToolBar .footerBarPro a:before { background-position: -120px 0px; }



#footerToolBar .footerBarTel a:before { background-position: -90px 0px; }



#footerToolBar .footerBarEmail a:before { background-position: 0px 0px; }



#footerToolBar .footerBarMessage a:before { background-position: -30px 0px; }



#footerToolBar .footerBarShare a:before { background-position: -60px 0px; }



#footerToolBar.close { bottom: -43px; }



#footerToolBar.close #footerBarClose:before { content: '\e627'; }



.toolMask { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; background: #f7f7f7; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; display: none; overflow-x: hidden; overflow-y: hidden; z-index: 1200; margin-left: 100%; }



.toolMask, .toolMask a { color: #333; }



.toolMask.moveLeft { margin-left: 0; }



.toolMask .toolTop { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 46px; line-height: 45px; font-size: 18px; text-align: center; border-bottom: 1px solid #ddd; background: #fcfcfc; padding-right: 32px; }



.toolMask .toolContent { position: absolute; top: 45px; width: 100%; left: 0; bottom: 5px; overflow-y: scroll; background: #f7f7f7; }



.toolMask .toolContent > ul > li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 1.2; text-transform: capitalize; position: relative; }



.toolMask .toolContent > ul > li a { display: block; padding-top: 12px; padding-bottom: 12px; padding-right: 20px; }



.toolMask .toolContent > ul > li > a { padding-left: 20px; }



.toolMask .toolContent > ul > li.selected { background: #eee; border-bottom: 3px solid #dadada; }



.toolMask .toolContent > ul > li.selected > a { background: #eee; font-weight: bold; }



.toolMask .toolContent > ul > li.hasUl > a:after { content: '\e622'; font-family: icomoon; color: #999; font-size: 18px; position: absolute; width: 12px; height: 18px; line-height: 18px; text-align: center; right: 10px; top: 13px; font-weight: normal; }



.toolMask .toolContent > ul > li ul { display: none; }



.toolMask .toolContent > ul > li ul li { border-top: 1px dotted #ccc; font-size: 12px; }



.toolMask .toolContent > ul > li ul li a { padding-left: 36px; }



.toolMask .toolContent .ToolListTitle { font-size: 15px; padding: 10px; font-weight: bold; background: #e4e4e4; }



.toolMask .toolContent > ul:last-child { padding-bottom: 15px; }



.toolMask .toolContent > ul:last-child:last-child { padding-bottom: 30px; }



.toolMask #toolCloseBtn { position: absolute; right: 0; top: 0; width: 55px; height: 42px; cursor: pointer; z-index: 1210; }



.toolMask #toolCloseBtn:before { content: "\e60e"; font-family: icomoon; font-size: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; overflow: hidden; color: #fff; background: #aaa; position: absolute; top: 5px; right: 5px; }



.toolMask #toolCloseBtn:hover:before { background: #bbb; }



#chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; position: fixed; width: 110px; bottom:120px; right: -5px; line-height: 1.5; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; color: #fff; z-index: 999; }



#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }



#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }



#chatToolBox i { font-style: normal; }



#chatToolBox li { list-style: none; padding-right: 5px; }



#chatToolBox #chatToolMail a { font-size: 40px; line-height: 44px; letter-spacing: -1px; padding-top: 28px; padding-bottom: 22px; font-family: BebasRegular ,'Arial Narrow' ,Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }



#chatToolBox .chatToolContact { font-size: 16px; background: #444444; margin-top: 5px; text-transform: capitalize; padding: 6px 0; }



#chatToolBox:hover { right: 0; }



#chatToolBox #chatToolMail i { position: absolute; top: 0; width: 100%; height: 28px; line-height: 28px; text-align: center; background: transparent; cursor: pointer; }



#chatToolBox #chatToolMail i:before { content: '\e63d'; font-size: 24px; font-family: icomoon; }



#chatToolBox.hiddenRight { right: -110px; padding-left: 28px; }



#chatToolBox.hiddenRight #chatToolMail i { width: 28px; height: 60px; line-height: 60px; left: 0; background: inherit; top: 20px; }



#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }



#chatToolMail { background: #323232; }



#chatToolBox .chatToolContact {   background: #333 none repeat scroll 0 0;   font-size: 16px;   line-height: 1.25;   margin-top: 5px;   text-transform: capitalize;}

#chatToolBox .chatToolContact a {  }

#chatToolBox .chatToolContact a img {   margin-right: 10px;    vertical-align: middle;    width: 24px;}





@media screen and (max-width: 760px) { #chatToolBox { display: none; }

  #footerToolBar, #footerToolBar, .toolMask { display: block; } 

  #footer{ padding-bottom:10%}

  

  }

/*FooTable*/

.footable { width: 100%; border-collapse: collapse; border-spacing: 0; }



table.footable td, table.footable th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; }



@media screen and (max-width: 900px) { table.footable td, table.footable th { text-align: left; } }

table.footable .footable-row-detail-cell { background: #fff; }



table.footable th { background: #ddd; font-weight: bold; }



.footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: none; }



.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65a"; }



.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }



.footable.breakpoint > tbody > tr > td.footable-cell-detail { background: #eee; border-top: none; }



.footable.breakpoint > tbody > tr > td > span.footable-toggle { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 5px; font-size: 14px; color: #999; }



.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { content: "\e659"; }



.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65e"; }



.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before { content: "\e65d"; }



.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65c"; }



.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e65b"; }



.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e660"; }



.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before { content: "\e65f"; }



.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e61a"; }



.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before { content: "\e61b"; }



.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e00f"; }



.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before { content: "\e666"; }



.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e636"; }



.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before { content: "\e635"; }



.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66e"; }



.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before { content: "\e670"; }



.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e662"; }



.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e664"; }



.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e622"; }



.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before { content: "\e624"; }



.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66a"; }



.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before { content: "\e66c"; }



.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle { font-size: 18px; }



.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle { font-size: 24px; }



.footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }



.footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }



.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before { content: "\e636"; }



.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before { content: "\e656"; }



.footable > thead > tr > th > span.footable-sort-indicator { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-left: 5px; }



.footable > thead > tr > th > span.footable-sort-indicator:before { content: "\e671"; }



.footable > tfoot .pagination { margin: 0; }



.footable.no-paging .hide-if-no-paging { display: none; }



.footable-row-detail-inner { display: table; }



.footable-row-detail-row { display: table-row; line-height: 1.5em; }



.footable-row-detail-group { display: block; line-height: 2em; font-size: 1.2em; font-weight: bold; }



.footable-row-detail-name { display: table-cell; font-weight: bold; padding-right: 0.5em; }



.footable-row-detail-value { display: table-cell; }



.footable-odd { background-color: #f7f7f7; }



/*  404  */

body.fofGray { background: #adb4bf; }



.fofContainer img, .fofContainer input, .fofContainer textarea, .fofContainer select, .fofContainer button, .fofContainer table, .fofCenter, .fofWrap input, .fofSearch, .fofLeft img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.fofCenter, .fofCenter .fofRight > dl { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }



.fofCenter:after, .fofCenter .fofRight > dl:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }



.fofCenter .line, .fofCenter .fofRight > dl .line { display: inline-block; height: 0px; overflow: hidden; }



.fofCenter > *, .fofCenter .fofRight > dl > * { text-align: left; font-size: 12px; }



.fofCenter .box, .fofCenter .fofRight > dl .box { display: inline-block; vertical-align: top; }



.box.fofCenter, .fofCenter .fofRight > dl.box { text-align: justify; }



.fofContainer { width: 97%; max-width: 942px; margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 35px; font-family: Arial, Helvetica,San-serif, 'Microsoft YaHei', SimSun; font-size: 12px; line-height: 1.75; }



.fofContainer a { text-decoration: none; color: #9099a2; }



.fofContainer a:hover { color: #9099a2; }



.fofContainer input:focus, .fofContainer textarea:focus, .fofContainer button:focus, .fofContainer area:focus { outline: none; }



.fofContainer img { max-width: 100%; height: auto; width: auto\9; border: 0px none; }



.fofContainer a:active, .fofContainer a:hover { outline: 0; }



.fofHeader { text-align: center; }



.fofHeader .fofLogo { padding: 16px 0; margin: 0 auto; text-align: center; }



.fofHeader .fofLogo a { display: inline-block; max-width: 210px; max-height: 90px; }



.fofLogo img { max-height: 100%; }



.fofCopy { text-align: right; color: #fff; padding-right: 2%; margin-top: 6px; }



.fofCenter { background: #fff; border-radius: 7px; overflow: hidden; border: 1px solid #697076; padding: 1.91489%; position: relative; }



.fofCenter > div.box { vertical-align: middle; }



.fofCenter:before { content: ''; width: 1px; overflow: hidden; position: absolute; background: #c4c9ce; top: 20px; bottom: 20px; left: 51.5%; }



.fofCenter .fofLeft, .fofCenter .fofRight { padding: 8px 0; margin: 1.2% 0; }



.fofCenter .fofLeft { width: 49.22566%; }



.fofCenter .fofRight { width: 45.02212%; }



.fofCenter .fofSearch { width: 365px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 9.66292%; padding-right: 105px; position: relative; }



.fofCenter .fofSearch input, .fofCenter .fofSearch button { height: 32px; border-radius: 6px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.fofCenter .fofSearch input[type="text"] { border: 1px solid #9099a2; background: #fff; box-shadow: inset 0px 5px 9px rgba(186, 194, 205, 0.4); width: 100%; line-height: 22px; padding: 4px 5px; }



.fofCenter .fofSearch button[type="submit"] { background: -webkit-linear-gradient(top, #fa8c2b, #fa8c2b); background: -moz-linear-gradient(top, #fa8c2b, #fa8c2b); background: -o-linear-gradient(top, #fa8c2b, #fa8c2b); background: -ms-linear-gradient(top, #fa8c2b, #fa8c2b); background: linear-gradient(top, #fa8c2b, #fa8c2b); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFA8C2B', endColorStr='#FFFA8C2B', gradientType='0'); line-height: 25px; color: #fff; border-width: 1px; border-type: solid; border-color: #fdc797 #985519 #5e340f #f2a35f; width: 95px; text-align: center; position: absolute; top: 0; right: 0; text-transform: capitalize; font-size: 14px; cursor: pointer; }



.fofCenter .fofLeft img { display: block; margin-left: auto; margin-right: auto; }



.fofCenter .fofRight, .fofCenter .fofRight a { color: #9099a2; }



.fofCenter .fofRight .fofTitle { font-size: 22px; line-height: 1.2; margin-bottom: 6px; }



.fofCenter .fofRight > p { font-size: 13px; line-height: 18px; overflow: hidden; max-height: 72px; color: #bac2cd; }



.fofCenter .fofRight > dl { margin-top: 3.25581%; padding-top: 14px; }



.fofCenter .fofRight > dl dt.box { font-size: 17px; line-height: 1.2; margin-bottom: 9px; width: 100%; }



.fofCenter .fofRight > dl dd { width: 47%; line-height: 15px; border-bottom: 1px solid #dfe3e8; }



.fofCenter .fofRight > dl dd a { display: block; padding: 6px 0; }



.fofCenter .fofRight > dl dd a:before { content: '→'; font-size: 13px; padding-right: 4px; color: #666666; }



.fofCenter .fofRight > dl dd.box { vertical-align: bottom; }



.fofCenter .fofRight .fofShare { padding-top: 12px; margin-top: 3.72093%; }



.fofCenter .fofRight .fofShare span { font-size: 17px; line-height: 1.2; }



.fofCenter .fofRight .fofShare span, .fofCenter .fofRight .fofShare > a { display: inline-block; vertical-align: middle; margin-right: 12px; }



.fofCenter .fofRight .fofShare > a { border-radius: 3px; overflow: hidden; width: 24px; }



.fofCenter .fofRight .fofShare > a:last-child { margin-right: 0; }



.fofCenter .fofRight .fofShare .bdsharebuttonbox { display: inline-block; vertical-align: middle; min-width: 160px; }



@media screen and (max-width: 945px) { .fofCenter .fofRight .fofShare > a { width: 32px; }

  .fofCenter .fofRight > dl dd a { padding: 10px 0; } }

@media screen and (max-width: 750px) { .fofCenter { padding: 15px; }

  .fofCenter:before { display: none; }

  .fofCenter .fofLeft, .fofCenter .fofRight { width: 100%; }

  .fofCenter .fofSearch { margin-top: 5%; margin-bottom: 3%; }

  .fofCenter .fofLeft img { padding-right: 2%; } }

@media screen and (max-width: 500px) { .fofCenter .fofRight > dl dd { width: 100%; }

  .fofCenter .fofRight > p { line-height: 18px; overflow: hidden; height: 72px; max-height: none; } }

/* fancybox  */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }



.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }



.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }



.fancybox-opened { z-index: 8030; }



.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }



.fancybox-outer, .fancybox-inner { position: relative; }



.fancybox-inner { overflow: hidden; }



.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }



.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }



.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }



.fancybox-image { max-width: 100%; max-height: 100%; }



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite.png"); }



#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }



#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox_loading.gif") center center no-repeat; }



.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }



.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }



.fancybox-prev { left: 0; }



.fancybox-next { right: 0; }



.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }



.fancybox-prev span { left: 10px; background-position: 0 -36px; }



.fancybox-next span { right: 10px; background-position: 0 -72px; }



.fancybox-nav:hover span { visibility: visible; }





.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }



.fancybox-lock { overflow: hidden !important; width: auto; }



.fancybox-lock body { overflow: hidden !important; }



.fancybox-lock-test { overflow-y: hidden !important; }



.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox_overlay.png"); }



.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }



.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }



.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }



.fancybox-opened .fancybox-title { visibility: visible; }



.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }



.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }



.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }



.fancybox-title-inside-wrap { padding-top: 10px; }



.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }



/* owl */

.owl-controls .owl-page span, .owl-controls .owl-buttons div, .owl-controls .owl-buttons div:before { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }



.owl-carousel, .owl-pagination { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



/* pagination circle */

.owl-pagination { position: absolute; z-index: 6; margin-bottom: 3px; width: 100%; left: 0; bottom: 2%; text-align: center; }



.owl-controls .owl-page span { background: #bbbbbb; display: block; margin: 0 5px; width: 11px; height: 11px; border-radius: 50%; }



.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span { background: #0d88db; }



/* navigation arrow */

.owl-controls .owl-buttons div { width: 44px; height: 68px; margin-top: -34px; line-height: 68px; font-size: 44px; color: white; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); background: transparent; filter: alpha(opacity=70); opacity: 0.7; text-align: center; font-family: icomoon; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; }



.owl-controls .owl-buttons div:hover { filter: alpha(opacity=100); opacity: 1; }



.owl-controls .owl-buttons div:before { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; text-indent: 0; }



.owl-controls .owl-buttons div.owl-prev { left: 0; }



.owl-controls .owl-buttons div.owl-prev:before { content: '\e61d'; }



.owl-controls .owl-buttons div.owl-next { right: 0; }



.owl-controls .owl-buttons div.owl-next:before { content: '\e61e'; }



/* number */

.owl-controls .owl-page span.owl-numbers { height: 24px; width: 24px; line-height: 24px; color: #c6c6c6; font-size: 12px; text-align: center; background: #e5e5e5; border-radius: 0; margin-right: 4px; margin-left: 0; }



.owl-controls .owl-page.active span.owl-numbers, .owl-controls .owl-page:hover span.owl-numbers { background: #0d88db; color: #fff; }



/* 	Core Owl Carousel CSS File 	v1.3.3 */

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



.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }



.owl-carousel .owl-item img { display: block; width: 100%; height: auto; }



.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }



.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }



.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }



.owl-carousel .owl-item { float: left; }



.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }



.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }



.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }



.grabbing { cursor: url("../images/grabbing.png") 8 8, move; }



.owl-theme .owl-controls { text-align: center; }



.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }



.owl-item.loading { min-height: 150px; background: url("../images/AjaxLoader.gif") no-repeat center center; }



.owl-origin { -webkit-perspective: 1240px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1240px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1240px; }



.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }



.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }



.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }



.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }



.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }



.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }



.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }



.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }