@charset "utf-8";

body {

	font-family: "microsoft yahei", Arial;

	font-size: 16px;

}



* {

	margin: 0;

	padding: 0;

}



div, ul, li, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd, ol, th, td {

	margin: 0px;

	padding: 0px;

}



li {

	list-style-type: none;

}



form, input, button, option, textarea, select {

	margin: 0px;

	padding: 0px;

}



input, button, textarea, select {

	font: 100% Tahoma, Helvetica, Arial, sans-serif;

}



a {

	text-decoration: none;

	cursor: pointer;

	outline: none;

	blr: expression(this.onFocus=this.blur());

	color: #272727;

	font-family: "microsoft yahei";

}



span {

	font-family: "microsoft yahei";

}



p {

	font-family: "microsoft yahei";

}



a:link {

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}



a:active {

	text-decoration: none;

}



th {

	font-weight: normal;

}



table {

	font-size: inherit;

	font: 100%;

}



img {

	border: none;

}



.clear:after {

	display: block;

	content: '';

	clear: both;

}



.header {

	width: 1200px;

	margin: 0 auto;

	padding: 15px 0;

}



.header:after {

	display: block;

	content: '';

	clear: both;

}



.header .logo {

	float: left;

	margin-top: 13px;

}



.header .top {

	float: left;

	margin: 30px 0 0 50px;

}



.header .tel {

	float: right;

	min-width: 465px;

}



.header .tel p {

	font-size: 30px;

	color: #2c2c2c;

	font-weight: bold;

}



.header .tel span {

	font-size: 32px;

	color: #d90000;

}



.header .tel .iconfont {

	float: left;

	font-size: 56px;

	color: #d2d2d2;

}



.nav {

	width: 100%;

	height: 45px;

	background: #1E9FFF;

}



.nav ul {

	width: 1200px;

	margin: 0 auto;

}



