@charset "utf-8";
/* CSS Document */

html { height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;}
body,button, input, select, textarea {font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;/* 用 ascii 字符表示，使得在任何编码下都无问题 */}
body { background-color:transparent; min-height:100%; height:auto !important; height:100%; font-size:14px;}
div {overflow:hidden;}
*{ margin:0 auto; padding:0;}
li{list-style-type:none;}
a{text-decoration: none;}

.head{ width:1000px; height:120px; }
.head .logo{ float:left; width:300px;line-height:80px; margin-top:20px;}
.headleft{float:left; width:680px;margin-left:20px; margin-top:20px;}
.search form {height: 20px;padding-left: 20px;}
.search1{ height:20px; line-height:20px;}
.search{ width:680px; text-align:right;}
.search ul li{ float:right; height:30px; line-height:30px; margin-left:20px;}
.search ul li a{ color:#000;}
.search-button {color: #fff;border: none; background: url(../images/search-button.gif); width:63px; height:20px;}
.nav{  width:680px; margin-top:20px;}
.nav ul li{ float:left; width:110px; text-align:center;}
.nav ul li a{ color:#333;}
.nav ul li a:hover{height:50px; display:block; width:110px; background-image:url(../images/nav.png); color:#0b5394;}


/*大图标签*/
.sybanner{width:100%;position:relative;height:550px;}

.banner { width:1920px; /*图片宽度*/
            position:absolute;
            left:50%;
            margin-left:-960px; /*图片宽度的一半*/}
/*头部样式开始*/

#flashs { width:1920px;
	POSITION: relative; HEIGHT: 550px; OVERFLOW: hidden; margin-top:2px;
}
#flashs .bgitem {
	Z-INDEX: 1; POSITION: absolute; TOP: 0px
}
#flashs .btn {
	Z-INDEX: 7; POSITION: absolute; PADDING-BOTTOM: 5px; PADDING-LEFT: 6px; BOTTOM: 5px; PADDING-RIGHT: 6px; MARGIN-RIGHT: -450px; PADDING-TOP: 5px; LEFT:50%
}
#flashs .btn SPAN {
	BORDER-BOTTOM: #12579c 1px solid; BORDER-LEFT: #12579c 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; DISPLAY: inline-block; BACKGROUND: #12579c; COLOR: #000; MARGIN-LEFT: 5px; BORDER-TOP: #12579c 1px solid; CURSOR: pointer; BORDER-RIGHT: #12579c 1px solid; PADDING-TOP: 2px
}
#flashs .btn SPAN.cur {BACKGROUND: #12579c; COLOR: #fff}

/*头部样式结束*/

/*首页关于我们*/
.syabout{ width:1000px; margin-top:50px;}
.aboutleft{ float:left; width:600px;}
.abtitle{ background-image:url(../images/-9994.jpg); background-repeat:no-repeat; height:69px;}
.abtitle h2{ margin-left:10px; margin-top:10px;line-height:30px; height:30px;}
.abtitle span{margin-left:10px; padding-top:30px; line-height:30px; height:30px;}
.abny{ width:600px; margin-top:30px; }
.abny p{ line-height:250%; margin-top:10px; text-indent:30px;}

