@charset "utf-8";
/* CSS Document */
html{color:#666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; -webkit-text-size-adjust: none; text-align:left;}
body{ font-size:14px;font-family:"微软雅黑";  color:#666; line-height:1; min-width:1000px;}
img{border:none;}
li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#F60;text-decoration:none;}
input,textarea{ outline:medium; text-indent:5px;}

.pointer {
	cursor: pointer;
}
.block100 {
	width: 100%; overflow: hidden;
}
.block50 {
	width: 50%; overflow: hidden;
}

#warp {
	width: 100%; overflow: hidden;
}
#footer {
	width: 100%; overflow: hidden;
}
#header {
	width: 100%; overflow: hidden; background:url(../images/bg_header.jpg) top center repeat-x;}
.top{ width:1200px; margin:0 auto;}
.top .topInfo p{ line-height:30px; color:#fff; text-align:right;}

.logo {
	margin: 0px auto; width: 1200px; height: 103px; overflow: hidden;
}
.logo h1 {
	height: 93px; float: left; margin-top:5px;
}

.nav{ float:right; zoom:1; overflow: hidden; width:650px; margin-top:40px;}
.nav li{height: 100%; float: left;}
.nav li a {
	width:105px; text-align:right; height: 100%; overflow: hidden; font-size: 1.0rem; display: block; white-space: nowrap; text-overflow: ellipsis;text-decoration: none; color:#666;
}
.nav li a:hover {
	color:#f60;
}

/* flexslider */
.flexslider{position:relative;height:480px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:480px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*==============产品中心=============*/
.product{ width:1200px; margin:0 auto; padding:50px 0;}
.product h2{ font-size:32px; line-height:48px; text-align:center; color:#12377d; background: url(../images/line.jpg) center center no-repeat; margin-bottom:30px;}
.productTxt{ zoom:1; overflow:hidden;}
.productTxt ul{ zoom:1; overflow:hidden;}
.productTxt ul li{ width:250px;}
.productTxt ul li img{ border:solid 1px #ddd; width:248px; height:200px;}
.productTxt ul li span{ display:block; text-align:center; line-height:32px;}


/*==============子公司=============*/
.zgongsi{ background:#f3f5f8; padding:50px 0;}
.zgongsi h2{ text-align:center; font-weight:400; font-size:28px; margin-bottom:50px;}
.aboutInfo{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.aboutInfo dl{ width:218px; height:260px; background:#fff; border:solid 1px #ddd; border-radius:6px; float:left; margin-right:20px;}
.aboutInfo dl dt{ text-align:center; font-size:18px; margin-top:30px;}
.aboutInfo dl dd{ text-align:center; font-size:14px; margin-top:20px;}
.aboutInfo dl dd img{width: 120px;height: 120px;}
.aboutInfo dl dd a{ display:block; color:#f30; background:#fff;} 

/*==============关于我们=============*/
.warp_about{ background:#1e93de;}
.about{ width:1200px; margin:0 auto; padding:50px 0;}
.about h2{ width:100%; text-align:center; zoom:1; overflow:hidden; font-size:36px; line-height:46px; font-weight:400; color:#fff; background:url(../images/bg_title.png) no-repeat center center;}
.about h2 p{ text-align:center;}
.about h2 p.title{ font-size:18px;}
.aboutInfo{ zoom:1; overflow:hidden;}
.aboutInfo{ padding-top:30px; zoom:1; overflow:hidden;}
.aboutInfo1 img{ float:left; margin-right:30px;}
.aboutInfo p{ float:left; width:740px; text-indent:32px; font-size:14px; line-height:32px; color:#fff;}
.aboutInfo1 a{ display:block; float:left; color:#f30; background:#fff; padding:10px 30px; margin-top:20px;} 
.aboutInfo a:hover{ color:#666;}

.ad{ width:1200px; margin:0 auto;}
/*==============公司动态=============*/
.warp02{ background:#f5f5f5; margin-top:30px;}
.productsTab{ width:100%; height:450px; margin: 0 auto; padding:50px 0;}
.productsTab h2{ font-size:32px; line-height:48px; text-align:center; margin-bottom:30px; color:#666;}
.productsTab .tab { height:34px; overflow:hidden; background: url(../images/line.jpg) center center no-repeat;}
.productsTab .tab p{ width:232px; margin:0 auto;}
.productsTab .tab a{ display:block; width:100px; margin-right:16px; height:32px; text-align:center; line-height:32px; font-size:16px; float:left; text-decoration:none; border-radius:16px; color:#333; background:#fff;}
.productsTab .tab a.on{ background:#0fa8ef; color:#fff; text-decoration:none; border-radius:16px;}
.productsTab .content{ overflow:hidden; width:1200px; margin:0 auto; margin-top:50px; height:350px; position:relative;}
.productsTab .content ul{ position:absolute; left:0; top:0; height:350px;}
.productsTab .content li{ width:1200px; height:350px; float:left;}
.newsLeft{ float:left; width:539px; height:340px; background:#fff;}
.newsLeft img{ width:539px; height:235px;}
.newsLeft h3{ line-height:36px; font-style:normal; padding:0 16px;}
.newsLeft p{ line-height:24px; font-style:normal; padding:0 16px;}
.newsRight{ float:right; width:620px;}
.newsRight div.newsbg{ background:#fff; height:71px; padding:20px; margin-bottom:4px; zoom:1; overflow:hidden;}
.newsRight div.newsbg .date{ width:99px; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;}
.newsRight div.newsbg .date span{ display:block; margin-bottom:10px;}
.newsRight div.newsbg .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#49aa81; text-align:center; color:#fff;}
.newsRight div.newsbg .newTitle{ float:left; margin-left:30px; width:450px;}
.newsRight div.newsbg .newTitle h3{ font-size:16px; font-weight:400; line-height:24px;}
.newsRight div.newsbg .newTitle p{ font-size:14px; font-weight:400; line-height:24px;}

/*==============联系我们=============*/
.contact{ width:1160px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;}
.contact h2{ text-align:center; font-weight:400; font-size:28px; margin-bottom:50px;}

.map{ width:430px; height:320px; float:left;}
.message{ width:370px; height:260px; float:left; background:#f9f9f9; padding:30px;}
.myform{ padding-top:10px;}
.myform p{ padding-top:10px;}
.myform p span{ float:left;}
.txt{ border:solid 1px #ddd; height:24px; width:200px;}
.txtarea{ border:solid 1px #ddd; height:84px; width:300px;}
.message p{ padding-top:10px; line-height:20px;}
.btn{ background:#288ddb; color:#fff; border:none; width:100px; height:30px; text-align:center; cursor:pointer}
.btnInfo{ padding-left:42px;}

.lianxi{ background:#ebebeb; width:240px; float:left; padding:30px; height:260px;}
.lianxiInfo{ padding-top:10px;}
.lianxiInfo p{ line-height:40px;}

/*==============服务中心=============*/
#main .title{ width:1200px; margin:0 auto;}
#main .title h2{ font-size:32px; line-height:48px; text-align:center; color:#12377d; background: url(../images/line.jpg) center center no-repeat; margin-bottom:30px;}
#main .support{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:60px 0px;
}
#main .support .con{
	width:100%;
	max-width: 1260px;
	margin:0px auto;
}
#main .support .con .external {
	display:inline-block;
	margin:0px 30px;
	width:250px;
	height:420px;	
	text-align:center;
	overflow: hidden;
	padding: 0px;
	border: 0px;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
#main .support .con .inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#main .support .con .inner > div.text {
	text-align:center;
	background:#f3f3f3;
	height: 420px;
	backface-visibility: hidden;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;	
}
#main .support .con .inner > div.text .icon{
	width:30px;
	border: 0px none;
    text-align-last: center;
    vertical-align: middle;
    margin: 0px auto;
    padding: 30px 0px 10px 0px;
}
#main .support .con .inner > div.text h3{
	text-align:center;
	width:80%;
	margin:0px auto;
	font-size:18px;
	font-weight:normal;
	color:#131313;
}
#main .support .con .inner > div.text h4{
	text-align:center;
	width:80%;
	margin:0px auto;
	padding-top:15px;
	color: #8e8e8e;
	font-size: 12px;
	font-weight:normal;
	line-height:20px;
}
#main .support .con .inner > div.text .img {
	position:absolute;
	left:50%;
	bottom:0px;
	width:100%;
	margin-left:-50%;
}
#main .support .con .inner:hover > div.text {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
#main .support .con .inner .on {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	color: #fff;
	height: 100%;
	width: 100%;
	margin: 0;
	opacity: 0;
	background-color: #0093dd;
	text-align: center;
	backface-visibility: hidden;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
#main .support .con .inner .on a{
	display:block;
	height:100%;
}
#main .support .con .inner .on .icon{
	height:120px;
	margin-top:50px;
	opacity:0.5;
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s; 
	-webkit-transition-duration: 1s;
}
#main .support .con .inner .on h3{
	text-align:center;
	position:absolute;
	left:50%;
	top:60%;
	width:80%;
	margin-left:-40%;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s; 
	-webkit-transition-duration: 0.5s;
}
#main .support .con .inner .on h4{
	text-align:center;
	position:absolute;
	left:50%;
	top:70%;
	width:80%;
	margin-left:-40%;
	color: rgba(255,255,255,0.8);
	font-size: 13px;
	font-weight:normal;
	line-height:24px;
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s; 
	-webkit-transition-duration: 1s;
}
#main .support .con .inner:hover .on {
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0)
}
#main .support .con .inner:hover .on .icon{
	opacity:1;
	margin-top:70px;
}
#main .support .con .inner:hover .on h3{
	top:50%;
}
#main .support .con .inner:hover .on h4{
	top:60%;
}


.mainInfo{ width:1160px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}

/*==============左侧=============*/
.left_wrap{ float:left; width:230px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:900px;}

/*==============产品序列=============*/
.productList{ width:230px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.productList h3 span{ float:left; font-size:16px; color:#333;}
.productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;}
.productList ul{ padding:0 10px 10px 10px;}
.productList ul li{ height:38px; line-height:38px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;}
.productList ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px;}

/*==============联系我们=============*/
.contacts{ width:230px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.contacts h3 span{ float:left; font-size:14px; color:#333;}
.contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding-top:10px;}
.txt_contact img{ margin:0 auto; display:block;}
.txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;}

/*==============文章列表=============*/
.list{ width:890px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.list h3 span{ float:left; font-size:16px; color:#333;}
.list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.list ul{ padding:0 10px 10px 10px;}
.list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;}
.list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px; float:left;}
.list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;}

/*==============分页=============*/
.page{ text-align:center; padding:10px; font-size:12px;}

/*==============内容页=============*/
.view{ padding:15px; background:#fff; border:solid 1px #e6e6e6;}
.view h2{ text-align:center; font-size:16px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;}
.info p{ text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;}
.info { text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;}

#footer { background:#2e63af;}
.footInfo{ width:1273px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}
.foot_l { float:left; width:1020px; zoom:1; overflow:hidden;}
.foot_l dl{ width:210px; padding-left:30px; float:left; border-left:dashed 1px #dddddd;}
.foot_l dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;}
.foot_l dl dd{ line-height:24px;}
.foot_l dl dd a{ line-height:24px; color:#dddddd;}
.foot_l dl dd a:hover{ line-height:24px; color:#eee;}
.foot_r{ float:right;}
.foot_r img{ width:120px;margin-left: 3px;}
.copyright{ height:40px; line-height:40px; background:#104ba1;}
.copyright p { color:#fff; text-align:center;}



.dh {border: 0px solid #e6e6e6;}
.dh h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.dh h3 span{ float:left; font-size:16px; color:#333;padding-left:12px;}
.dh h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}


.box1{border: solid 0px #d8d8d8;}
.box1 h1{border-bottom:solid 1px #d5d5d5;}
.box1 h1 span{ color:#005e98; font-size:14px; padding-left:15px;}
.box1 ul{ padding:3px; zoom:1;overflow: hidden;}

.producti {margin: 0px; zoom:1; overflow:hidden; background-color: #fff;width: 100%;}
.producti ul{zoom:1; overflow: hidden; margin-right: 0px; margin-top: 10px; margin-left: 10px;}
.producti ul li{padding:3px;
			 text-align:center; font-size:14px; border: solid 1px #ddd; float: left; margin-right: 3px; margin-bottom: 10px;
			  width:210px;}
.producti ul li span{line-height:32px; display:block; border-top: solid 1px #ddd; background: #fff; margin-top:3px;}
.producti img { max-width: 200px; height: 175px}
.producti a{color: #000;}

.producti h2{
	font-size: 14px;
	color: #aaaaa;
	font-weight: normal;
	background: url(../images/ico02.gif) no-repeat 10px center;
	padding-left: 20px;
	position: relative;
	border-bottom: 2px solid #ededed;
	line-height: 34px;
	height: 34px;
    width: 95%;
}
.producti h2 a{float: right; margin-right: 5px; font-size: 13px;}


.productc{
    margin:0px;
    zoom:1;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}
.productc ul{
    zoom:1;
    overflow: hidden;
    margin-top: 10px;
}
.productc ul li{
    width: 216px; 
    float: left;
    text-align: center;
    padding:1px;
    font-size: 14px;
    border: 1px solid #ddd; margin-right: 3px; margin-bottom: 10px;
}
.productc img{
    max-width: 200px;
    height: 160px;
    padding:1px;
}

.productc ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;}


.productk{
    margin:0px;
    zoom:1;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
}
.productk ul{
    zoom:1;
    overflow: hidden;
    margin-top: 10px;
}
.productk ul li{
    width: 210px;
    height: 195px;
    float: left;
    text-align: center;
    padding:1px;
    font-size: 14px;
    border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px;
}
.productk img{
    max-width: 208px;
    height: 165px;
    padding:1px;
}

.productk ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;}

.second{ padding-left: 15px;}

.third{ padding-left: 30px;}


.xglist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;}
.xglist ul{width: 100%; zoom:1; overflow: hidden; margin-top: 5px;}
.xglist ul li{float: left; width: 19%; margin-left: 2px; text-align: center;}
.xglist img { width: 110px; height: 80px;}
.xglist ul li span{ display: block; text-align: center;}

.newslist h2{ font-size: 14px; background-color: #cccccc; text-align: left; padding-left: 5px; padding: 3px; line-height: 22px;}
.newslist ul{width: 100%; zoom: 1; overflow: hidden; margin-top: 5px;}
.newslist ul li{float: left; width: 49%; margin-left: 2px;}


#content{width: 72%; text-align: center; margin: 0 auto; background-color:#ffffff;}
.hotcity{ margin: 10px; padding: 5px}
.hotcity ul li{ width: 60px; float: left; font-size: 14px; text-align: center; height: 30px}
 

.allcity{padding-left:30px;height:100%;padding-top:16px;overflow:hidden;display:block;clear:both;text-align:left;}
.allcity dl{clear:both;margin-bottom:10px;display:block;overflow:hidden;}
.allcity h4{font-size:14px;font-weight:bold;color:#dd0000;margin-bottom:10px;}
.allcity dl dt{clear:both;font-size:14px;font-weight:bold;color:#000000;}
.allcity ul li{float:left;font-size:12px;display:block;width:70px;height:23px;line-height:23px;display:inline;} 
.allcity ul li a:visited{color:#800080;text-decoration:none;}
.allcity ul li a.ho{color:#dd0000;}