@import"../css/skeleton.css";	@import"../css/superfish.css";	 @import"../css/flexslider.css";

.prolist{
background: url(../images/pattern_title.gif) repeat-x left center;
margin: 0 0 10px;
font-size: 14px;
font-weight: bold;
}

.prolist span {
background: #FFF;
padding: 10px 10px 10px 0;
}

.hotpro, .tech {margin: 0 0 15px !important;
font-weight: bold;
background: url(../images/pattern_title.gif) repeat-x left center;
margin: 23px 0 10px;
font-size: 14px;
float: left;
width: 100%;
}

.hotpro span, .tech span {
background: #FFF;
padding: 10px 10px 10px 0;
}
body {
	background: #f1f1f3 url('../images/bg-row-1.jpg') repeat-x;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	position:relative;
	line-height:22px;
}
html,body {
	height:100%;
}
a {
	color:#3399FF;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a:hover {color:#333;}
img {
	max-width:100%;
	height:auto;
}
h1 {
	background: url(../images/pattern_title.gif) repeat-x left center;
	margin: 0 0 10px;
	font-size:14px;
}
h1 span {
background: #FFF url(../img/logo2.jpg) no-repeat;
padding: 10px 10px 10px 35px;
background-position: 0;
}
h4 {
	background: url(../images/pattern_title.gif) repeat-x left center;
	margin: 0 0 10px;
	font-size:14px;
}
h4 span {
background: #FFF;
padding: 10px 10px 10px 0;
}
p {margin-top:8px; margin-bottom:7px;}
h2 {
	margin-top:10px;
	background:url(../images/tubiao.png) no-repeat;
	padding-left:25px;
	padding-bottom:1px;
	background-position:0;
}
h3 {
background: url(../images/pattern_title.gif) repeat-x left center;
margin: 23px 0 10px;
font-size: 14px;
float: left;
width: 100%;
}
h3 span {
background: #FFF;
padding: 10px 10px 10px 0;
}
strong {
	font-weight:bold;
}

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width: 100%;
	position: relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.alignmiddle *{
	vertical-align:middle;
}

.sf-menu > li > a, .list-2 li a, .list-follow a, .list-1 li a, .date-block-2 a, .button, .sf-menu li li a, .policy a, .link-1, dl#accordion dt a, dl#accordion dd a, .link-2 {
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-moz-transition: color 0.3s ease, background-color 0.3s ease;
	-o-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.ident-bot-1 {margin-bottom: 18px;}
.ident-bot-2 {margin-bottom: 13px;}
.ident-bot-3 {margin-bottom: 19px;}
.ident-bot-4 {margin-bottom: 50px;}
.ident-bot-5 {margin-bottom: 24px;}
.ident-bot-6 {margin-bottom: 15px;}
.ident-bot-7 {margin-bottom: 14px;}
.ident-bot-8 {margin-bottom: 35px;}
.ident-bot-9 {margin-bottom: 32px;}
.ident-bot-10 {margin-bottom: 11px;}
.ident-bot-11 {margin-bottom: 36px;}
.ident-bot-12 {margin-bottom: 22px;}
.ident-bot-13 {margin-bottom: 41px;}
.ident-bot-14 {margin-bottom: 26px;}
.ident-bot-15 {margin-bottom: 20px;}
.ident-bot-16 {margin-bottom: 25px;padding-left: 0;
list-style-type: none; float:left;}
.ident-bot-17 {margin-bottom: 10px;}
.ident-bot-18 {margin-bottom: 31px;}
.ident-bot-19 {margin-bottom: 30px;}
.ident-bot-20 {margin-bottom: 9px;}
.ident-bot-21 {margin-bottom: 56px;}
.ident-bot-22 {margin-bottom: 12px;}
.ident-bot-23 {margin-bottom: 70px;}
.ident-bot-24 {margin-bottom: 61px;}
.ident-bot-25 {margin-bottom: 25px;}
.ident-bot-26 {margin-bottom: 21px;}
.ident-bot-27 {margin-bottom: 16px;}
.ident-bot-28 {margin-bottom: 17px;}
.ident-bot-29 {margin-bottom: 44px;}

.ident-left-1 {margin-left: 16px;}

.ident-top-1 {margin-top: 8px;}
.ident-top-2 {margin-top: 5px;}

.header-block-1 {
	padding-bottom: 22px;
background: url(../images/logo-bg.jpg) no-repeat;
background-position: right 0;}
.menu-1 {
	float: right;
margin-top:9px;background: url(../images/mail-hover.png) no-repeat;
padding-left: 25px;
background-position: 0;
padding-right:20px;
}
.menu-1:hover {
	float: right;
background: url(../images/mail.png) no-repeat;
padding-left: 25px;
background-position: 0;
}
.menu-1 a:hover {color:rgb(235, 235, 61);}
.menu-1 a {color:#FFF;}
	.menu-1 li {
		float:left;
		margin-left:16px;
	}
		.menu-1 li a {
			color:#040813;
		}
			.menu-1 li a:hover {
	color:#3399FF;
	text-decoration:underline;
			}
.main {
	width:1140px;
	margin: 0 auto;
	background: #dadadc;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.row-main {
	background: #ffffff url('../images/bg-header-row-1.jpg') repeat-x;
	padding-top:55px;
	padding-right:8px;
	padding-left:8px;
}
#content {
	padding: 24px 0 57px 0;
}
#page1 #content {
	padding: 7px 0 57px 0;
}

