* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
p {
	word-break:normal;
white-space:pre-warp;
word-wrapL:break-word;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent
}
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left
}
th {
	text-align: left
}
fieldset, img {
	border: 0
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal
}
ul {
	list-style: none
}
caption, th {
	text-align: left
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-weight: normal;
	line-height: 1;
	color: #777
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
	font-size: 65%
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
	font-size: 75%
}
h1, .h1 {
	font-size: 36px
}
h2, .h2 {
	font-size: 30px
}
h3, .h3 {
	font-size: 24px
}
h4, .h4 {
	font-size: 18px
}
h5, .h5 {
	font-size: 14px
}
h6, .h6 {
	font-size: 12px
}
q:before, q:after {
	content: ''
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
*font-size:100%
}
legend {
	color: #333
}
a {
	color: #333;
	text-decoration: none
}
input, select, option {
	outline: none
}
.body-limit:after, .header .nav>ul:after, .breadcrumb:after, .container:after, .public-pages ul:after, .header .center:after, .header .center .header-connect:after, .header .nav:after, .header .nav>ul>li>ul>li:after, .footer:after, .footer .link:after, .footer .site-map:after, .footer .bot:after, form .form-item:after, .hang li:after, .sidebox:after, .rightcontent:after, .rightcontent .text:after, .demo-show:after, .article-wrap:after, .article-wrap .info:after, .index-pub-bar:after, .proj-list:after, .cominfo:after, .imgscroll li:after, .rating-content:after, .rating-content li:after, .client-list:after, .case-list:after, .question-list li:after, .news-list li:after {
	content: "";
	display: table;
	clear: both
}
.hang .qr, .hang .bot-btn, .hang .tel, .sidebar form input[type=submit], .proj-list li .mask h3 {
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
.header .center img, .header .center .header-connect, .sidebar .rank li a, .picMarquee-left .next, .picMarquee-left .prev {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%)
}
.sidebar .rank li a, .demo-show .title, .artpage>a, .proj-list li span, .index-form .rolling-news li a, .rating-content li h4, .question li p, .news li a, .client-list li .title, .case-list li .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden
}
.body-limit {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto
}
.header .nav>ul, .breadcrumb, .container {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto
}
#gotop {
	display: block;
	z-index: 9;
	position: fixed;
	width: 40px;
	height: 40px;
	bottom: 30px;
	right: 20px;
	background-color: rgba(0,0,0,0.8)
}
#gotop:hover .icon {
	display: none
}
#gotop:hover .hover {
	display: block;
	color: #202020;
	background-color: #fff
}
#gotop .icon {
	width: 100%;
	height: 100%;
	color: #fff
}
#gotop .hover {
	display: none
}
#swipebox-title {
	display: none
}
.index-title {
	border-bottom: 1px solid #b5b5b5
}
.index-title h3 {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 32px;
	vertical-align: middle
}
.index-title h3 a {
	display: inline-block;
	float: right;
	font-size: 14px;
	vertical-align: middle
}
.index-title h3 a:hover {
	text-decoration: underline
}
.swiper-container {
	position: relative;
	width: 100%
}
.swiper-container .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%
}
.swiper-container .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	box-shadow: 0px 1px 2px #555 inset;
	margin: 0 3px;
	cursor: pointer
}
.swiper-container .swiper-active-switch {
	background: #fff
}
.swiper-container .swiper-slide {
	width: 100%;
	height: 450px;
	background: no-repeat center;
	background-size: cover
}
.swiper-container .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%
}
.public-pages {
	position: relative;
	width: 100%;
	height: 42px;
	margin: 70px 0 40px;
	clear: both
}
.public-pages ul {
	position: relative;
	float: left;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: block;
	left: 50%
}
.public-pages li {
	float: left;
	margin: 5px 0 5px 5px
}
.public-pages li:hover a {
	color: #fff;
	background-color: #007eb0;
	text-decoration: none
}
.public-pages a {
	display: block;
	padding: 5px 10px;
	border: 1px solid #007eb0
}
.public-pages .active a {
	color: #fff;
	background-color: #007eb0;
	cursor: default
}
.header .top {
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background-color: #eee;
	color: #666
}
.header .top-right {
	float: right
}
.header .center {
	position: relative;
	width: 100%;
	height: 120px
}
.header .center img {
	display: block
}
.header .center .header-connect {
	float: right;
	margin-top: 5px
}
.header .center .header-connect>a {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	border-radius: 10px;
	background-color: #014e95;
	color: #fff
}
.header .center .header-connect .tel {
	margin-top: 10px
}
.header .center .header-connect .tel span {
	font-size: 16px;
	color: #014e95;
	font-weight: bold
}
.header .nav {
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #014e95;
	font-size: 16px
}
.header .nav>ul {
	z-index: 99
}
.header .nav>ul>li {
	position: relative;
	float: left
}
.header .nav>ul>li a {
	position: relative;
	display: block;
	color: #fff
}
.header .nav>ul>li a:hover {
	color: #ffba00
}
.header .nav>ul>li>a {
	float: left;
	height: 100%;
	line-height: 50px;
	padding: 0 15px
}
.header .nav>ul>li>ul {
	position: absolute;
	display: none;
	width: 100%;
	top: 50px;
	background-color: rgba(1,78,149,0.8)
}
.header .nav>ul>li>ul>li {
	width: 100%;
	float: left
}
.header .nav>ul>li>ul>li>a {
	text-align: center;
	width: 100%;
	padding: 12px 5px;
	font-size: 14px
}
.header .nav>ul>li:after {
	float: left;
	content: "";
	display: block;
	width: 2px;
	height: 20px;
	margin-top: 16px;
	background-color: #fff
}
.header .nav>ul>li:last-child:after {
	display: none
}
.footer {
	position: relative;
	width: 100%;
	padding: 20px 0;
	margin-top: 50px;
	color: #fff;
	background-color: #353535
}
.footer .link>div {
	float: left;
	font-size: 16px;
	margin-right: 40px;
	margin-top: 5px
}
.footer .link>ul {
	width: 1080px;
	float: left;
	padding-bottom: 10px
}
.footer .link>ul li {
	float: left;
	margin: 5px 10px
}
.footer .link a {
	color: #fff
}
.footer .link a:hover {
	text-decoration: underline
}
.footer .site-map {
	position: relative;
	width: 100%;
	padding: 20px 0;
	text-align: center
}
.footer .site-map a {
	color: #fff;
	padding: 0 5px
}
.footer .bot {
	display: table;
	margin: auto
}
.footer .bot>div {
	float: left
}
.footer .footer-logo {
	float: left;
	margin-right: 20px;
	margin-top: 15px
}
.footer .connect {
	line-height: 26px
}
.footer .connect a {
	color: #fff
}
.footer .connect a:hover {
	text-decoration: underline
}
.subpages-banner {
	position: relative;
	width: 100%;
	height: 350px;
	background: no-repeat center;
	background-size: cover
}
.breadcrumb {
	position: relative;
	line-height: 60px
}
.breadcrumb li {
	float: left;
	margin-right: 5px
}
.breadcrumb li:last-child a:after {
	content: ""
}
.breadcrumb a:after {
	content: ">"
}
.breadcrumb a:hover {
	text-decoration: underline
}
form .form-item {
	position: relative;
	width: 100%;
	margin: 18px 0
}
.hang {
	z-index: 105;
	position: fixed;
	width: 252px;
	height: 516px;
	top: 10%;
	right: 0;
	background: url("../images/hang-border.png") no-repeat center;
	background-size: 100%;
	transform: translateX(252px);
	-webkit-transform: translateX(252px);
	transition: transform ease-in-out 300ms;
	-webkit-transition: transform ease-in-out 300ms
}
.hang:hover {
	transform: translateX(0);
	-webkit-transform: translateX(0)
}
.hang .btn {
	position: absolute;
	width: 45px;
	height: 114px;
	background: url("../images/hang-btn.png") no-repeat center;
	background-size: contain;
	top: 30%;
	left: -42px;
	cursor: pointer
}
.hang h3 {
	width: 100%;
	font-size: 18px;
	margin: 25px 0;
	text-align: center;
	color: #014e95
}
.hang li {
	position: relative;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 28px;
	margin-bottom: 20px
}
.hang li .icon {
	float: left;
	font-size: 30px
}
.hang li a {
	float: left
}
.hang .qr {
	display: block;
	width: 118px
}
.hang .bot-btn {
	display: inline-block;
	padding: 5px 18px;
	margin: 20px 0;
	border-radius: 8px;
	color: #fff;
	background-color: #014e95
}
.hang .tel {
	display: block;
	position: absolute;
	width: 70%;
	bottom: 35px
}
.hang .tel-num {
	position: absolute;
	z-index: 1;
	color: #014e95;
	font-size: 18px;
	bottom: 35px;
	right: 25px
}
.full-img {
	position: relative
}
.full-img1 {
	width: 100%;
	height: 600px;
	background: url("../images/full-img1.jpg") no-repeat center;
	background-size: cover
}
.sub-banner {
	position: relative;
	width: 100%;
	height: 350px
}
.sub-banner .swiper-container {
	width: 100%;
	height: 100%
}
.sub-banner .swiper-slide {
	width: 100%;
	height: 350px !important;
	background: no-repeat center;
	background-size: cover
}
.sub-banner .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%
}
.breadcrumb {
	position: relative;
	line-height: 60px
}
.breadcrumb>span {
	float: left;
	margin-right: 10px
}
.breadcrumb li {
	float: left;
	margin-right: 5px
}
.breadcrumb li:last-child a:after {
	content: ""
}
.breadcrumb a:after {
	content: ">"
}
.breadcrumb a:hover {
	text-decoration: underline
}
.sidebar {
	float: left;
	position: relative;
	width: 200px
}
.sidebar .ad {
	display: block;
	width: 100%;
	min-height: 160px;
	margin-top: 20px
}
.sidebar .ad img {
	width: 100%
}
.sidebar .rank h3 {
	color: #014e95;
	border-color: #014e95
}
.sidebar .rank li {
	width: 100%;
	height: 32px
}
.sidebar .rank li a {
	display: inline-block;
	width: 100%
}
.sidebar .rank li a:hover {
	text-decoration: underline
}
.sidebar form>div {
	position: relative;
	width: 100%;
	margin: 22px 0
}
.sidebar form input[type=text] {
	width: 100%;
	line-height: 14px;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 8px 5px
}
.sidebar form input[type=submit] {
	padding: 3px 18px;
	background-color: #014e95;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 8px;
	margin: 10px 0
}
.sidebox {
	margin: 20px 0;
	padding: 5px 10px 5px 15px;
	border: 1px solid #ccc
}
.sidebox h3 {
	font-size: 18px;
	line-height: 32px;
	border-bottom: 1px solid #ccc
}
.sidenav {
	position: relative;
	width: 100%
}
.sidenav h3 {
	width: 100%;
	line-height: 36px;
	background-color: #014e95;
	text-align: center;
	font-size: 16px
}
.sidenav h3 a {
	color: #fff
}
.sidenav h3 .icon {
	position: relative;
	top: 1px;
	font-size: 20px;
	margin-right: 5px
}
.sidenav>ul>li {
	margin-bottom: 30px
}
.sidenav li li {
	width: 100%;
	line-height: 36px;
	text-align: center;
	border-bottom: 1px dotted #cecece
}
.sidenav li li a:hover {
	color: #014e95;
	text-decoration: underline
}
.rightcontent {
	position: relative;
	width: 972px;
	float: right
}
.rightcontent .text p {
	font-family: "微软雅黑" !important
}
.rightcontent .text table {
	width: 100% !important
}
.rightcontent .text hr {
	height: 1px;
	border-top: 1px solid #014e95
}
.rightcontent table td {
	padding: 0 10px !important
}
.demo-show {
	margin-top: 20px
}
.demo-show li {
	float: left;
	width: 176px;
	height: 150px;
	margin-right: 22px
}
.demo-show li:last-child {
	margin-right: 0
}
.demo-show li:hover .title {
	text-decoration: underline
}
.demo-show li>a {
	display: block;
	width: 100%;
	height: 100%
}
.demo-show .img {
	width: 100%;
	height: 120px;
	background: no-repeat center;
	background-size: cover
}
.demo-show .index-title {
	color: #014e95;
	border-color: #014e95;
	margin-bottom: 20px
}
.demo-show .index-title h3 {
	font-size: 20px
}
.demo-show .title {
	display: inline-block;
	width: 100%;
	text-align: center
}
.article-wrap {
	position: relative;
	width: 100%;
	padding: 20px;
	border: 1px solid #aaa
}
.article-wrap h1 {
	font-size: 22px;
	line-height: 46px;
	text-align: center
}
.article-wrap .info {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 10px;
	line-height: 32px;
	background-color: #eee
}
.article-wrap .time {
	vertical-align: middle;
	display: inline-block;
	margin-right: 20px
}
.article-wrap .hit {
	vertical-align: middle;
	display: inline-block
}
.article-wrap .bdsharebuttonbox {
	float: right;
	margin-top: 3px
}
.article-wrap p {
	line-height: 26px
}
.article-wrap img {
	display: block;
	max-width: 80%;
	margin: 20px auto
}
.artpage {
	position: relative;
	width: 100%;
	margin-top: 50px
}
.artpage>a {
	display: block;
	float: left;
	width: 50%;
	padding: 0 10px;
	line-height: 30px
}
.artpage>a:hover {
	text-decoration: underline
}
.artpage .right {
	text-align: right
}
#weixinhidden {
	display: none;
	z-index: 999;
	position: absolute;
	top: 30px;
	padding: 10px;
	background-color: #fff
}
#weixinhidden img {
	display: block;
	width: 120px;
	height: 120px
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
.index-banner {
	position: relative;
	width: 100%;
	height: 450px
}
.index-banner .swiper-container {
	width: 100%;
	height: 100%
}
.index-banner .swiper-slide {
	background: no-repeat center;
	background-size: cover
}
.index-banner .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%
}
.sanj {
	width: 100%;
	height: 196px;
	margin: 30px 0;
	background: url("../images/sanj.png") no-repeat center;
	background-size: contain;
	color: #fff
}
.sanj>h2 {
	margin-left: 267px
}
.sanj>h2 {
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 18px;
	padding-top: 20px
}
.sanj>p {
	float: left;
	width: 362px;
	margin-left: 370px;
	text-align: center
}
.sanj-text>h3 {
	font-size: 30px;
	color: #014e95;
	margin: 5px 0;
	font-weight: bold
}
.sanj-text>p {
	font-size: 20px;
	color: #9ecd33;
	margin-bottom: 10px
}
.sanj-text dd, .sanj-text dt {
	margin: 5px 0
}
.sanj-text dt {
	font-weight: bold
}
.sanj-text dd {
	padding-left: 20px
}
.sanj-text .icon {
	margin-right: 5px
}
.sanj-text .no-padding dd {
	padding-left: 0
}
.index-pub-bar {
	position: relative;
	width: 100%;
	padding: 0 55px
}
.proj-list {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
.proj-list ul {
	position: relative;
	padding-left: 60px
}
.proj-list li {
	position: relative;
	width: 340px;
	height: 220px;
	float: left;
	margin-right: 40px;
	margin-bottom: 32px;
	background: no-repeat center;
	background-size: cover;
	overflow: hidden
}
.proj-list li:hover .bottitle {
	display: none
}
.proj-list li:hover .mask {
	display: block;
	transform: translateY(0)
}
.proj-list li span {
	position: absolute;
	width: 100%;
	line-height: 36px;
	bottom: 0;
	text-align: left;
	color: #fff;
	font-size: 22px;
	text-indent: 10px
}
.proj-list li a {
	display: block;
	width: 100%;
	height: 100%
}
.proj-list li .mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	transform: translateY(-100%);
	transition: transform 0.3s
}
.proj-list li .mask h3 {
	display: inline-block;
	margin: 20px 0;
	font-size: 18px;
	line-height: 26px;
	border-bottom: 1px solid #fff
}
.proj-list li .mask p {
	text-align: center;
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical
}
.index-form {
	position: relative;
	width: 100%;
	height: 560px;
	background: url("../images/index-form-bg.jpg") no-repeat center;
	background-size: cover
}
.index-form .left {
	position: relative;
	left: 50%;
	float: left;
	padding-top: 84px;
	margin-left: -560px
}
.index-form .right {
	position: relative;
	left: 50%;
	float: left;
	margin-top: 86px;
	margin-left: -50px
}
.index-form .right h3 {
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	font-weight: bold;
	color: #014e95
}
.index-form .right form input[type=text] {
	width: 272px;
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid #999;
	outline: none
}
.index-form .right form input[type=submit] {
	width: 272px;
	padding: 10px 12px;
	margin-left: 73px;
	border-radius: 8px;
	border: none;
	outline: none;
	color: #fff;
	background-color: #014e95;
	cursor: pointer
}
.index-form .right form input[type=submit]:active {
	background-color: #00182e
}
.index-form .right .qconnect {
	position: absolute;
	right: 0;
	padding: 5px 20px;
	margin-top: -80px;
	margin-right: -204px;
	border-radius: 8px;
	color: #fff;
	background-color: #014e95
}
.index-form .right .qconnect:active {
	background-color: #00182e
}
.index-form .bot {
	position: absolute;
	left: 50%;
	bottom: 45px;
	margin-left: -456px;
	color: #fff
}
.index-form .bot h3 {
	margin-bottom: 15px
}
.index-form .bot h3 span {
	font-size: 1.3em
}
.index-form .bot .line {
	display: block;
	position: absolute;
	width: 170px;
	border-bottom: 1px solid #fff;
	bottom: 10px;
	right: 164px
}
.index-form .bot p {
	position: relative;
	text-align: right
}
.index-form .rolling-news {
	width: 302px;
	height: 286px;
	overflow: hidden
}
.index-form .rolling-news h3 {
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	font-weight: bold;
	color: #014e95
}
.index-form .rolling-news h3 .icon {
	position: relative;
	top: 1px;
	color: #014e95;
	font-size: 22px;
	margin-right: 5px
}
.index-form .rolling-news .cut {
	overflow: hidden;
	width: 100%;
	height: 220px;
	margin-top: 10px
}
.index-form .rolling-news li {
	line-height: 32px
}
.index-form .rolling-news li a {
	display: block;
	width: 93%;
	height: 100%
}
.index-form .rolling-news li a:hover {
	text-decoration: underline
}
.cominfo {
	position: relative;
	width: 100%;
	margin: 43px 0
}
.cominfo img {
	float: left;
	margin-right: 40px
}
.cominfo p {
	line-height: 26px;
	text-indent: 2em
}
.cominfo p:nth-child(2) {
	padding-top: 22px
}
.cominfo p:nth-child(3) {
	padding-bottom: 22px
}
.cominfo a {
	padding: 8px 50px;
	border: 1px solid #333;
	border-radius: 8px;
	margin: 0 50px
}
.cominfo a:hover {
	color: #21457f;
	border-color: #21457f
}
.picMarquee-left {
	overflow: hidden;
	position: relative
}
.picMarquee-left .bd ul li {
	margin: 0 10px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center
}
.picMarquee-left .bd ul li .pic {
	text-align: center
}
.picMarquee-left .bd ul li .title {
	line-height: 24px
}
.picMarquee-left {
	position: relative
}
.picMarquee-left .next, .picMarquee-left .prev {
	position: absolute;
	display: block;
	z-index: 1;
	width: 25px;
	height: 140px;
	cursor: pointer;
	background: rgba(0,0,0,0.6)
}
.picMarquee-left .next .icon, .picMarquee-left .prev .icon {
	height: 100%;
	font-size: 26px
}
.picMarquee-left .prev {
	left: 0
}
.picMarquee-left .next {
	right: 0
}
.imgscroll {
	width: 100%;
	margin: 20px 0
}
.imgscroll li {
	margin: 0 10px
}
.imgscroll .icon {
	color: #fff
}
.imgscroll .item {
	width: 249px;
	height: 240px;
	border: 1px solid #eee;
	padding: 15px
}
.imgscroll .item .pic {
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: contain
}
.rating {
	margin: 40px 0
}
.rating-content ul {
	width: 1240px
}
.rating-content li {
	position: relative;
	float: left;
	width: 576px;
	margin-top: 20px;
	margin-right: 40px
}
.rating-content li h4 {
	line-height: 32px
}
.rating-content li .img {
	float: left;
	width: 260px;
	height: 180px;
	margin-right: 10px;
	background: no-repeat top;
	background-size: cover;
}
.rating-content li>a {
	position: absolute;
	display: block;
	padding: 5px 30px;
	bottom: 20px;
	left: 272px;
	border-radius: 8px;
	color: #fff;
	background-color: #014e95
}
.rating-content li>a:active {
	background-color: #00182e
}
.rating-content li p {
	max-height: 85px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}
