#banner { height:620px; overflow:hidden; }
#solutions { width:1200px; margin:50px auto 0 auto; padding:0; }
#solutions .hd { background:url(../images/solution_title.jpg) no-repeat center top; height:70px; line-height:70px; text-align:center; color:#fff; margin-top:30px; }
#solutions .hd h3 { font-size:30px; }
#solutions .hd em { text-transform:uppercase; font-size:16px; font-style:normal; margin-left:10px; }
#solutions .c_1 { float:left; display:inline; width:20%; position:relative; overflow:hidden;}
#solutions .c_title { color: #ffffff; left:0; position: absolute; top:45%; width: 100%; z-index: 1; font-size:24px; text-align:center }
#solutions .c_title h4 { position:relative; letter-spacing:2px; font-style:normal; border-bottom: 1px solid #ffffff; display: inline-block; line-height:200%; font-size:20px; }
#solutions .c_title span { position:relative; font-size:12px; display:block; line-height:220%; text-transform:uppercase;  }
#solutions .c_aph_1 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background:url(../images/s_bg_1.png) no-repeat center center; }
#solutions .c_aph_2 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background:url(../images/s_bg_2.png) no-repeat center center; }
#solutions .c_aph_3 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background:url(../images/s_bg_3.png) no-repeat center center; }
#solutions .c_aph_4 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background:url(../images/s_bg_4.png) no-repeat center center; }
#solutions .c_aph_5 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background:url(../images/s_bg_5.png) no-repeat center center; }

#solutions .c_remark { position:absolute; left:0; top:0; background:url(../images/c_mark_bg.png) repeat left top; width:100%; height:100%; color:#e5e5e5; z-index:1000; line-height:200%; display:none; }
#solutions .c_remark h4 { height:51px; line-height:51px; border-top:solid 2px #fff; color:#e5e5e5; font-size:24px; display:inline-block; margin-top:30px; margin-left:10%; }
#solutions .c_remark .bd { padding:0 10%; font-size:14px;  TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN:justify;  }

#solutions .c_1 img { display:block; }
#main .m_pading { padding:0 0 45px 0; }
#main .m_pic { width:300px; float:left; display:inline; }
#main .m_pic img { display:block; }
#main .m_about { width:330px; float:left; display:inline; padding:20px 25px; height:197px; background-color:#f2f2f2; }
#main .m_about .hd { height:45px; line-height:45px; color:#03468d; font-size:20px; }
#main .m_about .bd { line-height:200%; }
#main .m_about ul li.list { background:url(../images/icon1.jpg) no-repeat left center; height:29px; line-height:29px; }
#main .m_about ul li.list a { margin-left:10px; }
#main .m_about ul li.series { float:left; display:inline; }
#main .m_about ul li.odd { width:120px; }
#main .m_about .more { height:36px; line-height:36px; }
#main .m_about .more a { color:#8a8a89; }

#idTransformView1 { width:300px; height:237px; overflow:hidden;position:relative; }
.slider{width:2100px; list-style:none}
.slider li{float:left;}
.num{ position:absolute; left:0; bottom:0; list-style:none; width:100%; background:url(../images/bgcy.png) no-repeat left top; height:18px; padding-top:12px; padding-left:5px; }
.num li{
	float: left;
	color: #fff;
	text-align: center;
	line-height: 6px;
	width: 6px;
	height: 6px;
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
	overflow: hidden;
	margin: 0 2px 0 2px;
	background-color:#fff;
	border-radius:3px;
}
.num li.on{
	color: #fff;
	font-size: 12px;
	border: 0;
	background-color:#ff0000;
}