.aboutright{float:left; margin-left:60px; width:336px; }
.aboutright img{ margin-top:20px;}
 .abny p span{ display:block; width:120px; height:30px; line-height:30px; float:left; background-color:#1d7fd8; margin-top:15px;}
  .abny p span a{ color:#FFF;}
  
  
 .wrap{width:100%;overflow:hidden; margin-top:50px; color:#FFF;}

.slmj{width:1920px;margin-left:-960px;left:50%;position:relative; background-image:url(../images/banner1.jpg); height:390px;}
.slmj1{ width:1000px; overflow:hidden;}
.slmj1 h2{ display:block; margin-top:60px;font-size:22px; margin-left:20px; font-weight:bolder;}
.slmj1 span{display:block;font-size:20px; margin-left:20px; margin-top:20px;}
.slmj1 p{ margin-top:120px; line-height:200%;}



/*首页产品样式*/

.syproduct{ width:1000px; margin-top:50px;}
.prny{ width:1000px;}
/*.prxx{ width:300px; float:left;  margin-top:30px; background-color:#000; margin-left:20px;}
.primg{width:275px; margin-top:20px;}
.primg img{ border:none;}
.prname{width:275px; text-align:center; height:30px; line-height:30px;}
.prny a{ color:#FFF; display:block;width:300px; height:200px;}
.prny a:hover{ background-color:#036;}*/
 
.prny ul li{ float:left; margin-right:20px; margin-top:20px; width:310px;}
.prny ul li img{ border:none; margin-left:10px; margin-top:10px;}
.prny ul li a{ width:310px; background-color:#fff; display:block; height:300px; color:#333;}
.prny ul li a:hover{background-color:#0b5394;color:#fff;}
.prname{ width:310px; text-align:center; height:30px; line-height:30px;}


/*首页新闻样式*/ 
.synews{ width:1000px; margin-top:50px;}
.newsleft{ float:left; width:600px;}
.newsxx{width:600px; margin-top:30px;}
.newsimg{ float:left; overflow:hidden; width:200px;}
.newsn{float:left; overflow:hidden;margin-left:20px; width:380px;}
.newsn a{ color:#333;}
.newsxx .newsn p{ margin-top:30px; line-height:200%;}

.newsright{ float:left; width:300px; margin-left:100px; margin-top:30px;}
 .newsright ul{ margin-top:30px;}
 .newsright ul li{ line-height:250%;}
 .more{ width:150px; height:35px; background-color:#116dc0; line-height:35px; float:left; margin-top:20px; text-align:center;}
.more a{ color:#FFF;}

/*首页foot样式*/
.foot{ width:100%; margin-top:50px; background-color:#999; padding-bottom:50px;}
.footer{ width:1000px; margin-top:30px; color:#fff;}
.linkscon{ width:1000px; margin-top:20px;}
.linkscon li{margin-top:30px;}
.linkscon li a{ color:#fff;}
.pull-right.diquaction{color:#fff; display:block; float:right;}
.link{ width:1000px; margin-top:30px; color:#FFF;}
.link a{ color:#FFF;}


/*内页样式*/
.nyabout{ width:1000px; margin-top:50px;}
.nyabouttitle{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;}
.nyabouttitle{ text-align:center;}
.nyabouttitle span{ font-size:25px; height:50px; line-height:50px; font-weight:bolder;}

.nyabout p{ margin-top:30px; line-height:250%;}

.nynr{ width:1000px;margin-top:50px;}
.prtitle{
	width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdada;
}
 .prtitle span{ display:block; background-color:#0b5394; width:200px; height:50px; line-height:50px; float:left; text-align:center; color:#FFF; margin-right:100px;}
.prtitle div a{ color:#000; line-height:50px; height:50px; font-size:16px; }
.prtitle div{ float:right; margin-right:30px;}
.nynews{ width:1000px; margin-top:30px;border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC; padding-bottom:15px;}
.nynewsleft{ float:left; width:100px; height:50px; line-height:50px; text-align:center; font-size:16px; margin-top:30px;}
.nynewsright{
	float: left;
	width: 800px;
	margin-left: 100px; margin-top:20px;}
.newstitle{ font-size:18px; }
.newstitle a{ color:#000; font-weight:bold;}
.newsny{ margin-top:15px;}

.newscont{ margin-top:30px;}
.newscont p{ line-height:200%;}
.newslist{ margin-top:30px;}
.newslist2{ margin-top:20px;}
.newslist1 a{ color:#000;}
.nynews span{ line-height:50px;}
.nynews h1{}

.pro{ width:230px; height:230px; float:left; margin-top:30px; margin-right:20px;}
.prpro{ width:230px;  height:230px;}
.prname{ width:230px; height:30px; line-height:30px; margin-top:10px; text-align:center;}

.prde{ width:1000px; margin-top:30px;}
.prdeleft{float:left; width:500px;}
.prdeleft a img{border:none;}
.prderight{ float:left; width:400px; margin-left:100px;}
.prderight div{ margin-top:25px;}

.flip{ width:1000px; margin-top:30px;}
.flip p{ margin-top:10px;}
.flip p a{ color:#333;}
.page{ width:1000px; text-align:center;}

.relevant{ width:1000px; margin-top:20px; }
.relevant-title{ margin-top:20px;font-weight:bolder;}
.relevant ul{ margin-top:20px;}
.relevant ul li a{ color:#333;}
.relevant ul li{ line-height:200%;}
.pro-l{ float:left; width:220px; height:220px; margin-right:20px; margin-top:30px;}
.pro-l .pic{width:220px; height:220px;}
.pro-l img{width: 218px;height: 218px;border: 1px solid #CCC;}


.area {height: 100%;padding: 0 10px;width:1200px;}
.area-title {padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.area-title span {float: right;line-height: 21px;}
.area-links {margin: 15px 0;}
.area-links a {margin: 8px;line-height: 24px;}
.blue-title div{ margin-top:20px;}
.area a{ color:#000;}
.area-links{width:1000px; margin-top:30px;}

.page{ width:1000px; margin-top:50px;}
.showpage a{ color:#000; margin-left:10px;}
.current{ margin-left:10px; margin-right:10px;}

/*****************************message******************************************/
.msg-form {margin: 20px; }
.msg-form tr {height: 10px;}
.msg-form span {position: absolute;line-height: 26px;padding-left: 8px;color: #ccc;z-index: 1;}
.msg-form input {color:#6e6e6e;float: left;width: 200px;height: 26px;display: block;line-height: 26px;border: 1px solid #dedede;z-index: 2;}
.msg-form textarea {color:#6e6e6e;width: 460px;height: 120px;padding: 6px;font-size: 12px;border: 1px solid #dedede;overflow: hidden;}
.msg-form img {float: left;margin: 0 10px;}
.msg-form a {line-height: 26px;}
.msg-form .msg-btn {width: 90px;height: 30px;margin-top: 15px;cursor: pointer;border: none;border-radius: 3px;background: #fe693e;color: #fff;font-size: 14px;}
.msg-form .ic {width: 122px;}
/*****************************search******************************************/

.sea {width: 954px;height: 100%;margin: 0 auto;}
.sea-head {height: 84px;}
.sea-head-form {float: right;margin-top: 60px;margin-right: 10px; color: #999;font-size: 14px;}
.sea-head-form input {padding: 0 5px;}
.sea-title {width: 916px;height: 26px;font-size: 14px;font-weight: bold;padding-top: 20px;padding-left: 38px;border-bottom: 1px dashed blue; background: url(../images/sitemap.gif) no-repeat;}
.sea-main-title {margin-bottom: 10px; padding-left: 20px;font-weight: bold;color: #666;margin-top: 30px;font-size: 14px;}
.sea-pro {padding-left: 25px;overflow: hidden;}
.sea-news {padding: 0 25px;}
.sea-news a {color: #666;}

/*****************************diqu******************************************/
.city-main {height: 100%;background: #fff;overflow: hidden; margin-top:20px;}
.hot {border-bottom: 2px solid #53c3e9;padding-bottom: 8px;overflow: hidden;}
.hot li {float: left;margin-right: 13px;}
.hot a {display: block;line-height: 32px;padding: 0 26px;background: #f4f4f4;color:#333;}
.hot a:hover {color: #fff;background:#1ed3f0;}
.city_list {padding: 10px 0;}
.city-class {padding: 10px 0;line-height: 24px;overflow: hidden;border-bottom: 1px dashed #ddd;}
.city-class span {width: 35px;height: 100%; float: left;padding-left: 25px;font-weight: bold;font-size: 18px;color: #444;}
.city-class div {width: 923px; float: right;}
.city-class a {padding: 1px 12px 1px 12px;float: left;white-space: nowrap; color:#333;}
.city-class a:hover {text-decoration:none;background:#27bfec;color:#fff;}
.mapname span {width: auto;}
.mapname div {width: 860px;}