@charset "utf-8";

 



.con {

    width: 100%;

    overflow: hidden;

}

.con .con-k {

    width: 99%;

    overflow: hidden;

    border: 1px dashed #2f66b8;

    border-radius: 11px;

    margin: 10px auto;

    height: 83px;

}

.con .con-k .con-k-img {

    width: 23%;

    float: left;

    margin-left: 8px;

}

.con .con-k .con-k-p {

    width: 73%;

    float: right;

    font-size: 18px;

    color: #255eb5;

    font-weight: bold;

    height: 62px;

    margin-top: 12px;

    overflow: hidden;

}

.con .con-k .con-k-p p {

    line-height: 56px;

    border-left: 1px solid #ddd;

    padding-left: 8px;

}

.ui-page{-webkit-backface-visibility: hidden; font-family:微软雅黑;font-size:14px; }

body{color:#000; font-family:微软雅黑;width:100%;}

body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}

ul, ol, li, dl, dt, dd {list-style:none;}

img{ border:0;}

a{text-decoration:none;outline:0px; color:#000; font-family:微软雅黑}

.clear { clear:both; }

.fr{ float:right}

.fl{ float:left}

.center{ text-align:center; width:100%;}

.center img{ width:81%; border:1px solid #cbcbcb; margin:10px 0;}

.padding20{ padding:2% 3% 4%; color:#3a3a3a; float:left; width:94%; line-height:180%; min-height:300px; font-size:14px;}

.padding20 p{text-ind/ent:2em;}

.wrap{ margin:0 auto; width:100%; max-width:640px; background-size:100% ; overflow:auto;}

.wrap .search{ margin-top:0;}

.wrap .menu_but{ margin-right:3%;}

.iwrap{ margin:0 auto; width:100%; max-width:640px; background-size:100% ; overflow: hidden;}

.category li { margin-left: 1%;float: left;width: 48.4%; }

.category li a {width: 95%; display: block; line-height: 25px; text-align: center; background: #00912c !impot; color: #fff !important; margin: 3px auto 0; border: 2px solid #27753f;}

.content{ float:left; border:1px solid #bad3e8;width:93.75%; margin:0 3.125%; background:#fff;}

.about{ padding:2% 3% 4%; color:#333; float:left; width:94%; line-height:180%; min-height:100px; font-size:13px;background:#fff}

.about p{  }

 

.header{ float:left;width:100%; }

.headermain{ margin:0 auto;max-width:640px; width:100%;}

.top{margin:0 auto;

	position:relative; max-width:640px; width:100%; /*background: url(../images/head_bg.png) no-repeat; background-repeat: no-repeat;*/

}

.logo{ float:left; width:100%; margin-left:0%; text-align:center;background:#cb2122}

.logo img{ width:100%;min-wi/dth:180px; max-width:100%;margin-top:0%;}

.menu_but{ float:right; display:block; margin-right:2%; text-align:center;width:11%; margin-top:3%;min-width:42px; background-size:100% 80%; color:#fff;  padding-top:0px; text-align:center;}

.menu_but a{ float:left; width:100%; text-align:center; color:#0049ad; line-height:1.3}

.menu_but img{width:60%; margin-bottom:10px}



@media all and (min-width:640px){

.menu_but{ background-size:100% 100%;}



}

@media all and (max-width:481px){

	.logo{ float:left; width:100%; }

}



@media all and (max-width:321px){

	.logo{ float:left; width:100%; }

.menu_but{ background-size:100% 70%;}

}



#modal { display:none; }

#pageslide { display:none; background:#04aa18;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}

.nav{width:100%; float:left; font-size:16px; background:#04aa18;}

.navli{float:left;width:100%}

.navli a{ padding:5% 0 5% 10%;width:90%;font-size:14px;text-align:left; float:left; border-bottom:1px solid #fff;}

.navli a span{ float:left; width:90%; padding-left:10%;color:#fff; font-size:16px;background:url("../images/nav_ico.png") no-repeat 0px center; }

.navli ul{ float:left; display:none;width:80%; padding:2% 0 2% 20%;background:#ca1828;border-bottom:1px solid #000;}

.navli li{ float:left;width:100%; padding:3% 0;}

.navli li a{padding:0 0;width:100%;font-size:14px; color:#fff;text-align:left;  float:left;background:none;border-bottom:0}



.category1{ width:96%; overflow: hidden;margin: 0 auto ;}

.category1 li { float:left; width:48%; margin:0 1%;}

.category1 li img{ width: 100%; height:130px; overflow: hidden;}

.category1 li p{ font-size:14px;}

.category1 li:hover{ color:#013c74;}





.search{margin-top:50%;float:left; width:94%; padding:0 3%;}

.searchmain{float:left;width:100%; border:1px solid #739dbc; border-radius:3px; padding:1%;

box-sizing:border-box;

    -o-box-sizing:border-box;

    -ms-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-box-sizing:border-box;

background-image:-moz-linear-gradient(center top , #85b6d9, #8cbada);

background-image: -moz-linear-gradient(top, #85b6d9, #8cbada);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#85b6d9), to(#8cbada));

background-image: -webkit-linear-gradient(top, #85b6d9, #8cbada);

background-image: -o-linear-gradient(top, #85b6d9, #8cbada);

background-image: linear-gradient(top, #85b6d9, #8cbada);}

.search_txt{ float:left; padding-left:2%;width:81%;line-height:35px;height:35px; border:0; color:#005da2; font-size:14px;background:url("../images/search_txt.gif") no-repeat 0px center; background-size:100% 100%;}

.search_but{ float:right;width:39px; border:0;height:37px; background:url("../images/search_but.gif") no-repeat left center;}



/*手机banner轮播*/

.banner{width:100%}

.banner img{display:block;width:100%}

.swipe{width:100%;overflow:hidden;position:relative;}

.swipe ul{

	-webkit-transition:left 800ms ease-in 0;

	-moz-transition:left 800ms ease-in 0;

	-o-transition:left 800ms ease-in 0;

	-ms-transition:left 800ms ease-in 0;

	transition:left 800ms ease-in 0;

}

.swipe #pagenavi{position:absolute;left:0;bottom:0px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}

.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}

.swipe #pagenavi a.active{background:#ff0;  position:relative;}







.title_i{ float:left;width:100%;border-bottom:1px solid #fff; min-height:40px;background:url("../images/title.jpg") no-repeat top center; background-size:100% 100%;}

.title_i .fl{ float:left; margin-left:2%; padding:2%; font-size:1.2em; color:#fff;}

.more_i{ border-radius:3px; margin-top:1.5%;margin-right:3%; padding:1%;color:#fff; float:right;}



@media all and (max-width:481px){

.title_i .fl{ padding:2%; margin-top:1%;}

}



.cplist{ width:98%;margin:3% 1%; padding-left:2%;}

.cplist ul{width:96%; margin:0 2%;}

.cplist li{width:47%; float:left;  display:inline-block; background:#977707; margin:2% 2% 0 0}

.cplist li a{width:100%;font:14px/28px 'microsoft yahei';color:#fff; padding-left:4%; line-height:28px; text-align:left; }

.cplist li a:hover{color:#000;}







.qline { clear:both;overflow:auto; width:100%;font-size:1em;  box-shadow:0px -1px 0px #398925;}

.qline ul{float:left; width:100%; }

.qline ul li{float:left; width:21%;padding:2% 0; margin:2%;background:#014b92;border-radius:20px;}

.qline ul li a{float:left;min-height:20px; line-height:1.4; font-size:1.1em;width:100%; color:#fff;text-align:center; float:left; display:block;}

.qline img{ width:34%; min-width:20px;margin:0 auto;}



.inav{width:98%;margin:2% auto;overflow:hidden;height:auto;}

.inav li{width:25%;float:left;height:auto;overflow:hidden;}

.inav li a{display:block;width:64.93%;margin:0 auto;height:auto;}

.inav li a span{display:block;width:100%;text-align:center;font:2.4em/1.2 "microsoft yahei";color:#fff;padding:24% 0;background:#946902;position:relative;border-radius:8px;}

.inav li a font{display:block;width:100%;text-align:center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:1.3em/2 "microsoft yahei";color:#010101;}

.inav li:nth-child(2n) span{background:#cba849}

.iconfont img{margin:0 auto;}



.iconfont{margin:10% 0 0 0;

    font-family:"iconfont" !important;

    font-style:normal;

    -webkit-font-smoothing:antialiased;

    -webkit-text-stroke-width:0.2px;

    -moz-osx-font-smoothing:grayscale;

}







.case{ width:100%; overflow:auto;background:#014b92;  padding:4% 3.125%; margin:4% 0;background-size:100%; clear:both;}

.case .title{float:left; background:#014b92; color:#489f32; width:94%;}

.case .title img{float:left;width:100%;}

.case 

 p{ color:#000;}

.honor,.product{width:100%; padding:0 2%; overflow:auto;}



.prolist{ float:left; width:100%; padding:1% 3%; }

.prolist li{ overflow: hidden;float:left; width:46%;/*height: 235px;*/text-align: center;/*background: #009307;*/line-height: 14px;color: #000; margin-right:3%; margin-bottom:3%;}

.prolist li a{ float: left;width: 98%;color:#000;}

#index .prolist li:nth-child(3),#index .prolist li:nth-child(6){ margin-right:0;}

.prolist li img{ border:0px solid #d0d0d0; width:101%;height: 217px; }

.prolist li p{ float: left;line-height: 3;width: 101%;margin-top: 1px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: black;text-align: center;font-size: 13px;}

.title,.listmore a{float:left; width:100%; text-align:center; color:#fff; border-radius:6px; background:#014b92; line-height:2; font-size:1.3em; }

.title{ margin-bottom:3%;}



.title1{width:100%;margin:0% auto;overflow:hidden;position:relative;margin-top: 5px;font-size: 13px;font-weight: bold;color: #fff;line-height: 30px;}

.title1 img{display:block;}

.title1 a{position: absolute;width:15%;height:100%;top:0;right:0;color: #2971d3;text-align: center;}



.listmore{ display:inline-block; clear:both;width:100%; background:#4a9f32; text-align:center;}

.probg{float:left; width:100%; }

.probg li{ float:left; width:46%; margin:0 2%; margin-bottom:3%;}

/*.probg li:nth-child(3),.probg li:nth-child(6){margin:0 2% 3%;}

*/.probg li p{ background:#fff1a8; color:#6c5200; line-height:2;}





.ys-c{ width:100%; position:relative; font-family:"微软雅黑"; height:1000px;}

.ys-c li.one{ width:100%; position:absolute; top:66px; background:url(../images/youshi01.png) no-repeat 90% bottom ; background-size: 30%;}

.ys-c li h3 img{ width:100%;}

.ys-c li p{ padding:0 2% 0 2%; color:#fff; line-height:32px; width:60%; font-size:14px; }

.ys-c li.two{ width:100%; position:absolute; top:350px;background:url(../images/youshi02.png) no-repeat 1% bottom ; background-size:30%;}

.ys-c li.two p{padding:0 2% 0 40%; color:#fff; line-height:32px; width:60%; font-size:14px; }

.ys-c li.three{ width:100%; position:absolute; top:690px; background:url(../images/youshi03.png) no-repeat 90% bottom ; background-size: 30%;}





.iequip{width:96%;height:auto;overflow:hidden;margin:2% auto;}

.iequip h3 img{ width:100%;}

.iequip li{width:100%;height:auto;overflow:hidden;padding-bottom:10%;position: relative}



.iequip .one img{position:absolute;padding:1px;width:30%;top:3%;right:6%; float:right;}

.iequip .one div{width:55%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font:1.2em/1.8em "microsoft yahei";color:#fff;float:left;}

.iequip .two div{width:55%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font:1.2em/1.8em "microsoft yahei";color:#fff;float:right;}

.iequip .two img{position:absolute;padding:1px;width:35%;top:3%;left:3%; float:left;}

.iequip li:nth-child(2n) p{float:left;}











.product{ overflow:auto;width:98%; /*margin:0 3%;*/ padding:1% 2%; 



box-sizing:border-box;

    -o-box-sizing:border-box;

    -ms-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-box-sizing:border-box;

	}

.pro_t{ float:left; width:100%;}

.pro_t h2{ color:#1378c3; margin-top:2%;margin-bottom:2%; }

.pro_t .fl{float:left; width:72%; }

.probut{ float:right; color:#fff; text-align:center; line-height:2.6; width:28%;background:url("../images/probut.png") no-repeat center ; background-size:100% 100%;  }



.product ul{float:left;width:100%;  }

.product ul li{float:left;width:47%;margin-right:2%; padding:3% 0.5% 0%}

.product ul li img{ width:100%; height:150px;border:1px solid #c6c6c6; }

.product ul li p{width:90%; margin:5px auto 0;text-overflow:ellipsis; color:#333; overflow:hidden; white-space:nowrap; line-height:2; text-align:center; padding:0 2%;}

.proshadow{ float:left; width:94%; padding:0 3%; margin-bottom:1.2em;}

.proshadow img{ display:block;width:100%;}



.news{ float:left;border:1px solid #bad3e8;width:93.75%; margin:0 3.125%;}

.newsmain{float:left;width:100%;}

.news ul{float:left; width:100%; }

.news ul li{float:left; width:100%;  border-top:2px solid #e8f2fa;border-bottom:2px solid #fff;margin-bottom:1px;

background-image:-moz-linear-gradient(center top , #faf9f9, #e2ecf8);

background-image: -moz-linear-gradient(top, #faf9f9, #e2ecf8);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faf9f9), to(#e2ecf8));

background-image: -webkit-linear-gradient(top, #faf9f9, #e2ecf8);

background-image: -o-linear-gradient(top, #faf9f9, #e2ecf8);

background-image: linear-gradient(top, #faf9f9, #e2ecf8);}

.news ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url("../images/newsico.png") no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }



.newslist{ float:left; width:100%;}

.newslist ul{float:left; width:100%; }

.newslist ul li{float:left; width:100%;  border-top:2px solid #e8f2fa;border-bottom:2px solid #fff;margin-bottom:1px;

background-image:-moz-linear-gradient(center top , #faf9f9, #e2ecf8);

background-image: -moz-linear-gradient(top, #faf9f9, #e2ecf8);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faf9f9), to(#e2ecf8));

background-image: -webkit-linear-gradient(top, #faf9f9, #e2ecf8);

background-image: -o-linear-gradient(top, #faf9f9, #e2ecf8);

background-image: linear-gradient(top, #faf9f9, #e2ecf8);}

.newslist ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url("../images/newsico.png") no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }



.fl{

	float:left;

}

.fr{

	float:right;

}

.clear-fix:after{

	content:".";

	display:block;

	height:0;

	font-size:0;

	clear:both;

	visibility:hidden;

}

.all{

	width:100%;

	overflow:hidden;

	height:4.5rem;

	padding-bottom: 9px;

background: white;

}

.itl{

	position:relative;

	margin:auto;

	font:1.625em/2.5 "Microsoft Yahei";

	border-bottom:2px solid #946902;

	padding:0 2.8125% 0 5%;

	background:#cba849;

    

}

.itl-tl{ 

	color:#6c5200;

	font-weight:bold

}

.itl-tl span.itl-tl-ch{ text-transform:uppercase;

              color:#fff;

			  font-weight:bold

			  }



.itl-tl span.itl-tl-en{

	          font-size:0.875em;

			  text-transform:uppercase;

              color:#999999;

			  font-weight:normal

			  }

.itl-more{ width:15%; float:right; margin-right:8%; }			  

.itl-more a{

	font-size:0.6em;

	color:#999;

	font-weight:bold;

	padding:0% 18% 0% 20%;

	display:block;

	margin-top:15%

}

.itl-more a:hover{

	color:#ff0000;

}

.itl-tlc{ color:#fff;background:#5ab100; font:1.625em/2.2 "Microsoft Yahei"; padding-left:3%;}

.itl-morec{ width:20%; text-align:right}			  

.itl-morec a{

	font-size:0.6em;

	color:#fff;

	font-weight:bold;

	padding:5% 18% 5% 20%;

}

.itl-morec a:visited{

	color:#fff;

}

.itl-slo{

	margin-top:1%;

}

.itl-slo2{

	position:absolute;

	left:6em;

	top:-25%;

	width:13.5%;

}



.ipro,.icases,.caselist,.plantlist{

	width:95%;

	margin:0 auto;

	padding-bottom:1.5em;

}

.ipro .metro-b,.icases .metro-b,.metro-b,.caselist .metro-b,.plantlist .metro-b{

	float:left;

	position:relative;

	width:48%;

	margin-right:4%;

	margin-top:4%;

}

.ipro .metro-b .pic,.icases .metro-b .pic, .metro-b .pic,.caselist .metro-b .pic,.plantlist .metro-b .pic{

	display:block;

	padding:1.5%;

	background:#FFF;

	border:1px solid #cfd3d3;	

}

.ipro .metro-b .text,.icases .metro-b .text, .metro-b .text,.caselist .metro-b .text,.plantlist .metro-b .text{

	width:96.5%;

	display:block;

	margin:2% 0% 2.5% 2%;

	overflow:hidden;

	padding:0 0.375em;

	font:1.375em/2 "Microsoft Yahei";

	text-overflow:ellipsis;

	text-align:center;

	white-space:nowrap;

	

	color:#fff;

	position:absolute;

	left:0;

	bottom:0;

	background:rgba(0,0,0,.35);

}

.ipro .metro-b:nth-child(2n),.icases .metro-b:nth-child(2n), .metro-b:nth-child(2n),.caselist .metro-b:nth-child(2n),.plantlist .metro-b:nth-child(2n){

	margin-right:0;

}



.itl-inews{

	position:relative;

	margin:auto;

	font:1.5em/2.5 "Microsoft Yahei";

	padding:2% 5% 0 2.8125%;

    

}

.inews,.newslist,.baselist{

	width:95%;

	display:block;

	margin:2% 0 ;

	background:#FFF;

}

.inews li,.newslist li,.baselist li{

	position:relative;

	font:normal 1.25em/3 "Microsoft YaHei";

	color:#333;

	padding:0 0.5em 0 1.6em;

	border-bottom:1px dotted #a9acac;

	/*background:url("../images/img_38.png") 2% center no-repeat,url("../images/dot.png") 2% center no-repeat;*/

	background-size:2.5%,1.71875%;

}

.inews li:last-child,.newslist li:last-child,.baselist li:last-child{ border-bottom:none}

.inews li a,.newslist li a,.baselist li a{

	display:block;

	color:#666666;

	background:url("../images/img203.png") right center no-repeat;

	background-size:2.6% auto;

	padding-right:6%;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.inews li a:visited,.newslist li a:visited,.baselist li a:visited{

	color:#666666;

}

.inews li span,.newslist li span,.baselist li span{ position:absolute;

                left:0%;

				top:0%;

	           width:2%;

			   height:100%;

               /*background:#77baee;*/

			   border-radius:8px 0 0 8px;

			   display:block;}



.iabout{ width:92%;margin:5% auto;font:1.2em/1.8 "Microsoft Yahei";color: #fff;}

.iabout p{ margin:8% 0 ;}

.iabout img{ width:80%;}



.itel{ width:74%;font:normal 1.25em/2.5 "Microsoft YaHei";color:#c0c0c0;padding: 0 0 0 25%;margin:1em auto;border:1px solid #a9acac;border-radius:8px;background:url("../images/img_42.png") 13% center no-repeat #FFF;background-size:6.579%;font-weight:bold}

.itel span{ color:#ff6600;font-size:1.2em;}	



























.footnav{ float:left;width:100%;}

.footnav ul{ float:left; width:94%; padding:4% 3% 1%; }

.footnav ul li{ float:left; border:1px solid #cadaec; box-shadow:0 0 1px #fff; padding:1% 0; text-align:center; color:#fff; width:18%; margin-right:2.444%; line-height:2;

background-image:-moz-linear-gradient(center top , #fff, #e1ecf8);

background-image: -moz-linear-gradient(top, #fff, #e1ecf8);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e1ecf8));

background-image: -webkit-linear-gradient(top, #fff, #e1ecf8);

background-image: -o-linear-gradient(top, #fff, #e1ecf8);

background-image: linear-gradient(top, #fff, #e1ecf8);



box-sizing:border-box;

    -o-box-sizing:border-box;

    -ms-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-box-sizing:border-box;



}

.foottxt{ float:left; width:100%; font-size:12px; text-align:center; }

.footer{float:left;width:100%; max-width:640px;font-size:1em;background:#cb2122; background-size:100%;position:fixed; bottom:0; }

.footer ul{float:left;width:100%;}

.footer ul li{float:left; min-height:35px; width:25%; padding:2% 0 1%; background:url("../images/footline.png") no-repeat right center;}

.footer ul li a{float:left;min-height:25px;width:100%; color:#fff;text-align:center; float:left; display:block;}

.footer img{ width:30%; min-width:20px; margin-right:3px; vertical-align:middle}



.proul{width:100%;}

.proul ul{width:96%; padding:4px 2% 0; }

.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:13px; float:left; }

.proul li div{ width:100%;float:left;}

.proul li img{width:100%; float:left;border:1px solid #d6dadb;}

.proul li p{width:100%; text-align:center;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 0;}

.proul .ui-block-a{ margin-right:3.3%}



.view_menu{ float:left; width:98%; margin-left:2%;}

.view_menu span{ float:left; cursor:pointer;padding:3% 0 1%;width:100%;}

.view_menu img{ vertical-align:middle; width:7%; margin-right:3px; }







.view_menumain { width: 242px; display:none;position:absolute; z-index:10;}

.view_menumain li { width: 242px; border-bottom: 1px  solid #cba849; position: relative; line-height:30px; padding:0; margin:0;}

.view_menumain li a { display: block; height: 30px; line-height: 30px; text-indent: 30px; background: #946902; color:#fff; overflow:hidden; }

.view_menumain li a:hover { display: block; height: 30px; line-height: 30px; text-indent: 30px; background:  #cba849; color:#946902; overflow:hidden; }



.subMenu {width: 200px; height: auto;}

.subMenu li{  height:31px; line-height:31px; background:#fff;}

.subMenu li a,.iMenu li.hover li a,.iMenu li.hover li a:visited{height:31px; line-height:31px; background:url(../images/ico007.gif) 34px center no-repeat; color:#666}

.subMenu li a:hover,.iMenu li.hover li a:hover{ background:url(../images/ico007.gif) 34px center no-repeat #ebebeb; color:#666}











.view_title{text-align:center; width:100%;  float:left; padding:5px 0;font-size:16px; margin:0% 0; font-weight:normal; color:#333; font-family:微软雅黑;padding-bottom:1%;margin-bottom:1%;}

.line{border-bottom:1px dashed #c6c6c6;width:100%;  float:left; margin:1% 0 10px; height:1px; font-size:0; }

.viewpage{float:left;width:100%;margin-top:34px;}

.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:1% 0.6%;margin-bottom:8px; color:#236ba9;

background:#deebfa;border:1px solid #bdd6f3;}



.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}

.viewback a{float:left; padding:1.5% 0; font-size:16px;width:100%; text-align:center; color:#236ba9;

border:1px solid #cadaec;

background-image:-moz-linear-gradient(center top , #fff, #e1ecf8);

background-image: -moz-linear-gradient(top, #fff, #e1ecf8);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e1ecf8));

background-image: -webkit-linear-gradient(top, #fff, #e1ecf8);

background-image: -o-linear-gradient(top, #fff, #e1ecf8);

background-image: linear-gradient(top, #fff, #e1ecf8);}



.pages{width:90%;margin:15px auto; overflow:auto;}

.page_change{ width:44px; text-align:center; line-height:30px; height:30px; display:block;margin:0 auto;}

.left{float:left;}

.right{float:right;}

.left,.right{font-size:16px; color:#fff;text-align:center; width:28px; height:28px; background:#2e6fb6;border-radius:4px;}

.left img,.right img{ width:13px; vertical-align:middle; display:inline}

@media all and (min-width:640px){

.left,.right{font-size:16px; color:#fff;text-align:center; width:38px; height:38px; line-height:38px; background:#2e6fb6;border-radius:4px;}

	.all{

		width:640px;

		margin:0 auto;

	}

}





@media only screen and (max-width:480px), 

only screen and (min-resolution: 144dpi) {

	body,html{font-size:14px;}

}

@media only screen and (max-width:320px), 

only screen and (min-resolution: 144dpi) {

	body,html{font-size:12px;}

}



@media screen and (max-width:540px){

	body,html{font-size:14.5px;}

}

@media screen and (max-width:480px){

	body,html{font-size:13px;}

}

@media screen and (max-width:420px){

	body,html{font-size:11.5px;}

}

@media screen and (max-width:360px){

	body,html{font-size:10px;}

}

@media screen and (max-width:320px) {

	body,html{font-size:9px;}

}



#nav1{

	width: 100%;

	height: 54px;

	background: url(../img/nav.jpg);

}



#nav1 li{

	width: 32%;

	float: left;

	text-align: center;

	font-size: 13px;

	line-height: 26px;

}



#nav1 li a{

	color: #fff;

}



#marqueediv1{

	width: 100% !important;

}         



.navs{

 

        background-size: auto;

    background-size: 100%;

overflow: hidden;

padding: 4% 3% 3% 1%;

    padding-top: 4%;

    padding-right: 3%;

    padding-bottom: 3%;

    padding-left: 1%;

}

.navs .navlis{

float: left;

width: 21%;

margin-left: 3.6%;

text-align: center;

line-height: 18px;

}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .navs .navlis img{

width: 100%;



}  

.navs .navlis span{

font-size: 14px;

}  

                

/*对话窗*/

.dialog {

    position: fixed;

    display: none;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 71%;

    border-radius: 40px;

    background-color: #ffffff;

    z-index: 100;

}



.dialog .content {

    position: relative;

    padding-top: 10px;

    padding-bottom: 10px;

    border-radius: 37px;

}

.dialog .content{border:none !important;}

.dialog .content p {

    font-size: 19px;

    color: #000000;

    text-align: center;

    line-height: 26px;

}



.dialog .content h2 {

  font-size: 26px;

  color: red;

  text-align: center;

}



.dialog .content .pic {

display: block;

    width: 65%;

    height: auto;

    margin: 0 auto;

}



#close {

    position: absolute;

    width: 11%;

    height: 25%;

    right: 0%;

    top: 4%;

}