* {

	margin: 0;

	padding: 0;

	list-style-type: none

} 
a,img {

	border: 0

} 
a {

	text-decoration: none

} 
a:hover {

	text-decoration: underline

} 
body {

	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;

	color: #4d4d4d;

	line-height: 1.8;

	font-size: 13px

} 
.main-im {

	position: fixed;

	right: 10px;

	top: 210px;

	z-index: 100;

	width: 110px;

	height: 272px

} 
.main-im .qq-a {

	display: block;

	width: 106px;

	height: 116px;

	font-size: 14px;

	color: #0484cd;

	text-align: center;

	position: relative

} 
.main-im .qq-a span {

	bottom: 5px;

	position: absolute;

	width: 90px;

	left: 10px

} 
.main-im .qq-hover-c {

	width: 70px;

	height: 70px;

	border-radius: 35px;

	position: absolute;

	left: 18px;

	top: 10px;

	overflow: hidden;

	z-index: 9

} 
.main-im .qq-container {

	z-index: 99;

	position: absolute;

	width: 109px;

	height: 118px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	border-bottom: 1px solid #ddd;

	background: url(404.png) no-repeat center 8px

} 
.main-im .img-qq {

	max-width: 60px;

	display: block;

	position: absolute;

	left: 6px;

	top: 3px;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

} 
.main-im .im-qq:hover .img-qq {

	max-width: 70px;

	left: 1px;

	top: 8px;

	position: absolute

} 
.main-im .im_main {

	background: #f9fafb;

	border: 1px solid #ddd;

	border-radius: 10px;

	background: #f9fafb;

	display: none

} 
.main-im .im_main .im-tel {

	color: #000;

	text-align: center;

	width: 109px;

	height: 105px;

	border-bottom: 1px solid #ddd

} 
.main-im .im_main .im-tel div {

	font-weight: bold;

	font-size: 12px;

	margin-top: 6px

} 
.main-im .im_main .im-tel .tel-num {

	font-family: Arial;

	font-weight: bold;

	color: #f4a814

} 
.main-im .im_main .im-tel:hover {

	background: #fafafa

} 
.main-im .im_main .weixing-container {

	width: 55px;

	height: 47px;

	border-right: 1px solid #ddd;

	background: #f5f5f5;

	border-bottom-left-radius: 10px;

	background: url(404.png) no-repeat center center;

	float: left

} 
.main-im .im_main .weixing-show {

	width: 112px;

	height: 172px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #ddd;

	position: absolute;

	left: -125px;

	top: -126px

} 
.main-im .im_main .weixing-show .weixing-sanjiao {

	width: 0;

	height: 0;

	border-style: solid;

	border-color: transparent transparent transparent #fff;

	border-width: 6px;

	left: 112px;

	top: 134px;

	position: absolute;

	z-index: 2

} 
.main-im .im_main .weixing-show .weixing-sanjiao-big {

	width: 0;

	height: 0;

	border-style: solid;

	border-color: transparent transparent transparent #ddd;

	border-width: 8px;

	left: 112px;

	top: 132px;

	position: absolute

} 
.main-im .im_main .weixing-show .weixing-ma {

	width: 104px;

	height: 103px;

	padding-left: 5px;

	padding-top: 5px

} 
.main-im .im_main .weixing-show .weixing-txt {

	position: absolute;

	top: 110px;

	left: 7px;

	width: 100px;

	margin: 0 auto;

	text-align: center

} 
.main-im .im_main .go-top {

	width: 50px;

	height: 47px;

	background: #f5f5f5;

	border-bottom-right-radius: 10px;

	background: url(404.png) no-repeat center center;

	float: right

} 
.main-im .im_main .go-top a {

	display: block;

	width: 52px;

	height: 47px

} 
.main-im .close-im {

	position: absolute;

	right: 10px;

	top: -12px;

	z-index: 100;

	width: 24px;

	height: 24px

} 
.main-im .close-im a {

	display: block;

	width: 24px;

	height: 24px;

	background: url(404.png) no-repeat left top

} 
.main-im .close-im a:hover {

	text-decoration: none

} 
.main-im .open-im {

	cursor: pointer;

	margin-left: 68px;

	width: 40px;

	height: 133px;

	background: url(404.png) no-repeat left top

} 
#vivo-head {

	background: #fff none repeat scroll 0 0;

	box-shadow: 0 1px 2px;

	filter: alpha(opacity=90);

	-moz-opacity: .9;

	-khtml-opacity: .9;

	opacity: .9

} 
#vivo-head {

	position: fixed;

	width: 100%;

	top: 0;

	z-index: 99999

} 
#vivo-head .vivo-search {

	background: #202223 none repeat scroll 0 0;

	display: none;

	height: 80px;

	position: relative;

	width: 100%;

	z-index: 99

} 
.vivo-search .search-box {

	padding-left: 1%;

	height: 40px;

	position: relative;

	top: 20px;

	z-index: 99;

	width: 99%

} 
.vivo-search .search-box input {

	background: #fff none repeat scroll 0 0;

	border: medium none;

	color: #555;

	font-size: 14px;

	height: 20px;

	overflow: hidden;

	padding: 10px 20px;

	vertical-align: middle;

	width: 68%

} 
.vivo-search .search-box button {

	background: #008cd6 none repeat scroll 0 0;

	border: medium none;

	color: #fff;

	cursor: pointer;

	font-size: 14px;

	height: 40px;

	outline: medium none;

	overflow: hidden;

	text-align: center;

	transition: background .2s ease-in-out 0s;

	vertical-align: middle;

	width: 20%;

	border-radius: 5px;

	margin-left: 2px

} 
.vivo-search .search-box button:hover {

	background: #0074b2 none repeat scroll 0 0

} 
.vivo-search .search-box button:active {

	box-shadow: 0 1px 2px rgba(0,0,0,.3) inset

} 
.vivo-search .search-box a.close {

	background: rgba(0,0,0,0) url(404.png) no-repeat scroll -86px 0;

	height: 24px;

	position: absolute;

	right: 5%;

	top: 8px;

	width: 24px;

	z-index: 99999

} 
.vivo-search .search-box a.close:hover {

	background-position: -86px -25px

} 
.fot_phone {

	background: rgba(0,0,0,0) url("404.png") no-repeat scroll left center;

	color: #fff;

	margin-top: 46px;

	padding-left: 44px;

	padding-top: 4px

} 
.fot_phone dd {

	color: #FFF;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 17px

} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {

	margin: 0;

	padding: 0

} 
body {

	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;

	color: #4d4d4d;

	line-height: 1.8;

	font-size: 14px

} 
fieldset,img {

	border: 0 none

} 
:focus {

	outline: 0 none

} 
h1,h2,h3,h4,h5,h6 {

	font-size: 100%;

	font-weight: normal

} 
input,button,textarea,select,optgroup,option {

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit

} 
body {

	line-height: 1.5

} 
ol,ul {

	list-style: outside none none

} 
:link,:visited,ins {

	text-decoration: none

} 
blockquote::before,blockquote::after,q::before,q::after {

	content: none

} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

	display: block

} 
body {

	font: 13px/1.231 arial,helvetica,clean,sans-serif

} 
h1,h2,h3,h4,h5,h6 {

	font-weight: bold

} 
h2,.h2 {

	font-size: 26px

} 
h3,.h3 {

	font-size: 24px

} 
.clear {

	clear: both;

	visibility: hidden;

	display: block;

	font-size: 0;

	line-height: 0

} 
.clearfix::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.typo::before,.typo::after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden

} 
.typo::after {

	clear: both

} 
.column::after {

	clear: both;

	content: ".";

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	min-height: 0;

	visibility: hidden

} 
.column {

	width: 100%

} 
.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {

	float: left;

	min-height: 1px;

	height: auto!important

} 
.column .col-2-1 {

	width: 48.5%;

	margin-right: 3%

} 
.column .col-4-1 {

	width: 22.75%;

	margin-right: 3%

} 
.column .col-4-3 {

	width: 74.25%;

	margin-right: 3%

} 
.marg-per2>.col-4-1 {

	width: 23.5%;

	margin-right: 2%

} 
.marg-per5>.col-2-1 {

	width: 47.5%;

	margin-right: 5%

} 
.column .last {

	margin-right: 0

} 
.ieCode-del {

	display: block

} 
.ieCode {

	display: none

} 
.row2-svar::before,.row2-svar::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.row2-svar .col-2-1,.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {

	float: left;

	min-height: 1px;

	clear: right

} 
.row2-svar .col-4-1 {

	width: 22.75%;

	margin-right: 3%

} 
.row2-svar .col-2-1:nth-of-type(2n+2),.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {

	margin-right: 0

} 
.row2-svar .col-2-1:nth-of-type(2n+1),.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {

	clear: both

} 
.animated {

	animation-duration: 1s;

	animation-fill-mode: both

} 
.fadeInDown {

	animation-name: fadeInDown

} 
.fadeInUp {

	animation-name: fadeInUp

} 
.sou_da {

	position: relative;

	width: 242px

} 
.sou_da input {

	background: none repeat;

	border: 2px solid #004b8c;

	border-radius: 5px;

	color: #004b8c;

	height: 38px;

	outline: medium none;

	padding-left: 10px;

	width: 100%;

	line-height: normal

} 
.sou_da button#submit {

	background: #004b8c none repeat scroll 0 0;

	border: medium none;

	border-radius: 0 5px 5px 0;

	cursor: pointer;

	height: 42px;

	position: absolute;

	right: -13px;

	top: 0;

	width: 42px;

	line-height: normal

} 
.sou_da button .fa-white {

	color: #fff;

	font-size: 20px

} 
.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {

	font-weight: bold

} 
.qhd-content h3 {

	font-size: 26px;

	line-height: 1.6em;

	margin-bottom: 10px

} 
.qhd-content p {

	line-height: 160%;

	margin-bottom: 15px

} 
.qhd-content hr {

	border-style: solid;

	border-color: #ddd;

	-moz-border-top-colors: none;

	-moz-border-right-colors: none;

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	border-image: none;

	border-width: 0 0 1px;

	height: 1px;

	font-size: 0;

	margin: 25px 0;

	clear: both

} 
.qhd-content .typo::before,.qhd-content .typo::after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden

} 
.qhd-content .typo::after {

	clear: both

} 
.qhd-content .typo .typo_text {

	overflow: hidden

} 
.qhd-content .typo .typo_img {

	float: left;

	margin-right: 20px;

	margin-bottom: 12px

} 
.qhd-content .typo .imgtoright {

	float: right;

	margin-left: 20px;

	margin-right: 0

} 
.qhd-content ul,.qhd-content ol {

	margin: 0 0 15px;

	padding-left: 1.5em;

	line-height: 180%

} 
.qhd-content ul {

	list-style-type: disc

} 
.qhd-content .column::after,.qhd-module .column::after {

	clear: both;

	content: ".";

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	min-height: 0;

	visibility: hidden

} 
.qhd-content .column,.qhd-module .column {

	width: 100%

} 
.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {

	float: left;

	min-height: 1px;

	height: auto!important

} 
.qhd-content .column .col-2-1,.qhd-module .column .col-2-1 {

	width: 48.5%;

	margin-right: 3%

} 
.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {

	width: 22.75%;

	margin-right: 3%

} 
.qhd-content .column .col-4-3,.qhd-module .column .col-4-3 {

	width: 74.25%;

	margin-right: 3%

} 
.qhd-content .marg-per5>.col-2-1,.qhd-module .marg-per5>.col-2-1 {

	width: 47.5%;

	margin-right: 5%

} 
.qhd-content .column .last,.qhd-module .column .last {

	margin-right: 0

} 
.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {

	background-color: #f9f9f9

} 
.clear {

	clear: both;

	visibility: hidden;

	display: block;

	font-size: 0;

	line-height: 0

} 
.clearfix::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {

	font-weight: bold

} 
.qhd-content h3 {

	font-size: 26px;

	line-height: 1.6em;

	margin-bottom: 10px

} 
.qhd-content p {

	line-height: 160%;

	margin-bottom: 15px

} 
.qhd-content hr {

	border-style: solid;

	border-color: #ddd;

	-moz-border-top-colors: none;

	-moz-border-right-colors: none;

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	border-image: none;

	border-width: 0 0 1px;

	height: 1px;

	font-size: 0;

	margin: 25px 0;

	clear: both

} 
.qhd-content .typo::before,.qhd-content .typo::after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden

} 
.qhd-content .typo::after {

	clear: both

} 
.qhd-content .typo {

	margin-bottom: 0

} 
.qhd-content .typo .typo_text {

	overflow: hidden

} 
.qhd-content .typo .typo_img {

	float: left;

	margin-right: 10px;

	margin-bottom: 12px;

	border: 1px #fff solid;

	border-radius: 5px

} 
.qhd-content .typo .imgtoright {

	float: right;

	margin-right: 0;

	margin-left: 20px

} 
.qhd-content ul,.qhd-content ol {

	margin: 0 0 15px;

	padding-left: 1.5em;

	line-height: 180%

} 
.qhd-content ul {

	list-style-type: disc

} 
.qhd-content .column::after,.qhd-module .column::after {

	clear: both;

	content: ".";

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	min-height: 0;

	visibility: hidden

} 
.qhd-content .column,.qhd-module .column {

	width: 100%

} 
.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {

	float: left;

	min-height: 1px;

	height: auto!important

} 
.qhd-content .column .col-2-1,.qhd-module .column .col-2-1 {

	width: 48.5%;

	margin-right: 3%

} 
.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {

	width: 15.75%;

	margin-right: 3%

} 
.qhd-content .column .col-4-3,.qhd-module .column .col-4-3 {

	width: 74.25%;

	margin-right: 3%

} 
.qhd-content .marg-per5>.col-2-1,.qhd-module .marg-per5>.col-2-1 {

	width: 47.5%;

	margin-right: 5%

} 
.qhd-content .column .last,.qhd-module .column .last {

	margin-right: 0

} 
.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {

	background-color: #f9f9f9

} 
.clear {

	clear: both;

	visibility: hidden;

	display: block;

	font-size: 0;

	line-height: 0

} 
.clearfix::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.sf-menu,.sf-menu * {

	margin: 0;

	padding: 0;

	list-style: outside none none

} 
.sf-menu {

	line-height: 1

} 
.sf-menu ul {

	position: absolute;

	top: -999em;

	width: 13em

} 
.sf-menu ul li {

	width: 100%

} 
.sf-menu li:hover {

	visibility: inherit

} 
.sf-menu li {

	float: left;

	position: relative

} 
.sf-menu a {

	display: block

} 
.sf-menu li:hover ul,.sf-menu li.sfHover ul {

	left: 0;

	top: 2.4em;

	z-index: 99

} 
.sf-menu a {

	border-left: 1px solid #fff;

	border-top: 1px solid #cfdeff;

	padding: .75em 1em;

	text-decoration: none

} 
.sf-menu a,.sf-menu a:visited {

	color: #13a

} 
.sf-menu li {

	background: #bdd2ff none repeat scroll 0 0

} 
.sf-menu li li {

	background: #aabde6 none repeat scroll 0 0

} 
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {

	background: #cfdeff none repeat scroll 0 0;

	outline: 0 none

} 
.sf-menu a.sf-with-ul {

	padding-right: 1.8em

} 
.sf-sub-indicator {

	position: absolute;

	display: block;

	right: .75em;

	top: 1.05em;

	width: 10px;

	height: 10px;

	text-indent: -999em;

	overflow: hidden;

	background: transparent url('404.png') no-repeat scroll -10px -100px

} 
a>.sf-sub-indicator {

	top: .8em;

	background-position: 0 -100px

} 
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {

	background-position: -10px -100px

} 
.banner {

	background: rgba(0,0,0,0) url("../image/loading.gif") no-repeat scroll 50% center;

	height: auto;

	overflow: hidden;

	position: relative

} 
.slides {

	position: relative;

	z-index: 1

} 
.slides li {

	height: auto

} 
.slides li a img {

	width: 100%;

	max-width: 100%

} 
.flex-control-nav {

	bottom: 5px;

	position: absolute;

	text-align: center;

	width: 100%;

	z-index: 2

} 
.flex-control-nav li {

	display: inline-block;

	height: 3px;

	margin: 0 5px;

	width: 50px

} 
.flex-control-nav a {

	background-color: #fff;

	cursor: pointer;

	display: inline-block;

	height: 3px;

	text-indent: -9999px;

	width: 50px

} 
.flex-control-nav .flex-active {

	background: #ff8400 none repeat scroll 0 0

} 
.flex-direction-nav {

	position: absolute;

	top: 40%;

	width: 100%;

	z-index: 3

} 
.flex-direction-nav li a {

	cursor: pointer;

	display: block;

	height: 70px;

	opacity: .8;

	overflow: hidden;

	position: absolute;

	text-indent: -9999px;

	width: 50px

} 
.flex-direction-nav li a.flex-prev {

	background: rgba(0,0,0,0) url("../image/btn-banner.png") no-repeat scroll left center;

	left: 40px

} 
.flex-direction-nav li a.flex-next {

	background: rgba(0,0,0,0) url("../image/btn-banner.png") no-repeat scroll right center;

	right: 40px

} 
.flex-direction-nav li a:hover {

	opacity: .6

} 
.sbanner img {

	width: 100%

} 
.m-hds {

	padding-bottom: 20px

} 
.m-hds h3 {

	font-size: 24px

} 
.m-hds p {

	color: #999;

	font-size: 14px;

	margin-top: 15px

}  .m-hds {

	padding-bottom: 20px

} 
.f-tac {

	text-align: center

} 
.f-taj {

	text-align: justify

} 
.fadeInUp {

	animation-name: fadeInUp

} 
.animated {

	animation-duration: 1s;

	animation-fill-mode: both

} 
.g-blk-adv {

	padding: 45px 0

} 
.g-w1000 {

	margin: 0 auto;

	width: 1020px

} 
.g-blk-adv .m-hds h3,.g-blk-adv .m-hds p {

	color: #fff

} 
.m-hds h3 {

	font-size: 24px

} 
h1,h2,h3,h4,h5,h6,em,strong,b {

	font-weight: bold

} 
.m-hds p {

	color: #999;

	font-size: 14px;

	margin-top: 15px

} 
.g-blk-adv .m-hds h3,.g-blk-adv .m-hds p {

	color: #fff

} 
.g-blk-adv ul li {

	background-color: rgba(255,255,255,0.8);

	cursor: pointer;

	float: left;

	margin: 80px 20px 0 0;

	padding: 58px 40px 40px;

	position: relative;

	width: 155px

} 
.g-blk-adv ul li img {

	display: block;

	height: 130px;

	left: 54px;

	position: absolute;

	top: -65px;

	transition: all .8s ease 0s;

	width: 130px;

	border-radius:50%;

} 
.g-blk-adv ul li h5 {

	font-size: 16px;

	margin-bottom: 15px;

	margin-top: 35px;

	text-align: center

} 
.g-blk-adv ul li p {

	font-size: 12px;

	color: #555;

	height: 127px;

	line-height: 22px;

	overflow: hidden

} 
.g-blk-adv ul li h5 a {

	color: #0758b3

} 
.g-blk-adv ul li:hover img {

	transform: rotate(360deg)

} 
.g-blk-case {

	height: 345px;

	padding: 45px 0 35px

} 
.g-blk-case .g-w1000 {

	position: relative;

	width: 1080px

} 
.g-blk-case .btn {

	background: rgba(0,0,0,0) url("../image/btn-scroll.png") no-repeat scroll 0 0;

	display: block;

	height: 31px;

	position: absolute;

	width: 20px

} 
.g-blk-case .prev {

	background-position: left center;

	left: 0;

	top: 100px

} 
.g-blk-case .next {

	background-position: right center;

	right: -70px;

	top: 100px

} 
.g-blk-case .case {

	height: 240px;

	margin-left: 40px;

	margin-right: 40px;

	overflow: hidden;

	width: 1000px

} 
.g-blk-case ul li {

	display: inline;

	float: left;

	height: 240px;

	margin-right: 20px;

	overflow: hidden;

	position: relative;

	width: 320px

} 
.g-blk-case ul li a img,.g-blk-case ul li a p {

	transition: all .5s ease 0s

} 
.g-blk-case ul li a:hover img {

	transform: scale(1.1)

} 
.g-blk-case ul li a p {

	background: #004b8c none repeat scroll 0 0;

	color: #fff;

	font-size: 16px;

	height: 100%;

	left: 0;

	line-height: 240px;

	position: absolute;

	text-align: center;

	top: 0;

	transform: scale(0);

	width: 100%;

	z-index: 99

} 
.g-blk-case ul li a:hover p {

	border-radius: 50% 0;

	transform: scale(1)

} 
.g-blk-abt {

	color: #fff;

	line-height: 30px;

	padding: 45px 0

} 
.g-blk-abt .m-hds h3,.g-blk-abt .m-hds p {

	color: #fff

} 
.g-blk-abt #goleft {

	height: 160px;

	margin-top: 35px;

	overflow: hidden

} 
.g-blk-abt ul li {

	border-radius: 5px;

	display: inline;

	float: left;

	height: 160px;

	margin-right: 20px;

	overflow: hidden;

	position: relative;

	width: 235px

} 
.g-blk-abt ul li a img,.g-blk-abt ul li a p {

	transition: all .5s ease 0s

} 
#goleft ul li a img {

	border: 1px solid #fff

} 
.g-blk-abt ul li a:hover img {

	transform: scale(1.1)

} 
.g-blk-abt ul li a p {

	background: rgba(37,111,185,0.7) none repeat scroll 0 0;

	color: #fff;

	font-size: 16px;

	height: 100%;

	left: 0;

	line-height: 160px;

	position: absolute;

	text-align: center;

	top: 0;

	transform: scale(0);

	width: 100%;

	z-index: 99

} 
.g-blk-abt ul li a:hover p {

	border-radius: 50% 0;

	transform: scale(1)

} 
.abt-mr {

	background-color: #256fb9;

	border-radius: 5px;

	color: #fff;

	display: block;

	font-size: 14px;

	margin: 20px auto 0;

	padding: 5px 0;

	text-align: center;

	transition: all .3s linear 0s;

	width: 150px

} 
.abt-mr:hover {

	background-color: #589ed7;

	color: #fff;

	text-decoration: none

} 
.g-blk-news {

	padding: 45px 0 10px

} 
.g-blk-news .m-box2 {

	display: inline;

	float: left;

	width: 318px

} 
.g-blk-news .hy {

	margin: 0 20px

} 
.g-blk-flink {

	font-size: 13px;

	line-height: 25px;

	padding: 15px 0

} 
.g-blk-flink a {

	color: #999;

	margin-right: 10px

} 
.g-blk-news {

	padding: 45px 0 10px

} 
.g-blk-news .m-box2 {

	display: inline;

	float: left;

	width: 370px

} 
.g-blk-news .hy {

	margin: 0 20px

} 
.g-blk-flink {

	font-size: 13px;

	line-height: 25px;

	padding: 15px 0

} 
.g-blk-flink a {

	color: #999;

	margin-right: 10px

} 
.news-top {

	border-bottom: 1px dotted #ddd;

	margin-bottom: 10px;

	padding-bottom: 15px

} 
.news-top .thumb {

	display: block;

	float: left;

	height: 90px;

	margin-right: 10px;

	overflow: hidden;

	width: 100px

} 
.news-top .thumb:hover img {

	transform: scale(1.1);

	transition: all 1000ms ease 0s

} 
.news-top h5 {

	font-size: 13px;

	height: 30px;

	line-height: 30px;

	overflow: hidden

} 
.news-top h5 a {

	color: #0758b3

} 
.news-top p {

	color: #999;

	line-height: 20px

} 
.m-box2 {

	border: 1px solid #ddd

} 
.m-box2 .m-hd {

	border-bottom: 1px solid #ddd;

	border-left: 3px solid #0758b3;

	font-size: 15px;

	height: 40px;

	line-height: 40px;

	padding: 0 10px

} 
.m-box2 .m-hd h3 {

	font-size: 15px

} 
.m-box2 .m-hd span {

	display: block;

	float: right;

	font-size: 12px;

	font-weight: 100

} 
.m-box2 .m-hd span a {

	color: #999

} 
.m-box2 .m-bd {

	padding: 10px

} 
.hasline li {

	border-bottom: 1px dotted #ddd

} 
.m-txtlst1 li {

	height: 32px;

	line-height: 32px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

} 
.m-txtlst1 li span {

	color: #999;

	display: block;

	float: right

} 
@media �screen {

	.video-responsive .video-play-wrapper {

		position: relative;

		height: 0!important;

		padding-bottom: 56.25%;

		padding-top: 0!important;

		overflow: hidden

	} 
	.video-responsive .video-play-wrapper iframe,.video-responsive .video-play-wrapper object,.article-detail .video-play-wrapper embed {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%

	}

} 
.carousel-btn {

	text-align: center;

	margin: 10px 0

} 
.carousel-btn a {

	display: inline-block;

	width: 12px;

	height: 12px;

	margin: 0 6px;

	background: #ccc none repeat scroll 0 0;

	border-radius: 50%

} 
.carousel-btn .selected {

	background: #f4a814 none repeat scroll 0 0;

	cursor: default

} 
.carousel-btn a span {

	display: none

} 
.carousel-btn-fixed {

	width: 100%;

	position: absolute;

	bottom: 15px;

	left: 0;

	margin: 0;

	z-index: 100

} 
.carousel {

	position: relative

} 
.carousel-item {

	position: relative;

	float: left;

	display: block

} 
.carousel-item .carousel-img {

	display: block

} 
.carousel-item .carousel-img a[href="javascript:;"] {

	cursor: default

} 
.carousel-item .carousel-img img {

	display: block

} 
.responsive-carousel {

	overflow: hidden

} 
.responsive-carousel .carousel-item img {

	width: 100%;

	height: auto!important

} 
.tabs-default .tabs-nav {

	font-size: 0

} 
.tabs-default .tabs-nav li {

	display: inline-block;

	margin-right: 1px;

	margin-bottom: 3px

} 
.tabs-default .tabs-nav li a {

	float: left;

	display: block;

	padding: 0 30px;

	line-height: 42px;

	background-color: #004b8c;

	font-size: 1.6rem;

	color: #fff;

	text-decoration: none;

	cursor: pointer;

	transition: all .5s ease 0s

} 
.tabs-default .tabs-nav li a:hover {

	background-color: #004b8c;

	text-decoration: none

} 
.tabs-default .tabs-nav li a.current,.tabs-default .tabs-nav li a.current:hover {

	background-color: #f4a814;

	color: #fff

} 
.tabs-default .tabs-nav li a span {

	display: inline-block

} 
.tabs-default .tabs-panes .tab-box {

	display: none;

	padding: 30px 0 0;

	width: auto

} 
.tab-more {

	float: none;

	clear: both;

	margin-top: 30px

} 
.tab-more a {

	display: inline-block;

	line-height: 34px;

	padding: 0 25px;

	border: 1px solid #004b8c;

	color: #004b8c;

	transition: all .5s ease 0s

} 
.tab-more a:hover {

	background-color: #f4a814;

	border-color: #f4a814;

	color: #fff;

	text-decoration: none

} 
.tab-more-center {

	text-align: center

} 
.tabs-center .tabs-nav {

	text-align: center

} 
.tabs-center .tabs-nav li {

	border: medium none;

	margin: 0 5px 5px

} 
.entry-item {

	margin-bottom: 25px;

	padding-bottom: 5px;

	border-bottom: 1px dotted #e5e5e5

} 
.entry-title {

	margin-bottom: 15px

} 
.entry-title h2 {

	font-size: 16px;

	line-height: 1.4

} 
.entry-title a:hover {

	text-decoration: none

} 
.entry-summary {

	color: #808080;

	font-size: 13px;

	margin-bottom: -5px

} 
.entry-summary p {

	line-height: 1.6

} 
.entry-list-time-hl .entry-item {

	position: relative;

	padding-left: 100px;

	border-bottom: 1px dotted #ccc;

	min-height: 80px;

	height: auto!important

} 
.entry-list-time-hl .time {

	position: absolute;

	left: 0;

	top: 0;

	width: 75px;

	background-color: #f2f2f2;

	text-align: center;

	font-family: Arial

} 
.entry-list-time-hl .time-day {

	display: block;

	line-height: 50px;

	border-bottom: 1px solid #fff;

	color: #666;

	font-size: 30px

} 
.entry-list-time-hl .time-date {

	display: block;

	color: #999;

	line-height: 22px;

	font-size: 12px

} 
.entry-list-time-hl-col .entry-item {

	border-bottom: medium none

} 
.portfolio-list {

	min-height: 20px

} 
.portfolio-list li {

	margin-bottom: 25px

} 
.portfolio-img {

	margin-bottom: 10px;

	overflow: hidden

} 
.portfolio-img a {

	position: relative

} 
.portfolio-img a,.portfolio-img img {

	width: 100%;

	display: block;

	overflow: hidden;

	transform: scale(1);

	transition: all .3s ease-out 0s

} 
.portfolio-img a:hover img {

	transform: scale(1.2,1.2);

	transition: all .3s ease-out 0s

} 
.portfolio-title {

	margin-bottom: 10px;

	line-height: normal;

	text-align: center

} 
.portfolio-title h2 {

	font-size: 15px;

	line-height: 1.5;

	font-weight: normal

} 
.portfolio-title a:hover {

	text-decoration: none

} 
.portfolio-list .col-4-1 .portfolio-title h2 {

	font-size: 14px

} 
.category-bg-img li:nth-child(2n) a {

	background-color: #39a123

} 
.portfolio-list-category li a::before,.portfolio-list-category li a::after {

	position: absolute;

	top: 20px;

	right: 20px;

	bottom: 20px;

	left: 20px;

	z-index: 15;

	content: "";

	opacity: 0;

	transition: opacity .35s ease 0s,transform .35s ease 0s

} 
.portfolio-list-category li a::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff

} 
.portfolio-list-category li a::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff

} 
.portfolio-list-category li.col-4-1 a::before,.portfolio-list-category li.col-4-1 a::after {

	top: 10px;

	right: 10px;

	bottom: 10px;

	left: 10px

} 
@media �screen {

	.article-detail .video-play-wrapper {

		position: relative;

		height: 0!important;

		padding-bottom: 56.25%;

		padding-top: 0!important;

		overflow: hidden

	} 
	.article-detail .video-play-wrapper iframe,.article-detail .video-play-wrapper object,.article-detail .video-play-wrapper embed {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%

	}

} 
.onePage-message {

	height: 320px

} 
.onePage-message .caroufredsel_wrapper {

	width: auto!important

} 
.onePage-message-item {

	margin: 10px 0;

	padding: 10px;

	border-bottom: 1px dotted #a6a6a6

} 
.onePage-message-title {

	margin-bottom: 7px;

	line-height: 18px

} 
.onePage-message-title a {

	font-size: 14px;

	color: #666

} 
.onePage-message-info {

	color: #838282;

	font-size: 14px;

	max-height: 80px;

	overflow: hidden

} 
.onePage-message-title,.onePage-message-info {

	padding-left: 25px;

	position: relative

} 
.onePage-message-title .icon,.onePage-message-info .icon {

	display: block;

	width: 16px;

	height: 16px;

	position: absolute;

	left: 0

} 
.onePage-message-title .icon {

	background: #004b8c url('404.png') no-repeat scroll 0 0;

	top: 1px

} 
.onePage-message-info .icon {

	background: #f4a814 url('404.png') no-repeat scroll 0 0;

	top: 4px

} 
.onePage-message-info .qhd-content p {

	margin-bottom: 0

} 
.animate-border::before,.animate-border::after {

	position: absolute;

	top: 20px;

	right: 20px;

	bottom: 20px;

	left: 20px;

	z-index: 100001;

	content: "";

	opacity: 0;

	transition: opacity .35s ease 0s,transform .35s ease 0s

} 
.animate-border::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	transform: scale(0,1)

} 
.animate-border::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	transform: scale(1,0)

} 
.animate-border-h:hover .animate-border::before,.animate-border-h:hover .animate-border::after {

	opacity: 1;

	transform: scale(1)

} 
@media only screen {

	.gallery-zoom-img-wrap .icon-zoom {

		background-image: url('404.png');

		background-size: 16px 16px

	}

} 
.link-block li {

	padding: 4px 0;

	line-height: 1.5

} 
.link-bg-img li:nth-child(2n) a {

	background-color: #39a123

} 
.module-default {

	margin: 0;

	padding: 0

} 
.module {

	margin-bottom: 25px

} 
.module-title-default {

	margin-bottom: 10px;

	overflow: hidden

} 
.module-title-default>.module-title-content {

	padding-top: 5px;

	padding-bottom: 5px

} 
.module-title-default>.module-title-content h3 {

	display: block;

	float: left;

	line-height: 20px;

	font-size: 16px

} 
.module-more-default a {

	color: #949494;

	font-size: 13px

} 
.module-more-default a:hover {

	color: #f4a814;

	text-decoration: none

} 
.module-no-margin,.module-no-margin .module-content p,.module-no-margin .module-content ul,.module-no-margin .module-content ol,.module-no-margin .module-content h1,.module-no-margin .module-content h2,.module-no-margin .module-content h3,.module-no-margin .module-content h4,.module-no-margin .module-content h5,.module-no-margin .module-content h6 {

	margin: 0

} 
.module-title-border {

	border-bottom: 1px solid #d6d6d6;

	margin-bottom: 15px

} 
.module-title-border>.module-title-content {

	float: left;

	display: inline;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: -1px;

	border-bottom: 1px solid #004b8c

} 
.module-title-border>.module-title-content h3 {

	float: left;

	font-size: 16px;

	line-height: normal

} 
.module-title-border>.module-title-content span {

	margin-left: 5px;

	float: left;

	line-height: 22px;

	color: #999;

	font-size: 14px

} 
.module-title-border>.module-title-content span strong {

	font-weight: normal;

	margin-left: 5px;

	color: #999;

	font-family: Arial,sans-serif

} 
.module-title-border>.module-more-default {

	margin-top: 5px

} 
.module-full-screen>.module-inner {

	padding: 10px 0

} 
.module-full-screen>.module-inner .page-width {

	width: auto;

	max-width: 1120px

} 
.module-full-screen-title {

	margin-bottom: 30px;

	text-align: center

} 
.module-full-screen-title>h2 {

	margin-bottom: 0;

	line-height: normal;

	font-weight: bold;

	color: #004b8c;

	font-size: 3rem

} 
.module-full-screen-title>.module-title-content>h3 {

	display: inline-block;

	margin: 0 20px;

	line-height: normal;

	font-weight: normal;

	color: #999;

	font-size: 1.4rem

} 
.module-full-screen-title>.module-title-content>i {

	display: none;

	position: relative;

	top: -5px;

	width: 180px;

	height: 1px;

	overflow: hidden;

	background-color: #d9d9d9

} 
.module-full-screen-more a {

	display: inline-block;

	line-height: 34px;

	padding: 0 35px;

	border: 1px solid #004b8c;

	color: #004b8c;

	transition: all .5s ease 0s

} 
.module-full-screen-more a:hover,.module-full-screen-more a:active {

	background-color: #f4a814;

	border-color: #f4a814;

	color: #fff;

	text-decoration: none

} 
.module-full-screen-gray {

	background-color: #f6f5f5

} 
.module-full-screen-hl {

	color: #fff!important

} 
.module-full-screen-hl a {

	color: #fff

} 
.module-full-screen-hl .module-full-screen-title>h2 {

	color: #fff

} 
.module-full-screen-hl .module-full-screen-title>.module-title-content>h3 {

	color: #e5e5e5

} 
.module-full-screen-hl .module-full-screen-title>.module-title-content>i {

	background-color: #e5e5e5

} 
.module-full-screen-hl .page-width>.module-full-screen-content {

	color: #fff!important

} 
.module-full-screen-hl .page-width>.module-full-screen-content p {

	color: #fff!important

} 
.module-full-screen-hl .page-width>.module-full-screen-content a {

	color: #fff!important

} 
.module-full-screen-hl .page-width>.module-full-screen-content a:hover {

	color: #004b8c!important;

	text-decoration: underline

} 
.module-full-screen-hl .module-full-screen-more a {

	color: #fff;

	border-color: #fff;

	border-radius: 5px

} 
.module-full-screen-hl .module-full-screen-more a:hover {

	background-color: #fff;

	border-color: #fff;

	color: #333;

	text-decoration: none

} 
.module-section {

	padding: 30px 0

} 
.module-section-title-wrapper {

	margin-bottom: 25px

} 
.module-section>.module-section-inner .page-width {

	width: auto;

	max-width: 1200px

} 
.gotop {

	display: none

} 
*::-moz-selection {

	color: #fff;

	background-color: #316ac5

} 
input:-moz-placeholder {

	color: #e2e2e2

} 
input::-moz-placeholder {

	color: #e2e2e2

} 
a {

	color: #4d4d4d;

	text-decoration: none

} 
a:hover {

	color: #f4a814;

	text-decoration: none

} 
.float-left {

	float: left;

	display: inline

} 
.float-right {

	float: right;

	display: inline

} 
#wrapper {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	background-color: #fff;

	position: relative

} 
.page-width {

	width: 1120px;

	margin: 0 auto

} 
.fixed-side {

	position: absolute;

	top: 150px;

	z-index: 10001

} 
.fixed-left {

	left: 0

} 
.fixed-right {

	right: 0;

	float: right

} 
.not-animated {

	opacity: 0

} 
.gotop-wrapper {

	position: fixed;

	bottom: 50px;

	right: 15px;

	z-index: 1001;

	background-color: rgba(0,0,0,0.3)

} 
.gotop-wrapper:hover {

	background-color: rgba(0,0,0,0.6)

} 
.gotop-wrapper a {

	display: none;

	width: 55px;

	height: 55px;

	overflow: hidden;

	background: transparent url('404.png') no-repeat scroll center center

} 
.top {

	width: 100%;

	position: relative;

	z-index: 1000;

	background-color: #fff

} 
.top-bar {

	line-height: 36px;

	font-size: 13px;

	color: #808080;

	background-color: #fff;

	position: relative;

	z-index: 101;

	border-bottom: 1px solid #e5e5e4

} 
.logo img {

	display: block

} 
.top-main-content .qhd-content img {

	vertical-align: text-bottom

} 
.header-v2 {

	position: relative

} 
.header-v2 .top-main {

	padding-top: 20px;
	
	padding-bottom: 5px;

	background: #fff none repeat scroll 0 0

} 
.header-v2 .top-main .top-widget {

	margin-top: 10px

} 
.header-v2 .top-main .top-widget a {

	color: #808080

} 
.header-v2 .top-main .top-widget a:hover {

	color: #696058

} 
.header-v2 .top-main-content {

	position: relative

} 
.header-v2 .qrcode {

	width: 80px;

	padding-right: 15px;

	float: right

} 
.header-v2 .top-main-content .top-widget {

	min-width: 300px

} 
.header-v2 .top-bar,.header-v2 .top-bar p {

	line-height: 36px

} 
.header-v2 .nav-wrapper {

	background-color: #004b8c

} 
.header-v2 .main-nav .sf-menu a,.header-v2 .main-nav .sf-menu a:visited {

	color: #fff

} 
.header-v2 .main-nav .sf-menu a:hover {

	text-decoration: none

} 
.header-v2 .main-nav .sf-menu a {

	border: medium none;

	padding-top: 0;

	padding-bottom: 0;

	display: block;

	line-height: 53.5px;

	font-size: 15px;

	color: #fff;

	font-weight: normal

} 
.header-v2 .main-nav .sf-menu li {

	background-color: transparent;

	background-image: url('../image/nav-border.png');

	background-repeat: no-repeat;

	background-position: right top

} 
.header-v2 .main-nav .sf-menu li a.nav_home strong {

	padding-left: 5px

} 
.header-v2 .main-nav .sf-menu li.last {

	background-image: none

} 
.header-v2 .main-nav .sf-menu li:hover,.header-v2 .main-nav .sf-menu li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover>a,.header-v2 .main-nav .sf-menu a:focus,.header-v2 .main-nav .sf-menu a:hover,.header-v2 .main-nav .sf-menu a:active {

	background-color: #f4a814;

	color: #fff

} 
.header-v2 .main-nav .sf-menu li.current,.header-v2 .main-nav .sf-menu li.current .first-level,.header-v2 .main-nav .sf-menu li.current .first-level:visited {

	background-color: #f4a814;

	color: #fff

} 
.header-v2 .main-nav .sf-sub-indicator {

	background-image: url('404.png')

} 
.header-v2 .main-nav .sf-menu .first-level {

	padding-right: 2.5em;

	padding-left: 2.5em;

	border-right: medium none

} 
.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator {

	display: none

} 
.header-v2 .main-nav .sf-menu .last .first-level {

	border-right: medium none

} 
.header-v2 .main-nav .sf-menu li i {

	display: none;

	width: 100%;

	height: 3px;

	overflow: hidden;

	background-color: #00b1e1;

	position: absolute;

	top: -3px;

	left: 0

} 
.header-v2 .main-nav .sf-menu li:hover i,.header-v2 .main-nav .sf-menu .nav-hover i,.header-v2 .main-nav .sf-menu .current i,.header-v2 .main-nav .sf-menu .sfHover i {

	display: none

} 
.header-v2 .sf-menu ul {

	width: 14em

} 
.header-v2 .main-nav .sf-menu li:hover ul,.header-v2 .main-nav .sf-menu li.sfHover ul {

	top: 53px;

	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1)

} 
.header-v2 .main-nav .sf-menu li li {

	margin-right: 0;

	background-color: #004b8c;

	border-top: medium none;

	background-image: none

} 
.header-v2 .main-nav .sf-menu li li a,.header-v2 .main-nav .sf-menu li li a:visited {

	padding-top: 14px;

	padding-bottom: 14px;

	padding-left: 20px;

	line-height: normal;

	font-weight: normal;

	font-size: 13px;

	color: #fff

} 
.header-v2 .main-nav .sf-menu li li a strong {

	font-weight: normal

} 
.header-v2 .main-nav .sf-menu li li:hover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover>a,.header-v2 .main-nav .sf-menu li li a:focus,.header-v2 .main-nav .sf-menu li li a:hover,.header-v2 .main-nav .sf-menu li li a:active {

	background-color: #f4a814;

	color: #fff;

	background-image: none

} 
.main {

	min-height: 150px;

	height: auto!important

} 
.full-screen {

	width: 100%;

	overflow: hidden

} 
.footer {

	overflow: hidden;

	background-color: #004b8c;

	color: #fff;

	font-size: 1.3rem;

	border-bottom: 1px solid #005cab

} 
.footer a {

	color: #e5e5e5!important

} 
.footer a:hover {

	color: #fff!important

} 
.footer .module-title-default>.module-title-content h3 {

	color: #fff

} 
.footer-main .page-width {

	padding-top: 45px;

	padding-bottom: 35px

} 
.bottom {

	overflow: hidden;

	background: #004b8c none repeat scroll 0 0;

	color: #fff;

	font-size: 1.3rem;

	border-top: 1px solid #003059

} 
.bottom a {

	color: #e5e5e5!important

} 
.bottom a:hover {

	color: #fff!important

} 
.bottom .page-width {

	padding-top: 20px;

	padding-bottom: 20px

} 
.fixed-bottom {

	position: fixed;

	bottom: 0;

	width: 100%;

	z-index: 100001;

	display: none

} 
.popup {

	display: none

} 
.popup-content {

	position: fixed;

	top: 40%;

	left: 50%;

	z-index: 10000003;

	min-width: 200px;

	max-width: 10000px;

	background-color: #fff;

	padding: 20px

} 
.popup-close-btn {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 0;

	right: -50px;

	z-index: 10000003

} 
.popup-close-btn a {

	display: block;

	width: 50px;

	height: 50px;

	overflow: hidden;

	background: #808080 url('404.png') no-repeat scroll center center

} 
.popup-close-btn a:hover {

	background-color: #666

} 
.popup-close-btn a span {

	display: none

} 
.popup-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10000002;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: .8

} 
.QHDEmptyArea {

	line-height: 0;

	height: 0;

	margin-top: 0!important;

	margin-bottom: 0!important;

	padding-top: 0!important;

	padding-bottom: 0!important

} 
.desktops-section {

	display: block

} 
.mobile-section {

	display: none

} 
.touch-top-wrapper {

	padding: 10px 15px;

	background-color: #fff

} 
.touch-logo {

	float: left

} 
.touch-navigation {

	display: none

} 
.touch-toggle {

	position: absolute;

	right: 10px;

	top: 0

} 
.touch-toggle li {

	float: left;

	height: 70px;

	padding: 0 12px;

	text-align: center

} 
.touch-toggle li a {

	height: 70px

} 
.touch-toggle .touch-toggle-item-last {

	border-right: medium none

} 
.touch-toggle li a {

	display: block;

	font-size: 12px

} 
.touch-toggle li i {

	display: inline-block;

	width: 32px;

	height: 32px;

	overflow: hidden;

	margin-top: 20px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: contain

} 
.touch-toggle .touch-icon-menu {

	background-image: url('../image/touch-icon-menu.png')

} 
.touch-toggle li span {

	display: none;

	text-align: center

} 
.drawer-section {

	background-color: #004b8c;

	padding: 20px 0;

	display: none

} 
.touch-language li {

	width: 49.9%;

	float: left

} 
.touch-language li a {

	display: block;

	padding: 5px 0 5px 5px;

	color: #fff

} 
.touch-language li a:hover,.touch-language li a:active {

	background-color: #f4a814

} 
.touch-menu ul li {

	border-bottom: 1px solid #808080;

	position: relative

} 
.touch-menu ul li a {

	color: #fff;

	display: block;

	font-size: 18px;

	height: 48px;

	line-height: 48px;

	padding-left: 10px

} 
.touch-menu ul li a:hover,.touch-menu ul li a:active {

	background-color: #f4a814

} 
.touch-menu ul li i {

	position: absolute;

	top: 19px;

	right: 5px;

	display: block;

	width: 13px;

	height: 13px;

	overflow: hidden;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain

} 
.touch-menu ul li i.touch-arrow-down {

	background-image: url('../image/touch-arrow-d.png')

} 
.touch-menu ul ul {

	display: none;

	margin: 0;

	padding: 0 10px 30px 30px

} 
.touch-menu ul ul li {

	border-bottom: medium none;

	margin: 0;

	padding: 0

} 
.touch-menu ul ul li a {

	padding: 0 0 0 5px;

	font-size: 16px;

	height: 38px;

	line-height: 38px

} 
#biankuan {

	width: 100%;

	margin: 0 auto;

	float: left;

	text-align: center

} 
#biankuan .tupian {

	float: left;

	margin: 5px 3px;

	width: 118px;

	position: relative;

	left: 33%

} 
@media(min-width:992px) and (max-width:1199px) {

	.fixed-side {

		display: none

	} 
	.scrollable a.carousel-prev {

		left: 0

	} 
	.scrollable a.carousel-next {

		right: 0

	} 
	.layout-boxed #wrapper {

		width: 100%

	} 
	html,body {

		background-image: none!important

	} 
	.sou_da {

		display: none

	}

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

	.fixed-side {

		display: none

	} 
	.gotop-wrapper {

		background-color: rgba(0,0,0,0.5)

	} 
	.gotop-wrapper a {

		width: 45px;

		height: 45px

	} 
	.page-width,.boxed-layout {

		width: 100%

	} 
	.layout-boxed #wrapper {

		width: 100%

	} 
	html,body {

		background-image: none!important

	} 
	.scrollable a.carousel-prev {

		left: 0!important

	} 
	.scrollable a.carousel-next {

		right: 0!important

	} 
	.module-full-screen {

		margin: 0 -10px;

		padding: 0 10px

	} 
	.module-full-screen>.module-inner {

		padding: 30px 0

	} 
	.module-full-screen-more-fixed>.module-inner {

		padding: 30px 0 50px

	} 
	.module-full-screen-more-fixed .module-full-screen-more {

		margin-top: 15px;

		margin-left: -40px

	} 
	.module-full-screen-more-fixed .module-full-screen-more a {

		width: 80px;

		height: 80px;

		line-height: 80px;

		font-size: 14px;

		background-size: cover

	} 
	.module-full-screen-more-fixed .module-full-screen-more a:hover {

		background-position: 0 -80px

	} 
	.fixed-bottom .module-default,.fixed-bottom .module,.fixed-bottom .module-no-margin {

		margin-bottom: 0

	} 
	.default-top {

		display: none

	} 
	.touch-top {

		display: block

	} 
	.touch-top-wrapper .touch-logo {

		margin: 0

	} 
	.touch-navigation {

		display: block

	} 
	.touch-top-wrapper .touch-logo {

		margin: 0

	} 
	.touch-top-wrapper .touch-logo img {

		height: 50px;

		display: block

	} 
	.header {

		min-height: 30px!important

	} 
	.main {

		padding: 0 1%

	} 
	.sidebar {

		width: 100%;

		padding: 0

	} 
	.sidebar .page-menu {

		display: none

	} 
	.sidebar .sidebar-content {

		padding: 15px 0 25px

	} 
	.content {

		width: 100%;

		padding: 10px 0 15px

	} 
	.full-screen {

		overflow: inherit

	} 
	.page-title-inner {

		display: none

	} 
	.full-page-content {

		padding: 10px 0 25px

	} 
	.full-page-title-wrap {

		display: none

	} 
	.full-page-menu {

		display: none

	} 
	.footer,.bottom {

		padding: 0 15px

	} 
	.bottom .module-default,.bottom .module {

		margin-bottom: 0

	} 
	.category-bg-img li a {

		margin: 0 -10px

	} 
	.full-scrollable ul li {

		margin: 0 10px;

		text-align: left

	} 
	.full-scrollable .scrollable-image {

		margin-bottom: 15px

	} 
	.full-scrollable .scrollable-info {

		position: static;

		margin-top: 0;

		opacity: 1;

		display: block;

		color: #333;

		text-align: left

	} 
	.full-scrollable .scrollable-info h3 {

		padding: 0;

		line-height: normal;

		margin-bottom: 10px;

		font-size: 16px;

		font-weight: bold

	} 
	.full-scrollable .scrollable-info .scrollable-summarty {

		padding: 0

	} 
	.full-scrollable .scrollable-info .icon-detail {

		display: none

	} 
	.full-scrollable a:hover h3,.full-scrollable a:active h3 {

		color: #f4a814

	} 
	.portfolio-list-category .portfolio-img {

		margin-bottom: 15px

	} 
	.portfolio-list-category .portfolio-text {

		position: static;

		opacity: 1;

		text-align: left

	} 
	.portfolio-list-category .portfolio-title {

		padding: 0!important;

		margin-bottom: 0;

		color: #333;

		transform: translate3d(0px,0px,0px)

	} 
	.portfolio-list-category .portfolio-summary {

		padding: 0!important;

		margin: 15px 0 0;

		color: #808080;

		opacity: 1;

		transform: translate3d(0px,0px,0px)

	} 
	.portfolio-list-category .opacity-overlay {

		display: none

	} 
	.portfolio-list-category a::before,.portfolio-list-category a::after {

		display: none

	} 
	.portfolio-grid-text {

		top: auto;

		bottom: 0;

		opacity: 1;

		background-color: rgba(0,0,0,0.8)

	} 
	.portfolio-grid-text h3 {

		line-height: normal;

		margin: 0;

		padding: 10px 15px;

		font-size: 14px;

		font-weight: normal;

		position: relative;

		z-index: 10;

		color: #ddd

	} 
	.portfolio-grid-item a .overlay,.portfolio-grid-item a:hover .overlay {

		display: none

	} 
	.team-introduction .team-img,.content .team-introduction .team-img {

		margin-right: 30px

	} 
	.full-scrollable ul li {

		margin: 0 10px;

		text-align: left

	} 
	.full-scrollable .scrollable-image {

		margin-bottom: 15px

	} 
	.full-scrollable .scrollable-info {

		position: static;

		margin-top: 0;

		opacity: 1;

		display: block;

		color: #333;

		text-align: left

	} 
	.full-scrollable .scrollable-info h3 {

		padding: 0;

		line-height: normal;

		margin-bottom: 10px;

		font-size: 16px;

		font-weight: bold

	} 
	.full-scrollable .scrollable-info .scrollable-summarty {

		padding: 0

	} 
	.full-scrollable .scrollable-info .icon-detail {

		display: none

	} 
	.full-scrollable .opacity-overlay,.full-scrollable a:hover .opacity-overlay {

		display: none

	} 
	.product-list .product-item a {

		display: block

	} 
	.product-list .product-item .portfolio-img {

		margin-bottom: 15px

	} 
	.product-list .product-item .portfolio-text {

		display: block;

		position: static;

		text-align: left;

		color: #4d4d4d

	} 
	.product-list .product-item .portfolio-text .portfolio-title h2 {

		margin: 0!important

	} 
	.product-list .product-item a:hover .portfolio-text .portfolio-title h2 {

		color: #f4a814

	} 
	.product-list .col-2-1 .product-item .portfolio-text .portfolio-title h2,.product-list .col-3-1 .product-item .portfolio-text .portfolio-title h2 {

		font-size: 16px

	} 
	.product-list .product-item .portfolio-text .price {

		color: #f30;

		margin-bottom: 0

	} 
	.product-list .product-item .portfolio-text .icon-detail {

		display: none

	} 
	.product-list .product-item .opacity-overlay {

		display: none

	} 
	.product-scrollable .scrollable-item a {

		display: block

	} 
	.product-scrollable .scrollable-item .portfolio-img {

		margin-bottom: 15px

	} 
	.product-scrollable .scrollable-item .scrollable-info {

		display: block;

		position: static;

		text-align: left;

		color: #4d4d4d

	} 
	.product-scrollable .scrollable-item .scrollable-info h2 {

		font-size: 16px;

		margin: 0 0 15px!important

	} 
	.product-scrollable .scrollable-item a:hover .scrollable-info h2 {

		color: #f4a814

	} 
	.product-scrollable .scrollable-item .scrollable-info .price {

		color: #f30;

		margin-bottom: 0

	} 
	.product-scrollable .scrollable-item .scrollable-info .icon-detail {

		display: none

	} 
	.product-scrollable .scrollable-item .opacity-overlay {

		display: none

	} 
	.link-bg-img li a {

		margin: 0 -10px

	} 
	.post-list-3col .post-list-item .post-text {

		padding: 20px

	} 
	#biankuan {

		width: 100%;

		margin: 0 auto;

		float: left;

		text-align: center

	} 
	#biankuan .tupian {

		float: left;

		margin: 5px 3px;

		width: 118px;

		position: relative;

		left: 33%

	} 
	.sou_da {

		display: none

	}

} 
@media(min-width:768px) and (max-width:991px) {

	.slideshow {

		height: 380px!important

	} 
	.slideshow img {

		height: 380px!important

	} 
	.slideshow-min {

		height: 280px!important

	} 
	.slideshow-min img {

		height: 280px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.carousel-thumbs a img {

		width: 100px

	} 
	.tab-more {

		margin-top: 20px

	} 
	.tab-round .tabs-nav li {

		padding: 0

	} 
	.tab-round .tabs-nav li a {

		line-height: normal;

		padding: 0!important;

		width: 115px;

		height: 115px

	} 
	.tab-round .tabs-nav li a span {

		margin: 0;

		position: relative;

		top: 50%;

		transform: translateY(-50%)

	} 
	.tab-round .tabs-nav li a em {

		display: none

	} 
	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {

		margin: 0

	} 
	.tab-round .tabs-nav li i.line-v {

		height: 35px

	} 
	.product-list li {

		margin-bottom: 30px

	} 
	.product-item .portfolio-text h2 {

		margin-top: 50px

	} 
	.product-detail-zoom .product-intr .product-preview {

		width: 420px

	} 
	.product-detail-zoom .product-intr .zoom-small-image img {

		width: 420px!important

	} 
	.product-detail-zoom .product-intr .zoom-thumbs {

		width: 420px

	} 
	.product-detail-zoom .product-intr .zoom-thumbs img {

		width: 80px;

		height: auto!important

	} 
	.product-detail-zoom .zoom-section {

		display: none

	} 
	.product-detail-zoom .gallery-img-product-detail {

		display: block

	} 
	.module-divider-full {

		margin-bottom: -20px

	} 
	.post-list-2col .post-text {

		padding: 20px

	} 
	.post-list-3col .post-list-item {

		width: 100%;

		float: none;

		margin-bottom: 15px

	} 
	.post-list-3col .post-img,.post-list-3col .post-text-box {

		width: 50%;

		float: left

	} 
	.post-list-3col .post-list-item .post-text {

		padding: 20px

	} 
	.post-list-3col .post-list-item .post-arrow {

		width: 10px;

		height: 19px;

		margin: -10px 0 0;

		left: -10px;

		top: 50%;

		background-position: 0 -42px

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {

		float: right

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {

		left: auto;

		right: -10px;

		background-position: 0 -11px

	} 
	.post-list-3col .post-list-item-spec .post-img {

		top: auto!important

	} 
	.post-list-3col .post-list-item-spec .post-text-box {

		top: auto!important

	} 
	.post-list-4col .post-list-item {

		width: 100%;

		float: none;

		margin-bottom: 15px

	} 
	.post-list-4col .post-list-item-spec .post-img {

		float: left

	} 
	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-img {

		float: right

	} 
	.post-list-4col .post-list-item .post-arrow {

		width: 10px;

		height: 19px;

		top: 50%;

		left: -10px;

		margin-top: -10px;

		background-position: 0 -42px

	} 
	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-arrow {

		top: 50%;

		left: auto;

		right: -10px;

		margin-top: -10px;

		background-position: 0 -11px

	} 
	#biankuan .tupian {

		left: 25%

	} 
	.sou_da {

		display: none

	}

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

	.desktops-section {

		display: none

	} 
	.mobile-section {

		display: block

	} 
	.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.row2-svar .col-4-1,.row2-svar .col-5-1 {

		width: 31.3333%;

		margin-right: 3%

	} 
	.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {

		margin-right: 3%

	} 
	.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {

		clear: none

	} 
	.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {

		margin-right: 0;

		clear: none

	} 
	.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {

		clear: both

	} 
	.table-responsive {

		width: 100%;

		padding-bottom: 1px;

		margin-bottom: 5px;

		overflow-y: hidden

	} 
	.table-responsive table th,.table-responsive table td {

		white-space: nowrap

	} 
	.btn-medium,.btn-small,.btn-large {

		margin: 2px

	} 
	.qhd-pr {

		position: static

	} 
	.slideshow {

		height: 350px!important

	} 
	.slideshow img {

		height: 350px!important

	} 
	.slideshow-min {

		height: 250px!important

	} 
	.slideshow-min img {

		height: 250px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.carousel-thumbs a {

		border: medium none;

		width: 12px;

		height: 12px;

		margin: 0 5px;

		border-radius: 50%;

		background-color: #ccc

	} 
	.carousel-thumbs a.selected {

		background-color: #998b81

	} 
	.carousel-thumbs a img {

		display: none

	} 
	.tabs-default .tabs-nav li a {

		padding: 0 15px;

		line-height: 38px;

		font-size: 14px

	} 
	.tabs-default .tabs-nav li a i {

		display: none

	} 
	.tabs-center .tabs-nav li {

		margin: 0 3px 5px

	} 
	.tab-round .tabs-nav li {

		padding: 0 5px

	} 
	.tab-round .tabs-nav li a {

		line-height: normal;

		padding: 0!important;

		width: 90px;

		height: 90px

	} 
	.tab-round .tabs-nav li a span {

		margin: 0;

		font-size: 13px;

		position: relative;

		top: 50%;

		transform: translateY(-50%)

	} 
	.tab-round .tabs-nav li a em {

		display: none

	} 
	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {

		margin: 0

	} 
	.tab-round .tabs-nav li i.line-v {

		height: 35px

	} 
	.portfolio-list .column .col-2-1,.link-list .column .col-2-1 {

		width: 48.5%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-3-1 {

		width: 31.3333%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-4-1 {

		width: 22.75%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-5-1 {

		width: 17.6%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .last,.link-list .column .last {

		margin-right: 0!important

	} 
	.portfolio-grid-4col .portfolio-grid-item {

		width: 50%

	} 
	.portfolio-grid-3col .portfolio-grid-item {

		width: 33.333%

	} 
	.module-full-screen-title>h2 {

		font-size: 2.6rem;

		margin-bottom: 10px

	} 
	.category-bg-img li a {

		padding: 40px 0

	} 
	.category-bg-img .category-name {

		font-size: 18px;

		font-weight: bold

	} 
	.category-bg-img span {

		font-size: 13px;

		line-height: 30px

	} 
	.entry-set .entry-detail {

		display: none

	} 
	.gallery-detail-title h1 {

		font-size: 18px;

		font-weight: bold

	} 
	.categoryNav-vertical-content ul li a {

		font-size: 1.6rem

	} 
	.download-list-row .article-title {

		max-width: 65%

	} 
	.entry-img img {

		width: 140px!important;

		height: auto!important

	} 
	.entry-thumbnail-list .entry-item img {

		width: 90px!important;

		height: auto!important

	} 
	.blog-list .entry-img img {

		width: 100%!important

	} 
	.headlines-list .headlines-content-bg .entry-img img {

		width: 100%!important

	} 
	.team-introduction .team-img,.content .team-introduction .team-img {

		margin-right: 20px

	} 
	.team-introduction .team-img img,.content .team-introduction .team-img img {

		width: 250px

	} 
	.product-filter dt {

		width: 80px

	} 
	.product-filter dt {

		margin-right: 10px

	} 
	.product-detail .product-name {

		margin-bottom: 20px

	} 
	.product-detail .product-name h1 {

		font-size: 16px

	} 
	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {

		width: 50%

	} 
	.product-detail-zoom .zoom-section {

		display: none

	} 
	.product-detail-zoom .gallery-img-product-detail {

		display: block

	} 
	.link-line,.link-line-rtl,.link-line-center {

		text-align: left

	} 
	.link-line a,.link-line-rtl a,.link-line-center a {

		margin: 0 15px 0 0

	} 
	.link-bg-img li a {

		padding: 40px 0

	} 
	.link-block li {

		padding: 6px 0;

		border-bottom: 1px solid #808080

	} 
	.module-full-screen-title {

		margin-bottom: 20px

	} 
	.module-full-screen-title>.module-title-content>h2 {

		margin: 0 15px;

		font-size: 20px;

		font-weight: bold

	} 
	.module-full-screen-title>h3 {

		display: none

	} 
	.module-full-screen-title>.module-title-content>i {

		width: 80px

	} 
	.module-full-screen-more a {

		line-height: 34px

	} 
	.module-divider-full {

		margin: 20px 0 -20px

	} 
	.pagination {

		margin: 15px 0 10px

	} 
	.pagination a,.pagination span {

		display: none

	} 
	.pagination a:hover,.pagination a:active {

		background-color: #f4a814;

		color: #fff

	} 
	.pagination .page-prev,.pagination .page-next {

		margin: 0 1%;

		padding: 0;

		display: inline-block;

		width: 47%;

		height: 38px;

		line-height: 38px;

		background-color: #004b8c;

		color: #fff

	} 
	.pagination .page-prev {

		border-radius: 30px 0 0 30px

	} 
	.pagination .page-next {

		border-radius: 0 30px 30px 0

	} 
	.pagination .disabled {

		background-color: #f7fafa;

		color: #ccc

	} 
	.top-main-content {

		display: none

	} 
	.touch-top-wrapper .touch-logo img {

		height: 40px

	} 
	.touch-toggle li {

		height: 60px

	} 
	.touch-toggle li a {

		height: 60px

	} 
	.touch-toggle li i {

		width: 28px;

		height: 28px;

		margin-top: 15px

	} 
	.footer .qhd-content p,.footer .qhd-content p,.bottom .qhd-content p,.bottom .qhd-content p {

		text-align: center!important

	} 
	.post-text h2 {

		font-weight: normal;

		font-size: 16px

	} 
	.post-text-summary {

		font-size: 12px

	} 
	.post-list .post-list-item {

		width: 100%;

		float: none;

		margin-bottom: 15px

	} 
	.post-list-2col .post-img,.post-list-2col .post-text-box {

		width: 100%

	} 
	.post-list-2col .post-img img {

		height: auto!important

	} 
	.post-list-2col .post-text-box {

		height: auto!important

	} 
	.post-list-2col .post-text-summary {

		height: auto!important

	} 
	.post-list-2col .post-text {

		padding: 20px

	} 
	.post-list-2col .post-list-item .post-arrow {

		width: 19px;

		height: 10px;

		margin: 0 0 0 -10px;

		right: auto;

		top: -10px;

		left: 50%;

		background-position: 0 0

	} 
	.post-list-3col .post-img,.post-list-3col .post-text-box {

		width: 50%;

		float: left

	} 
	.post-list-3col .post-list-item .post-text {

		padding: 20px

	} 
	.post-list-3col .post-list-item .post-arrow {

		width: 10px;

		height: 19px;

		margin: -10px 0 0;

		left: -10px;

		top: 50%;

		background-position: 0 -42px

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {

		float: right

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {

		left: auto;

		right: -10px;

		background-position: 0 -11px

	} 
	.post-list-3col .post-list-item-spec .post-img {

		top: auto!important

	} 
	.post-list-3col .post-list-item-spec .post-text-box {

		top: auto!important

	} 
	#biankuan .tupian {

		left: 0

	} 
	.sou_da {

		display: none

	}

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

	.slideshow {

		height: 300px!important

	} 
	.slideshow img {

		height: 300px!important

	} 
	.slideshow-min {

		height: 200px!important

	} 
	.slideshow-min img {

		height: 200px!important

	} 
	.scrollable .carousel-direction a {

		width: 40px;

		height: 40px;

		line-height: 40px

	} 
	.tabs-left .tabs-nav {

		width: 30%

	} 
	.tab-round .tabs-nav li a {

		width: 70px;

		height: 70px

	} 
	.tab-round .tabs-nav li i.line-v {

		height: 30px

	} 
	.qhd-content .typo .typo_img,.qhd-content .typo .imgtoright {

		width: auto!important;

		float: none;

		margin-right: 0;

		margin-left: 0

	} 
	.qhd-content .typo>a {

		display: block

	} 
	.qhd-content div,.qhd-content a,.qhd-content p,.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {

		text-align: center

	} 
	.portfolio-list .column .col-4-1,.link-list .column .col-4-1 {

		width: 48.5%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-4-1:nth-child(2n),.link-list .column .col-4-1:nth-child(2n) {

		margin-right: 0!important

	} 
	.portfolio-list .column .col-5-1,.link-list .column .col-5-1 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.portfolio-grid-4col .portfolio-grid-item {

		width: 50%

	} 
	.portfolio-grid-3col .portfolio-grid-item {

		width: 50%

	} 
	.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {

		width: 48.5%;

		margin-right: 3%

	} 
	.row2-svar .col-5-1:nth-of-type(5n+5) {

		margin-right: 3%

	} 
	.row2-svar .col-5-1:nth-of-type(5n+1) {

		clear: none

	} 
	.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {

		margin-right: 3%

	} 
	.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {

		clear: none

	} 
	.row2-svar .col-3-1:nth-of-type(2n+2),.row2-svar .col-4-1:nth-of-type(2n+2),.row2-svar .col-5-1:nth-of-type(2n+2) {

		margin-right: 0

	} 
	.row2-svar .col-3-1:nth-of-type(2n+1),.row2-svar .col-4-1:nth-of-type(2n+1),.row2-svar .col-5-1:nth-of-type(2n+1) {

		clear: both

	} 
	.headlines-list-2col .headlines-content {

		width: 100%;

		float: none;

		display: block;

		margin-right: 0;

		padding-bottom: 10px;

		margin-bottom: 20px

	} 
	.headlines-others .entry-set-time-hl .entry-item {

		border-bottom: 1px dotted #ccc;

		margin-bottom: 15px;

		padding-bottom: 15px

	} 
	.headlines-others .entry-set-time-hl .entry-summary {

		margin-bottom: -8px

	} 
	.team-cases-title {

		margin: 25px 0;

		padding-top: 25px

	} 
	.team-introduction .team-img,.content .team-introduction .team-img {

		margin-right: 0

	} 
	.team-introduction .team-img img,.content .team-introduction .team-img img {

		width: 200px

	} 
	.team-introduction .team-name {

		font-size: 18px;

		font-weight: bold

	} 
	.full-scrollable ul li {

		margin: 0 5px

	} 
	.full-scrollable .scrollable-info .scrollable-summarty {

		font-size: 13px

	} 
	.product-intr .product-preview {

		width: auto;

		float: none;

		margin-right: 0;

		display: block;

		margin-bottom: 30px

	} 
	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {

		width: 100%

	} 
	.gallery-zoom-img-wrap .icon-zoom {

		display: none

	} 
	.link-icon li {

		margin-bottom: 20px;

		margin-left: 10px;

		margin-right: 10px

	} 
	.link-icon li a {

		display: inline-block;

		width: 80px;

		height: 80px

	} 
	.link-icon li a span {

		display: block;

		margin-top: 26px;

		font-size: 14px

	} 
	.link-icon li a.link-img img {

		width: 24px;

		margin: 15px 0 5px

	} 
	.link-icon li a.link-img span {

		margin-top: 0

	} 
	.module-horizontal .module-title-horizontal {

		float: none;

		margin-right: 0

	} 
	.module-title-horizontal .module-title-content {

		margin: 0 0 10px

	} 
	.module-horizontal>.modult-inner>.module-more-horizontal a {

		margin-top: 12px

	} 
	.fixed-bottom {

		display: block

	} 
	.categoryNav-vertical-content {

		margin-top: 20px

	} 
	.categoryNav-vertical-content ul li a {

		line-height: 40px

	} 
	.post-text h2 {

		margin-bottom: 15px

	} 
	.post-list .post-img,.post-list .post-text-box {

		width: 100%

	} 
	.post-list .post-img img {

		height: auto!important

	} 
	.post-list .post-text-box {

		height: auto!important

	} 
	.post-list .post-text-summary {

		height: auto!important

	} 
	.post-list .post-list-item .post-arrow {

		width: 19px;

		height: 10px;

		margin: 0 0 0 -10px;

		right: auto;

		top: -10px;

		left: 50%;

		background-position: 0 0

	} 
	.post-list .post-list-item-spec .post-img {

		top: auto!important

	} 
	.post-list .post-list-item-spec .post-text-box {

		top: auto!important

	} 
	.post-list .post-list-item:nth-of-type(2n+2) .post-arrow {

		width: 19px;

		height: 10px;

		margin: 0 0 0 -10px;

		right: auto;

		top: -10px;

		left: 50%;

		background-position: 0 0

	} 
	#biankuan .tupian {

		left: 0

	} 
	.sou_da {

		display: none

	}

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

	.column .col-4-1 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.slideshow {

		height: 250px!important

	} 
	.slideshow img {

		height: 250px!important

	} 
	.slideshow-min {

		height: 180px!important

	} 
	.slideshow-min img {

		height: 180px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.carousel-thumbs a img {

		width: 80px

	} 
	.scrollable-text {

		height: auto

	} 
	.scrollable-text .carousel-direction {

		display: none

	} 
	.carousel-btn-fixed {

		bottom: 8px

	} 
	.tabs-default .tabs-nav li a {

		padding: 0 10px;

		line-height: 34px;

		font-size: 14px

	} 
	.tabs-center .tabs-nav li {

		margin: 0 2px 5px

	} 
	.tab-round .tabs-nav li {

		width: auto;

		margin-bottom: 10px

	} 
	.tab-round .tabs-nav li a {

		width: 78px;

		height: 78px

	} 
	.tab-round .tabs-nav li i.line-v {

		display: none

	} 
	.entry-list-mobile .entry-summary {

		display: none

	} 
	.entry-list-mobile .entry-detail {

		display: none

	} 
	.portfolio-typo-item .portfolio-typo-summary {

		display: none

	} 
	.portfolio-list .column .col-2-1,.portfolio-list .column .col-3-1,.portfolio-list .column .col-4-1,.portfolio-list .column .col-5-1,.link-list .column .col-2-1,.link-list .column .col-3-1,.link-list .column .col-4-1,.link-list .column .col-5-1 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.portfolio-grid-item {

		margin-bottom: 10px

	} 
	.portfolio-grid-text h3 {

		font-size: 13px

	} 
	.portfolio-grid-4col .portfolio-grid-item,.portfolio-grid-3col .portfolio-grid-item {

		width: 50%

	} 
	.pgwSlideshow .ps-current {

		min-height: 200px

	} 
	.article-list-row li .article-time {

		display: none

	} 
	.entry-img img {

		width: 120px!important;

		height: auto!important

	} 
	.blog-list .entry-img img {

		width: 100%!important;

		height: auto!important

	} 
	.headlines-list .headlines-content-bg .entry-img img {

		width: 100%!important;

		height: auto!important

	} 
	.entry-list-time-hl .entry-item {

		padding-left: 80px

	} 
	.entry-list-time-hl .time {

		width: 60px

	} 
	.entry-list-time-hl .time-day {

		line-height: 40px;

		font-size: 26px

	} 
	.entry-list-time-hl .time-date {

		line-height: 20px;

		font-size: 12px

	} 
	.team-introduction .typo .typo-img {

		float: none;

		margin: 0 0 20px

	} 
	.team-introduction .team-img img,.content .team-introduction .team-img img {

		width: auto;

		max-width: 100%

	} 
	.scrollable-text .article-time {

		display: none

	} 
	.touch-top-wrapper .touch-logo img {

		height: 30px

	} 
	.touch-toggle li {

		height: 50px;

		padding: 0 10px

	} 
	.touch-toggle li a {

		height: 50px

	} 
	.touch-toggle li i {

		width: 20px;

		height: 20px;

		margin-top: 15px

	} 
	.module-full-screen-title>.module-title-content>i {

		width: 40px

	} 
	.module-horizontal .module-title-horizontal {

		float: none;

		margin-right: 0

	} 
	.module-title-horizontal .module-title-content {

		margin: 0 0 10px

	} 
	.module-horizontal>.modult-inner>.module-more-horizontal {

		margin: 6px 0 0

	} 
	.qhd-content .typo a {

		display: block

	} 
	.qhd-content .typo a,.qhd-content .typo .typo_text {

		text-align: center

	} 
	.izotope .grid-sizer,.izotope .izotope-item,.izotope .izotope-item-50 {

		width: 100%!important

	} 
	.sou_da {

		display: none

	}

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

	.slideshow-min {

		height: 150px!important

	} 
	.slideshow-min img {

		height: 150px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.categoryNav-vertical-content ul li a {

		margin-bottom: 5px

	} 
	.categoryNav-vertical-content ul li {

		margin: 0;

		display: block;

		width: 100%

	} 
	.categoryNav-vertical-content ul li a {

		display: block

	} 
	#biankuan {

		display: none

	} 
	#biankuan .tupian {

		display: none

	} 
	.sou_da {

		display: none

	}

	

} 
.qhd-content p {

	line-height: 160%;

	margin-bottom: 15px

} 
.qhd-content .typo::before,.qhd-content .typo::after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden

} 
.qhd-content .typo::after {

	clear: both

} 
.qhd-content .typo .typo_text {

	overflow: hidden

} 
.qhd-content .typo .typo_img {

	float: left;

	margin-right: 20px;

	margin-bottom: 12px

} 
.qhd-content .column::after,.qhd-module .column::after {

	clear: both;

	content: ".";

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	min-height: 0;

	visibility: hidden

} 
.qhd-content .column,.qhd-module .column {

	width: 100%

} 
.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {

	float: left;

	min-height: 1px;

	height: auto!important

} 
.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {

	width: 22.75%;

	margin-right: 3%

} 
.qhd-content .column .last,.qhd-module .column .last {

	margin-right: 0

} 
.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {

	background-color: #f9f9f9

} 
.clear {

	clear: both;

	visibility: hidden;

	display: block;

	font-size: 0;

	line-height: 0

} 
.clearfix::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.qhd-content p {

	line-height: 160%;

	margin-bottom: 15px

} 
.qhd-content .typo::before,.qhd-content .typo::after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden

} 
.qhd-content .typo::after {

	clear: both

} 
.qhd-content .typo {

	margin-bottom: 0

} 
.qhd-content .typo .typo_text {

	overflow: hidden

} 
.qhd-content .typo .typo_img {

	float: left;

	margin-right: 10px;

	margin-bottom: 12px

} 
.qhd-content .column::after,.qhd-module .column::after {

	clear: both;

	content: ".";

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	min-height: 0;

	visibility: hidden

} 
.qhd-content .column,.qhd-module .column {

	width: 100%

} 
.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {

	float: left;

	min-height: 1px;

	height: auto!important

} 
.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {

	width: 15.75%;

	margin-right: 3%

} 
.qhd-content .column .last,.qhd-module .column .last {

	margin-right: 0

} 
.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {

	background-color: #f9f9f9

} 
.clear {

	clear: both;

	visibility: hidden;

	display: block;

	font-size: 0;

	line-height: 0

} 
.clearfix::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.sf-menu,.sf-menu * {

	margin: 0;

	padding: 0;

	list-style: outside none none

} 
.sf-menu {

	line-height: 1

} 
.sf-menu ul {

	position: absolute;

	top: -999em;

	width: 13em

} 
.sf-menu ul li {

	width: 100%

} 
.sf-menu li:hover {

	visibility: inherit

} 
.sf-menu li {

	float: left;

	position: relative

} 
.sf-menu a {

	display: block

} 
.sf-menu li:hover ul,.sf-menu li.sfHover ul {

	left: 0;

	top: 2.4em;

	z-index: 99

} 
.sf-menu a {

	border-left: 1px solid #fff;

	border-top: 1px solid #cfdeff;

	padding: .75em 1em;

	text-decoration: none

} 
.sf-menu a,.sf-menu a:visited {

	color: #13a

} 
.sf-menu li {

	background: #bdd2ff none repeat scroll 0 0

} 
.sf-menu li li {

	background: #aabde6 none repeat scroll 0 0

} 
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {

	background: #cfdeff none repeat scroll 0 0;

	outline: 0 none

} 
.sf-menu a.sf-with-ul {

	padding-right: 1.8em

} 
.sf-sub-indicator {

	position: absolute;

	display: block;

	right: .75em;

	top: 1.05em;

	width: 10px;

	height: 10px;

	text-indent: -999em;

	overflow: hidden;

	background: transparent url('404.png') no-repeat scroll -10px -100px

} 
a>.sf-sub-indicator {

	top: .8em;

	background-position: 0 -100px

} 
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {

	background-position: -10px -100px

} 
#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	width: 40px;

	height: 40px;

	margin-top: -20px;

	margin-left: -20px;

	cursor: pointer;

	overflow: hidden;

	z-index: 1104;

	display: none

} 
#fancybox-loading div {

	position: absolute;

	top: 0;

	left: 0;

	width: 40px;

	height: 480px;

	background-image: url('404.png')

} 
#fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 110000;

	display: none

} 
#fancybox-tmp {

	padding: 0;

	margin: 0;

	border: 0 none;

	overflow: auto;

	display: none

} 
#fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	padding: 20px;

	z-index: 110001;

	outline: medium none;

	display: none

} 
#fancybox-outer {

	position: relative;

	width: 100%;

	height: 100%;

	background: #fff none repeat scroll 0 0

} 
#fancybox-content {

	width: 0;

	height: 0;

	padding: 0;

	outline: medium none;

	position: relative;

	overflow: hidden;

	z-index: 1102;

	border: 0 solid #fff

} 
#fancybox-close {

	position: absolute;

	top: -15px;

	right: -15px;

	width: 30px;

	height: 30px;

	background: transparent url('404.png') repeat scroll -40px 0;

	cursor: pointer;

	z-index: 1103;

	display: none

} 
#fancybox-left,#fancybox-right {

	position: absolute;

	bottom: 0;

	height: 100%;

	width: 35%;

	cursor: pointer;

	outline: medium none;

	background: transparent url('404.png') repeat scroll 0 0;

	z-index: 1102;

	display: none

} 
#fancybox-left {

	left: 0

} 
#fancybox-right {

	right: 0

} 
#fancybox-left-ico,#fancybox-right-ico {

	position: absolute;

	top: 50%;

	left: -9999px;

	width: 30px;

	height: 30px;

	margin-top: -15px;

	cursor: pointer;

	z-index: 1102;

	display: block

} 
#fancybox-left-ico {

	background-image: url('404.png');

	background-position: -40px -30px

} 
#fancybox-right-ico {

	background-image: url('404.png');

	background-position: -40px -60px

} 
#fancybox-left:hover,#fancybox-right:hover {

	visibility: visible

} 
#fancybox-left:hover span {

	left: 20px

} 
#fancybox-right:hover span {

	left: auto;

	right: 20px

} 
.fancybox-bg {

	position: absolute;

	padding: 0;

	margin: 0;

	border: 0 none;

	width: 20px;

	height: 20px;

	z-index: 1001

} 
#fancybox-bg-n {

	top: -20px;

	left: 0;

	width: 100%;

	background-image: url('404.png')

} 
#fancybox-bg-ne {

	top: -20px;

	right: -20px;

	background-image: url('404.png');

	background-position: -40px -162px

} 
#fancybox-bg-e {

	top: 0;

	right: -20px;

	height: 100%;

	background-image: url('404.png');

	background-position: -20px 0

} 
#fancybox-bg-se {

	bottom: -20px;

	right: -20px;

	background-image: url('404.png');

	background-position: -40px -182px

} 
#fancybox-bg-s {

	bottom: -20px;

	left: 0;

	width: 100%;

	background-image: url('404.png');

	background-position: 0 -20px

} 
#fancybox-bg-sw {

	bottom: -20px;

	left: -20px;

	background-image: url('404.png');

	background-position: -40px -142px

} 
#fancybox-bg-w {

	top: 0;

	left: -20px;

	height: 100%;

	background-image: url('404.png')

} 
#fancybox-bg-nw {

	top: -20px;

	left: -20px;

	background-image: url('404.png');

	background-position: -40px -122px

} 
#fancybox-title {

	font-family: Helvetica;

	font-size: 12px;

	z-index: 1102

} 
.sou_da {

	position: relative;

	width: 215px

} 
.sou_da input {

	background: none repeat;

	border: 2px solid #004b8c;

	border-radius: 5px;

	color: #004b8c;

	height: 38px;

	outline: medium none;

	padding-left: 10px;

	width: 100%;

	line-height: normal

} 
.sou_da button {

	background: #004b8c none repeat scroll 0 0;

	border: medium none;

	border-radius: 0 5px 5px 0;

	cursor: pointer;

	height: 42px;

	position: absolute;

	right: -13px;

	top: 0;

	width: 42px;

	line-height: normal

} 
.sou_da button .fa-white {

	color: #fff;

	font-size: 20px

} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {

	margin: 0;

	padding: 0

} 
fieldset,img {

	border: 0 none

} 
:focus {

	outline: 0 none

} 
h1,h2,h3,h4,h5,h6 {

	font-size: 100%;

	font-weight: normal

} 
input,button,textarea,select,optgroup,option {

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit

} 
body {

	line-height: 1.5

} 
ol,ul {

	list-style: outside none none

} 
:link,:visited,ins {

	text-decoration: none

} 
blockquote::before,blockquote::after,q::before,q::after {

	content: none

} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

	display: block

} 
body {

	font: 13px/1.231 arial,helvetica,clean,sans-serif

} 
h1,h2,h3,h4,h5,h6 {

	font-weight: bold

} 
h2,.h2 {

	font-size: 26px

} 
h3,.h3 {

	font-size: 24px

} 
.clear {

	clear: both;

	visibility: hidden;

	display: block;

	font-size: 0;

	line-height: 0

} 
.clearfix::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.typo::before,.typo::after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden

} 
.typo::after {

	clear: both

} 
.column::after {

	clear: both;

	content: ".";

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	min-height: 0;

	visibility: hidden

} 
.column {

	width: 100%

} 
.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {

	float: left;

	min-height: 1px;

	height: auto!important

} 
.column .col-3-1 {

	width: 31.3333%;

	margin-right: 3%

} 
.column .col-4-1 {

	width: 22.75%;

	margin-right: 3%

} 
.column .last {

	margin-right: 0

} 
.ieCode-del {

	display: block

} 
.ieCode {

	display: none

} 
.row2-svar::before,.row2-svar::after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0

} 
.row2-svar .col-2-1,.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {

	float: left;

	min-height: 1px;

	clear: right

} 
.row2-svar .col-3-1 {

	width: 31.3333%;

	margin-right: 3%

} 
.row2-svar .col-2-1:nth-of-type(2n+2),.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {

	margin-right: 0

} 
.row2-svar .col-2-1:nth-of-type(2n+1),.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {

	clear: both

} 
.qhdform .formrow::before,.formrow::after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden

} 
.qhdform .formrow::after {

	clear: both

} 
.qhd-content img {

	vertical-align: middle;

	height: auto!important

} 
.qhd-content a {

	color: #004b8c

} 
.qhd-content a:hover img {

	opacity: .9

} 
.qhd-content .typo .typo_text p:first-child {

	margin-bottom: 5px

} 
@media �screen {

	.video-responsive .video-play-wrapper {

		position: relative;

		height: 0!important;

		padding-bottom: 56.25%;

		padding-top: 0!important;

		overflow: hidden

	} 
	.video-responsive .video-play-wrapper iframe,.video-responsive .video-play-wrapper object,.article-detail .video-play-wrapper embed {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%

	}

} 
.carousel-btn {

	text-align: center;

	margin: 10px 0

} 
.carousel-btn-fixed {

	width: 100%;

	position: absolute;

	bottom: 15px;

	left: 0;

	margin: 0;

	z-index: 100

} 
.carousel {

	position: relative

} 
.carousel-item {

	position: relative;

	float: left;

	display: block

} 
.carousel-item .carousel-img {

	display: block

} 
.carousel-item .carousel-img a[href="javascript:;"] {

	cursor: default

} 
.carousel-item .carousel-img img {

	display: block

} 
.responsive-carousel {

	overflow: hidden

} 
.responsive-carousel .carousel-item img {

	width: 100%;

	height: auto!important

} 
.portfolio-list {

	min-height: 20px

} 
.portfolio-list li {

	margin-bottom: 25px

} 
.portfolio-img {

	margin-bottom: 10px;

	overflow: hidden

} 
.portfolio-img a {

	position: relative

} 
.portfolio-img a,.portfolio-img img {

	width: 100%;

	display: block;

	overflow: hidden;

	transform: scale(1);

	transition: all .3s ease-out 0s

} 
.portfolio-img a:hover img {

	transform: scale(1.2,1.2);

	transition: all .3s ease-out 0s

} 
.portfolio-title {

	margin-bottom: 10px;

	line-height: normal;

	text-align: center

} 
.portfolio-title h2 {

	font-size: 15px;

	line-height: 1.5;

	font-weight: normal

} 
.portfolio-title a:hover {

	text-decoration: none

} 
.category-bg-img li:nth-child(2n) a {

	background-color: #39a123

} 
.portfolio-list-category li a::before,.portfolio-list-category li a::after {

	position: absolute;

	top: 20px;

	right: 20px;

	bottom: 20px;

	left: 20px;

	z-index: 15;

	content: "";

	opacity: 0;

	transition: opacity .35s ease 0s,transform .35s ease 0s

} 
.portfolio-list-category li a::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	transform: scale(0,1)

} 
.portfolio-list-category li a::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	transform: scale(1,0)

} 
.portfolio-list-category li:hover a::before,.portfolio-list-category li:hover a::after {

	opacity: 1;

	transform: scale(1)

} 
.portfolio-list-category li.col-4-1 a::before,.portfolio-list-category li.col-4-1 a::after {

	top: 10px;

	right: 10px;

	bottom: 10px;

	left: 10px

} 
@media �screen {

	.article-detail .video-play-wrapper {

		position: relative;

		height: 0!important;

		padding-bottom: 56.25%;

		padding-top: 0!important;

		overflow: hidden

	} 
	.article-detail .video-play-wrapper iframe,.article-detail .video-play-wrapper object,.article-detail .video-play-wrapper embed {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%

	}

} 
.animate-border::before,.animate-border::after {

	position: absolute;

	top: 20px;

	right: 20px;

	bottom: 20px;

	left: 20px;

	z-index: 100001;

	content: "";

	opacity: 0;

	transition: opacity .35s ease 0s,transform .35s ease 0s

} 
.animate-border::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	transform: scale(0,1)

} 
.animate-border::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	transform: scale(1,0)

} 
.animate-border-h:hover .animate-border::before,.animate-border-h:hover .animate-border::after {

	opacity: 1;

	transform: scale(1)

} 
@media only screen {

	.gallery-zoom-img-wrap .icon-zoom {

		background-image: url('404.png');

		background-size: 16px 16px

	}

} 
.link-block li {

	padding: 4px 0;

	line-height: 1.5

} 
.link-bg-img li:nth-child(2n) a {

	background-color: #39a123

} 
.breadcrumbs {

	font-size: 12px;

	color: #666

} 
.breadcrumbs a {

	color: #666

} 
.breadcrumbs a:hover {

	color: #333;

	text-decoration: none

} 
.breadcrumbs i {

	font-style: normal;

	margin: 0 3px

} 
.breadcrumbs strong {

	font-weight: normal;

	color: #333

} 
.module-default {

	margin: 0;

	padding: 0

} 
.module-default .tab_container .qhd-content {

	padding-left: 15px;

	padding-top: 10px

} 
.module-default .tab_container .pt_box {

	width: 100%

} 
.module-default .tab_container .pt_box li {

	width: 24.8%;

	float: left;

	text-align: center;

	padding: 1% .1%

} 
.module-default .tab_container .pt_box li img {

	width: 90%

} 
.module-default .tab_container .pt_box li h3 {

	font-size: 13px

} 
.module-title-default {

	margin-bottom: 10px;

	overflow: hidden

} 
.module-title-default>.module-title-content {

	padding-top: 5px;

	padding-bottom: 5px

} 
.module-title-default>.module-title-content h3 {

	display: block;

	float: left;

	line-height: 20px;

	font-size: 16px

} 
.module-no-margin,.module-no-margin .module-content p,.module-no-margin .module-content ul,.module-no-margin .module-content ol,.module-no-margin .module-content h1,.module-no-margin .module-content h2,.module-no-margin .module-content h3,.module-no-margin .module-content h4,.module-no-margin .module-content h5,.module-no-margin .module-content h6 {

	margin: 0

} 
.gotop {

	display: none

} 
*::-moz-selection {

	color: #fff;

	background-color: #316ac5

} 
input:-moz-placeholder {

	color: #000

} 
input::-moz-placeholder {

	color: #000

} 
html {

	background-repeat: repeat;

	font-size: 62.5%;

	background-color: #fff

} 
body {

	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;

	color: #4d4d4d;

	line-height: 1.8;

	font-size: 14px

} 
a {

	color: #4d4d4d;

	text-decoration: none

} 
a:hover {

	color: #f4a814;

	text-decoration: none

} 
.float-left {

	float: left;

	display: inline

} 
.float-right {

	float: right;

	display: inline

} 
#wrapper {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	background-color: #fff;

	position: relative

} 
.page-width {

	width: 1120px;

	margin: 0 auto

} 
.fixed-side {

	position: absolute;

	top: 150px;

	z-index: 10001

} 
.fixed-left {

	left: 0

} 
.fixed-right {

	right: 0;

	float: right

} 
.not-animated {

	opacity: 0

} 
.gotop-wrapper {

	position: fixed;

	bottom: 50px;

	right: 15px;

	z-index: 1001;

	background-color: rgba(0,0,0,0.3)

} 
.gotop-wrapper:hover {

	background-color: rgba(0,0,0,0.6)

} 
.gotop-wrapper a {

	display: none;

	width: 55px;

	height: 55px;

	overflow: hidden;

	background: transparent url('404.png') no-repeat scroll center center

} 
.top {

	width: 100%;

	position: relative;

	z-index: 1000;

	background-color: #fff

} 
.top-bar {

	line-height: 36px;

	font-size: 13px;

	color: #808080;

	background-color: #fff;

	position: relative;

	z-index: 101;

	border-bottom: 1px solid #e5e5e4

} 
.logo img {

	display: block

} 
.top-main-content .qhd-content img {

	vertical-align: text-bottom

} 
.header-v2 {

	position: relative

} 
.header-v2 .top-main .top-widget {

	margin-top: 10px

} 
.header-v2 .top-main .top-widget a {

	color: #808080

} 
.header-v2 .top-main .top-widget a:hover {

	color: #696058

} 
.header-v2 .top-main-content {

	position: relative

} 
.header-v2 .qrcode {

	width: 170px;



	float: right

} 
.header-v2 .top-main-content .top-widget {

	min-width: 220px

} 
.header-v2 .top-bar,.header-v2 .top-bar p {

	line-height: 36px

} 
.header-v2 .nav-wrapper {

	background-color: #004b8c

} 
.header-v2 .main-nav .sf-menu a,.header-v2 .main-nav .sf-menu a:visited {

	color: #fff

} 
.header-v2 .main-nav .sf-menu a:hover {

	text-decoration: none

} 
.header-v2 .main-nav .sf-menu a {

	border: medium none;

	padding-top: 0;

	padding-bottom: 0;

	display: block;

	line-height: 53.5px;

	font-size: 15px;

	color: #fff;

	font-weight: normal

} 
.header-v2 .main-nav .sf-menu li {

	background-color: transparent;

	background-image: url('../image/nav-border.png');

	background-repeat: no-repeat;

	background-position: right top

} 
.header-v2 .main-nav .sf-menu li a.nav_home strong {

	padding-left: 5px

} 
.header-v2 .main-nav .sf-menu li.last {

	background-image: none

} 
.header-v2 .main-nav .sf-menu li:hover,.header-v2 .main-nav .sf-menu li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover>a,.header-v2 .main-nav .sf-menu a:focus,.header-v2 .main-nav .sf-menu a:hover,.header-v2 .main-nav .sf-menu a:active {

	background-color: #f4a814;

	color: #fff

} 
.header-v2 .main-nav .sf-menu li.current,.header-v2 .main-nav .sf-menu li.current .first-level,.header-v2 .main-nav .sf-menu li.current .first-level:visited {

	background-color: #f4a814;

	color: #fff

} 
.header-v2 .main-nav .sf-sub-indicator {

	background-image: url('404.png')

} 
.header-v2 .main-nav .sf-menu .first-level {

	padding-right: 1.8em;

	padding-left: 1.8em;

	border-right: medium none

} 
.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator {

	display: none

} 
.header-v2 .main-nav .sf-menu .last .first-level {

	border-right: medium none

} 
.header-v2 .main-nav .sf-menu li i {

	display: none;

	width: 100%;

	height: 3px;

	overflow: hidden;

	background-color: #00b1e1;

	position: absolute;

	top: -3px;

	left: 0

} 
.header-v2 .main-nav .sf-menu li:hover i,.header-v2 .main-nav .sf-menu .nav-hover i,.header-v2 .main-nav .sf-menu .current i,.header-v2 .main-nav .sf-menu .sfHover i {

	display: none

} 
.header-v2 .sf-menu ul {

	width: 14em

} 
.header-v2 .main-nav .sf-menu li:hover ul,.header-v2 .main-nav .sf-menu li.sfHover ul {

	top: 53px;

	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1)

} 
.header-v2 .main-nav .sf-menu li li {

	margin-right: 0;

	background-color: #004b8c;

	border-top: medium none;

	background-image: none

} 
.header-v2 .main-nav .sf-menu li li a,.header-v2 .main-nav .sf-menu li li a:visited {

	padding-top: 14px;

	padding-bottom: 14px;

	padding-left: 20px;

	line-height: normal;

	font-weight: normal;

	font-size: 13px;

	color: #fff

} 
.header-v2 .main-nav .sf-menu li li a strong {

	font-weight: normal

} 
.header-v2 .main-nav .sf-menu li li:hover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover>a,.header-v2 .main-nav .sf-menu li li a:focus,.header-v2 .main-nav .sf-menu li li a:hover,.header-v2 .main-nav .sf-menu li li a:active {

	background-color: #f4a814;

	color: #fff;

	background-image: none

} 
.page-title .page-name {

	line-height: 44px

} 
.page-title .page-name h2 {

	font-size: 16px;

	color: #004b8c;

	font-weight: bold

} 
.page-title .breadcrumbs {

	line-height: 44px

} 
.page-title-inner {

	background: transparent none repeat scroll 0 0;

	border-bottom: 1px solid #004b8c;

	padding: 0;

	margin-bottom: 30px

} 
.page-title-inner .breadcrumbs {

	padding-left: 16px;

	background: transparent url('../image/icon-home.png') no-repeat scroll left center

} 
.page-menu {

	margin-bottom: 15px;

	padding-bottom: 0;

	background-color: #fffbf7

} 
.page-menu-title {

	background: #004b8c none repeat scroll 0 0

} 
.page-menu-title h3 {

	padding-left: 15px;

	height: 45px;

	line-height: 45px;

	color: #fff;

	font-size: 16px

} 
.page-menu-content {

	padding: 10px 0 25px;

	background-color: #f6f5f5;

	border: 1px solid #dcdcdc

} 
.page-u {

	padding: 5px;

	font-size: 12px

} 
.page-menu-content ul {

	padding: 0 15px

} 
.page-menu-content ul li {

	position: relative;

	border-bottom: 1px dashed #e6e6e6

} 
.page-menu-content ul li a {

	display: block;

	padding-top: 12px;

	padding-bottom: 12px;

	padding-right: 10px;

	line-height: normal;

	color: #4d4d4d;

	font-size: 14px

} 
.page-menu-content ul li i {

	display: block;

	width: 7px;

	height: 7px;

	overflow: hidden;

	position: absolute;

	top: 17px;

	right: 0;

	background: transparent url('../image/page-menu.gif') no-repeat scroll 0 0

} 
.page-menu-content ul li a:hover {

	text-decoration: none;

	color: #ff9b00

} 
.page-menu-content ul li:hover i {

	background-image: url('../image/page-menu-c.gif')

} 
.page-menu-content ul li.current a {

	color: #ff9b00

} 
.page-menu-content ul li.current i {

	background-image: url('../image/page-menu-c.gif')

} 
.main {

	min-height: 150px;

	height: auto!important

} 
.sidebar {

	width: 230px;

	padding: 35px 0 65px

} 
.content {

	width: 860px;

	padding: 35px 0 65px

} 
.footer {

	overflow: hidden;

	background-color: #004b8c;

	color: #fff;

	font-size: 1.3rem;

	border-bottom: 1px solid #005cab

} 
.footer a {

	color: #e5e5e5!important

} 
.footer a:hover {

	color: #fff!important

} 
.footer .module-title-default>.module-title-content h3 {

	color: #fff

} 
.footer-main .page-width {

	padding-top: 45px;

	padding-bottom: 35px

} 
.bottom {

	overflow: hidden;

	background: #004b8c none repeat scroll 0 0;

	color: #fff;

	font-size: 1.3rem;

	border-top: 1px solid #003059

} 
.bottom a {

	color: #e5e5e5!important

} 
.bottom a:hover {

	color: #fff!important

} 
.bottom .page-width {

	padding-top: 20px;

	padding-bottom: 20px

} 
.fixed-bottom {

	position: fixed;

	bottom: 0;

	width: 100%;

	z-index: 100001;

	display: none

} 
.popup {

	display: none

} 
.popup-content {

	position: fixed;

	top: 40%;

	left: 50%;

	z-index: 10000003;

	min-width: 200px;

	max-width: 10000px;

	background-color: #fff;

	padding: 20px

} 
.popup-close-btn {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 0;

	right: -50px;

	z-index: 10000003

} 
.popup-close-btn a {

	display: block;

	width: 50px;

	height: 50px;

	overflow: hidden;

	background: #808080 url('404.png') no-repeat scroll center center

} 
.popup-close-btn a:hover {

	background-color: #666

} 
.popup-close-btn a span {

	display: none

} 
.popup-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10000002;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: .8

} 
.QHDEmptyArea {

	line-height: 0;

	height: 0;

	margin-top: 0!important;

	margin-bottom: 0!important;

	padding-top: 0!important;

	padding-bottom: 0!important

} 
.desktops-section {

	display: block

} 
.mobile-section {

	display: none

} 
.touch-top-wrapper {

	padding: 10px 15px;

	background-color: #fff

} 
.touch-logo {

	float: left

} 
.touch-navigation {

	display: none

} 
.touch-toggle {

	position: absolute;

	right: 10px;

	top: 0

} 
.touch-toggle li {

	float: left;

	height: 70px;

	padding: 0 12px;

	text-align: center

} 
.touch-toggle li a {

	height: 70px

} 
.touch-toggle .touch-toggle-item-last {

	border-right: medium none

} 
.touch-toggle li a {

	display: block;

	font-size: 12px

} 
.touch-toggle li i {

	display: inline-block;

	width: 32px;

	height: 32px;

	overflow: hidden;

	margin-top: 20px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: contain

} 
.touch-toggle .touch-icon-menu {

	background-image: url('../image/touch-icon-menu.png')

} 
.touch-toggle li span {

	display: none;

	text-align: center

} 
.drawer-section {

	background-color: #004b8c;

	padding: 20px 0;

	display: none

} 
.touch-language li {

	width: 49.9%;

	float: left

} 
.touch-language li a {

	display: block;

	padding: 5px 0 5px 5px;

	color: #fff

} 
.touch-language li a:hover,.touch-language li a:active {

	background-color: #f4a814

} 
.touch-menu ul li {

	border-bottom: 1px solid #808080;

	position: relative

} 
.touch-menu ul li a {

	color: #fff;

	display: block;

	font-size: 18px;

	height: 48px;

	line-height: 48px;

	padding-left: 10px

} 
.touch-menu ul li a:hover,.touch-menu ul li a:active {

	background-color: #f4a814

} 
.touch-menu ul li i {

	position: absolute;

	top: 19px;

	right: 5px;

	display: block;

	width: 13px;

	height: 13px;

	overflow: hidden;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain

} 
.touch-menu ul li i.touch-arrow-down {

	background-image: url('../image/touch-arrow-d.png')

} 
.touch-menu ul ul {

	display: none;

	margin: 0;

	padding: 0 10px 30px 30px

} 
.touch-menu ul ul li {

	border-bottom: medium none;

	margin: 0;

	padding: 0

} 
.touch-menu ul ul li a {

	padding: 0 0 0 5px;

	font-size: 16px;

	height: 38px;

	line-height: 38px

} 
#biankuan {

	width: 100%;

	margin: 0 auto;

	float: left;

	text-align: center

} 
#biankuan .tupian {

	float: left;

	margin: 5px 3px;

	width: 118px;

	position: relative;

	left: 33%

} 
@media(min-width:992px) and (max-width:1199px) {

	.fixed-side {

		display: none

	} 
	.scrollable a.carousel-prev {

		left: 0

	} 
	.scrollable a.carousel-next {

		right: 0

	} 
	.layout-boxed #wrapper {

		width: 100%

	} 
	html,body {

		background-image: none!important

	}

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

	.fixed-side {

		display: none

	} 
	.gotop-wrapper {

		background-color: rgba(0,0,0,0.5)

	} 
	.gotop-wrapper a {

		width: 45px;

		height: 45px

	} 
	.page-width,.boxed-layout {

		width: 100%

	} 
	.layout-boxed #wrapper {

		width: 100%

	} 
	html,body {

		background-image: none!important

	} 
	.scrollable a.carousel-prev {

		left: 0!important

	} 
	.scrollable a.carousel-next {

		right: 0!important

	} 
	.module-full-screen {

		margin: 0 -10px;

		padding: 0 10px

	} 
	.module-full-screen>.module-inner {

		padding: 30px 0

	} 
	.module-full-screen-more-fixed>.module-inner {

		padding: 30px 0 50px

	} 
	.module-full-screen-more-fixed .module-full-screen-more {

		margin-top: 15px;

		margin-left: -40px

	} 
	.module-full-screen-more-fixed .module-full-screen-more a {

		width: 80px;

		height: 80px;

		line-height: 80px;

		font-size: 14px;

		background-size: cover

	} 
	.module-full-screen-more-fixed .module-full-screen-more a:hover {

		background-position: 0 -80px

	} 
	.fixed-bottom .module-default,.fixed-bottom .module,.fixed-bottom .module-no-margin {

		margin-bottom: 0

	} 
	.default-top {

		display: none

	} 
	.touch-top {

		display: block

	} 
	.touch-top-wrapper .touch-logo {

		margin: 0

	} 
	.touch-navigation {

		display: block

	} 
	.touch-top-wrapper .touch-logo {

		margin: 0

	} 
	.touch-top-wrapper .touch-logo img {

		height: 50px;

		display: block

	} 
	.header {

		min-height: 30px!important

	} 
	.main {

		padding: 0 10px

	} 
	.sidebar {

		width: 100%;

		padding: 0

	} 
	.sidebar .page-menu {

		display: none

	} 
	.sidebar .sidebar-content {

		padding: 15px 0 25px

	} 
	.content {

		width: 100%;

		padding: 10px 0 15px

	} 
	.full-screen {

		overflow: inherit

	} 
	.page-title-inner {

		display: none

	} 
	.full-page-content {

		padding: 10px 0 25px

	} 
	.full-page-title-wrap {

		display: none

	} 
	.full-page-menu {

		display: none

	} 
	.footer,.bottom {

		padding: 0 15px

	} 
	.bottom .module-default,.bottom .module {

		margin-bottom: 0

	} 
	.category-bg-img li a {

		margin: 0 -10px

	} 
	.full-scrollable ul li {

		margin: 0 10px;

		text-align: left

	} 
	.full-scrollable .scrollable-image {

		margin-bottom: 15px

	} 
	.full-scrollable .scrollable-info {

		position: static;

		margin-top: 0;

		opacity: 1;

		display: block;

		color: #333;

		text-align: left

	} 
	.full-scrollable .scrollable-info h3 {

		padding: 0;

		line-height: normal;

		margin-bottom: 10px;

		font-size: 16px;

		font-weight: bold

	} 
	.full-scrollable .scrollable-info .scrollable-summarty {

		padding: 0

	} 
	.full-scrollable .scrollable-info .icon-detail {

		display: none

	} 
	.full-scrollable a:hover h3,.full-scrollable a:active h3 {

		color: #f4a814

	} 
	.portfolio-list-category .portfolio-img {

		margin-bottom: 15px

	} 
	.portfolio-list-category .portfolio-text {

		position: static;

		opacity: 1;

		text-align: left

	} 
	.portfolio-list-category .portfolio-title {

		padding: 0!important;

		margin-bottom: 0;

		color: #333;

		transform: translate3d(0px,0px,0px)

	} 
	.portfolio-list-category .portfolio-summary {

		padding: 0!important;

		margin: 15px 0 0;

		color: #808080;

		opacity: 1;

		transform: translate3d(0px,0px,0px)

	} 
	.portfolio-list-category .opacity-overlay {

		display: none

	} 
	.portfolio-list-category a::before,.portfolio-list-category a::after {

		display: none

	} 
	.portfolio-grid-text {

		top: auto;

		bottom: 0;

		opacity: 1;

		background-color: rgba(0,0,0,0.8)

	} 
	.portfolio-grid-text h3 {

		line-height: normal;

		margin: 0;

		padding: 10px 15px;

		font-size: 14px;

		font-weight: normal;

		position: relative;

		z-index: 10;

		color: #ddd

	} 
	.portfolio-grid-item a .overlay,.portfolio-grid-item a:hover .overlay {

		display: none

	} 
	.team-introduction .team-img,.content .team-introduction .team-img {

		margin-right: 30px

	} 
	.full-scrollable ul li {

		margin: 0 10px;

		text-align: left

	} 
	.full-scrollable .scrollable-image {

		margin-bottom: 15px

	} 
	.full-scrollable .scrollable-info {

		position: static;

		margin-top: 0;

		opacity: 1;

		display: block;

		color: #333;

		text-align: left

	} 
	.full-scrollable .scrollable-info h3 {

		padding: 0;

		line-height: normal;

		margin-bottom: 10px;

		font-size: 16px;

		font-weight: bold

	} 
	.full-scrollable .scrollable-info .scrollable-summarty {

		padding: 0

	} 
	.full-scrollable .scrollable-info .icon-detail {

		display: none

	} 
	.full-scrollable .opacity-overlay,.full-scrollable a:hover .opacity-overlay {

		display: none

	} 
	.product-list .product-item a {

		display: block

	} 
	.product-list .product-item .portfolio-img {

		margin-bottom: 15px

	} 
	.product-list .product-item .portfolio-text {

		display: block;

		position: static;

		text-align: left;

		color: #4d4d4d

	} 
	.product-list .product-item .portfolio-text .portfolio-title h2 {

		margin: 0!important

	} 
	.product-list .product-item a:hover .portfolio-text .portfolio-title h2 {

		color: #f4a814

	} 
	.product-list .col-2-1 .product-item .portfolio-text .portfolio-title h2,.product-list .col-3-1 .product-item .portfolio-text .portfolio-title h2 {

		font-size: 16px

	} 
	.product-list .product-item .portfolio-text .price {

		color: #f30;

		margin-bottom: 0

	} 
	.product-list .product-item .portfolio-text .icon-detail {

		display: none

	} 
	.product-list .product-item .opacity-overlay {

		display: none

	} 
	.product-scrollable .scrollable-item a {

		display: block

	} 
	.product-scrollable .scrollable-item .portfolio-img {

		margin-bottom: 15px

	} 
	.product-scrollable .scrollable-item .scrollable-info {

		display: block;

		position: static;

		text-align: left;

		color: #4d4d4d

	} 
	.product-scrollable .scrollable-item .scrollable-info h2 {

		font-size: 16px;

		margin: 0 0 15px!important

	} 
	.product-scrollable .scrollable-item a:hover .scrollable-info h2 {

		color: #f4a814

	} 
	.product-scrollable .scrollable-item .scrollable-info .price {

		color: #f30;

		margin-bottom: 0

	} 
	.product-scrollable .scrollable-item .scrollable-info .icon-detail {

		display: none

	} 
	.product-scrollable .scrollable-item .opacity-overlay {

		display: none

	} 
	.link-bg-img li a {

		margin: 0 -10px

	} 
	.post-list-3col .post-list-item .post-text {

		padding: 20px

	} 
	#biankuan {

		width: 100%;

		margin: 0 auto;

		float: left;

		text-align: center

	} 
	#biankuan .tupian {

		float: left;

		margin: 5px 3px;

		width: 118px;

		position: relative;

		left: 33%

	}

} 
@media(min-width:768px) and (max-width:991px) {

	html body .product-intr .product-preview {

		width: 90%

	} 
	html body .product-intr .product-preview .single-img-wrap img {

		max-width: 100%

	} 
	.slideshow {

		height: 380px!important

	} 
	.slideshow img {

		height: 380px!important

	} 
	.slideshow-min {

		height: 280px!important

	} 
	.slideshow-min img {

		height: 280px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.carousel-thumbs a img {

		width: 100px

	} 
	.tab-more {

		margin-top: 20px

	} 
	.tab-round .tabs-nav li {

		padding: 0

	} 
	.tab-round .tabs-nav li a {

		line-height: normal;

		padding: 0!important;

		width: 115px;

		height: 115px

	} 
	.tab-round .tabs-nav li a span {

		margin: 0;

		position: relative;

		top: 50%;

		transform: translateY(-50%)

	} 
	.tab-round .tabs-nav li a em {

		display: none

	} 
	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {

		margin: 0

	} 
	.tab-round .tabs-nav li i.line-v {

		height: 35px

	} 
	.product-list li {

		margin-bottom: 30px

	} 
	.product-item .portfolio-text h2 {

		margin-top: 50px

	} 
	.product-detail-zoom .product-intr .product-preview {

		width: 420px

	} 
	.product-detail-zoom .product-intr .zoom-small-image img {

		width: 420px!important

	} 
	.product-detail-zoom .product-intr .zoom-thumbs {

		width: 420px

	} 
	.product-detail-zoom .product-intr .zoom-thumbs img {

		width: 80px;

		height: auto!important

	} 
	.product-detail-zoom .zoom-section {

		display: none

	} 
	.product-detail-zoom .gallery-img-product-detail {

		display: block

	} 
	.module-divider-full {

		margin-bottom: -20px

	} 
	.post-list-2col .post-text {

		padding: 20px

	} 
	.post-list-3col .post-list-item {

		width: 100%;

		float: none;

		margin-bottom: 15px

	} 
	.post-list-3col .post-img,.post-list-3col .post-text-box {

		width: 50%;

		float: left

	} 
	.post-list-3col .post-list-item .post-text {

		padding: 20px

	} 
	.post-list-3col .post-list-item .post-arrow {

		width: 10px;

		height: 19px;

		margin: -10px 0 0;

		left: -10px;

		top: 50%;

		background-position: 0 -42px

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {

		float: right

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {

		left: auto;

		right: -10px;

		background-position: 0 -11px

	} 
	.post-list-3col .post-list-item-spec .post-img {

		top: auto!important

	} 
	.post-list-3col .post-list-item-spec .post-text-box {

		top: auto!important

	} 
	.post-list-4col .post-list-item {

		width: 100%;

		float: none;

		margin-bottom: 15px

	} 
	.post-list-4col .post-list-item-spec .post-img {

		float: left

	} 
	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-img {

		float: right

	} 
	.post-list-4col .post-list-item .post-arrow {

		width: 10px;

		height: 19px;

		top: 50%;

		left: -10px;

		margin-top: -10px;

		background-position: 0 -42px

	} 
	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-arrow {

		top: 50%;

		left: auto;

		right: -10px;

		margin-top: -10px;

		background-position: 0 -11px

	} 
	#biankuan .tupian {

		left: 25%

	} 
	.qhd-content img {

		max-width: 100%

	}

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

	html body .product-intr .product-preview {

		width: 90%

	} 
	html body .product-intr .product-preview .single-img-wrap img {

		max-width: 100%

	} 
	.desktops-section {

		display: none

	} 
	.mobile-section {

		display: block

	} 
	.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.row2-svar .col-4-1,.row2-svar .col-5-1 {

		width: 31.3333%;

		margin-right: 3%

	} 
	.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {

		margin-right: 3%

	} 
	.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {

		clear: none

	} 
	.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {

		margin-right: 0;

		clear: none

	} 
	.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {

		clear: both

	} 
	.table-responsive {

		width: 100%;

		padding-bottom: 1px;

		margin-bottom: 5px;

		overflow-y: hidden

	} 
	.table-responsive table th,.table-responsive table td {

		white-space: nowrap

	} 
	.btn-medium,.btn-small,.btn-large {

		margin: 2px

	} 
	.qhd-pr {

		position: static

	} 
	.slideshow {

		height: 350px!important

	} 
	.slideshow img {

		height: 350px!important

	} 
	.slideshow-min {

		height: 250px!important

	} 
	.slideshow-min img {

		height: 250px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.carousel-thumbs a {

		border: medium none;

		width: 12px;

		height: 12px;

		margin: 0 5px;

		border-radius: 50%;

		background-color: #ccc

	} 
	.carousel-thumbs a.selected {

		background-color: #998b81

	} 
	.carousel-thumbs a img {

		display: none

	} 
	.tabs-default .tabs-nav li a {

		padding: 0 15px;

		line-height: 38px;

		font-size: 14px

	} 
	.tabs-default .tabs-nav li a i {

		display: none

	} 
	.tabs-center .tabs-nav li {

		margin: 0 3px 5px

	} 
	.tab-round .tabs-nav li {

		padding: 0 5px

	} 
	.tab-round .tabs-nav li a {

		line-height: normal;

		padding: 0!important;

		width: 90px;

		height: 90px

	} 
	.tab-round .tabs-nav li a span {

		margin: 0;

		font-size: 13px;

		position: relative;

		top: 50%;

		transform: translateY(-50%)

	} 
	.tab-round .tabs-nav li a em {

		display: none

	} 
	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {

		margin: 0

	} 
	.tab-round .tabs-nav li i.line-v {

		height: 35px

	} 
	.portfolio-list .column .col-2-1,.link-list .column .col-2-1 {

		width: 48.5%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-3-1 {

		width: 31.3333%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-4-1 {

		width: 22.75%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-5-1 {

		width: 17.6%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .last,.link-list .column .last {

		margin-right: 0!important

	} 
	.portfolio-grid-4col .portfolio-grid-item {

		width: 50%

	} 
	.portfolio-grid-3col .portfolio-grid-item {

		width: 33.333%

	} 
	.module-full-screen-title>h2 {

		font-size: 2.6rem;

		margin-bottom: 10px

	} 
	.category-bg-img li a {

		padding: 40px 0

	} 
	.category-bg-img .category-name {

		font-size: 18px;

		font-weight: bold

	} 
	.category-bg-img span {

		font-size: 13px;

		line-height: 30px

	} 
	.entry-set .entry-detail {

		display: none

	} 
	.gallery-detail-title h1 {

		font-size: 18px;

		font-weight: bold

	} 
	.categoryNav-vertical-content ul li a {

		font-size: 1.6rem

	} 
	.download-list-row .article-title {

		max-width: 65%

	} 
	.entry-img img {

		width: 140px!important;

		height: auto!important

	} 
	.entry-thumbnail-list .entry-item img {

		width: 90px!important;

		height: auto!important

	} 
	.blog-list .entry-img img {

		width: 100%!important

	} 
	.headlines-list .headlines-content-bg .entry-img img {

		width: 100%!important

	} 
	.team-introduction .team-img,.content .team-introduction .team-img {

		margin-right: 20px

	} 
	.team-introduction .team-img img,.content .team-introduction .team-img img {

		width: 250px

	} 
	.product-filter dt {

		width: 80px

	} 
	.product-filter dt {

		margin-right: 10px

	} 
	.product-detail .product-name {

		margin-bottom: 20px

	} 
	.product-detail .product-name h1 {

		font-size: 16px

	} 
	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {

		width: 50%

	} 
	.product-detail-zoom .zoom-section {

		display: none

	} 
	.product-detail-zoom .gallery-img-product-detail {

		display: block

	} 
	.link-line,.link-line-rtl,.link-line-center {

		text-align: left

	} 
	.link-line a,.link-line-rtl a,.link-line-center a {

		margin: 0 15px 0 0

	} 
	.link-bg-img li a {

		padding: 40px 0

	} 
	.link-block li {

		padding: 6px 0;

		border-bottom: 1px solid #808080

	} 
	.module-full-screen-title {

		margin-bottom: 20px

	} 
	.module-full-screen-title>.module-title-content>h2 {

		margin: 0 15px;

		font-size: 20px;

		font-weight: bold

	} 
	.module-full-screen-title>h3 {

		display: none

	} 
	.module-full-screen-title>.module-title-content>i {

		width: 80px

	} 
	.module-full-screen-more a {

		line-height: 34px

	} 
	.module-divider-full {

		margin: 20px 0 -20px

	} 
	.pagination {

		margin: 15px 0 10px

	} 
	.pagination a,.pagination span {

		display: none

	} 
	.pagination a:hover,.pagination a:active {

		background-color: #f4a814;

		color: #fff

	} 
	.pagination .page-prev,.pagination .page-next {

		margin: 0 1%;

		padding: 0;

		display: inline-block;

		width: 47%;

		height: 38px;

		line-height: 38px;

		background-color: #004b8c;

		color: #fff

	} 
	.pagination .page-prev {

		border-radius: 30px 0 0 30px

	} 
	.pagination .page-next {

		border-radius: 0 30px 30px 0

	} 
	.pagination .disabled {

		background-color: #f7fafa;

		color: #ccc

	} 
	.top-main-content {

		display: none

	} 
	.touch-top-wrapper .touch-logo img {

		height: 40px

	} 
	.touch-toggle li {

		height: 60px

	} 
	.touch-toggle li a {

		height: 60px

	} 
	.touch-toggle li i {

		width: 28px;

		height: 28px;

		margin-top: 15px

	} 
	.footer .qhd-content p,.footer .qhd-content p,.bottom .qhd-content p,.bottom .qhd-content p {

		text-align: left!important

	} 
	.post-text h2 {

		font-weight: normal;

		font-size: 16px

	} 
	.post-text-summary {

		font-size: 12px

	} 
	.post-list .post-list-item {

		width: 100%;

		float: none;

		margin-bottom: 15px

	} 
	.post-list-2col .post-img,.post-list-2col .post-text-box {

		width: 100%

	} 
	.post-list-2col .post-img img {

		height: auto!important

	} 
	.post-list-2col .post-text-box {

		height: auto!important

	} 
	.post-list-2col .post-text-summary {

		height: auto!important

	} 
	.post-list-2col .post-text {

		padding: 20px

	} 
	.post-list-2col .post-list-item .post-arrow {

		width: 19px;

		height: 10px;

		margin: 0 0 0 -10px;

		right: auto;

		top: -10px;

		left: 50%;

		background-position: 0 0

	} 
	.post-list-3col .post-img,.post-list-3col .post-text-box {

		width: 50%;

		float: left

	} 
	.post-list-3col .post-list-item .post-text {

		padding: 20px

	} 
	.post-list-3col .post-list-item .post-arrow {

		width: 10px;

		height: 19px;

		margin: -10px 0 0;

		left: -10px;

		top: 50%;

		background-position: 0 -42px

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {

		float: right

	} 
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {

		left: auto;

		right: -10px;

		background-position: 0 -11px

	} 
	.post-list-3col .post-list-item-spec .post-img {

		top: auto!important

	} 
	.post-list-3col .post-list-item-spec .post-text-box {

		top: auto!important

	} 
	#biankuan .tupian {

		left: 0

	} 
	.qhd-content img {

		max-width: 100%

	}

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

	html body .product-intr .product-preview {

		width: 90%

	} 
	html body .product-intr .product-preview .single-img-wrap img {

		max-width: 100%

	} 
	.slideshow {

		height: 300px!important

	} 
	.slideshow img {

		height: 300px!important

	} 
	.slideshow-min {

		height: 200px!important

	} 
	.slideshow-min img {

		height: 200px!important

	} 
	.scrollable .carousel-direction a {

		width: 40px;

		height: 40px;

		line-height: 40px

	} 
	.tabs-left .tabs-nav {

		width: 30%

	} 
	.tab-round .tabs-nav li a {

		width: 70px;

		height: 70px

	} 
	.tab-round .tabs-nav li i.line-v {

		height: 30px

	} 
	.qhd-content .typo .typo_img,.qhd-content .typo .imgtoright {

		width: auto!important;

		float: none;

		margin-right: 0;

		margin-left: 0

	} 
	.qhd-content .typo>a {

		display: block

	} 
	.qhd-content div,.qhd-content a,.qhd-content p,.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {

		text-align: left

	} 
	.portfolio-list .column .col-4-1,.link-list .column .col-4-1 {

		width: 48.5%!important;

		margin-right: 3%!important

	} 
	.portfolio-list .column .col-4-1:nth-child(2n),.link-list .column .col-4-1:nth-child(2n) {

		margin-right: 0!important

	} 
	.portfolio-list .column .col-5-1,.link-list .column .col-5-1 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.portfolio-grid-4col .portfolio-grid-item {

		width: 50%

	} 
	.portfolio-grid-3col .portfolio-grid-item {

		width: 50%

	} 
	.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {

		width: 48.5%;

		margin-right: 3%

	} 
	.row2-svar .col-5-1:nth-of-type(5n+5) {

		margin-right: 3%

	} 
	.row2-svar .col-5-1:nth-of-type(5n+1) {

		clear: none

	} 
	.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {

		margin-right: 3%

	} 
	.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {

		clear: none

	} 
	.row2-svar .col-3-1:nth-of-type(2n+2),.row2-svar .col-4-1:nth-of-type(2n+2),.row2-svar .col-5-1:nth-of-type(2n+2) {

		margin-right: 0

	} 
	.row2-svar .col-3-1:nth-of-type(2n+1),.row2-svar .col-4-1:nth-of-type(2n+1),.row2-svar .col-5-1:nth-of-type(2n+1) {

		clear: both

	} 
	.headlines-list-2col .headlines-content {

		width: 100%;

		float: none;

		display: block;

		margin-right: 0;

		padding-bottom: 10px;

		margin-bottom: 20px

	} 
	.headlines-others .entry-set-time-hl .entry-item {

		border-bottom: 1px dotted #ccc;

		margin-bottom: 15px;

		padding-bottom: 15px

	} 
	.headlines-others .entry-set-time-hl .entry-summary {

		margin-bottom: -8px

	} 
	.team-cases-title {

		margin: 25px 0;

		padding-top: 25px

	} 
	.team-introduction .team-img,.content .team-introduction .team-img {

		margin-right: 0

	} 
	.team-introduction .team-img img,.content .team-introduction .team-img img {

		width: 200px

	} 
	.team-introduction .team-name {

		font-size: 18px;

		font-weight: bold

	} 
	.full-scrollable ul li {

		margin: 0 5px

	} 
	.full-scrollable .scrollable-info .scrollable-summarty {

		font-size: 13px

	} 
	.product-intr .product-preview {

		width: auto;

		float: none;

		margin-right: 0;

		display: block;

		margin-bottom: 30px

	} 
	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {

		width: 100%

	} 
	.gallery-zoom-img-wrap .icon-zoom {

		display: none

	} 
	.link-icon li {

		margin-bottom: 20px;

		margin-left: 10px;

		margin-right: 10px

	} 
	.link-icon li a {

		display: inline-block;

		width: 80px;

		height: 80px

	} 
	.link-icon li a span {

		display: block;

		margin-top: 26px;

		font-size: 14px

	} 
	.link-icon li a.link-img img {

		width: 24px;

		margin: 15px 0 5px

	} 
	.link-icon li a.link-img span {

		margin-top: 0

	} 
	.module-horizontal .module-title-horizontal {

		float: none;

		margin-right: 0

	} 
	.module-title-horizontal .module-title-content {

		margin: 0 0 10px

	} 
	.module-horizontal>.modult-inner>.module-more-horizontal a {

		margin-top: 12px

	} 
	.fixed-bottom {

		display: block

	} 
	.categoryNav-vertical-content {

		margin-top: 20px

	} 
	.categoryNav-vertical-content ul li a {

		line-height: 40px

	} 
	.post-text h2 {

		margin-bottom: 15px

	} 
	.post-list .post-img,.post-list .post-text-box {

		width: 100%

	} 
	.post-list .post-img img {

		height: auto!important

	} 
	.post-list .post-text-box {

		height: auto!important

	} 
	.post-list .post-text-summary {

		height: auto!important

	} 
	.post-list .post-list-item .post-arrow {

		width: 19px;

		height: 10px;

		margin: 0 0 0 -10px;

		right: auto;

		top: -10px;

		left: 50%;

		background-position: 0 0

	} 
	.post-list .post-list-item-spec .post-img {

		top: auto!important

	} 
	.post-list .post-list-item-spec .post-text-box {

		top: auto!important

	} 
	.post-list .post-list-item:nth-of-type(2n+2) .post-arrow {

		width: 19px;

		height: 10px;

		margin: 0 0 0 -10px;

		right: auto;

		top: -10px;

		left: 50%;

		background-position: 0 0

	} 
	#biankuan .tupian {

		left: 0

	} 
	.qhd-content img {

		max-width: 100%

	}

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

	html body .product-intr .product-preview {

		width: 100%

	} 
	html body .product-intr .product-preview .single-img-wrap img {

		max-width: 100%

	} 
	.column .col-4-1 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.slideshow {

		height: 250px!important

	} 
	.slideshow img {

		height: 250px!important

	} 
	.slideshow-min {

		height: 180px!important

	} 
	.slideshow-min img {

		height: 180px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.carousel-thumbs a img {

		width: 80px

	} 
	.scrollable-text {

		height: auto

	} 
	.scrollable-text .carousel-direction {

		display: none

	} 
	.carousel-btn-fixed {

		bottom: 8px

	} 
	.tabs-default .tabs-nav li a {

		padding: 0 10px;

		line-height: 34px;

		font-size: 14px

	} 
	.tabs-center .tabs-nav li {

		margin: 0 2px 5px

	} 
	.tab-round .tabs-nav li {

		width: auto;

		margin-bottom: 10px

	} 
	.tab-round .tabs-nav li a {

		width: 78px;

		height: 78px

	} 
	.tab-round .tabs-nav li i.line-v {

		display: none

	} 
	.entry-list-mobile .entry-summary {

		display: none

	} 
	.entry-list-mobile .entry-detail {

		display: none

	} 
	.portfolio-typo-item .portfolio-typo-summary {

		display: none

	} 
	.portfolio-list .column .col-2-1,.portfolio-list .column .col-3-1,.portfolio-list .column .col-4-1,.portfolio-list .column .col-5-1,.link-list .column .col-2-1,.link-list .column .col-3-1,.link-list .column .col-4-1,.link-list .column .col-5-1 {

		width: 100%!important;

		margin-right: 0!important

	} 
	.portfolio-grid-item {

		margin-bottom: 10px

	} 
	.portfolio-grid-text h3 {

		font-size: 13px

	} 
	.portfolio-grid-4col .portfolio-grid-item,.portfolio-grid-3col .portfolio-grid-item {

		width: 50%

	} 
	.pgwSlideshow .ps-current {

		min-height: 200px

	} 
	.article-list-row li .article-time {

		display: none

	} 
	.entry-img img {

		width: 120px!important;

		height: auto!important

	} 
	.blog-list .entry-img img {

		width: 100%!important;

		height: auto!important

	} 
	.headlines-list .headlines-content-bg .entry-img img {

		width: 100%!important;

		height: auto!important

	} 
	.entry-list-time-hl .entry-item {

		padding-left: 80px

	} 
	.entry-list-time-hl .time {

		width: 60px

	} 
	.entry-list-time-hl .time-day {

		line-height: 40px;

		font-size: 26px

	} 
	.entry-list-time-hl .time-date {

		line-height: 20px;

		font-size: 12px

	} 
	.team-introduction .typo .typo-img {

		float: none;

		margin: 0 0 20px

	} 
	.team-introduction .team-img img,.content .team-introduction .team-img img {

		width: auto;

		max-width: 100%

	} 
	.scrollable-text .article-time {

		display: none

	} 
	.touch-top-wrapper .touch-logo img {

		height: 30px

	} 
	.touch-toggle li {

		height: 50px;

		padding: 0 10px

	} 
	.touch-toggle li a {

		height: 50px

	} 
	.touch-toggle li i {

		width: 20px;

		height: 20px;

		margin-top: 15px

	} 
	.module-full-screen-title>.module-title-content>i {

		width: 40px

	} 
	.module-horizontal .module-title-horizontal {

		float: none;

		margin-right: 0

	} 
	.module-title-horizontal .module-title-content {

		margin: 0 0 10px

	} 
	.module-horizontal>.modult-inner>.module-more-horizontal {

		margin: 6px 0 0

	} 
	.qhd-content .typo a {

		display: block

	} 
	.qhd-content .typo a,.qhd-content .typo .typo_text {

		text-align: center

	} 
	.izotope .grid-sizer,.izotope .izotope-item,.izotope .izotope-item-50 {

		width: 100%!important

	} 
	.qhd-content img {

		max-width: 100%

	}

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

	html body .product-intr .product-preview {

		width: 90%

	} 
	html body .product-intr .product-preview .single-img-wrap img {

		max-width: 100%

	} 
	.slideshow-min {

		height: 150px!important

	} 
	.slideshow-min img {

		height: 150px!important

	} 
	.slideshow .carousel-direction {

		display: none

	} 
	.categoryNav-vertical-content ul li a {

		margin-bottom: 5px

	} 
	.categoryNav-vertical-content ul li {

		margin: 0;

		display: block;

		width: 100%

	} 
	.categoryNav-vertical-content ul li a {

		display: block

	} 
	#biankuan {

		display: none

	} 
	#biankuan .tupian {

		display: none

	} 
	.qhd-content img {

		max-width: 100%

	}

} 
html {

	background-image: url('../image/bg-rep-03.png')

} 
.pagination-default {

	text-align: center

} 
.pagination {

	clear: both;

	font-size: 13px;

	margin: 30px 0 20px

} 
.entry-list-time-hl .entry-item {

	border-bottom: 1px dotted #ccc;

	height: auto!important;

	min-height: 80px;

	padding-left: 100px;

	position: relative

} 
.entry-item {

	border-bottom: 1px dotted #e5e5e5;

	margin-bottom: 25px;

	padding-bottom: 5px

} 
.entry-list-time-hl .time {

	background-color: #f2f2f2;

	font-family: Arial;

	left: 0;

	position: absolute;

	text-align: center;

	top: 0;

	width: 75px

} 
.entry-title {

	margin-bottom: 15px

} 
.entry-summary {

	color: #808080;

	font-size: 13px;

	margin-bottom: -5px

} 
.entry-list-time-hl .time-day {

	border-bottom: 1px solid #fff;

	color: #666;

	display: block;

	font-size: 30px;

	line-height: 50px

} 
.entry-list-time-hl .time-date {

	color: #999;

	display: block;

	font-size: 12px;

	line-height: 22px

} 
.entry-title h2 {

	font-size: 16px;

	line-height: 1.4

} 
.entry-summary p {

	line-height: 1.6

} 
.article-detail .article-title {

	margin-bottom: 15px;

	text-align: center

} 
.article-detail .article-title h1 {

	font-size: 22px;

	font-weight: normal;

	line-height: 1.5

} 
.article-detail .entry-meta {

	font-size: 12px;

	margin-bottom: 20px;

	padding-bottom: 10px;

	text-align: center

} 
.article-detail .entry-meta span {

	margin: 0 10px

} 
.entry-meta strong {

	font-weight: normal

} 
.entry-meta a {

	color: #999

} 
.entry-meta {

	color: #999;

	font-size: 12px;

	margin-bottom: 10px

} 
.detail-bottom {

	border-top: 1px solid #c8c9cb;

	margin: 15px 0;

	padding-top: 15px

} 
.float-right {

	display: inline;

	float: right

} 
.clearfix::after {

	clear: both;

	content: " ";

	display: block;

	font-size: 0;

	height: 0;

	visibility: hidden

} 
.page-title-inner {

	background: rgba(0,0,0,0) none repeat scroll 0 0;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 30px;

	padding: 0

} 
.page-title-inner .breadcrumbs {

	background: rgba(0,0,0,0) url("../image/icon-home.png") no-repeat scroll left center;

	padding-left: 16px

} 
.page-title .breadcrumbs {

	line-height: 44px

} 
.float-right {

	display: inline;

	float: right

} 
.breadcrumbs {

	color: #666;

	font-size: 12px

} 
.breadcrumbs a {

	color: #666

} 
.breadcrumbs i {

	font-style: normal;

	margin: 0 3px

} 
.content-wrapper {

	padding-bottom: 20px

} 
.product-intr .product-preview {

	display: inline;

	float: left;

	margin-right: 35px;

	width: 50%

} 
.product-intr .product-preview .single-img-wrap img {

	max-width: 100%

} 
fieldset,img {

	border: 0 none

} 
.product-intr .product-info {

	overflow: hidden

} 
.product-detail .product-info-item {

	margin-bottom: 5px;

	padding-bottom: 5px

} 
.product-detail .alibaba_btn {

	text-align: left

} 
.product-detail .alibaba_btn a {

	background-color: #004b8c;

	color: #fff;

	border-color: #004b8c;

	border-radius: 5px;

	display: block;

	height: 34px;

	font-size: 15px;

	line-height: 34px;

	text-align: center;

	width: 30%

} 
.product-detail .product-name {

	margin-bottom: 10px

} 
.product-detail .product-name h1 {

	font-size: 20px;

	line-height: 1.5

} 
.product-detail .product-summary {

	color: #666;

	font-size: 13px

} 
.product-info {

	float: left;

	width: 372px

} 
.product-desc-title ul.tabs {

	float: left;

	width: 100%;

	color: #fff;

	background-color: #004b8c;

	line-height: 40px;

	clear: both;

	display: block

} 
.product-desc-title ul.tabs li {

	cursor: pointer;

	float: left;

	font-size: 16px;

	height: 34px;

	line-height: 34px;

	position: relative;

	text-align: center;

	width: 12.5%;

	background-image: url("../image/nav-border.png");

	background-position: right top;

	background-repeat: no-repeat

} 
.product-desc-title ul.tabs li a {

	color: #fff

} 
.product-desc-title ul.tabs li.active {

	background: #f4a814

} 
.product-intr {

	margin-bottom: 45px

} 
.qhd-content h4 {

	margin-top: 30px;

	font-size: 18px

} 
.xiazai {

	width: 100%;

	margin: 50px auto

} 
.article-list-row li {

	border-bottom: 1px solid #e5e5e5;

	padding: 8px 0

} 
.article-list-row li .file-download {

	background: rgba(0,0,0,0) url("../image/icon-download.gif") no-repeat scroll left center;

	color: #004b8c;

	font-size: 12px;

	padding-left: 18px

} 
*::-moz-selection {

	background-color: #316ac5;

	color: #fff

} 
.article-list-row li .article-title {

	background: rgba(0,0,0,0) url("../image/icon-dot.gif") no-repeat scroll 3px 8px;

	display: inline-block;

	line-height: 20px;

	padding-left: 15px

} 
.article-list-row li a {

	text-decoration: none

} 
.language-wrap {

	width: 100%;

	background-color: #eee;

	margin: 0

} 
.language {

	width: 1120px;

	margin: 0 auto;

	text-align: right

} 
.language .first-level {

	margin-right: 15px

} 
.language .language-ico {

	background-position: left center;

	background-repeat: no-repeat;

	padding: 0 0 0 20px

} 
.touch-toggle .touch-toggle-item-first {

	border-left: medium none

} 
.touch-toggle li {

	float: left;

	height: 70px;

	padding: 0 12px;

	text-align: center

} 
:link,*:visited,ins {

	text-decoration: none

} 
.touch-toggle .touch-icon-language {

	background-image: url("../image/touch-icon-language.png")

} 
.uk-hidden-small {

	text-align: center

} 
.pagess {

	clear: both;

	padding-top: 30px;

	padding-bottom: 60px;

	overflow: hidden;

	margin-left: 0;

	text-align: center;

	font-size: 12px

} 
.pagess ul li {

	display: inline-block;

	border: 1px solid #ccc;

	padding: 2px 9px;

	margin: 0 3px;

	line-height: 20px;

	background: #fff;

	color: #999

} 
.pagess ul li:hover {

	background: #035199;

	color: #fff;

	border: 1px solid #035199

} 
.pagess ul li:hover a {

	color: #fff

} 
.pagess ul li.thisclass {

	display: inline-block;

	border: 1px solid #035199;

	padding: 2px 9px;

	margin: 0 3px;

	background: #035199;

	color: #fff

} 
.pagess ul li.thisclass a {

	color: #fff

} 
.pagess ul li a {

	display: block;

	color: #999

} 
.pagess ul li a:hover {

	color: #fff

} 
.mt50 {

	margin-top: 50px

} 
.g-w1000 {

	margin: 0 auto;

	width: 1020px

} 
.g-w1170 {

	margin: 0 auto;

	width: 1170px

} 
.logo-zi {

	float: left;

	padding-left: 10px;

	color: #004b8c;

	margin-left: 410px;

	margin-top: -60px;

	border-left: 1px solid #dfdfdf

} 
.logo-zi h2 {

	color: #004490;

	font-size: 16px;

	font-weight: 100

} 
.logo-zi p {

	color: #666

} 
.head_menu {

	background-color: #004b8c;

	height: 46px;

	line-height: 1

} 
.head_menu .menu .mli {

	float: left;

	position: relative;

	z-index: 9

} 
.head_menu .mod-first {

	display: block;

	padding: 0 18px;

	font-size: 15px;

	color: #fff;

	height: 46px;

	line-height: 46px

} 
.head_menu .subMenu {

	position: absolute;

	left: 0;

	visibility: hidden;

	background-color: #fff;

	width: 140px;

	opacity: 0;

	-webkit-transform: translateY(20px);

	transform: translateY(20px);

	-webkit-transition: all .3s;

	transition: all .3s;

	box-shadow: 0 2px 3px #666

} 
.head_menu .subMenu:before {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	top: -8px;

	border-bottom: 8px solid #fff;

	border-right: 8px solid transparent

} 
.head_menu .subMenu li a {

	display: block;

	white-space: nowrap;

	padding: 12px 10px;

	text-align: left;

	font-size: 12px

} 
.head_menu .subMenu li a:hover {

	background-color: #eee

} 
.head_menu .menu .mli:hover .mod-first {

	color: #fff;

	background-color: #da3f9b

} 
.head_menu .menu .mli:hover ul {

	visibility: visible;

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0)

} 
.head_menu .mod-first.active {

	color: #fff;

	background-color: #da3f9b

} 
.head_menu .menu .mli:last-child .subMenu {

	width: 100%

} 
.focus {

	border-top: 1px solid #007fd0

} 
.focus .mod-body {

	position: relative

} 
.mod-body .item {

	width: 100%;

	text-align: center

} 
.mod-body .item img {

	max-width: 100%;

	display: block;

	min-height: 160px

} 
.mod-body .owl-buttons {

	position: absolute;

	top: 50%;

	margin-top: -20px;

	width: 100%;

	display: none

} 
.mod-body .owl-buttons .owl-prev,.mod-body .owl-buttons .owl-next {

	font-family: "宋体";

	width: 40px;

	text-align: center;

	height: 40px;

	line-height: 40px;

	color: #fff;

	font-size: 70px;

	opacity: .6

} 
.mod-body .owl-buttons .owl-prev:hover,.mod-body .owl-buttons .owl-next:hover {

	color: #fff;

	opacity: 1

} 
.mod-body .owl-buttons .owl-prev {

	left: 2%;

	margin-left: 50px;

	position: absolute;

	z-index: 10

} 
.mod-body .owl-buttons .owl-next {

	right: 2%;

	margin-right: 50px;

	position: absolute;

	z-index: 10

} 
.mod-body .owl-theme .owl-controls {

	text-align: center;

	width: 100%

} 
.mod-body .owl-theme .owl-controls .owl-page {

	display: inline-block;

	zoom: 1;

	*display: inline

} 
.mod-body .owl-theme .owl-controls .owl-pagination {

	position: absolute;

	left: 50%;

	bottom: 12px;

	margin-left: -36px;

	z-index: 2

} 
.mod-body .owl-theme .owl-controls .owl-page span {

	display: block;

	width: 12px;

	height: 12px;

	margin: 0 6px;

	background: #fff;

	border-radius: 50%

} 
.mod-body .owl-theme .owl-controls .owl-page.active span,.mod-body .owl-theme .owl-controls.clickable .owl-page:hover span {

	background: #da3f9b

} 
.focus2 .owl-pagination {

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 0;

	background-color: #999;

	background-color: rgba(0,0,0,.4)

} 
.focus2 .item img {

	max-width: 100%;

	display: block;

	min-height: 160px

} 
.focus2 .owl-pagination .owl-page {

	float: left

} 
.focus2 .owl-pagination .owl-page a {

	display: block;

	height: 50px;

	font-size: 18px;

	border-right: 1px solid #fff;

	color: #fff;

	text-align: center;

	line-height: 50px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

} 
.focus2 .owl-pagination .owl-page:first-child a {

	border-left: 1px solid #fff

} 
.focus2 .owl-pagination .owl-page.active a {

	background-color: #004b8c

} 
.page2 {

	margin-top: 10px;

	margin-bottom: 22px

} 
.page2 .page2_L {

	width: 22%;

	float: left

} 
.page2 .page2_L .page2_title {

	height: 50px;

	line-height: 50px;

	text-indent: 25px;

	color: #004b8c;

	font-size: 24px;

	font-weight: normal

} 
.page2 .page2_L .page2_title .icon_Btn {

	float: right;

	height: 38px;

	line-height: 38px;

	font-size: 18px;

	color: #fff;

	padding-right: 15px;

	cursor: pointer;

	display: none

} 
.page2 .page2_L .li1 {

	height: 38px;

	line-height: 38px;

	background-color: #004b8c;

	display: block;

	color: #fff;

	text-indent: 25px;

	font-size: 15px

} 
.page2 .page2_L .ul2 {

	background-color: #f6f6f6;

	border-left: 1px solid #e8e8e8;

	border-right: 1px solid #e8e8e8

} 
.page2 .page2_L .ul2 li {

	border-bottom: 1px dashed #e1e1e1

} 
.page2 .page2_L .ul2 li:last-child {

	border-bottom: 1px solid #e8e8e8

} 
.page2 .page2_L .ul2 a {

	height: 40px;

	line-height: 40px;

	display: block;

	padding: 0 25px;

	color: #004b8c

} 
.page2 .page2_L .ul2 a i {

	float: right;

	font-size: 20px;

	height: 40px;

	line-height: 40px

} 
.page2 .page2_L .ul2 a:hover {

	color: #f4a814

} 
.page2 .page2_R {

	float: right;

	width: 75%

} 
.page2 .page2_R .titleBtn {

	margin-bottom: -1px

} 
.page2 .page2_R .titleBtn li {

	float: left;

	height: 50px;

	line-height: 50px;

	padding: 0 35px;

	border: 1px solid #e8e8e8;

	cursor: pointer;

	border-bottom: 0;

	font-size: 16px

} 
.page2 .page2_R .titleBtn li:last-child {

	border-left: 0

} 
.page2 .page2_R .titleBtn li.pro_title {

	background-color: #f6f6f6;

	color: #004b8c;

	border: 1px solid #e8e8e8;

	border-bottom: 0

} 
.page2 .page2_R .titleBtn li:hover,.page2 .page2_R .titleBtn li.hover {

	background-color: #f6f6f6;

	color: #004b8c

} 
.page2_R .conBox {

	background-color: #f6f6f6;

	border: 1px solid #e8e8e8;

	padding: 25px 0

} 
.page2_R .none {

	display: none

} 
.page2_R .conBox .item {

	margin-left: 18px;

	margin-right: 18px;

	margin-bottom: 25px;

	text-align: center;

	background-color: #fff;

	border: 1px solid #e6e6e6;

	padding: 12px;

	border-radius: 5px

} 
b.red {

	color: red

} 
.page2_R .conBox .item:hover {

	border: 1px solid #004b8c

} 
.page2_R .conBox .item .imgBox img {

	max-width: 100%;
	    height: 180px;

} 
.page2_R .conBox .item dt {

	color: #333;

	padding: 5px 0;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

} 
.page2_R .conBox .item dd a {

	height: 34px;

	line-height: 34px;

	border: 1px solid #e6e6e6;

	width: 70%;

	margin: 0 auto;

	display: block;

	margin-top: 5px;

	border-radius: 5px

} 
.page2_R .conBox .item:hover dd a {

	background-color: #004b8c;

	color: #fff;

	border-color: #004b8c

} 
.page2_R .conBox .moreBtn {

	clear: both;

	text-align: center

} 
.page2_R .conBox .moreBtn a {

	display: inline-block;

	background-color: #004b8c;

	color: #fff;

	font-size: 16px;

	padding: 8px 45px;

	border-radius: 5px

} 
.page2_R .conBox .moreBtn a:hover {

	padding: 8px 55px

} 
.mainBox {

	background-color: #f3f3f3;

	padding: 0 0 45px 0

} 
.relative {

	position: relative

} 
.bannerBox img {

	max-width: 100%

} 
.con_L {

	width: 22%;

	float: left;

	margin-top: 45px

} 
.con_L .mt20 {

	margin-top: 25px

} 
.con_L .con_Title {

	height: 38px;

	line-height: 38px;

	background: #004b8c;

	font-size: 18px;

	text-indent: 30px;

	color: #fff

} 
.con_L .con_Title a {

	float: right;

	font-size: 12px;

	color: #fff;

	margin-right: 15px

} 
.con_L .con_Title .icon_Btn {

	float: right;

	height: 38px;

	line-height: 38px;

	font-size: 18px;

	color: #fff;

	padding-right: 15px;

	cursor: pointer;

	display: none

} 
.con_L .nav_L {

	border: 1px solid #e8e8e8;

	border-top: 0;

	background-color: #fff;

	padding-bottom: 25px

} 
.con_L .nav_L li {

	border-bottom: 1px dotted #e3e3e3;

	padding: 0 30px

} 
.con_L .nav_L li a {

	height: 40px;

	line-height: 40px;

	color: #004b8c;

	display: block

} 
.con_L .nav_L li:hover,.con_L .nav_L li.active {

	background-color: #f8f8f8

} 
.con_L .nav_L li a i {

	float: right;

	height: 40px;

	line-height: 40px

} 
.con_L .con_link {

	background-color: #fff;

	line-height: 1.8;

	border: 1px solid #e8e8e8;

	border-top: 0;

	padding: 15px 12px

} 
.con_L .con_link span {

	font-size: 18px;

	color: #da3f9b

} 
.con_L .con_link p {

	margin: 0

} 
.con_L .con_link img {

	max-width: 100%

} 
.con_L .con_new {

	background-color: #fff;

	line-height: 1.8;

	border: 1px solid #e8e8e8;

	border-top: 0;

	padding: 15px 12px

} 
.con_L .con_new .page8_red {

	font-size: 12px

} 
.con_L .con_new .page8_red .imgBox {

	max-width: 95px;

	float: left;

	margin-right: 10px

} 
.con_L .con_new .page8_red .imgBox img {

	max-width: 100%

} 
.con_L .con_new .page8_red dt {

	font-size: 12px

} 
.con_L .con_new .page8_list {

	font-family: "simsun";

	font-size: 12px;

	margin-top: 10px

} 
.con_L .con_new .page8_list li span {

	float: right;

	color: #999

} 
.con_L .con_new .page8_list li {

	border-bottom: 1px dotted #d7d7d7;

	height: 28px;

	line-height: 28px;

	padding-left: 15px;

	position: relative

} 
.con_L .con_new .page8_list li:before {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -4px;

	border-left: 4px solid #c94694;

	border-top: 4px solid transparent;

	border-bottom: 4px solid transparent

} 
.con_L .con_new .page8_list li a {

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

} 
.con_L .con_new .con_red {

	margin-top: 5px

} 
.con_L .con_new .con_red img {

	max-width: 100%

} 
.con_L .con_new .con_red dd {

	border: 1px solid #e8e8e8;

	padding-bottom: 1px

} 
.con_L .con_new .con_red dt {

	font-family: "simsun";

	font-size: 12px;

	color: #999;

	padding: 5px 0;

	text-align: center;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

} 
.con_R {

	float: right;

	width: 75%

} 
.location {

	font-size: 12px;

	line-height: 45px

} 
.location .title {

	font-size: 18px;

	color: #004b8c

} 
.location .weizhi {

	font-family: "simsun"

} 
.location .fr {

	float: right

} 
.main_R {

	background-color: #fff;

	border: 1px solid #e8e8e8;

	border-top: 2px solid #004b8c

} 
.main_title {

	font-size: 22px;

	color: #004b8c;

	text-align: center;

	margin-top: 20px

} 
.page_con {

	padding: 25px 25px;

	line-height: 1.8

} 
.page_con img {

	max-width: 100%

} 
.pro_1 {

	padding-bottom: 40px

} 
.pro_2 {

	background-color: #fff

} 
.pro_3 {

	background: 0;

	padding-bottom: 0

} 
.page2_L .mt20 {

	margin-top: 25px

} 
.page2_L .con_Title {

	height: 38px;

	line-height: 38px;

	background: #004b8c;

	font-size: 18px;

	text-indent: 30px;

	color: #fff

} 
.page2_L .con_Title a {

	float: right;

	font-size: 12px;

	color: #fff;

	margin-right: 15px

} 
.page2_L .con_link {

	background-color: #fff;

	line-height: 1.8;

	border: 1px solid #e8e8e8;

	border-top: 0;

	padding: 15px 12px

} 
.page2_L .con_link span {

	font-size: 18px;

	color: #da3f9b

} 
.page2_L .con_link p {

	margin: 0

} 
.page2_L .con_link img {

	max-width: 100%

} 
.feedback_form {

	width: 70%;

	margin: 30px auto

} 
.feedback_T {

	text-align: center;

	margin-top: 10px

} 
.feedbackBox .red {

	color: red

} 
.feedbackBox .item {

	display: block;

	margin-bottom: 15px

} 
.feedbackBox .item input {

	height: 16px;

	line-height: 16px;

	padding: 6px 0;

	border: 1px solid #dedede;

	text-indent: 5px;

	color: #666;

	width: 70%

} 
.feedbackBox .item textarea {

	line-height: 20px;

	padding: 6px 0;

	border: 1px solid #dedede;

	text-indent: 5px;

	color: #666;

	width: 70%

} 
.feedbackBox .item .formL {

	width: 100px;

	text-align: right;

	display: inline-block

} 
.feedbackBox .button {

	margin-left: 100px;

	background-color: #004b8c;

	font-size: 16px;

	color: #fff;

	padding: 8px 35px;

	border: 0;

	cursor: pointer;

	-webkit-transition: all .3s ease;

	-ms-transition: all .3s ease;

	transition: all .3s ease

} 
.feedbackBox .button:hover {

	padding: 8px 45px

} 
.map_con {

	padding: 15px 25px 45px 25px

} 
.map_con .nav1 {

	color: #004b8c;

	background: url(404.png) no-repeat center left;

	padding-left: 15px;

	border-bottom: 1px dotted #c3c3c3;

	padding-bottom: 5px;

	font-size: 16px;

	margin-top: 30px

} 
.map_con .nav2 a {

	color: #999;

	display: inline-block;

	padding: 0 15px;

	height: 16px;

	line-height: 16px;

	border-right: 1px solid #ccc;

	margin-top: 15px

} 
.map_con .nav2 a:hover {

	color: #004b8c

} 
.sitemap {

	padding: 25px 25px 45px 25px

} 
.sitemap .oneLi {

	color: #004b8c;

	background: url(404.png) no-repeat 0 9px;

	padding-left: 15px;

	border-bottom: 1px dotted #c3c3c3;

	padding-bottom: 15px;

	margin-top: 15px;

	font-size: 16px;

	line-height: 1.8;

	font-size: 16px

} 
.sitemap .oneLi>a {

	color: #004b8c

} 
.sitemap .oneLi a {

	display: block

} 
.sitemap .twoLi {

	padding-left: 15px;

	font-size: 14px;

	float: left

} 
.sitemap .threeLi {

	padding-left: 25px;

	line-height: 2.2

} 
.pagination {

	text-align: center;

	margin: 40px 0 0 0

} 
.pagination .page {

	display: inline-block;

	padding: 3px 6px;

	border: 1px solid #e8e8e8;

	color: #898989;

	font-family: Arial;

	min-width: 18px;

	text-align: center;

	margin: 0 2px;

	border-radius: 3px

} 
.pagination .page:hover {

	background: #004b8c;

	color: #fff;

	border: 1px solid #004b8c

} 
.pagination .page.disabled {

	background: #f2f2f2;

	border-color: #ddd;

	color: #aaa

} 
.pagination .page.current {

	background: #004b8c;

	color: #fff;

	border-color: #004b8c

} 
.pagination .page.no-border {

	border-color: transparent;

	padding-left: 0;

	padding-right: 0;

	background: 0

} 
.language-wrap {

	width: 100%;

	background-color: #eee;

	margin: 0

} 
.language {

	width: 1120px;

	margin: 0 auto;

	text-align: right;

	line-height: 30px;

	height: 30px

} 
.language .ho {

	float: left;

	text-align: left

} 
.language .first-level {

	margin-right: 15px

} 
.language .language-ico {

	background-position: left center;

	background-repeat: no-repeat;

	padding: 0 0 0 20px

} 
.touch-toggle .touch-toggle-item-first {

	border-left: medium none

} 
.touch-toggle li {

	float: left;

	height: 70px;

	padding: 0 12px;

	text-align: center

} 
:link,*:visited,ins {

	text-decoration: none

} 
.touch-toggle .touch-icon-language {

	background-image: url("../image/touch-icon-language.png")

} 
.copyright {

	background: #666;

	color: #fff;

	font-size: 12px;

	padding: 15px 0;

	line-height: 1.8;

	text-align: center

} 
.copyright a {

	color: #fff

} 
.copyright a:hover {

	color: #004b8c

} 
.g-ft {

	background-color: #004b8c;

	padding: 30px 0

} 
.f-oh {

	overflow: hidden

} 
.m-ftel {

	text-align: right

} 
.f-fr {

	float: right

} 
.m-ftel p {

	color: #fff;

	font-family: impact;

	font-size: 24px;

	padding: 5px 0 0

} 
.m-ftel h5 span {

	color: #fff;

	display: block;

	font-size: 16px

} 
.m-ftel h5 label {

	color: #4e739d;

	display: block;

	font-size: 18px;

	height: 24px;

	margin-top: 4px;

	text-transform: uppercase

} 
.m-fnav a:first-child {

	padding-left: 0

} 
.m-fnav a {

	border-right: 1px solid #fff;

	color: #fff;

	display: inline-block;

	height: 15px;

	line-height: 15px;

	padding: 0 8px

} 
.m-cprt {

	color: #fff;

	line-height: 30px

} 
.m-cprt a img {

	margin-right: 1px;

	border-radius: 5px

} 
.suspend {

	width: 40px;

	height: 198px;

	position: fixed;

	top: 200px;

	right: 0;

	overflow: hidden;

	z-index: 9999

} 
.suspend dl {

	width: 120px;

	height: 198px;

	border-radius: 25px 0 0 25px;

	padding-left: 40px;

	box-shadow: 0 0 5px #e4e8ec

} 
.suspend dl dt {

	width: 40px;

	height: 198px;

	background: url(404.png);

	position: absolute;

	top: 0;

	left: 0;

	cursor: pointer

} 
.suspend dl dd.suspendQQ {

	width: 120px;

	height: 85px;

	background: #fff

} 
.suspend dl dd.suspendQQ a {

	width: 120px;

	height: 85px;

	display: block;

	background: url(404.png) -40px 0;

	overflow: hidden

} 
.suspend dl dd.suspendTel {

	width: 120px;

	height: 112px;

	background: #fff;

	border-top: 1px solid #e4e8ec

} 
.suspend dl dd.suspendTel a {

	width: 120px;

	height: 112px;

	display: block;

	background: url(404.png) -40px -86px;

	overflow: hidden

} 
* html .suspend {

	position: absolute;

	left: expression(eval(document.documentElement.scrollRight));

	top: expression(eval(document.documentElement.scrollTop+200))

} 
#mobile_nav {

	display: none

} 
@media only screen and (min-width:1200px) {

	.head_menu .mod-first {

		padding: 0 28px

	}

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

	.page5 .page5_L {

		font-size: 26px

	} 
	.page6 .page6_L .conBox .imgBox {

		width: 38%

	}

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

	.g-ft {

		width: 100%;

		text-align: center

	} 
	.g-ft .g-w1170 {

		width: 100%

	} 
	.g-ft .m-ftel {

		display: none

	}

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

	.banner .flex-direction-nav {

		display: none

	} 
	.banner .flex-control-nav {

		display: none

	} 
	.head_middle .logo {

		width: 60%

	} 
	.head_middle .search {

		width: 270px

	} 
	.head_middle .searchBox .input {

		width: 200px

	} 
	.head_middle .searchBox .button {

		padding: 0 15px

	} 
	.head_menu .mod-first {

		padding: 0 6px

	} 
	.head_menu .subMenu {

		width: 120px

	} 
	.page2 .page2_L {

		width: 25%

	} 
	.page2 .page2_R {

		width: 73%

	} 
	.page5 .page5_L {

		font-size: 18px

	} 
	.page6 .page6_L .conBox .imgBox {

		width: 40%

	} 
	.page8 .page8_item {

		margin-top: 20px

	} 
	.menu-foot .item {

		width: 25%;

		min-height: 280px

	} 
	.g-blk-abt {

		background-color: #004b8c;

		background-image: none

	} 
	#goleft {

		display: none

	} 
	.product-info {

		width: 100%

	} 
	.g-blk-adv {

		display: none

	} 
	.g-blk-adv {

		width: 99%

	} 
	.g-blk-adv ul li {

		width: 98%

	} 
	.g-blk-news .m-box2 {

		width: 99%;

		margin-bottom: 5%

	} 
	.g-blk-news .hy {

		margin-left: 0;

		margin-right: 0

	} 
	.con_L {

		width: 25%

	} 
	.con_R {

		width: 73%

	} 
	.ag-share {

		position: relative

	} 
	.sitemap .twoLi {

		float: none

	} 
	html body .g-w1170 {

		margin: 0 auto;

		width: 100%

	} 
	.g-ft {

		display: none

	} 
	#mobile_nav {

		display: block

	}

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

	.banner .flex-direction-nav {

		display: none

	} 
	.banner .flex-control-nav {

		display: none

	} 
	.head_middle .logo {

		width: 100%

	} 
	.mt50 {

		margin-top: 25px

	} 
	.head_middle .search {

		display: none

	} 
	.head_top .head_L {

		display: none

	} 
	.head_menu {

		display: none

	} 
	.page2 .page2_L {

		position: relative;

		width: 100%;

		margin-bottom: 15px

	} 
	.page2 .page2_L .page2_title {

		height: 38px;

		line-height: 38px;

		background: #004b8c;

		font-size: 18px;

		text-indent: 30px;

		color: #fff;

		margin-bottom: 1px

	} 
	.page2 .page2_L .page2_title .icon_Btn {

		display: block

	} 
	.page2 .page2_L .page2_nav {

		display: none

	} 
	.page2 .page2_L .con_link,.page2 .page2_L .mt20 {

		display: none

	} 
	.page2 .page2_R {

		width: 100%

	} 
	.page2_R .conBox .item {

		margin-left: 10px;

		margin-right: 10px

	} 
	.page3,.page4,.page6,.page7,.page8,.page9 {

		padding: 25px 0

	} 
	.page5 {

		height: auto;

		line-height: 1.6;

		text-align: center;

		padding: 15px

	} 
	.page5 .page5_R {

		text-align: center;

		margin-top: 15px

	} 
	.page6 .page6_R {

		margin-left: 0;

		margin-top: 20px

	} 
	.focus2 .owl-pagination .owl-page span {

		font-size: 14px;

		height: 35px;

		line-height: 35px

	} 
	.menu-foot {

		display: none

	} 
	.con_L {

		width: 100%;

		float: none;

		margin-top: 25px;

		margin-bottom: 10px

	} 
	.con_R {

		width: 100%;

		float: none

	} 
	.con_L .mt20,.con_L .con_link,.con_L .con_new {

		display: none

	} 
	.con_L .con_Title .icon_Btn {

		display: block

	} 
	.con_L .nav_L {

		display: none

	} 
	.page_con,.pro_con,.news_con,.photo_con {

		padding-left: 15px;

		padding-right: 15px

	} 
	.photo_con {

		margin-left: -15px

	} 
	.photo_list {

		margin-left: 15px

	} 
	.g-blk-abt {

		background-color: #004b8c;

		background-image: none

	} 
	#goleft {

		display: none

	} 
	.g-blk-adv {

		display: none

	} 
	.g-blk-adv {

		width: 99%

	} 
	.g-blk-adv ul li {

		width: 98%

	} 
	html body .g-w1170 {

		margin: 0 auto;

		width: 100%

	} 
	.g-blk-case {

		width: 99%

	} 
	.product-info {

		width: 100%

	} 
	.g-blk-news .m-box2 {

		width: 99%;

		margin-bottom: 5%

	} 
	.g-blk-news .hy {

		margin-left: 0;

		margin-right: 0

	} 
	.g-ft {

		display: none

	} 
	#mobile_nav {

		display: block

	}

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

	.banner .flex-direction-nav {

		display: none

	} 
	.banner .flex-control-nav {

		display: none

	} 
	.head_top {

		display: none

	} 
	.head_middle {

		padding: 10px 0

	} 
	.focus2 .owl-pagination .owl-page span {

		font-size: 12px;

		height: 28px;

		line-height: 28px

	} 
	.page6 .page6_L .conBox .imgBox {

		width: 100%;

		margin-bottom: 10px

	} 
	.page8 .page8_red .imgBox {

		float: none;

		max-width: 100%;

		margin-bottom: 10px;

		margin-right: 0

	} 
	.location .weizhi {

		display: none

	} 
	.news-list .first .pic {

		width: 100%;

		margin-right: 0;

		margin-bottom: 10px;

		float: none;

		border: 0;

		text-align: center

	} 
	.news-list .down_list {

		padding-right: 0

	} 
	.news-list .down_list .more {

		position: relative

	} 
	.pro_info .pro_Bot {

		position: relative;

		text-align: left;

		left: 0

	} 
	.pro_info .pro_img {

		margin-right: 0;

		margin-bottom: 10px

	} 
	.product-desc .product-desc-title .tabs li {

		font-size: 14px;

		width: 33.33333333333333333%

	} 
	.feedback_form {

		width: 90%

	} 
	html body .g-w1170 {

		margin: 0 auto;

		width: 100%

	} 
	.g-blk-adv {

		display: none

	} 
	.g-blk-adv {

		width: 100%;

		background-position-x: 100%;

		background-position-y: 100%

	} 
	.g-blk-adv ul li {

		width: 96%;

		margin-left: 1%;

		margin-right: 1%;

		margin-bottom: 3%;

		padding: 1%

	} 
	.g-blk-adv ul li img {

		max-width: 50%;

		left: 30%;

		top: -35px

	} 
	.g-blk-adv ul li p {

		padding: 1%

	} 
	.g-blk-abt {

		background-color: #004b8c;

		background-image: none

	} 
	#goleft {

		display: none

	} 
	.product-info {

		width: 100%

	} 
	.g-blk-news .m-box2 {

		width: 99%;

		margin-bottom: 5%

	} 
	.g-blk-news .hy {

		margin-left: 0;

		margin-right: 0

	} 
	#mobile_nav {

		display: block

	} 
	.g-ft {

		display: none

	}

} 
@-webkit-keyframes lm-msg-fadeIn {

	from {

		background-color: rgba(0,0,0,0)

	}

} 
@keyframes lm-msg-fadeIn {

	from {

		background-color: rgba(0,0,0,0)

	}

} 
@-webkit-keyframes lm-msg-fadeOut {

	to {

		opacity: 0

	}

} 
@keyframes lm-msg-fadeOut {

	to {

		opacity: 0

	}

} 
@-webkit-keyframes lm-msg-fromTopIn {

	from {

		-webkit-transform: translateY(-40px);

		opacity: 0

	}

} 
@keyframes lm-msg-fromTopIn {

	from {

		transform: translateY(-40px);

		opacity: 0

	}

} 
.lm-msg-fadeIn {

	-webkit-animation: lm-msg-fadeIn .3s both;

	animation: lm-msg-fadeIn .3s both

} 
.lm-msg-fadeOut {

	-webkit-animation: lm-msg-fadeOut .3s both;

	animation: lm-msg-fadeOut .3s both

} 
.lm-msg-fromTopIn {

	-webkit-animation: lm-msg-fromTopIn .4s both;

	animation: lm-msg-fromTopIn .4s both

} 
.lm-msg-overlay {

	position: fixed;

	z-index: 99999;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background-color: rgba(0,0,0,.4)

} 
.lm-msg-overlay-lte-ie8 {

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)

} 
.lm-msg-dialog {

	max-width: 280px;

	width: 90%;

	min-height: 60px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

	top: 60px;

	background-color: #fff;

	border-radius: 3px;

	box-shadow: 0 0 10px #888

} 
.lm-msg-title {

	background-color: #f5f5f5;

	line-height: 34px;

	height: 34px;

	text-indent: 10px;

	border-bottom: 1px solid #e8e8e8

} 
.lm-msg-close {

	position: absolute;

	right: 0;

	top: 0;

	background-color: transparent;

	border: 0;

	line-height: 1;

	color: #666;

	cursor: pointer;

	font-size: 28px;

	padding: 3px 8px;

	font-family: Arial

} 
.lm-msg-close:hover {

	color: #333

} 
.lm-msg-content {

	padding: 20px

} 
.lm-msg-padding-left {

	padding-left: 60px

} 
.lm-msg-btns {

	text-align: right

} 
.lm-msg-btn {

	padding: 7px 14px;

	background-color: #0084e9;

	color: #fff;

	letter-spacing: 2px;

	cursor: pointer;

	line-height: 1;

	margin-right: 15px;

	margin-bottom: 10px;

	border: 1px solid #0a74c5;

	border-radius: 3px;

	font-size: inherit;

	font-family: inherit

} 
.lm-msg-btn:hover {

	background-color: #0a74c5

} 
.lm-msg-cancel {

	background-color: #f0f0f0;

	border-color: #ddd;

	color: #333

} 
.lm-msg-cancel:hover {

	background-color: #ddd

} 
.lm-msg-icon {

	width: 30px;

	height: 30px;

	background: url(404.png) no-repeat;

	position: absolute;

	left: 20px;

	top: 51px

} 
.lm-msg-alert {

	background-position: left top

} 
.lm-msg-error {

	background-position: -60px top

} 
.lm-msg-success {

	background-position: -30px top

} 
.lm-msg-confirm {

	background-position: -90px top

} 
.lm-msg-loader {

	background: url(404.png) no-repeat;

	width: 32px;

	height: 32px;

	top: 15px

}  .point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}

.point span.to_prev{text-align:center;float:left }

.point span.to_prev a{color:#0068b7;}

.point span.to_prev a:hover{color: #ea042b}

.point span.to_next{text-align:center;float:right }

.point span.to_next a{color:#0068b7;}

.point span.to_next a:hover{color: #ea042b} 


.feedback{ padding:40px 10px 30px 10px;}

.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}

.codeimg{ margin: 0px 0px -10px -18px;}