a.col-1 {
float: left;
display: block;
width: 241px;
padding: 20px 10px 20px 10px;
margin-left: 4px;
margin-right: 5px;
border-top: 2px solid #3399ff;
border-bottom: 1px dotted #fd3365;
border-left: 1px dotted #3399ff;
border-right: 1px dotted #3399ff;
height:375px;
overflow:hidden;
margin-bottom:10px;
background-color: ghostwhite;
}
	a.col-1:hover {
	background: #3399FF;
	border-top: 2px solid #fd3365;
	border-bottom: 1px solid #fd3365;
	}
		a.col-1.first-ident {
			margin-left:0;
			width:22%;
		}
		a.col-1 span {
			display:block;
		}
			a.col-1 span.product {
				color: #3399ff;
				margin-bottom: 10px;
				margin-top: 10px;
				text-align: center;
				}
				a.col-1:hover span.product {
				color: #FFF;}
			a.col-1 span.p {
				color:#333;
			}
				a.col-1:hover  span.p {
					color:#fff;
				}
				
a.col-2 {
	float:left;
	display:block;
	width:194px;
	padding: 26px 18px 23px 21px;
	background: #040813 url('../images/bg-box.jpg');
	margin-left:3px;
	border-top: 1px solid #363942;
	border-bottom: 1px solid #363942;
}
	a.col-2:hover {
	background: #3399FF;
	border-top: 1px solid #fd3365;
	border-bottom: 1px solid #fd3365;
	}
		a.col-2.first-ident {
			margin-left:0;
			width:193px;
		}
		a.col-2 span {
			display:block;
		}
			a.col-2 span.p {
				color:#fff;
			}
	a.col-2 img {
		margin-left:-14px;
		margin-bottom:5px;
	}
	a.col-2:hover .text-1 {
		color:#323232;
	}

.rt-block-ident-1 {
	padding: 0 20px 0 0;
}
.rt-block-ident-2 {
	padding: 0 0 0 40px;
}
.rt-block-ident-3 {
	padding: 0 123px 0 0;
}
.rt-block-ident-4 {
	padding: 0 0 0 27px;
}
.rt-block-ident-5 {
	padding: 0 49px 0 0;
}
.rt-block-ident-6 {
	padding: 0 27px 0 0;
}
.rt-block-ident-7 {
	padding: 0 0 0 40px;
}
.rt-block-ident-8 {
	padding: 0 34px 0 0;
}

.list-1 li {
	line-height: 30px;
	padding-left:26px;
	background: url('../images/marker-2.png') no-repeat 2px 6px;
background-position: 0;
line-height:20px;
padding-top:7px;
padding-bottom:7px;
}
.list-1 li:hover {
	line-height: 30px;
	padding-left:26px;
	background: url('../images/marker-3.png') no-repeat 2px 6px;
background-position: 0;
line-height:20px;
padding-top:7px;
padding-bottom:7px;
}
.selected {	
	background: url('../images/marker-3.png') no-repeat 2px 6px !important;
background-position: 0 !important;
}
.selected a {
		color:#3399FF !important;
	}
	.list-1 li a {
		color: #040813;
	}
		.list-1 li a:hover {
	color: #3399FF;
		}

.list-2 li {
	line-height: 28px;
	padding-left: 12px;
	background: url('../images/marker-4.png') no-repeat 0 11px;
}
	.list-2 li a {
		color: #6e6e6e;
	}
		.list-2 li a:hover {
	color: #3399FF;
		}
.list-follow a {
	color: #6e6e6e;
}
	.list-follow img {
		margin-right:8px;
		margin-top:3px;
	}
	.list-follow a:hover {
	color: #3399FF;
	}
	
.date-block {
	width:52px;
	height:37px;
	overflow:hidden;
	text-align:center;
	padding-top:15px;
	color:#ffffff;
	margin-right:14px;
	margin-top:2px;
}
	.date-block-2 a {
		text-decoration:underline;
	}
		.date-block-2 a:hover {
	color:#3399FF;
		}

.img-ident-1 {
	float:left;
	margin-right:26px;
}
.img-ident-2 {
	float:left;
	margin-right:25px;
}
.text-1 {
	color:#3399FF;
	font-weight:bold;
}
.project {
	display:block;
	padding:2px;
	background: #1e0711;
	color:#fff;
	position:relative;
}
	.project:hover {
		background: #fd003f;
	}
		.project:hover .text-1 {
			color:#fff;
		}
.project span {
	display:block;
}
.project strong {
	color:#ffffff;
}
.project-inner-ident {
	padding: 24px 100px 25px 27px;
}

.line {
	height: 1px;
	overflow:hidden;
}
.block-1 {
	text-align:right;
	padding-top: 11px;
}

.block-2 {
	display:inline-block;
}

.button {
	display:inline-block;
	color:#282828;
	padding: 0 0 0 24px;
	background: url('../images/marker-3.png') no-repeat 0 5px;
}
	.button:hover {
	color:#3399FF;
	}
.link-1 {
	color:#0099FF;
}
	.link-1:hover {
		color:#323232;
	}
.link-2 {
	font-weight:bold;
	text-decoration:underline;
}
	.link-2:hover {
	color:#3399FF;
	}

.row-footer {
padding-top: 26px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 16px;
border-top: 12px solid #f9f9fa;
}
.policy {
	color: #414141;
}
.policy a {
	color: #414141;
	text-decoration:underline;
}
	.policy a:hover {
	color:#3399FF;
	}
.footer-menu li {
	float:left;
	padding:0 8px;
}
	.footer-menu li:first-child {
		background:none;
		padding-left:0;
	}
.footer-menu li a {
	color:#414141;
}
	.footer-menu li a:hover {
		text-decoration:underline;
	}
.footer-text-1 {
	color:#424242;
}
.footer-text-2 {
	color:#040813;
	margin-top:-8px;
	margin-right:-8px;
}

dl#accordion{
	list-style-type:none;
	padding:0;
	height:auto !important;
}
dl#accordion dt {
	padding: 7px 0;
}
dl#accordion dt a {
	display:block;
	padding:0 0 0 26px;
}
	dl#accordion dt a:hover {
	color:#3399FF;
	}