.td-left{  width:90%; position:relative;     margin: 100px auto 0 auto;}
.td-left .bd{ width:100%; overflow:hidden;}
.td-left .bd ul{ overflow:hidden;  zoom:1; width:100%; }
.td-left .bd ul li{ width:25%;  float:left;}
.td-left .bd ul li .pic{width:200px;float:left; margin-left:42px; margin-right:43px;}
.td-left .bd ul li .pic img{display:block;margin:0 auto;}
.td-left .bd ul li .sp1{ width:200px; text-align:center;background:#666; color:#fff; height:30px; line-height:30px;}
.td-left .bd ul li:hover .sp1{ background:#195799;}
.td-left .bd ul li a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.td-left .hd{ width:100%;  position:absolute; z-index:1; bottom:-50px; left:0; height:30px; line-height:30px; text-align:center;}	
.td-left .hd ul{ text-align:center;  padding-top:5px;  }	
.td-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 		line-height:9999px; 	}	
.td-left .hd ul .on{ background-position:0 0; }
.td-left .prev,
.td-left .next{ position:absolute; left:-57px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -167px 5px no-repeat;  }
.td-left .next{ left:auto; right:-42px; background-position:-45px 5px; }
.td-left .prevStop{ display:none;  }
.td-left .nextStop{ display:none; border-bottom:1px solid }

.gd{ width:100%;text-align:center; margin:60px;}
.gd a{   border-radius:30px; background:#195799; color:#fff; padding:10px 20px; position:relative; margin-right:100px;}


.nslide img{ position:relative; left:50%; margin-left:-960px; }
.nslide{ width:100%;  overflow:hidden;}

.nnavlist{    padding-top: 30px; width:1200px; margin:0 auto; position:relative; height:50px; text-align:center;}
.nnavlist li{display: inline-block; height:30px; line-height:30px; margin:15px; width:100px; background:#195799; color:#fff; text-align:center; padding:0 20px;  overflow: hidden;  }
.nnavlist li:hover{ background:#113e6d;}
.about{  width:1000px; margin:0 auto; position:relative; padding:30px;}
.about_cont{ width:100%;  min-height:300px; padding:30px;}


.newslist_cont ul{  width:100%;}
.newslist_cont li{ width:100%; margin-bottom:30px;  overflow:hidden; }
.newslist_cont{ width:100%;  min-height:300px; padding:30px;}
.news_date{ width:100px; height:100px; font-size:40px; color:#fff; text-align:center; line-height:50px; float:left; border:1px solid #bbb9b9; background:#195799} 
.news_date span{ font-size:20px; border-top:1px solid #bbb9b9;}
.news_title{ width:800px;   float:left; margin-left:15px; font-size:20px; height:30px; line-height:30px; }
.news_cont{width:800px; margin-left:15px; float:left; color:#aeaeae; line-height:30px}
.news_cont img{ max-width:100%;}


.pageNavi { float:left; margin-top:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:12px; margin-bottom:10px;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
	border:#CCC solid 1px;
	padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
	}
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#ff7c00; color:#FFF; border:#ff7c00 solid 1px;}
.wp-pagenavi SPAN.current {  background:#ff7c00; color:#FFF; border:#ff7c00 solid 1px;}

.news1_cont{ width:100%;  min-height:300px; padding:30px;}
.about_title{ width:100%; height:50px; border-bottom:1px solid #ccc; font-size:20px; font-weight:bold;}
.news_ncont{ padding:20px 50px; line-height:20px; color:#666}

.cp_kuan{ margin:0 auto;     width:95%; background:#f7f7f7; height:80px;  padding-left:2%; padding-top:20px; border:1px #dfdfe0 solid; line-height:30px;}
.cp_kuan .prevpages{ margin-bottom:10px;}



.prolist_cont ul li { overflow: hidden; padding: 0 70px; }
.prolist_cont ul li a{ text-decoration:none;}
.prolist_cont ul li .kuan{ width:30%; float:left; margin-right:20px;}
.prolist_cont ul li .inner { position: relative; padding-bottom: 100%; overflow: hidden; }
.prolist_cont ul li .cont { position: relative; height: 45px; padding: 5px 10px; border-bottom: 2px solid #195799; }
.prolist_cont ul li .cont .txt { position: relative; z-index: 2; }
.prolist_cont ul li .cont .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.prolist_cont ul li .cont .tit { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222; }
.prolist_cont ul li .cont .type { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: #999; height: 20px; line-height: 20px; }
.prolist_cont ul li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media (min-width: 768px) { .prolist_cont ul li .col { margin: 0 10px; } }
@media (min-width: 1000px) { .prolist_cont ul li .col .bg span { position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background-color: #195799; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
 .prolist_cont ul li .col .cont { padding: 10px; height: 30px; }
 .prolist_cont ul li .col .cont .tit { margin-bottom: 5px; }
 .prolist_cont ul li .col .cont .tit, .productScroll-left .bd ul li .col .cont .type { -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
 .prolist_cont ul li .col:hover .bg { opacity: 1; filter: alpha(opacity=100); }
 .prolist_cont ul li .col:hover .bg span { height: 100%; }
 .prolist_cont ul li .col:hover .cont .tit, .productScroll-left .bd ul li .col:hover .cont .type { color: #fff; }
  .home-cp-ft { margin-top: 50px; }
  .home-cp-ft .more { padding: 0 30px; font-size: 26px; line-height: 45px; } }
@media (min-width: 1367px) { .prolist_cont ul li { margin: 0 100px; } }


.productScroll-left{  width:1200px; position:relative; margin-top:20px ; margin:0 auto;}
.productScroll-left .bd{ width:1200px; overflow:hidden;}
.prolist_cont ul{ overflow:hidden;  zoom:1; }
.prolist_cont ul li{ width:31%; float:left;  padding:0px; margin: 20px 1%;}
/*.productScroll-left .bd ul li a{ width:230;float:left; text-align:center; margin-left:30px;}
.productScroll-left .bd ul li a img{ width:230px; height:230px; border:1px dotted #000; margin-bottom:10px;}*/
.prolist_cont ul li .inner { position: relative; padding-bottom: 100%; overflow: hidden; }

.gywm_content{ margin-bottom:30px; min-height:350px; padding:10px;}
.anli_content{  padding:10px}
.anli_content img{ max-width:100%;}
.titles{ display:block; font-size:18px; line-height:35px; text-align:center; border-bottom:1px dashed #ccc; margin-top:30px; font-weight:bold;}
.date{ display:block; font-size:12px; line-height:30px; text-align:center; color:#999}


	
#faqbox{ float:left; width:95%; background:url(../images/feedbackimg.jpg) right bottom no-repeat; margin-top:30px; margin-bottom: 30px;}
#faqbox .faqline{ float:left; width:100%; line-height:2em; height:35px; text-align:left; margin-bottom:10px;}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .faqline input{ border:#cccccc solid 1px; height:25px; line-height:25px; font-family:微软雅黑; border-radius:5px;}
#faqbox .Content{ float:left; width:100%; line-height:2em; height:120px; text-align:left}
#faqbox .Content .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px; border:#cccccc solid 1px; font-family:微软雅黑; border-radius:5px;}	


.wrapper1{ width:100%; display:block;}
.bg1{ background:#f5f8fc}

.top-wrapper{ background:url(../images/top-bg.png) bottom center repeat-x;}
.top{ width:1000px; height:40px; margin:0 auto; position:relative; line-height:40px; }
.top a{ float:left; height:40px; padding-left:25px; line-height:40px; margin-left:20px;}


.header-wrapper{ height:100px; background:url(../images/header-bg.jpg) center repeat-x;}
.header{ width:1000px; height:100px; margin:0 auto; position:relative; }
.header h1{ position:absolute; top:15px; left:0px;}
.tel{ position:absolute; bottom:25px; right:0px; font: 14px/25px "Microsoft YaHei"; color:#666666; background:url(../images/tel.gif) left center no-repeat; padding-left:40px; }
.tel span{ font-weight:bold; font-size:18px; color:#195799;}
.header p{position:absolute; top:10px; left:285px; font-size:20px;margin:20px 0 0; padding:10px 0 10px 16px; background:url(../images/h_line.png) no-repeat 0 center; color:#333;}
.header b{display:block;color:#bcd22f; font-size:26px; padding-bottom:4px;}



ul.certificate-list{ float:left; width:100%;}
ul.certificate-list li{ float:left; width:250px; height:250px; display:inline; margin-right:20px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:250px; height:200px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #cccccc; padding:4px; border-radius:5px;}
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:250px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px; font-size:20px;}


.ry_content a{ text-decoration:none;}
.ry_content li{ float:left; width:30%; margin:0 1.5%;text-align:center; background:#CCC; border:1px solid #CCC; margin-top:20px;} 
.ry_content li img{ width:80%; }
.pro_tu{ height:240px; overflow:hidden; background:#FFF; } 
.ry_content  li:hover img{ width:90%;}
.ry_content  li:hover .pro_more{border:1px solid #99d420;  background:#99d420; color:#fff; }
.pro_more{ border:1px solid #CCC; border-radius:15px; width:100px; height:30px; line-height:24px; margin-left:100px; margin-top:10px; margin-bottom:10px; background:#fff; color:#999;}

.down_content{ width:100%; margin-top:20px;}
.down_content li{ height:60px; width:100%; margin-bottom:20px; border-bottom:1px solid #CCC;}
.down_content .down_tu1{    margin-left: 25px; width:40px; height:60px; line-height: 60px;float: left;background: url(../images/wj.png) no-repeat left center;}

.down_content .down_tit{ float:left; height:60px; line-height:60px; font-size:18px; margin-left:20px;}
.down_content .down_tu2{display: block;
    line-height: 60px; margin-right:30px;
    float: right;
    width: 40px;
    height: 60px;
    background: url(../images/down.png) no-repeat center center; }
	
	

.ind-probox{
	width:1100px;
	margin: 50px auto;
	position:relative;
	}
.pronav-prev,.pronav-next{
	position:absolute;
	width:20px;
	height:72px;
	cursor:pointer;
	background:url(../images/btn1.png) no-repeat;
	transition:all ease .3s;
	}
.pronav-prev{
	left:-30px;
	top:30%;
	background-position: 0 center;
	}
.pronav-prev:hover{
	background-position: -29px center;
	}
.pronav-next{
	right: -30px;
	top: 30%;
	background-position: -99px center;
	}
.pronav-next:hover{
	background-position: -71px center;
	}
.ind-pronav{
	overflow:hidden;
	}
.swiper-slide{
	width:250px;
	text-align:center;
	}
.swiper-slide a{
	display:block;
	width:250px;
	margin:auto;
	 text-decoration:none;
	}
.swiper-slide .img{
	width:250px;
	height:250px;
	overflow:hidden;
	position:relative;
	}
.swiper-slide .img span.bg{
	display:block;
	background-color:#000;
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	}
.swiper-slide .img  .ico1{
	display:block;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-28px;
	z-index:6;
	opacity:0;
	}
.swiper-slide .con{
	height:40px;
	width:250px;
	line-height:40px;
	position:relative;
	}
.swiper-slide .con span.bg2{
	height:40px;
	width:250px;
	background-color:#058ece;
	position:absolute;
	left:0px;
	bottom:-190px;
	opacity:0;
	z-index:0;
	}
.swiper-slide .t1{
	color:#000;
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	z-index:2;
	}
.swiper-slide .t2{
	width:230px;
	color:#777;
	padding:0 10px;
	text-align:center;
	line-height:2em;
	position:relative;
	z-index:2;
	}