@charset "utf-8";













/*animation*/


@charset "UTF-8";


.ico{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

.itit-ico{background: url(../images/itit-ico.png) no-repeat; display: inline-block; vertical-align: middle;}

.ilink{background: url(../images/ilink.png) no-repeat; display: inline-block; vertical-align: middle;}

.bicon{background: url(../images/bicon.png) no-repeat; display: inline-block; vertical-align: middle;}

.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

a{color: #000; text-decoration: none;cursor:pointer;}

a:hover{ text-decoration: none;}

a:visited{text-decoration: none;}

.ease,

.ease *{transition: all ease 300ms;}

.noease,

.noease *{transition: none;}

:-moz-placeholder{color: #aaa;}

::-moz-placeholder{color: #aaa;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder{color: #aaa;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{color: #aaa;}
  .cplb-3n-ts-03-tit {
                height: 50px;
                font-size: 24px;
                font-weight: normal;
                line-height: 50px;
                border-bottom: 1px solid #ebebeb;
                margin-bottom: 15px;
            }
            
            .cplb-3n-ts-03-tit span {
                display: inline-block;
                height: 50px;
                border-bottom: 1px solid #555555;
            }
            
            .cplb-3n-ts-03-list dl {
                width: 32.1%;
                margin-bottom: 15px;
                background: #fff;
                float: left;
                padding-left: 10px;
            }
            


/*清除浮动*/

.clearfix{*zoom: 1;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
/***************top and bottom css*********************/








/*产品中心*/

.product {

	padding-bottom: 30px;

	background: #fff;

}

.pro_con .pro_left {

	padding: 0 13px 13px 13px;

	background: #045fc8;

}

.pro_con .pro_left h3 {

padding: 30px 0;

text-align: center;

position: relative;

font-size: 27px;

height: 103px;

background: #045fc8;

width: 240px;
}

.pro_con .pro_left h3 a {

	color: #fff;

}

.pro_con .pro_left h3 i {

	display: block;

	font-size: 12px;

	text-transform: uppercase;

	color: #fff;

}

.pro_con .pro_left .left_con {

	width: 240px;

	background: #fff;

	padding: 12px;

	border-radius: 5px;

}

.pro_con .pro_left .left_con .con_p1 {
	height: 39px;
	line-height: 39px;
	font-size: 18px;
	background: #045fc8;
	color: #fff;
	text-indent: 12px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.pro_con .pro_left .left_con .con_p1 a {

	color: #fff;

}

.pro_con .pro_left .left_con ul {

	padding-bottom: 20px;

}

.pro_con .pro_left .left_con ul li {
	height: 30px;
	font-size: 14px;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
}

.pro_con .pro_left .left_con ul li a {
	display: block;
	line-height: 30px;
	height: 30px;
	padding-left: 12px;
}

.pro_con .pro_left .left_con a.pro_more {

	display: block;

	height: 42px;

	line-height: 42px;

	font-size: 18px;

	border: 1px solid #045fc8;

	color: #045fc8;

	border-radius: 3px;

	text-align: center;

}

.pro_con .pro_left .left_con ul li.cur a, .pro_con .pro_left .left_con ul li:hover a {

	color: #045fc8;

}

.pro_con .pro_left .left_con ul li.cur, .pro_con .pro_left .left_con ul li:hover {

	background: #e6e6e6 url(../images/projt.png) no-repeat 190px center;

}

.pro_con .con_right {

	width: 893px;

}

.pro_con .con_right h3 {

	font-size: 25px;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

}

.pro_con .con_right h3 a {

	color: #333;

}

.pro_con .con_right h3 em {

	font-size: 14px;

	color: #999999;

	margin-left: 15px;

	text-transform: uppercase;

}

.pro_con .con_right h3 a.ckgda {

	float: right;

	font-size: 13px;

	font-weight: normal;

	height: 30px;

	line-height: 30px;

	color: #666;

}

.pro_con .con_right .r_top {

	height: 346px;

	border: 1px solid #d8d8d8;

	background: url(../images/probg.png);

	position: relative;

	border-top: 5px solid #029a47;

	overflow: hidden;

}

.pro_con .con_right .r_top ul {

	position: relative;

}

.pro_con .con_right .r_top ul li {

	float: left;

	position: relative;

	width: 891px;

	height: 346px;

	background:#fff

}

.pro_con .con_right .r_top ul li .top_Img {

	display: block;

	width: 891px;

	height: 346px;

	position: absolute;

	left: 0px;

	top: 0;

}

.pro_con .con_right .r_top ul li .top_Img img {

	display: block;

	width: auto;

	height: 346px;

}

.pro_con .con_right .r_top ul li dl {

	width: 365px;

	background: #fff9;

	padding: 30px 25px;

	position: absolute;

	left: 425px;

	top: 74px;

	box-shadow: 3px 3px 10px #d1e4e6;

}

.pro_con .con_right .r_top ul li dl dt {

	font-size: 25px;

	color: #045fc8;

	font-weight: bold;

	padding-bottom: 15px;

	border-bottom: 1px solid #d0d0d0;

	margin-bottom: 15px;

}

.pro_con .con_right .r_top ul li dl dd {

	font-size: 14px;

	line-height: 20px;

}

.pro_con .con_right .r_top ul li dl em {

	display: block;

	width: 14px;

	height: 30px;

	position: absolute;

	left: -14px;

	top: 30px;

	background: url(../images/rla.png) no-repeat center;

}

.pro_con .con_right .r_top .pro_btnl {

	display: block;

	width: 32px;

	height: 82px;

	background: url(../images/jtl01.png) no-repeat center;

	position: absolute;

	left: 15px;

	top: 130px;

	z-index: 2;

	cursor: pointer;

}

.pro_con .con_right .r_top .pro_btnr {

	display: block;

	width: 32px;

	height: 82px;

	background: url(../images/jtr01.png) no-repeat center;

	position: absolute;

	right: 15px;

	top: 130px;

	z-index: 2;

	cursor: pointer;

}

.pro_con .con_right .r_bot {

	margin-top: 20px;

}

.pro_con .con_right .r_bot dl {

	width: 288px;

	margin: 0 14px 18px 0;

	float: left;

}

.pro_con .con_right .r_bot dl:nth-child(3n) {

	margin-right: 0;

}

.pro_con .con_right .r_bot dl dt {

	width: 286px;

	border: 1px solid #d8d8d8;

	overflow: hidden;

	text-align: center;

	background-color: #f1f1f1;

}

.pro_con .con_right .r_bot dl dt img {

	display: block;

	width: 286px;

	height: 215px;

	transition: all 0.5s;

}

.pro_con .con_right .r_bot dl dd {

	height: 44px;

	line-height: 44px;

	text-align: center;

	font-size: 16px;

	background: #7b7b7b;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.pro_con .con_right .r_bot dl dd a {

	color: #fff;

}

.pro_con .con_right .r_bot dl:hover dt img {

	transform: scale(1.1);

}

.pro_con .con_right .r_bot dl:hover dd {

	background: #045fc8;

}