dl#accordion dd {
	display:none;
	padding: 0 0 5px 40px;
}
	dl#accordion dd a {
		line-height:16px;
	}
		dl#accordion dd a:hover {
	color:#3399FF;
		}
dl#accordion dd ul li {
	margin-top:-2px;
}
	dl#accordion dd ul li:first-child {
		margin-top:0;
	}

dl.adress {
	display: block;
	margin-left:4px;
}
dl.adress dt {
	color:#000;
	margin-bottom:21px;
}
dl.adress dd {
	width: 194px;
}
dl.adress dd span {
	float: right;
}
dl.adress strong {
	display: block;
}
iframe {
	width: 100%;
	height: 350px;
	margin:0;
}
#ifp-frame  {height:800px;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header-block-1 {background:none !important;}
	.main {
		width:778px;
	}
	.row-main {
		padding-right:5px;
		padding-left:5px;
	}
	a.col-1 {
		width:163px;
	}
		a.col-1.first-ident {
			margin-left:0;
			width:162px;
		}
	a.col-2 {
		width:144px;
	}
		a.col-2.first-ident {
			margin-left:0;
			width:145px;
		}
	.rt-block-ident-1 {
		padding: 0 40px 0 0;
	}
	.rt-block-ident-2 {
		padding: 0;
	}
	.rt-block-ident-7 {
		padding:0 0 0 20px;
	}
	.rt-block-ident-8 {
		padding: 0 20px 0 0;
	}
	.footer-menu li {
		padding: 0 3px;
	}
	.rt-block-ident-3 {
		padding: 0 30px 0 0;
	}
	.rt-block-ident-5 {
		padding: 0 20px 0 0;
	}
	.project-inner-ident {
		padding: 24px 30px 25px 27px;
	}
}
@media only screen and (max-width: 767px) {
		.header-block-1 {background:none !important;}
	#contactform label {
text-align: left !important; width:100% !important; }
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text {width:inherit !important;}
	#contactform textarea {width:inherit !important;}
	#request #req #reql {margin-left:0 !important; width:0 !important; margin-right:0 !important;}
	#request #req #reqr {border-left-width: 0 !important;padding-left: 0 !important;margin-left:0 !important;}
	.rt-br-1 {
		display:none;
	}
	.rt-ident-bottom-1 {
		margin-bottom: 40px;
	}
	.rt-ident-bottom-2 {
		margin-bottom: 20px;
	}
	.rt-ident-bottom-3 {
		margin-bottom: 70px;
	}
	.rt-block-ident-1, .rt-block-ident-2, .rt-block-ident-3, .rt-block-ident-4, .rt-block-ident-5, .rt-block-ident-6, .rt-block-ident-7, .rt-block-ident-8 {
		padding: 0;
	}
	.main {
		width:330px;
	}
	.row-main {
		padding-right:5px;
		padding-left:5px;
	}
	a.col-1 {
		margin-left:0;
		width:278px;
		margin-bottom:7px;
	}
		a.col-1.first-ident {
			width:278px;
		}
	.rt-img-1 {
		width:100%;
		float:none;
	}
	.rt-img-2 {
		width:100%;
		float:none;
	}
	.menu-1 {
		margin-top:10px;
		margin-right:7px;
		margin-bottom:10px;
	}
	.rt-block-2 {
		display:none;
	}
	.policy {
		text-align:center;
	}
	.rt-block-3 {
		width:120px !important;
		float:left;
		margin-right:20px;
		margin-bottom:30px;
	}
	.list-follow li {
		float:left;
		margin-right:20px;
	}
	.rt-block-4 {
		width:220px !important;
	}
	a.col-2 {
		margin-left:0;
		width:258px;
		margin-bottom:7px;
	}
		a.col-2.first-ident {
			width:258px;
		}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.rt-img-2 {
		width:191px;
		float:left;
	}
	.rt-ident-right-1 {
		margin-right:20px;
	}
	.rt-block-1 {
		width:200px !important;
		float:left;
	}
		a.col-1 {
			width:186px;
			margin-left:3px;
			margin-bottom:3px;
		}
			a.col-1.first-ident {
				margin-left:0;
				width:186px;
		}
		.col-1.col-1-ident {
			margin-left:0;
		}
		.main {
			width:440px;
		}
	.menu-1 {
		margin-right:70px;
	}
	.rt-block-3 {
		width:120px !important;
		float:left;
		margin-right:20px;
		margin-bottom:30px;
	}
	.rt-block-4 {
		width:120px;
	}
	.list-follow li {
		float:none;
	}
	.rt-block-5 {
		width:205px !important;
		float:left;
	}
	.project-inner-ident {
		padding: 24px 20px 25px 20px;
	}
	.rt-ident-left-1 {
		margin-left:10px !important;
	}
	a.col-2 {
		width:160px;
		margin-left:3px;
	}
		a.col-2.first-ident {
			margin-left:0;
			width:160px;
		}
	.col-2.col-2-ident {
		margin-left:0;
	}
}
.navigation {
border-bottom: solid 1px #dbdbdb;
margin-top: 18px;
padding: 10px;
}
.grid_11.alpha.omega {
margin-top: 15px;
margin-bottom: 15px;
}
.row-footer .container_12 .wrapper b {
padding-left: 10px;
}
.home {
background: url(../images/home.png) no-repeat;
padding-left: 25px;
padding-bottom: 5px;
padding-top: 3px;
}
.home:hover {
background: url(../images/home-hover.png) no-repeat;
padding-left: 25px;
padding-bottom: 5px;
padding-top: 3px;
}
.imgr {
float: right;
width: 300px;
text-align: center;
border: solid 1px #3399FF;
padding: 5px;
margin: 5px;
}
.imgx-index {
float: left;
padding: 5px;
margin: 8px 4px;
border: solid 1px #3399ff;
}
#page1 .main .row-main .container_12 .wrapper .grid_12 #content .wrapper .grid_11.alpha.omega ol {
	padding-left: 30px;
}
#page1 .main .row-main .container_12 .wrapper .grid_12 #content .wrapper .grid_11.alpha.omega ul {
	padding-left: 30px;
	list-style-type:disc;
}
.technology {
border-bottom: dashed 1px #dbdbdb;
padding-bottom: 5px;
margin-bottom: 15px;
}
table {
	margin: 15px 0 15px 0;
	border-top-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #3399ff;
        border-left: #dee0e0 1px solid;
}