.nav ul li {

	width: 166px;

	height: 44px;

	text-align: center;

	line-height: 44px;

	display: inline-block;

	-ms-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.nav ul li a {

	font-size: 18px;

	color: #FFFFFF;

}



.nav ul li:hover {

	background: #2b6cd3;

}



.fullSlide {

	position: relative;

	width: 100%;

	height: 420px;

}



.fullSlide .bd {

	margin: 0 auto;

	position: relative;

	z-index: 0;

	overflow: hidden;

}



.fullSlide .bd ul {

	width: 100% !important;

	height: 420px !important;

}



.fullSlide .bd ul li {

	width: 100% !important;

	text-align: center;

}



.fullSlide .bd ul li a {

	display: block;

	height: 420px;

	background-position: center;

	background-repeat: no-repeat;

}



.fullSlide .hd {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 10px;

	text-align: center;

	z-index: 1;

}



.fullSlide .hd ul li {

	margin: 0 4px;

	width: 61px;

	height: 4px;

	background: #FFFFFF;

	cursor: pointer;

	display: inline-block;

	zoom: 1;

	font-size: 0;

}



.fullSlide .hd .on {

	background: #1e9fff;

}



.content {

	width: 1200px;

	margin: 20px auto;

}



.content:after {

	display: block;

	content: '';

	clear: both;

}



.pro:after {

	display: block;

	content: '';

	clear: both;

}



.pro .hd {

	width: 100%;

	height: 73px;

    line-height: 33px;

	border-bottom: 2px solid #1e9fff;

	position: relative;

}



.pro .hd:after {

	display: block;

	content: '';

	clear: both;

}



.pro .hd h3 {

	font-size: 24px;

	color: #1e9fff;

	float: left;

	padding-top: 15px;

	padding-left: 5px;

}



.pro .hd ul {

	float: left;

	width: 1025px;

}



.pro .hd ul li {

	display: inline-block;

	width: 77px;

	

	font-size: 16px;

	color: #444444;

	cursor: pointer;

	text-align: center;

	margin: 0 5px -6px;

}

.pro .hd ul li a{

	display: block;

}



.pro .hd ul li:hover a {

	background: #1e9fff;

	color: #FFFFFF;

}



.pro .hd .more {

	position: absolute;

	right: 7px;

	top: 17px;

}



.pro .hd .more a {

	font-size: 14px;

	color: #444444;

}

.pro .hd .btn {

  position: absolute;

  z-index: 3;

  bottom: 0;

  width: 20px ;

  height: 20px;

  text-align: center;

  line-height: 20px;

  background: #1e9fff;

  color: #FFFFFF;

}

.pro .hd .prev {

  right: 120px;

}

.pro .hd .next {

  right: 90px;

}

.pro .prol {

	width: 880px;

	float: left;

}



.pro .prol ul {

	margin: 10px -4px 0;

}



.pro .prol ul li {

	width: 213px;

	height: 157px;

	position: relative;

	text-align: center;

	float: left;

	margin: 5px 4px;

}



.pro .prol ul li .photo {

	display: block;

	width: 100%;

	height: 100%;

}



.pro .prol ul li .photo img {

	width: 100%;

	height: 100%;

}



.pro .prol ul li p {

	position: absolute;

	width: 100%;

	height: 34px;

	line-height: 34px;

	background: rgba(0, 0, 0, 0.65);

	bottom: 0;

	left: 0;

}



.pro .prol ul li p a {

	font-size: 16px;

	color: #FFFFFF;

}



.notice {

	width: 296px;

	margin-top: 15px;

	float: right;

}



.notice .tit {

	height: 41px;

	line-height: 41px;

	padding-left: 20px;

	background: #b10000;

}



.notice .tit p {

	font-size: 17px;

	color: #f83d3d;

}



.notice .tit p span {

	font-size: 22px;

	color: #FFFFFF;

	font-weight: bold;

}



.notice .cont {

	background: #f2f2f2;

	padding: 20px 21px 15px 23px;

}



.notice .cont ul li {

	height: 36px;

	line-height: 36px;

}



.notice .cont ul li a {

	font-size: 14px;

	color: #080808;

}



.notice .cont .contact {

	width: 100%;

	height: 105px;

	background: url(img/contact.jpg) no-repeat center center;

	margin-top: 20px;

}



.notice .cont .contact h3 {

	font-size: 16px;

	color: #000000;

	line-height: 30px;

	padding-top: 30px;

	text-indent: 20px;

}



.notice .cont .contact p {

	font-size: 24px;

	color: #fe6000;

	text-indent: 20px;

	font-weight: bold;

}



.case {

	margin-top: 25px;

	overflow: hidden;

}



.case .title {

	height: 41px;

	line-height: 41px;

	border-bottom: 2px solid #1e9fff;

	margin-bottom: 17px;

}



.case .title:after {

	display: block;

	content: '';

	clear: both;

}



.case .title p {

	font-size: 17px;

	height: 41px;

	color: #a6a6a6;

	text-transform: uppercase;

	float: left;

}



.case .title p span {

	font-size: 24px;

	color: #1e9fff;

	font-weight: bold;

	margin-right: 15px;

}



.case .title a {

	float: right;

	font-size: 14px;

	color: #444444;

}



.case .bd ul li {

	width: 295px;

	float: left;

	text-align: center;

	margin: 0 4px;

}



.case .bd ul li .photo {

	width: 295px;

	height: 198px;

	display: block;

	font-size: 0;

	margin-bottom: 15px;

}



.case .bd ul li .photo img {

	width: 100%;

	height: 100%;

}



.case .bd ul li .name {

	font-size: 16px;

	color: #444444;

}



.news {

	margin: 40px -15px 0;

}



.news:after {

	display: block;

	content: '';

	clear: both;

}



.news .sort {

	width: 380px;

	float: left;

	margin: 0 15px;

}



.news .sort .tit {

	padding: 0 23px;

	height: 41px;

	line-height: 41px;

	background: #1E9FFF

}



.news .sort .tit span {

	font-size: 18px;

	color: #FFFFFF;

}



.news .sort .tit a {

	font-size: 14px;

	color: #ffffff;

	float: right;

}



.news .sort .tit:before {

	display: block;

	content: "";

	width: 0;

	height: 0;

	border-bottom: 4px solid transparent;

	border-left: 9px solid #FFFFFF;

	border-top: 4px solid transparent;

	float: left;

	margin: 16px 11px 0 0;

}



.news .sort ul {

	padding: 23px;

	background: #f4f4f4;

}



.news .sort ul li {

	list-style: inside disc;

	font-size: 12px;

	color: #444444;

	height: 30px;

	line-height: 30px;

}



.news .sort ul li a {

	font-size: 14px;

	color: #444444;

}



.news .sort ul li a:hover {

	color: #1e9fff;

}



.news .sort ul li span {

	float: right;

	font-size: 14px;

	color: #444444;

}



.footer {

	padding: 25px 0;

	background: #1E9FFF;

	text-align: center;color: #FFFFFF;

}



.footer p {

	font-size: 16px;

	color: #FFFFFF;

	line-height: 40px;

}



.footer p span {

	margin: 0 10px;

}





/*翻页*/



.fanye {

	margin: 20px 0;

	text-align: center;

}



.fanye a {

	display: inline-block;

	margin-right: 5px;

	padding: 0 5px;

	min-width: 16px;

	height: 22px;

	line-height: 22px;

	border: 1px #999 solid;

	background: #fff;

	color: #545454;

}



.fanye a:hover, .fanye a.on {

	background: #1e9fff;

	border: 1px #1e9fff solid;

	color: #fff;

}



.page .cont {

	margin-top: 30px;

	line-height: 26px;

}



.yn .tit {

	font-size: 20px;

	font-weight: bold;

	text-align: center;

	margin-top: 30px;

}



.yn .content_related {

	text-align: center;

	line-height: 30px;

	font-size: 12px;

	color: #999999;

	border-bottom: 1px solid #383838;

}



.yn .photo {

	text-align: center;

	width: 100%;

}



.yn .photo img {

	margin: 15px 0;

	max-width: 100%;

}



.yn .content_btn {

	margin: 15px 0;

	line-height: 26px;

	font-size: 14px;

}



.yn .content_btn a {

	color: #666666;

}



.paper {

	width: 1200px;

	margin: 45px auto;

	min-height: 500px;

}



.paper:after {

	display: block;

	content: "";

	clear: both;

}



.side {

	width: 223px;

	float: left;

}



.side .side_c .tit {

	height: 111px;

	background: url(img/tit.jpg) no-repeat center center;

	text-align: center;

	text-transform: uppercase;

}



.side .side_c .tit p {

	font-size: 30px;

	color: #ffffff;

	padding-top: 25px;

}



.side .side_c .tit p .iconfont {

	font-size: 30px;

}



.side .side_c .tit span {

	font-size: 17px;

	color: #3392ea;

}



.side .side_c ul {

	border-style: solid;

	border-color: #1e9fff;

	border-width: 0 2px 2px 2px;

	background: #f4f4f4;

	padding-bottom: 30px;

}



.side .side_c ul li {

	padding-left: 44px;

	height: 53px;

	line-height: 53px;

	border-bottom: 1px solid #dddddd;

}



.side .side_c ul li.on, .side .side_c ul li:hover {

	background: #ffffff;

}



.side .side_c ul li.on a, .side .side_c ul li:hover a, .side .side_c ul li.on .iconfont, .side .side_c ul li:hover .iconfont {

	color: #1e9fff;

}



.side .side_c ul li a {

	font-size: 16px;

	color: #444444;

}



.side .side_c ul li .iconfont {

	font-size: 12px;

	color: #444444;

	margin-right: 15px;

}



.side .side_c ul .drop {

	border-bottom: 1px solid #dddddd;

	padding: 10px 0 10px 65px;

}



.side .side_c ul .drop dd {

	height: 40px;

	line-height: 40px;

}



.side .side_c ul .drop dd a {

	font-size: 14px;

	color: #444444;

}



.side .side_c ul .drop dd a:hover {

	color: #1e9fff;

}



.side .side_p {

	border: 2px solid #1e9fff;

	margin-top: 40px;

	padding-bottom: 30px;

}



.side .side_p .tit {

	height: 49px;

	line-height: 49px;

	background: #1e9fff;

	text-align: center;

	margin-bottom: 30px;

}



.side .side_p .tit p {

	font-size: 17px;

	color: #3392ea;

	text-transform: uppercase;

}



.side .side_p .tit p span {

	font-size: 20px;

	color: #FFFFFF;

	margin-right: 10px;

}



.side .side_p>p {

	font-size: 15px;

	color: #5c5c5c;

	line-height: 30px;

	padding: 0 15px;

}



.product, .page, .news_list {

	width: 934px;

	float: right;

}



.bread {

	width: 100%;

	height: 38px;

	border-bottom: 2px solid #1e9fff;

}



.bread h3 {

	font-size: 24px;

	color: #1e9fff;

	float: left;

}



.bread p {

	font-size: 14px;

	color: #444444;

	float: right;

	line-height: 38px;

}



.product ul {

	margin: 14px -14px 0;

}



.product ul li {

	width: 212px;

	height: 230px;

	text-align: center;

	float: left;

	margin: 12px 14px;

}



.product ul li .photo {

	display: block;

	width: 100%;

	height: 156px;

}



.product ul li .photo img {

	width: 100%;

	height: 100%;

}



.product ul li .name {

	display: block;

	width: 100%;

	height: 31px;

	background: #1e9fff;

	text-align: center;

	line-height: 32px;

	color: #FFFFFF;

	font-size: 16px;

	margin: 12px 0;

}



.product ul li p {

	font-size: 14px;

	color: #787878;

}



.news_list ul li {

	height: 138px;

	padding: 19px 0;

	border-bottom: 1px solid #e2e2e2;

}



.news_list ul li .photo {

	width: 219px;

	height: 138px;

	float: left;

}



.news_list ul li .photo img {

	width: 100%;

	height: 100%;

}



.news_list ul li .txt {

	

}



.news_list ul li .txt a {

	font-size: 16px;

	color: #444444;

	font-weight: bold;

	line-height: 52px;

}



.news_list ul li .txt a:hover {

	color: #1e9fff;

}



.news_list ul li .txt p {

	font-size: 15px;

	color: #5c5c5c;

	line-height: 26px;

	margin-top: 8px;

}







        .prol{ position:relative; width:880px; overflow:hidden; }

        .prol .bd{ padding:10px;}

        .prol .bd ul{ overflow:hidden;width:220px;

            float: left;}

        .prol .bd ul li{ margin:2px 15px; float:left; overflow:hidden; text-align:center;}

        .prol .bd ul li .pic{ width:220px; height:90px; overflow:hidden;}

        .prol .bd ul li .pic a{}

        .prol .bd ul li .pic img{ width:100%; height:100%; -webkit-transition:all 0.2s linear; transition:all 0.2s linear;}

        .prol .bd ul li .pic a:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);}

        .prol .bd ul li p{ line-height:30px;}