/******************************

*同创模板网-专业提供企业网站源码程序模板*

* www.cnfusu.com *

* www.cnboco.com *

* 微信：cnboco *

* QQ:289229516 *

 ******************************/





@charset "utf-8";



* {

	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(../images/qq-icon-bg.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(../images/weixing-icon.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(../images/totop-icon.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(../images/close_im.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(../images/open_im.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(../images/vivo-head-ico.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("../images/hdphoen_ico.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('../images/superfish-arrows.gif') 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("../images/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("../images/btn-banner.png") no-repeat scroll left center;

	left: 40px

}



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

	background: rgba(0,0,0,0) url("../images/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

}



.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("../images/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: 180px

}



.g-blk-case .next {

	background-position: right center;

	right: 0;

	top: 180px

}



.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('../images/wd_w.png') no-repeat scroll 0 0;

	top: 1px

}



.onePage-message-info .icon {

	background: #f4a814 url('../images/wd_d.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('../images/icon-zoom-tips@2x.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('../images/icon-gotop-fixed.gif') 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: 25px 0;

	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 img{

	width: 100px;

	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('../images/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('../images/superfish-arrows-white.gif')

}



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

	padding-right: 2.0em;

	padding-left: 2.0em;

	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('../images/icon-close.gif') 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('../images/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('../images/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('../images/superfish-arrows.gif') 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('../images/fancybox.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('../images/fancybox.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('../images/blank.gif') 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('../images/fancybox.png');

	background-position: -40px -30px

}



#fancybox-right-ico {

	background-image: url('../images/fancybox.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('../images/fancybox-x.png')

}



#fancybox-bg-ne {

	top: -20px;

	right: -20px;

	background-image: url('../images/fancybox.png');

	background-position: -40px -162px

}



#fancybox-bg-e {

	top: 0;

	right: -20px;

	height: 100%;

	background-image: url('../images/fancybox-y.png');

	background-position: -20px 0

}



#fancybox-bg-se {

	bottom: -20px;

	right: -20px;

	background-image: url('../images/fancybox.png');

	background-position: -40px -182px

}



#fancybox-bg-s {

	bottom: -20px;

	left: 0;

	width: 100%;

	background-image: url('../images/fancybox-x.png');

	background-position: 0 -20px

}



#fancybox-bg-sw {

	bottom: -20px;

	left: -20px;

	background-image: url('../images/fancybox.png');

	background-position: -40px -142px

}



#fancybox-bg-w {

	top: 0;

	left: -20px;

	height: 100%;

	background-image: url('../images/fancybox-y.png')

}



#fancybox-bg-nw {

	top: -20px;

	left: -20px;

	background-image: url('../images/fancybox.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('../images/icon-zoom-tips@2x.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('../images/icon-gotop-fixed.gif') 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: 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('../images/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('../images/superfish-arrows-white.gif')

}



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

	padding-right: 1.7em;

	padding-left: 1.7em;

	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('../images/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('../images/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('../images/page-menu-c.gif')

}



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

	color: #ff9b00

}



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

	background-image: url('../images/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('../images/icon-close.gif') 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('../images/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('../images/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('../images/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("../images/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("../images/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("../images/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("../images/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("../images/touch-icon-language.png")

}



.uk-hidden-small {

	text-align: center

}



/*分页*/

.mypages{clear:both;margin:20px 0px 20px 0px;text-align: center;height:40px;line-height:40px;}

.mypages ul{display:inline-block;margin:0 auto;}

.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}

.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}

.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#38b549;}





.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: 280px;

	margin-top: -60px;

	border-left: 1px solid #dfdfdf;

}



.logo-zi h2 {

	color: #004490;

	font-size:22px;

	font-weight:1000;

}



.logo-zi p {

	color: #666;

	font-size:20px;

}



.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 { padding:10px 0px;

	border-bottom: 1px dashed #e1e1e1

}



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

	border-bottom: 1px solid #e8e8e8

}



.page2 .page2_L .ul2 a {

	line-height: 20px;

	display: block;

	padding: 0 25px;

	color: #004b8c

}



.page2 .page2_L .ul2 a i {

	float: right;

	font-size: 20px;

	height: 20px;

	line-height: 20px

}



.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{ width:100%; padding-top:95%; display:block; position:relative; overflow:hidden;}

.page2_R .conBox .item .imgBox img {

	width: 100%; position:absolute; left:0px; top:0px; min-height:100%;

}



.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(../images/img_08.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(../images/img_08.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("../images/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(../images/suspend.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(../images/suspend.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(../images/suspend.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(../images/lm-msg-icon.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(../images/lm-msg-loading.gif) 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;}





/******************************

 ** 在线留言

 ******************************/

 .message-page input.code { border-color:#aaa; }

.message-page { width:80%; }

.message-page .row-1,

.message-page .row-2,

.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden; }

.message-page .row-1 { width:100%; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }

.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }

.message-page .row-3 {  }

.message-page .ico-name { background:url(../images/zzz.png) 15px center no-repeat; }

.message-page .ico-phone { background:url(../images/xxx.png) 15px center no-repeat; }

.message-page .ico-email { background:url(../images/mail.png) 15px center no-repeat; }

.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }

.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; }

.message-page .text { width:98%; border:0; background:#fff; padding:5px 5px; line-height:20px; height:100px; color:#999;}

.message-page img.code { float:left; width:80px; height:22px; margin-right:20px; cursor:pointer; }

.message-page input.code { float:left; width:100px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; }

.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }

.message-page .submit { background:#427edf; margin-left:0;width:100px; }

.message-page .reset { background:#999;width:100px; }

.message-page .submit:hover { background:#f07800; }

.message-page .reset:hover { background:#777; }

.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }



/*  在线客服  */



.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease; float:left;}

.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}

.yb_bar .yb_top{background:#004b8c url(../images/fixcont.png) no-repeat 0 0;}

.yb_bar .yb_phone{background:#004b8c url(../images/fixcont.png) no-repeat 0 -57px;}

.yb_bar .yb_QQ{text-indent:0;background:#004b8c url(../images/fixcont.png) no-repeat 0 -113px;}

.yb_bar .yb_ercode{background:#004b8c url(../images/fixcont.png) no-repeat 0 -169px;}

.hd_qr{padding:0 29px 25px 29px;}

.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}





/*  英文版在线客服  */

#wmkc {position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}

#wmkc * {box-sizing:border-box;font-size:12px;line-height:1.1}

.wmkc-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}

.wmkc-icon {display:inline-block;background:url(../images/wmkc-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)}

.wmkc-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}

.wmkc-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}

.wmkc-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}

.wmkc-wechat-img {position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}

.wmkc-wechat-img img {display:block;max-width:100%;max-height:100%}

.wmkc-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all}

.wmkc-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/wmkc-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}