table td, table th {
	border-right: #dee0e0 1px solid;
	border-bottom: #dee0e0 1px solid;
	text-align: center;
}

table th {
	font-size: 12px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}

 table td {
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.imgx {
float: left;
width: 345px;
text-align: center;
border: solid 1px #3399FF;
padding: 4px;
margin: 5px;
}
#request {
float: left;
margin-top: 16px;
}
#request #bg {
color: #FFF;
background-color: #3399ff;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 2px;
width: 98%;
display: table;
}
#request #req {
width: 98%;
margin-top: 15px;
}
#request #req #reql {
float: left;
margin-right: 10px;
margin-left: 5px;
background-image: url(../img/logo1.jpg);
background-repeat: no-repeat;
height: 50px;
width: 50px;
background-size:100%;
}
#request #req #reqr {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000;
padding-left: 10px;
margin-left: 60px;
height: 45px;
}
#contactform {
margin: 0;
padding: 5px 10px;
float: left;
}
#contactform ol {
margin: 0;
padding: 0;
list-style: none;
}
#contactform li {
margin: 0;
padding: 0;
background: none;
border: none;
display: block;
float: left;
width: 100%;
}
#contactform label {
text-align: right;
margin: 0 10px 0 0;
width: 100px;
display: block;
padding: 5px 0;
font: normal 11px Tahoma, Geneva, sans-serif;
color: #6e6e6e;
float: left;
}
#contactform label span {
font: normal 10px Arial, Helvetica, sans-serif;
}
#contactform input.text {
padding:3px 2px;
width: 380px;
border: 1px solid #c5c5c5;
margin: 2px 0;
background: #fff;
float: left;
}
#contactform textarea {
width: 380px;
border: 1px solid #c5c5c5;
margin: 2px 0;
padding: 3px 2px;
background: #fff;
float: left;}
#mycode {
float: left;
}
#imgcode {
float: left;
}
#contactform li.buttons {
margin: 5px 0 5px 0;
}
#contactform li.buttons input {
padding: 3px 0;
margin: 0 0 0 112px;
border: 0;
color: #FFF;
}
#lp {margin-top:5px;}
#page6 .main .row-main .container_12 .wrapper .grid_12 #content .wrapper .grid_10.omega .rt-block-ident-4 .ident-bot-19 .rt-block-ident-1.ident-bot-18 .extra-wrap ol {
	padding-left: 30px;
}
#page6 .main .row-main .container_12 .wrapper .grid_12 #content .wrapper .grid_10.omega .rt-block-ident-4 .ident-bot-19 .rt-block-ident-1.ident-bot-18 .extra-wrap ul {
	padding-left: 30px;
	list-style-type:disc;
}
#page6 .main .row-main .container_12 .wrapper .grid_12 #content .wrapper .grid_10.omega .rt-block-ident-4 .ident-bot-19 .rt-block-ident-1.ident-bot-18 .extra-wrap ul ul {
	padding-left: 30px;
	list-style-type:circle;
}
.floatn {float:left; width:100%;}
.left {
float: left;
width: 54%;
}
.da {
float: left;
}
.aaa {
	text-align: right;
margin-right: 20px;
margin-top: 10px;
width: 96%;
padding: 10px 20px 20px 5px;
float: right;
}
.aaa .page-num {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 24px;
}
#bbb {
	margin-top: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 24px;
}
.page-num a{
	background-color: #FFF;
	color: #3399ff;
	margin: 5px;
	border: 1px #dbdbdb solid;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.page-num a:hover {background-color: #3399ff;
	margin: 5px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;}