.question {
	float: left;
	width: 766px
}
.question .index-title {
	margin-bottom: 20px;
	color: #014e95
}
.question .index-title a {
	color: #014e95
}
.question>img {
	float: left;
	width: 350px;
	height: 300px;
	margin-right: 10px
}
.question ul {
	padding-top: 10px
}
.question li {
	margin-bottom: 25px
}
.question li .icon {
	float: left;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -1px;
	font-size: 1.3em
}
.question li p {
	vertical-align: top;
	margin-bottom: 12px
}
.question li p.q {
	font-weight: bold
}
.question li p.q .icon {
	color: #014e95
}
.question li p a:hover {
	text-decoration: underline
}
.news {
	float: right;
	width: 382px
}
.news .index-title {
	margin-bottom: 20px;
	color: #014e95
}
.news .index-title a {
	color: #014e95
}
.news .img {
	width: 100%;
	height: 133px;
	margin-bottom: 20px;
	background: no-repeat center;
	background-size: cover
}
.news li {
	width: 100%;
	margin: 8px 0
}
.news li a {
	display: inline-block;
	width: 100%
}
.news li a:hover {
	text-decoration: underline
}
.client-list {
	width: 100%
}
.client-list li {
	float: left;
	width: 310px;
	height: 316px;
	border: 1px solid #aaa;
	padding: 14px;
	margin-right: 14px;
	margin-bottom: 26px
}
.client-list li .img {
	width: 100%;
	height: 200px;
	background: no-repeat top;
	background-size: cover;
	margin-bottom: 5px
}
.client-list li .title {
	width: 100%;
	display: inline-block;
	font-weight: bold;
	line-height: 24px;
	font-size: 18px
}
.client-list li .title:hover {
	text-decoration: underline
}
.client-list li p {
	max-height: 58px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.case-list {
	width: 100%
}
.case-list li {
	float: left;
	width: 310px;
	height: 288px;
	padding: 14px;
	margin-right: 14px;
	margin-bottom: 26px
}
.case-list li .img {
	width: 100%;
	height: 240px;
	background: no-repeat center;
	background-size: cover;
	margin-bottom: 5px
}
.case-list li .title {
	width: 100%;
	display: inline-block;
	line-height: 32px;
	font-size: 18px
}
.case-list li .title:hover {
	text-decoration: underline
}
.question-list li {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	padding: 20px 15px;
	margin: 20px 0
}
.question-list li .img {
	float: left;
	width: 230px;
	height: 100%;
	margin-right: 20px;
	background: no-repeat center;
	background-size: cover
}
.question-list li p {
	height: auto;
	line-height: 22px
}
.question-list li span {
	display: inline-block;
	float: right;
	margin-top: 10px
}
.news-list li {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	padding: 20px 15px;
	margin: 20px 0
}
.news-list li .img {
	float: left;
	width: 230px;
	height: 100%;
	margin-right: 20px;
	background: no-repeat center;
	background-size: cover
}
.news-list li .title {
	font-size: 18px;
	line-height: 32px
}
.news-list li .title a:hover {
	text-decoration: underline
}
.news-list li p {
	height: auto;
	line-height: 22px;
	max-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.news-list li span {
	display: inline-block;
	float: left;
	margin-top: 10px
}
.single-page {
	padding: 50px 0
}
.single-page .has-side {
	float: right;
	width: 980px
}
.footlinks {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	max-width: 1200px;
	height: auto;
	font-size: 9pt;
	line-height: 140%;
	color: #777;
	text-align: center;
}
.footlinks a:link, .footlinks a:visited {
	font-size: 9pt;
	line-height: 140%;
	color: #777;
}
#pages {
	text-align: center;
	margin: 20px 0 30px
}
#pages a {
	font-family: Arial;
	font-size: 14px;
	display: inline-block;
	width: auto;
	padding:0 10px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #e6e6e6;
	background: #fff;
	color: #646464;
	margin-right: 8px;
	text-align: center
}
#pages span:first-child{ margin-right:5px;}
#pages a:hover{ color:#009B4C;}
#pages a.page-num-current {
	color:#009B4C;
}
#pages a.a1 {
	display: none;
	width: 108px;
	font-size: 12px;
	float: left;
	text-align: left;
	border: none;
	background: 0 0;
	color: #646464
}
#pages a.a1 font {
	color: #fead0f;
	padding: 0 3px
}