@charset "utf-8";


/*.bannerBox {
	width: 100%;
	position:relative;
}
.banner {
	height: 300px;
}
.b_box {
	width: 100%;
	height: 300px;
}
.flexslider {
	position: relative;
	height: 300px;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height: 300px; font-size:12px;
}*/

.nav{ width:100%; height:auto; overflow:hidden;}
.nav ul li{ width:33%; height:auto; float:left;}
.nav ul li img{ width:100%;}
.ads img{ width:100%;}

.hot_zy{ width:100%; height:auto; overflow:hidden; margin:2em auto;}
.hot_bt{ width:100%; height:5em; line-height:5em; text-align:center;}
.hot_bt h3 a{ font-size: 200%; font-weight:bold; color:#0175a6;}

.hot_gd a{ display:block; width:8em; height:2em; line-height:2em; background-color:#2aa2ee; font-size:0.8em; text-align:center; color:#fff; float:right;}

#tab_2{width:100%; position:relative; margin-top:2em;}
.zy_tit{ width:30%; height:20em; background-color:#ededed; float:left;}
.zy_bt{ width:100%; height:5em; line-height:5em; background-color:#007bbb; text-align:center;}
.zy_bt h3 a{ font-size:70%; color:#fff;}
#tab_2 .tab_menu{ width:30%; position:absolute; z-index:1; height:20em; margin-top:1.2em;}
#tab_2 .tab_menu li{ width:100%;height:4em;line-height:4em;border-bottom:0;cursor:pointer;text-align:center;overflow:hidden;}
#tab_2 .tab_menu li a{ font-size: 110%; font-weight:bold;}
#tab_2 .tab_menu .selected a{ width:25%;height:4em;line-height:4em;color:#007bbb;}
#tab_2 .tab_box_2{width:68%;height:20em;background-color:#ededed;float: right;}
#tab_2 .hide{display:none;}
#tab_2 .tab_box_2 div .hotzy_bt{ width:95%;height:3.1em; background:url(../images/zy_cxt.jpg) repeat-x bottom; padding-top:0.6em; margin-left:1.1em; }
#tab_2 .tab_box_2 div .hotzy_bt img{ float:left; padding-right:1.2em; padding-top:1em;}
#tab_2 .tab_box_2 div .hotzy_bt a{ font-size: 114%;height:2.8em; line-height:2.8em; font-weight:bold;color:#007bbb;}
#tab_2 .tab_box_2 div .hotzy_jj{ width:96%; height:12em; margin-top:0.8em; padding-left:1.1em;}
#tab_2 .tab_box_2 div .hotzy_jj_l{ width:40%; height:13.8em; float:left;}
#tab_2 .tab_box_2 div .hotzy_jj_l img{ width:98%; height:auto;}
#tab_2 .tab_box_2 div .hotzy_jj_r{ width:58%; height:13.8em; float:right;}
#tab_2 .tab_box_2 div .hotzy_jj_u{ width:98%; height:auto; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:0.7em; float:right;}
#tab_2 .tab_box_2 div .hotzy_jj_u dl dd{ width:98%; height:9.6em; line-height:1.6em; overflow:hidden; margin-bottom:0.4em; font-size:120%;}
#tab_2 .tab_box_2 div .hotzy_jj_u dl dd span{ color:#007bbb;}
#tab_2 .tab_box_2 div .hotzy_jj_d{ width:98%; height:auto; overflow:hidden; padding-top:0.7em; padding-bottom:0.7em; float:right;}
#tab_2 .tab_box_2 div .hotzy_jj_d dl dd{ width:98%; height:auto; line-height:1.6em; overflow:hidden; margin-bottom:0.4em; font-size:120%;}
#tab_2 .tab_box_2 div .hotzy_jj_d dl dd span{ color:#007bbb;}

.qt_zy{ width:100%; height:10em; margin:0 auto;}
.qt_zy ul li{ width:46%; height:4em; line-height:4em; float:left; margin-left:3%; margin-bottom:2%; text-align:center;}
.qt_zy ul li a{ display:block; border:2px solid #ccc; font-size:110%;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qt_zy ul li a:hover{ border:2px solid #007bbb;}

.gy{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:3em;}
.gy_bt{ width:100%; height:10em; text-align:center;}
.gy_bt h3{ width:100%; height:5em; line-height:5em; text-align:center;}
.gy_bt h3 a{ font-size: 200%; font-weight:bold; color:#0175a6;}
.gy_bt span{ display:block; width:100%; height:49px; line-height:49px; color:#fff; text-align:center; background:url(../images/bt_bj.jpg) no-repeat center; font-size: 180%;}
.gy_wz{ width:96%; height:auto; overflow:hidden; padding:2%; margin-top:2%;}
.gy_wz p img{ width:56%; float:left; padding-right:1em; padding-bottom:0.25em;}
.gy_wz p{ width:98%; line-height:1.75em; font-size:120%; text-indent:2em;}

.box001{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.box001_bt{ width:100%; height:5em; text-align:center;}
.box001_bt img{ width:100%;}
.box001_pic img{ width:90%; height:autox; text-align:center; margin:0 auto; padding:1em; border:1px solid #ccc;}
.box001_pic ul li{ width:100%; height:auto; text-align:center;}
.box001_pic ul li p{ width:100%; height:3em; line-height:3em; text-align:center; font-size:120%;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.box002{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.box002_bt{ width:100%; height:10em; text-align:center; background:url(../images/jy_bt.jpg) no-repeat bottom;background-size: contain;}
.box002_bt h3{ width:100%; height:4em; line-height:4em; text-align:center;}
.box002_bt h3 a{ font-size: 200%; font-weight:bold; color:#0175a6;}
.box001_wz{ width:70%; height:26em; margin:0 auto; background:url(../images/jy_bj.jpg) no-repeat center;background-size: contain;}
.box001_wz dl{ width:70%; height:24em; margin:0 auto;}
.box001_wz dl dt{ width:100%; height:3.4em; line-height:1.7em; font-size:150%; font-weight:bold; text-align:center; padding-top:1.5em;}
.box001_wz dl dd{ width:90%; line-height:2em; height:8em; overflow:hidden; font-size:120%; margin-top:1em;}
.box001_wz dl dd a{ display:block; width:90%; height:2em; text-align:center;}

.box003{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.box003_bt{ width:100%; height:6em; text-align:center;}
.box003_bt h3{ width:100%; height:6em; line-height:3em; text-align:center;}
.box003_bt h3 a{ font-size: 160%; font-weight:bold; color:#0175a6;}
.box003_bt h3 a span{ display:block; font-size: 80%; color:#494949; font-weight:normal;}
.box003_pic{ width:100%; height:auto; overflow:hidden; margin-top:2em; margin-bottom: 2em;}
.box003_pic ul li{ width:44%; height:auto; margin-left:3%; margin-top:2%; float:left;}
.box003_pic ul li img{ width:97%; height:10em; border:2px solid #ccc;}
.box003_pic ul li p{ width:97%; height:3em; line-height:3em; text-align:center;}

.box004{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.box004_bt{ width:100%; height:14em; text-align:center; background:url(../images/xz_bt.jpg) no-repeat bottom;background-size: contain;}
.box004_bt h3{ width:100%; height:3em; line-height:3em; text-align:center;}
.box004_bt h3 a{ font-size: 200%; font-weight:bold; color:#0175a6;}

.box004_pic{ width:100%; height:22em; margin-top:4em; margin-bottom: 4em; background:url(../images/xz_bj.jpg) no-repeat bottom center;background-size: contain;}
.gd_033{ position:relative; height:160px; width:90%; overflow:hidden; padding-left:5%;}
.gd_033 #simgs033{ height:160px; width:462px; margin:0 auto;}
.gd_033 li{ float:left; width:124px; height:160px; text-align:center; margin-right:30px;}
.gd_033 li.last{ padding-right:0;}
.gd_033 li img{display:block; width:120px; height:120px; border-radius:60px; border:2px solid #0099cc;}
.gd_033 li a{ color:#000000; line-height:40px; font-size:14px; }

.box005{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.box005_bt{ width:100%; height:4em; text-align:center;}
.box005_bt img{ width:100%;}
.box005_pi img{ width:100%; height:auto; text-align:center; margin:0 auto;}
.box005_pic{ margin-top:3em;}
.box005_pic img{ width:90%; height:auto; text-align:center; margin:0 auto;}
.box005_pic ul li{ width:100%; height:auto; text-align:center;}
.box005_pic ul li p{ width:97%; height:5em; line-height:3em; text-align:center; font-size:120%;display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.box006{ width:100%; height:auto; overflow:hidden; margin:0 auto;margin-bottom: 6em; background:url(../images/zz_bj.jpg) no-repeat center bottom;background-size: contain; padding-bottom:8em;}
.box006_bt{ width:100%; height:4em; text-align:center;}
.box006_bt h3{ width:100%; height:3em; line-height:3em; text-align:center;}
.box006_bt h3 a{ font-size: 200%; font-weight:bold; color:#0175a6;}
.box006_pic{ width:100%; height:auto; overflow:hidden; margin-bottom: 4em;}
.box006_pic ul li{ width:44%; height:auto; margin-left:3%; margin-top:2%; float:left;}
.box006_pic ul li img{ width:97%; height:8em; border:2px solid #ccc;}


/************************************* 产品中心样式 ************************************/
.m-cp{ overflow:hidden;}
.com{height:4em; background:url(../images/Img_02.jpg) 0 center no-repeat; font-family:"Microsoft YaHei";}
.com a:nth-of-type(1){ float:right; width:4.55em; height:1.75em; background:url(../images/com_more.jpg) no-repeat center;background-size: contain;}
.com a:nth-of-type(2){ padding:0 0 0 12%; font-size:116%; color:#019dd8;}
.m-cp .demo-box{ height:50em; overflow:hidden;}
.m-cp .column-list{ overflow:hidden; font-family:"Microsoft YaHei";}
.m-cp .column-list li{ float:left; width:33%; margin-bottom:0.5em; line-height:4.5em; background:url(../images/Img_03.jpg) center center no-repeat; color:#000; text-align:center; font-size:120%; font-weight:normal;}
.m-cp .column-list li.z-on{color:#FFF;}
.m-cp .box-style{ position:relative; overflow:hidden;}
.m-cp .sclwrap_box , .m-cp .m-box{ height:39em;overflow:hidden;}
.m-cp p{ margin: 0 7.5%; padding:0.25em 0 0.5em; overflow:hidden;}
.m-cp p a{ float:left; width:47.5%; padding-top: 0.5em; line-height: 2.2em; font-family:"Microsoft YaHei";}
.m-cp p a:nth-of-type(2n){ float:right;}
.m-cp .prev,.m-cp .next{ position:absolute; width:1.125em; height:1.142em; top:88.5%; background:url(../Images/Index/cp_icon1.png) no-repeat center top; background-size:1.125em 1.142em; z-index:10;}
.m-cp .prev{ left:43.4375%; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.m-cp .next{ right:43.4375%; }

.no_ov a {text-align: center; overflow: hidden; color: #000; font-size: 90%;  font-family:"Microsoft YaHei";}
.no_ov a span {border: 1px solid #ececec; display: block;}



.no_ov a img {width: 95%; height: 15em; border: 1px solid #ececec; margin: 2%;}


/************************************* 案例样式 ************************************/

.com_al{height:4em; background:url(../images/Img_08.jpg) 0 center no-repeat; font-family:"Microsoft YaHei";}
.com_al a:nth-of-type(1){ float:right; width:4.55em; height:1.75em; background:url(../images/com_more.jpg) no-repeat center;}
.com_al a:nth-of-type(2){ padding:0 0 0 12%; font-size:116%; color:#019dd8;}
.m-al {overflow: hidden;}
.m-al .g-test {position: relative;overflow: hidden;}
.m-al .sclwrap_box,.m-al .m-box {height: 20em; overflow: hidden;}
.m-al .nowarp {margin: 0 8% 0.3em 8%;}
.m-al .con { width:45%;  font-family:"Microsoft YaHei";}
.m-al .con a {display: block; padding: 1.5em 0 0.4em 0; text-align: center; color: #666666; width: 50%; float: left; overflow: hidden;}
.m-al .con a img {height: 16em; border: 1px solid #ececec; padding: 0.2em; width: 89%;}
.m-al .con a span {display: block; width: 80%; overflow: hidden; font-size: 120%; margin: 0 auto;}
.m-al .prev,.m-al .next { position: absolute; width: 2.375em; height: 4.625em; top: 26%; background: url(../images/Img_10.jpg) no-repeat center top; background-size: 2.375em 4.625em; z-index: 10;}
.m-al .prev {left: 0%; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.m-al .next { right: 0;}


/************************************* 简介样式 ************************************/

.com_about{height:4em; background:url(../images/Img_11.jpg) 0 center no-repeat; font-family:"Microsoft YaHei";}
.com_about a:nth-of-type(1){ float:right; width:4.55em; height:1.75em; background:url(../images/com_xx.jpg) no-repeat center;}
.com_about a:nth-of-type(2){ padding:0 0 0 12%; font-size:116%; color:#019dd8;}
.m_about {overflow: hidden;}

.m_about_nr{width:100%; padding:2%; height:20em; overflow:hidden;}
.m_about_nr p{width:70%; text-indent:2em; font-family:"Microsoft YaHei"; font-size:110%; line-height:2.8em; float:left;}
.m_about_nr img{width:29%; height:21em; overflow:hidden; background:#CCC;}

/************************************* 新闻样式 ************************************/

.com_news{height:4em; margin:1em 0 0 0; background:url(../images/Img_12.jpg) 0 center no-repeat; font-family:"Microsoft YaHei";}
.com_news a:nth-of-type(1){ float:right; width:4.55em; height:1.75em; background:url(../images/com_more.jpg) no-repeat center;}
.com_news a:nth-of-type(2){ padding:0 0 0 12%; font-size:116%; color:#019dd8;}
.m_news	 {overflow: hidden;}

.m_news_nr{width:100%; padding:2%; height:21em; overflow:hidden;}
.m_news_nr li{width:92%; height:3em; line-height:3em; font-family:"Microsoft YaHei";font-size:110%; color:#000; background:#d2ebf3 url(../images/Img_13.png) 1em 1.1em no-repeat; padding:0 2% 0 5%;}
.m_news_nr li a{float:left; color:#000;}
.m_news_nr li span{float:right; color:#646464;}

.m_news_nr .li_01{width:92%; height:3em; line-height:3em; font-family:"Microsoft YaHei";font-size:110%; color:#000; background:#d2ebf3 url(../images/Img_13.png) 1em 1.1em no-repeat; padding:0 2% 0 5%;}
.m_news_nr .li_02{width:92%; height:3em; line-height:3em; font-family:"Microsoft YaHei";font-size:110%; color:#000; background:#FFF url(../images/Img_13.png) 1em 1.1em no-repeat; padding:0 2% 0 5%;}

.m_news_nr li:hover a{color:#019dd8; font-weight:bold; text-decoration:underline;}

/************************************* 内页样式 ************************************/

.main_wrap{max-width:640px;min-width:320px;margin:0 auto 4em auto;overflow:hidden;position:relative;background:#fff;padding: 0 5%;font-family:"Microsoft YaHei";}

.show-title {width: 90%;margin: 0.2em auto;text-align: center;padding: 0.5em;border-bottom:1px solid #ccc; font-family:"Microsoft YaHei";}
.show-title h4 {font-weight: bold;font-size: 200%;line-height: 1.5em;}

#content{max-width: 100%;width:auto!important;height: auto; line-height: 2em; font-size: 1.5em;}
#content p{font-family:"Microsoft YaHei";margin:0.5em 0 1em 0; font-size: 0.8em; line-height: 1.3em; color: rgb(0, 0, 0);}

#content img {max-width: 100%;height: auto;}

#pages { text-align: center;padding:10px 0;}
#pages a , #pages span {display:inline-block;*display:inline;zoom:1;margin-right:10px;width:1.2em;height: 1.2em;line-height:1.2em;background:#0067a4;color:#fff;vertical-align: middle;}
#pages .a1 {width: 3.2em;}


.pic-list ul li {width: 47.5%;float: left;margin-bottom: 0.5em;}
.pic-list ul li:nth-of-type(2n) {margin-left: 5%;}
.pic-list ul li .img {padding-bottom: 6px;background-size: 100% 6px;}
.pic-list ul li .img a {display: block;border:1px solid #ccc;padding: 1px;height: 10em;}
.pic-list ul li .img img {width: 100%;height: 10em;}
.pic-list ul li span {display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align: center;font-size: 0.875em;line-height: 1.8em;height: 1.8em;}

.news-list li {height: 7em;padding: 1em 0;border-bottom: 1px dashed #ccc}
.news-list li dl dt {float: left;width: 20%;}
.news-list li dl dt img {width: 100%;height: 7em;}
.news-list li dl dd {float: right;width: 75%;}
.news-list li dl dd a {font-size: 1.2em;display: block;line-height: 2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom: 0em;}
.news-list li dl dd p {color: #666;line-height: 2em;height: 4em;overflow: hidden;font-size: 0.875em;}

.title {width: 90%;margin: 2em auto;text-align: center;}
.title h3 a{display: inline-block;padding: 2% 5%;font-weight: bold;font-size: 150%;}






