.page-num strong {
	background-color: #3399ff;
	margin: 5px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.ident-bot-3 h3 {
margin: 0 0 15px !important;
}
#contactform ol {padding-left:0 !important;}
.pro--message *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.pro--message form{margin-top:10px;width:100%;float:left;}
.pro--message form:after{content:".";clear:both;height:0;overflow:hidden;visibility:hidden;display:block}
.pro--message form>div{margin-bottom:20px}
.pro--message .input-group>input,.pro--message .input-group>textarea{border:1px solid #a9a9a9}
.pro--message form>div.half{width:49%;margin-top:0}
.pro--message form .half{width:49%;float:left}
.pro--message form input{width:100%;background-color:#fff;float:left}
.pro--message form>div{position:relative;width:100%;float:left}
.pro--message form input,.pro--message form textarea{padding:5px;line-height:26px;position:relative;}
.pro--message form .half:nth-child(odd){margin-right:1%}
.pro--message form .half:nth-child(even){margin-left:1%}
.pro--message form textarea{width:100%;height:260%;background-color:#fff}
.pro--message form .form-message{margin-bottom:15px}
.pro--message form .input{width:200px;display:inline-block;margin:5px auto 0;cursor:pointer;border:0;background-color:#0275d8;padding:6px 0;color:#fff;font-weight:600;border-radius:20px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}
.pro--message form .input:hover{background:#339fd9}
input[name=track_report]{display:none}
.textfield__label{color:rgba(0,0,0,.55);font-weight:400;left:5px;pointer-events:none;position:absolute;top:10px;-webkit-transition:all .2s ease;transition:all .2s ease;background:#fff;padding:0 5px;font-size:13px;}
.input-group>input .textfield__label,.input-group>input:focus~.textfield__label,.input-group>textarea:focus~.textfield__label{color:rgba(0,0,0,.4);font-size:12px;top:-10px;background-color:#efefef;}
.nonoen{color:rgba(0,0,0,.45);font-size:12px;top:-10px;background-color:#efefef;}
.pro--message p{color:#002554;font-weight:500;margin-bottom:10px}
.pro--message .red{color:red}
.message--con span{display:block}
.message--tit{padding-top:5px;padding-bottom:2px;width:100%;color:#17429a;text-align:center;font-size:30px;font-weight:bolder}
#form_request .input{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.message--con{letter-spacing:.2px;font-size:20px;margin-bottom:30px}
.message--mail{padding-top:2px;color:#2b69bd;text-decoration:underline;text-transform:uppercase;letter-spacing:.3px;font-weight:bolder;font-style:italic;}
@media (max-width:767px){.pro--message form>div.half{width:100%}
.pro--message form>div.half:nth-child(2){width:100%;margin-top:0}
.pro--message form .half{width:100%}
.pro--message form .half+.half{margin-left:0}
}
@media (max-width:575px){
.textfield__label{font-size:12px;}
.pro--message form>div{margin-bottom:15px;}
.message--con{margin-bottom:15px}
#form_request .input{padding:4px 0}
}

.pro-ul,.pro-ol{
	padding-left: 20px;
}
.pro-ul li{list-style: disc;}
.form_required,.track_report{display: none!important;}

/* 分页器 */
/* 主题颜色 */
:root{--primary-color:#3399FF}
.paginations{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:20px;margin-bottom:30px;}
.paginations span .iconfont{font-size:16px}
.pagination-list{margin:0 5px}
.pagination-list a{font-size:14px;line-height:1;color:var(--primary-color);display:inline-block;padding:5px 8px;text-decoration:none;font-weight:400;border:1px solid var(--primary-color)}
.pagination-list a+a{margin-left:10px}
#pagestyle.current{color:#fff;background-color:var(--primary-color)}
#pagestyle.current span{color:#fff}
.add,.reduce{color:var(--primary-color);display:flex;align-items:center;font-size:14px;padding: 1px 8px;}
.add.active,.reduce.active{color:#888;text-decoration:none}
.add:hover,.add:hover.active,.reduce:hover,.reduce:hover.active{text-decoration:none}
@media (max-width:1199px){.pagination span .iconfont{font-size:12px}
}
@media (max-width:991px){.technology-ul li p{font-size:13px}
.add .iconfont,.reduce .iconfont{font-size:14px}
.plist li a:hover,.protit a,.techtit a{font-size:14px}
}
@media (max-width:767px){.technology-ul li{padding:20px}
.pagination-list a{padding:3px 8px;font-size:13px}
.pagination a .iconfont{font-size:13px}
}
@media (max-width:575px){.pagination a .iconfont{font-size:12px}
.add .iconfont,.reduce .iconfont{font-size:12px}
.technology-boxs{flex-direction:column}
.home-blog-post{width:100%}
}
#pagestyles.current{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}