@charset "utf-8";

/* base 公共部分 */
body { font: 12px/22px Source Han Serif SC; color:#333; margin: 0px; text-align:center;}
*{ padding:0; margin:0; font-family:Source Han Serif SC !important;}
a { color:#333; text-decoration:none;}
a:hover{ color:#0455b5; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}


.mhome{padding:0; min-width:300px; max-width:640px; margin:0 auto; background:#fff; }
.wrapper{ min-width:300px; max-width:640px; margin:0 auto;overflow:hidden;}
.header{width:100%; overflow:hidden;}
.top{width:100%; background:#fff; }
.top .logo{width:50%; float:left; text-align:left;}
.top .logo img{width:98%;}
.nav{line-height:35px; width:100%; background:#0555b6; overflow:hidden;}
.nav ul li{ width:24.5%; height:35px; line-height:35px; float:left;background:#0555b6; text-align:center;}
.nav ul li a{ color:#fff; font-size:12px;}
.nav ul li:hover{ background:#f00;}


/*banner*/
.slideBox{ width:100%;  overflow:hidden; position:relative;  }
.slideBox .hd{width:55px; height:10px; overflow:hidden; position:absolute; right:5px;  bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:10px; }
.slideBox .hd ul li.on{ background:#ba5f40; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }

.main{text-align:left;}
.box{ width:100%; padding:2%; margin:0 auto; background:#e6f4ff; border-bottom:1px solid #dddddd;}
.txtScroll-left{ width:76%;  position:relative; padding:0 1%; float:left; margin-left:2%;}
.txtScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png") no-repeat;}
.txtScroll-left .hd .next{ background-position:0 -50px;  }
.txtScroll-left .hd .prevStop{ background-position:-60px 0; }
.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-left .hd ul li.on{ background-position:0 0; }
.txtScroll-left .bd{ width:98%; overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline;}
.txtScroll-left .bd ul li span{ color:#999;  }

.box1{width:98%; margin:0 auto;background:#fff; margin-top:4%; padding:0 1%;}
.box1 ul{ width:100%; margin:0 auto;}
.box1 ul li{ width:23%; float:left; margin:1%; text-align:center;}
.box1 ul li img{ width:100%;}
.box1 ul li a{ font-size:12px; color:#222;}


.search{ width:100%; margin:2% 0;}
.search input.txt{float:left; width:83%;padding-left:20px;height:42px; line-height:42px; background:#ddd; -webkit-border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px; border:none; outline:medium; }
.search input.btn{width:10%; float:left; background:#ddd url(../images/bg1.png) center no-repeat; height:42px; line-height:42px; border:none;-webkit-border-radius:0 20px 20px 0;  -moz-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0;outline:medium;}

.box2{width:100%; margin:4% auto; background:#f6f6f6; border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.box2 span{ display:block; padding:1%; background:url(../images/ti_02.jpg) no-repeat center; height:84px;}
.box2 .nr{ padding:1%; width:98%;}
.box2 p{ color:#333;}
.box2  a{text-align: center;border: 1px solid #0090d9;padding:6px 10px;display: block;width: 100px;margin: 2% auto; color:#0455b5; font-size:14px;}

.box6{width:100%; margin:4% auto;}
.box6 span{ display:block;background:url(../images/ti_04.jpg) no-repeat center; height:84px;}
.box6 .nr{ width:100%; margin-top:1%;}
.box6 .nr ul li{ width:48%; float:left; margin:1%; background:#f6f6f6;}
.box6 .nr ul li img{ width:100%;}
.box6 .nr ul li p{ padding:0 1%; text-align:left; line-height:24px;}

.xinwen{width:100%; margin:0 auto; margin-bottom:4%;background:#f6f6f6; border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.xinwen .title{ display:block; padding:1%; background:url(../images/ti_03.jpg) no-repeat center; height:84px;}
.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px;position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute;top:-1px; height:32px; width:96%; margin:0 2%;}
.slideTxtBox .hd ul li{ float:left; width:32.6%; background:#0090d9; margin-right:1%;cursor:pointer; text-align:center;font-size:13px; color:#fff;}
.slideTxtBox .hd ul li.on{ height:30px;  background:#0d499f; color:#fff; font-size:13px;}
.slideTxtBox .bd ul{ padding:15px 2%;  zoom:1;  }
.slideTxtBox .bd li{ line-height:30px; border-bottom: dashed 1px #ccc; background:url(../images/list_dot1.gif) no-repeat left; padding-left:20px;}
.slideTxtBox .bd li span{ float:right; color:#555; margin-right:1%}
.slideTxtBox .bd li .tp img{ width:98%; border:1px solid #ccc;}
.slideTxtBox .bd ul .more a{text-align: center;border: 1px solid #0090d9;padding:6px 10px;display: block;width: 100px;margin: 5% auto; color:#0455b5; font-size:14px; border-radius:5px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
		.slideTxtBox .arrow .next{ background-position:0 -50px;  }
		.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }

.box3{width:100%; padding:2% 0; margin:0 auto;background:#0455b5; margin-top:2%; text-align:left;}
.box3 p{ color:#fff;text-align:left; padding-left:3%;}
.box3 p a{ color:#fff;}

.box4{width:100%; margin:0 auto; margin-bottom:4%;}
.box4 .title{ display:block; padding:1%; font-size:16px; background:#0455b5; color:#fff; line-height:30px; height:30px; text-align:left;}
.box4 .title span{ float:right; margin-right:1%;}
.box4 .title span a{ color:#fff; font-size:12px;}

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:31%;}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:94%;  padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

.box5{width:100%; padding:2% 0; margin:0 auto;}
.box5 ul{margin-top:2%; padding:0 1%}
.box5 ul li{ height:24px;line-height:24px; border-bottom:1px dashed #ddd; background:url(../images/ico18.gif) no-repeat left; padding-left:15px;}
.box5 ul li a{float:left;}
.box5 ul li span{float:right;}

/*内页*/
.about{padding:2% 0; line-height:26px; margin-bottom:2%;} 
.about .title{ background:#f6f6f6; border:1px solid #ddd; height:45px; line-height:45px; color:#0455b5; font-size:16px;}
.about .title span{ float:right;}
.about .title span a{ color:#222222; font-size:14px; padding-right:10px;}

.about .fz{ margin-bottom:2%;}
.about .fz .title1{ color:#222; font-size:16px; font-weight:bold; padding-left:10px;}
.about .fz .nr{ border:1px solid #ddd; background:#f3f3f3; padding:1% 0;}
.about .fz .nr p{color:#666;padding-left:10px;}
.about .fz .nr p span{ color:#e51f14; font-weight:bold;}

/*新闻中心*/
.about .news{}
.about .news ul li{ width:98%; text-align:left; margin:0 1%; border-bottom:1px solid #ddd; padding:1% 0;}
.about .news ul li span{ width:100%;}
.about .news ul li span a{ color:#3d3d3d; font-size:14px;}
.about .news ul li span a:hover{color:#0455b5;}
.about .news ul li p{ color:#999999; width:100%;}

.about .video{}
.about .video ul li{ width:48%; float:left; margin:1%; text-align:center; background:#f2f2f2;}
.about .video ul li img{ width:99%; border:1px solid #ccc;}
.about .video ul li p{ text-align:left; padding:01%;}
.about .video ul li p a{color:#333333; font-size:12px;}

.about .video1{}
.about .video1 ul li{ width:48%; float:left; margin:1%; text-align:center; /*background:#fff;*/}
.about .video1 ul li img{ width:100%;}
.about .video1 ul li h2{ font-size:14px;}
.about .video1 ul li p{ line-height:30px; text-align:left; padding:0 10px;}
.about .video1 ul li p a{color:#333333; font-size:12px;}

.about1{padding:2% 0; line-height:26px;} 
.about1 .video2{}
.about1 .video2 ul{ padding:15px 0;  zoom:1;  }
.about1 .video2 li{ line-height:24px; border-bottom: dashed 1px #ccc;}
.about1 .video2 li .date{ float:right; color:#555; width:68%; padding-bottom:10px; padding-top:10px;}
.about1 .video2 li .date span a{ color:#0090d9;}
.about1 .video2 li .date p{ line-height:18px;}
.about1 .video2 li .tp{ width:30%; float:left; margin-right:2%;padding-bottom:10px;padding-top:10px;}
.about1 .video2 li .tp img{ width:98%; border:1px solid #ccc;}
.about1 .video2 ul .more a{text-align: center;border: 1px solid #0090d9;padding:6px 10px;display: block;width: 100px;margin: 5% auto; color:#0455b5; font-size:14px;}

.about ul li{ float:left; width:46%; margin:2%; text-align:center;}
.about ul li img{ width:100%;}
.about p a{ color:#3f3f3f; font-size:15px; text-align:center;}
.about .wz{ margin:1% 0;}
.about .wz p{font-size:14px; line-height:24px; color:#faa30c;}
.about .wz span{font-size:12px;line-height:14px;}
.about img{ width:100%;}
.about .st{}
.about .st .left{width:30%; float:left;}
.about .st .left img{ width:100%;}
.about .st .right{ width:65%; float:right; margin-left:1%;}
.about .st .right p{ line-height:18px;}
.about .st .right p a{ color:#42ad6e; font-weight:bold;}
.about .fl{}
.about .fl ul li{ float:left; width:33%; border-right:1px solid #42ad6e; text-align:center; background:#f5f5f5; margin-bottom:2%;}
.about .fl ul li a{ color:#42ad6e; font-size:14px; font-weight:bold;}
.about .fl ul li a:hover{ color:#ff5500;}

.about .f2{}
.about .f2 ul li{ float:left; width:24%; border-right:1px solid #42ad6e; text-align:center; background:#f5f5f5; margin-bottom:3%; margin-top:3%;}
.about .f2 ul li a{ color:#42ad6e; font-size:14px; font-weight:bold;}
.about .f2 ul li a:hover{ color:#ff5500;}

.about .job{ width:98%; margin:2% 1%; border:1px solid #ddd;}
.about .job .ys{ color:#0090d9; font-size:14px;}
.about .job  a{ padding:0 1%;}
.about .job  p{ padding:0 1%;}

.sider-title{margin-bottom:2%; position:relative; background:url(../images/bg19.png) no-repeat left; border-bottom:1px solid #ddd;}
.sider-title h3{height:36px; line-height:36px; background:#0455b5; padding-left:10px; color:#fff; background-position:5px; font-size:16px; font-weight:500;}
.sider-title span{ position:absolute; top:3px; right:2%;}
.sider-title ul{width:100%; margin-top:2%;}
.sider-title ul li{width:49%; margin-bottom:1px;/*border-right:1px solid #fff;*/float:left; text-align:left; /*border-bottom:1px solid #ccc;*/background:url(../images/jt.png) no-repeat left;}
.sider-title ul li a{/*background:#0455b5; */display:block; color:#000;padding:2% 0; padding-left:10px; font-size:13px;}
.sider-title ul li a.active, .sider-title ul li a:hover{/*background:#0090d9;*/ display:block; color:#f00;padding:2% 0;padding-left:10px;font-size:13px;}
.about-ti{margin-bottom:2%;position:relative;}
.about-ti h3{height:36px; line-height:36px; background:#e51f14; padding-left:10px; color:#fff; background-position:5px; font-size:16px; font-weight:500; border-left: solid 5px #e51f14;}
.about-ti span{ position:absolute; top:3px; right:2%;}
.about-ti ul{width:100%; margin-top:2%; background:#222221;}
.about-ti ul li{ width:48%; margin:1%; text-align:center; float:left; background:#f3f3f3; /*height:30px;*/ line-height:30px;}
.about-ti ul li a{ color:#222;}
.about-ti ul li a.active{background:#e51f14; color:#fff; display:block;}
.about-ti ul li a:hover{ background:#e51f14; color:#fff; display:block;}

.about-fl{ margin:2% auto;}
.about-fl .title{ font-size:16px; margin-bottom:2%; margin-left:2%;}
.about-fl ul{ width:100%; background-color:#646464;}
.about-fl ul li{float: left;border-left: 1px solid #4a4a4a;border-right: 1px solid #8d8d8d;height:30px; line-height:30px;}
.about-fl ul li a{color: #fff;display: block;font-size: 12px;font-weight: normal; padding-left:10px; padding-right:10px;}
.about-fl ul li.on{border: none;}

.about-ti1{margin-bottom:2%; width:100%;position:relative;}
.about-ti1 h3{height:36px; line-height:36px; background:#0455b5; padding-left:10px; color:#fff; background-position:5px; font-size:16px; font-weight:500;}
.about-ti1 span{ position:absolute; top:3px; right:2%;}
.about-ti1 ul{width:100%; margin-top:2%;}
.about-ti1 ul li{ width:22%;text-align:center; float:left; margin:1%;}
.about-ti1 ul li img{ width:90%;}

.about-ti2{margin-bottom:2%; width:100%;position:relative;}
.about-ti2 h3{height:36px; line-height:36px; background:#ff0000; padding-left:10px; color:#fff; background-position:5px; font-size:16px; font-weight:500;}
.about-ti2 span{ position:absolute; top:3px; right:2%;}
.about-ti2 ul{width:100%; margin-top:2%;}
.about-ti2 ul li{ width:18%;text-align:center; float:left; margin:1%;}
.about-ti2 ul li a:hover{ color:#ff0000;}
.about-ti2 ul li img{ width:98%;}

.about table { background: #dadada; margin-bottom: 20px;width: 100% !important;}
.about table tr td{ padding:2px 0; background:#fff;}
.about table tr td a:hover{ color:#c30;}
.about table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}
.about table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}
.about table tr td .mustfill{ color:#f00;}

.it-left{ font-size:14px; line-height:20px; color:#fff;padding-top:3%;}
.it-left a{ color:#fff; padding-left:2%; padding-top:5%;}
.it-right{background:url(../images/tp50.png) left no-repeat;height:50px;line-height:50px;font-size:14px; padding-left:50px;font-weight:bold; color:#fff; }
.intro-content{margin:5% 0; border-radius:10px;  background:url(../images/bg16.jpg) top center no-repeat;width:100%; height:100%;}
.intro-content table{margin:0 auto;}
.intro-content table tr td{padding:5px 0;}
.intro-content table tr td input.btn{padding:5px 20px; margin:0 5px; background:#0455b5; color:#fff; font-weight:bold; border:none;}

.sider-title1{margin-bottom:2%; position:relative;}
.sider-title1 h3{height:36px; line-height:36px; background:#019950 url(../images/list_img1.png) left no-repeat; padding-left:30px; color:#fff; background-position:5px 8px;}
.sider-title1 span{ position:absolute; top:3px; right:2%;}
.sider-title1 ul{width:100%; margin-top:2%;}
.sider-title1 ul li{width:33%; margin-bottom:1px;border-right:1px solid #fff;float:left; text-align:center; }
.sider-title1 ul li a{background:#f2c474; display:block; color:#fff;padding:2% 0;}
.sider-title1 ul li a.active, .sider-title1 ul li a:hover{background:#ff0000; display:block; color:#fff;padding:2% 0;}

/*新闻详细页*/
.news_show{ width:96%; padding:2%; margin:0 auto;background:#fff; border-radius:5px; margin-top:4%;}
.news_show .name{ font-size:1.2em; text-align:center; line-height:30px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .nr{ padding:8px 8px;font-size:12px;}
.news_show .nr img{ width:100%;}
.news_show .nr2{text-align:center;}
.news_show .nr2 img{width:400px;}
.news_show .nr3{padding:8px 18px; font-size:14px;}
.news_show .nr3 a{display:block; width:100px; height:30px; line-height:30px; float:left; margin-right:20px; background:#ff6700; text-align:center; color:#fff; font-size:14px; margin-top:20px;}
.news_show .nr p{ margin-bottom:10px; line-height:30px;}
.news_show .nr ul li{ float:left; width:49%; text-align:left;}
.news_show .nr img{width:100%;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}
.news_show .nr a{text-decoration:underline;}

/*产品列表*/
.product_list{ width:96%; padding:2%; margin:0 auto; margin-top:3%;}
.product_list ul li{ float:left; width:45%; margin:1% 2%; text-align:center; overflow:hidden;}
.product_list ul li img{ border:2px solid #ffb401; width:96%; /*max-height:150px;*/}
.product_list ul li p{line-height:18px;}
.product_list ul li span{ color:#999;}
.product_list2 ul li img{ border:2px solid #8fc31f; width:96%; max-height:150px;}
.video ul li{ float:left; margin:0 25px 10px; width:384px; text-align:center; overflow:hidden;}
.product_list .wz{ margin:10px 0;}
.product_list .wz p{font-size:14px; line-height:24px; color:#faa30c;}
.product_list .wz span{font-size:12px;line-height:14px;}
/*.video ul li img{  width:380px; height:300px; border:1px solid #ccc;}*/
.top2{ position:fixed; position:fixed; right:0; bottom:15%; z-index:9999;}

/*内页右边单页及表格、表单样式*/
.intro{ line-height:26px; padding:20px;}
.intro p{ margin-bottom:15px;}
.intro table{ /*background:#dadada;*/ margin-bottom:20px;}
.intro table tr td{ padding:4px 0px;/* background:#fff;*/ text-align:left;}
.intro table tr td a:hover{ color:#c30;}
.intro table input, .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}
.intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}
.intro1 table{ background:#dadada; margin-bottom:20px;}
.intro1 table tr td{ padding:4px; background:#fff;}
.intro1 table tr td a:hover{ color:#c30;}

/*产品展示*/
.pro_list{width:92%; padding:2%; margin:0 auto;background:#fff; border-radius:5px; margin-top:4%;}
.pro_list h3{background:#8fc31f;padding-left:10px; color:#fff; height:30px; line-height:30px;}
.pro_list ul{margin-bottom:2%;}
.pro_list ul li{text-align:center; line-height:30px;width:45%; margin:2%;float:left; border:1px solid #ccc;}
/*footer*/
.footer{ background:#019950; position:fixed; width:100%; left:0; bottom:0; z-index:9999;}
.footer ul li{width:33.3%; float:left;}
.footer ul li img{width:50%;}
.footer ul li a{color:#fff;}