﻿/*******************************
    -------[=首页]-------
********************************/
.index-row-pro {
	padding-bottom: 30px;
}
.protabtitles {
	padding-bottom: 40px;
	text-align: center;
}
.protabtitles li {
	display: inline-block;
}
.protabtitles a {
	display: inline-block;
	padding: 0 30px;
	line-height: 38px;
	border: 1px solid #fff;
}
.protabtitles li a:hover {border-color: #0073bc;}
.prolist1 {
	overflow: hidden;
	margin-left: -40px;
}
.prolist1 li {
	float: left;
	margin-bottom: 10px;
	width: 25%;
}
.prolist1 .cent {
	padding-left: 40px;
}
.prolist1 .img a {
	position: relative;
	z-index: 2;
	display: block;
	padding-top: 80%;
}
.prolist1 .img img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
}
.prolist1 .tit a {
	display: block;
	padding: 0 10px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	background-color: #f3f4f6;
}

.index-row-about .box1 {
	height: 250px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.index-row-about .box2 {
	overflow: hidden;
	margin-top: -84px;
	padding: 27px 50px 27px 27px;
	box-shadow: 5px 5px 7px rgba(7,0,2,.15);
	background-color: #fff;
}
.index-row-about .box2 .img {
	float: left;
	width: 47%;
}
.index-row-about .box2 .img img {
	display: block;
	width: 100%;
}
.index-row-about .box2 .con {
	float: right;
	width: 49%;
}
.index-row-about .box2 h3 {
	padding: 20px 0 25px;
	font-size: 24px;
	color: #0073bc;
}
.index-row-about .box2 .infos {
	overflow: hidden;
	margin-bottom: 35px;
	height: 7.2em;
	line-height: 1.8;
}
.index-row-about .box2 .tel {
	font-size: 24px;
	line-height: 70px;
	text-align: center;
	background-color: #0073bc;
	color: #fff;
}
.index-row-about .box2 .tel .icon {
	display: inline-block;
	margin-right: 12px;
	width: 33px;
	height: 33px;
	vertical-align: middle;
	background: url(../img/icon-tel.png) center no-repeat;
}

.index-row-news {
	padding-bottom: 20px;
}
.index-row-news .box .col-l {
	overflow: hidden;
	width: 50%;
	height: 402px;
	border: 1px solid #aad0e9;
}
.index-row-news .box .col-r {
	width: 47.5%;
}
.index-row-news .colimg {
	float: left;
	width: 52%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.index-row-news .colimg img {
	display: none;
}
.index-row-news .colcon {
	overflow: hidden;
	padding: 55px 30px 0 20px;
	height: 100%;
	background-color: #0073bc;
}
.index-row-news .colcon h3 {
	font-size: 18px;
	color: #fffefe;
}
.index-row-news .colcon .infos {
	overflow: hidden;
	margin: 55px 0 50px;
	height: 9em;
	font-size: 12px;
	line-height: 1.8;
	color: #b5d3f3;
}
.index-row-news .colcon .more {
	display: block;
	width: 120px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #b5d3f3;
	border-radius: 32px;
	color: #b5d3f3;
}
.index-row-news .colcon .more img {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}
.index-row-news .colcon .more:hover {background-color: #fff;color: #0073bc;}
.newslist1 a {
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	padding: 21px 20px;
	background-color: #f4f4f4;
	color: #818181;
}
.newslist1 .date {
	position: relative;
	z-index: 1;
	float: left;
	margin-right: 20px;
	width: 88px;
	font-size: 12px;
	text-align: center;
	color: #999;
}
.newslist1 .date:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	margin-top: -17px;
	width: 1px;
	height: 34px;
	background-color: #d3d3d3;
}
.newslist1 .date .day {
	display: block;
	font-size: 30px;
	line-height: 1.1;
	font-weight: bold;
	color: #333;
}
.newslist1 .title {
	display: block;
	overflow: hidden;
	line-height: 50px;
}
.newslist1 a:hover .date .day {color: #fff;}
.newslist1 a:hover {color: #fefefe;background-color: #0073bc;}
.newslist1 a:hover .date {color: #f7e9d5;}
.newslist1 a:hover .date:after {background-color: #c6c3b0;}

.box-cont .contact {
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 1.8;
}
.box-cont .contact h1 {
	font-size: 24px;
}
.map {
	height: 400px;
}

/*标签-带链接*/
.u-label{font-size:12px;}
.u-label{display: inline-block;vertical-align: middle; padding: .5em .5em;color: rgba(0,0,0,.65);text-transform: uppercase;font-weight: 400;border-radius: .325em;}
a.u-label{cursor: pointer;}

i.icon{font-size: 1em;}
i.icon{display: inline-block;margin: 0 .25em 0 0;width: 1.5em;height: 1.5em;line-height: 1;vertical-align: middle;background:url(../images/base/icon.png) no-repeat;}
i.icon.weixin{background-position: 3px 0;}
i.icon.weibo{background-position: 0 -24px;}

/* 视力字体 */
#fonts a{ padding:0 1px;}
#fonts a:hover{ font-weight:bold;}
#backg a{ border: 1px solid #999; width: 8px; height: 8px; display: inline-block; line-height:28px; margin-left:2px;}

.productBox .row1 {
	overflow: hidden;
}
.productBox .row1 .col-l, .productBox .row1 .col-r {
	width: 48%;
}
.productBox .proimage img {
	display: block;
	width: 100%;
}
.productBox .protitle {
	padding-top: 20px;
	font-size: 28px;
}
.productBox .prosumm {
	margin: 15px 0;
	overflow: hidden;
	height: 5.4em;
	font-size: 14px;
	line-height: 1.8;
}
.productBox .probutton {
	display: block;
	width: 150px;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	background-color: #0073bc;
	color: #fff;
}

.g-form {
	padding: 20px 0;
}
.g-form h2 {
	padding: 20px 0;
	font-size: 24px;
}
.g-form .formitm {
	padding-bottom: 15px;
}
.g-form .lab {
	float: left;
	width: 100px;
	line-height: 38px;
}
.g-form .red {
	color: #f00;
}
.g-form .ipt {
	overflow: hidden;
}
.g-form .u-ipt {
  box-sizing:border-box;
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f1f1f1;
  background-image: none;
  border-radius: 0;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.g-form .u-ipt.u_textarea {
	height: 100px;
}
.g-form .u-ipt.u-select {
}
.g-form .u-ipt[type='reset']{
	background-color: #797979;
	border:1px solid #797979;
}
.g-form .u-ipt:focus{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.g-form .u-ipt::-moz-placeholder{color: #999;opacity: 1;}
.g-form .u-ipt:-ms-input-placeholder{color: #999;}
.g-form .u-ipt::-webkit-input-placeholder{color: #999;}
.g-form .u-btn {
	float: left;
	display: block;
	width: 100px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	border-width: 0;
	background-color: #0073bc;
	color: #fff;
	cursor: pointer;
}
.g-form .u-btn-c3 {
	margin: 0 15px 0 100px;
}