.wmkc-list>li:hover .wmkc-wechat-img {transition:transform .4s;transform:scale(1)}

.wmkc-list>li:hover,.wmkc-list>li:hover+li {border-color:transparent} 

.wmkc-email .wmkc-icon {background-position:-8px -6px}

.wmkc-whatsapp .wmkc-icon {background-position:-52px -50px}

.wmkc-skype .wmkc-icon {background-position:-52px -6px}

.wmkc-wechat .wmkc-icon {background-position:-144px -10px}

.wmkc-list li:hover a {color:#FFF} .wmkc-email:hover {background-color:#f90}

.wmkc-whatsapp:hover {background-color:#2cb740}

.wmkc-skype:hover {background-color:#0091df}

.wmkc-wechat:hover {background-color:#51c332}

.wmkc-email:hover .wmkc-icon {background-position:-96px -6px}

.wmkc-whatsapp:hover .wmkc-icon {background-position:-52px -94px}

.wmkc-skype:hover .wmkc-icon {background-position:-96px -50px}

.wmkc-wechat:hover .wmkc-icon {background-position:-144px -62px}

.wmkc-list>li:first-child {border-radius:4px 4px 0 0;border:0}

.wmkc-list>li:last-child {border-radius:0 0 4px 4px}

@media (max-width:768px) {#wmkc {display:none}}