@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td{ margin: 0px;padding: 0px;}
table {border-collapse: collapse;border-spacing: 0px; width:100%;}
*{margin: 0px;padding: 0px;list-style-type: none; font-family: "Microsoft Yahei",Arial;  }

body,html{width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#f2f2f2;}
a{text-decoration: none;color:#000000;outline: medium none;}
img{border: none;vertical-align: top;  max-width: 100%; display: block;} 
.clear{ clear:both}
.pagination {
    display:inline-block;
    padding-left:0;
    margin:17px 0;
    border-radius:3px;
}
.pagination > li {
    display:inline;
}
.pagination > li > a,.pagination > li > span {
    position:relative;
    float:left;
    padding:6px 12px;
    line-height:1.42857143;
    text-decoration:none;
    color:#2c3e50;
    background-color:#fff;
    border:1px solid #ddd;
    margin-left:-1px;
}
.pagination > li:first-child > a,.pagination > li:first-child > span {
    margin-left:0;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
}
.pagination > li:last-child > a,.pagination > li:last-child > span {
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
    z-index:2;
    color:#11181f;
    background-color:#eeeeee;
    border-color:#ddd;
}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
    z-index:3;
    color:#fff;
    background-color:#2c3e50;
    border-color:#2c3e50;
    cursor:default;
}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {
    color:#777777;
    background-color:#fff;
    border-color:#ddd;
    cursor:not-allowed;
}
.pagination-lg > li > a,.pagination-lg > li > span {
    padding:10px 16px;
    font-size:15px;
    line-height:1.3333333;
}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
}
.pagination-sm > li > a,.pagination-sm > li > span {
    padding:5px 10px;
    font-size:11px;
    line-height:1.5;
}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {
    border-bottom-left-radius:2px;
    border-top-left-radius:2px;
}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
}
@media screen and (max-device-width: 319px) {
 
 body {

        font: 10px/ 1.5 "Microsoft Yahei",Arial;

}
}

@media screen and (min-width: 320px) and (max-device-width: 359px) {
 
 body {

        font: 11px/ 1.5 "Microsoft Yahei",Arial;

}
}

@media screen and (min-width: 360px) and (max-device-width: 419px) {
 
 body {

        font: 12px/ 1.5 "Microsoft Yahei",Arial;

}
}

@media screen and (min-width: 420px) and (max-device-width: 479px) {
 
 body {

        font: 14px/ 1.5 "Microsoft Yahei",Arial;

}
}

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

        font: 16px/ 1.5 "Microsoft Yahei",Arial;

}
}

/*==================侧栏开始=============*/

 .drawer-overlay{ position: relative;}
 
 .drawer-hamberger{width:10%; display:block; float:right; border:0;margin-right:2.5%;}
 
 .drawer-main{position:fixed;top:0;width:245px;height:100%;overflow:hidden}
 
 .drawer-left .drawer-main{left:-245px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
 
 .drawer-left.drawer-open .drawer-main{left:0}.drawer-right .drawer-main{right:-245px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
 
 .drawer-right.drawer-open .drawer-main{right:0}
 
 .drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
 
 .drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:245px}
 
 .drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
 
 .drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:245px}
 
 .drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
 
 .drawer-left.drawer-open .drawer-overlay-upper{right:0}
 
 .drawer-right.drawer-open .drawer-overlay-upper{left:0}
 
 .drawer-default{background-color:#f2f2f2;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
 
 .drawer-nav{ display:block; width:94%; margin:3%;}
 .drawer-nav li{ display:block;}
 .drawer-nav li img{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;border: 1px solid #B8B8B8;}
.drawer-nav li a{color: #166CB0; display:block; padding:10% 3% 0; font-size:1.25em;}
.drawer-nav li a span{ display:block; float:right;}

/*==================header开始，头部开始=============*/
.header{width:100%;  background-color:#277EC3; }
.header-ct{ max-width:640px; margin:0 auto;overflow: hidden; }
.drawer-search{width:10%; display:block; float:left; margin-left:2.5%;border:0}
.logo{width:75%; display:block; float:left; margin:0 auto;}


/*==================bodyer开始，主体开始=============*/

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

.banner{ width:100%; overflow: hidden;}

.menu{ width:100%; overflow: hidden; border-top: 1px solid #BBB;background: none repeat scroll 0% 0% #FCDB00; border-left:1px solid #FCDB00;}
.submenu{ overflow: hidden; display:block; font-size:1em; width:25%; float: left; color:#000000; padding:1.5% 0; text-align:center;border-right: 1px solid #9E8538; border-bottom:1px solid #9E8538;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.iprocla{ width:96%; color: #FFF; background: none repeat scroll 0% 0% #277EC3; padding:3% 2%;}
.porclass{ display:block; width:23%; margin:0 1%; border: 1px solid #FFF; color: #FFF; text-align:center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size:1em; line-height:2em; float:left;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.promore{ display:block; width:14%; margin:0 1%; border: 1px solid #FFF; color: #FFF; text-align:center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size:1em; line-height:2em; float:left;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.ipro{width:94%; overflow: hidden; margin:0 auto;}
.ipro ul{ display:block; margin-left:-3%; }
.metro-b{ display:block; float:left; width:47%; margin:3% 0 0 3%;  border: 0.125em solid #D4DDE3; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;padding:0.25em;}
.pic{ display:block;}
.text{display: block;padding: 0px 0.375em;color: #333;font: 1em/2 "Microsoft Yahei";text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.iTel{ width:100%; margin:3% auto 0; background-color:#277EC3;}
.iTelTitle{ float:left; width:32%; background-color:#FCBF00; text-align:center; overflow: hidden;font: 1.1em/3em"Microsoft Yahei"; color: #FFF;}
.iTelCon{ float:right; width:60%; font: 1em/3 "Microsoft Yahei";color: #FFF;}

.itit{width:94%; overflow: hidden; margin:3% auto 0;}
.itit span{ display:block; float:left; width:30%; font: 1.3em/2 "Microsoft Yahei"; color:#FFF; text-align:center; background-color:#277EC3;}
.itit a{display:block; float:right;width:30%;font: 1.1em/2 "Microsoft Yahei"; text-align:right;color: #277EC3;}

.inews{ display:block; width:94%; overflow: hidden; margin:0 auto;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;border: 1px solid #D8DFE5;background-color:#FFF;}
.inews li{display:block;padding: 0px 2%;border-bottom: 1px dashed #DFE6EA;margin-top:2%; }
.inews li a{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font: 1em/2 "Microsoft YaHei"; }
.biao{color: #82B5DC;}
.idate{ float:right;color: #999;}

.iabout{ display:block; width:94%; overflow: hidden; margin:0 auto;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;border: 1px solid #D8DFE5; margin-bottom:3%;}
.iabout p{padding: 0px 2%; text-indent:2em;font: 1em/2 "Microsoft YaHei";}

/*==================footer开始，底部开始=============*/
.footer{width:100%;  background-color:#2F3841;}
.footer-ct{ max-width:640px; margin:0 auto; overflow:hidden; padding:1% 0; }
.footer-ct p{ text-align:center; color:#FFF; overflow:hidden;}
.footer-ct p a{color:#FFF;}


/*==============================================================首页结束================================================*/


/*==================内页头部公共部分=============*/
.top{ width:100%; background-color:#277EC3;}
.top-ct{ max-width:640px; margin:0 auto;overflow: hidden; }
.tits{width:75%; display:block; float:left; margin:0 auto; text-align:center; color:#FFF; font-size:1.3em; padding-top:3%;}
.drawer-search{width:10%; display:block; float:left; margin-left:2.5%;border:0}

/*==================about开始=============*/
.about{width:94%; overflow: hidden;max-width:640px; margin:0 auto; padding:3% 0;}
.about p{ text-indent:2em; font-size:1em; line-height:2em;}

/*==================news,news-show,product-show开始=============*/
.news{width:94%; overflow: hidden;max-width:640px; margin:0 auto; padding:3% 0;}
.news h3{ font-size:1.3em; text-align:center;}
.propics{ border:1px solid #CCC; width:80%; margin:2% auto;}
.news p{ text-indent:2em; line-height:2em;}
.pages{ margin:3% 0 0 3%;}
.pages span{color: #666;}

/*==================product开始=============*/
.product{width:94%; overflow: hidden;max-width:640px; margin:0 auto; padding:3% 0;}
.prosub{ display:block; margin-left:-3%; padding-bottom:3%; }
.metro-b{ display:block; float:left; width:45%; margin:3% 0 0 3%;  border: 0.125em solid #D4DDE3; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;padding:0.25em;}
.pic{ display:block;}
.text{display: block;padding: 0px 0.375em;color: #333;font: 1em/2 "Microsoft Yahei";text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*==================service,contact开始=============*/
.service{width:94%; overflow: hidden;max-width:640px; margin:0 auto; padding:3% 0;}
.service h3{ font-size:1.2em; color:#277EC3;}
.service p{ text-indent:2em; line-height:2em;}
.service span{ display:block; line-height:2em; font-weight:bold;}
.service div{ margin:3% auto 0; width:50%; text-align:center;}


.assort{width:90%; overflow: hidden;max-width:640px; margin:0 auto; padding:3% 0;}
.assortup{color: #1C70B2; font-size:1.3em; margin-bottom:3%;}
.container{ width:100%;}
.leftsidebar_box{width:100%;}
.leftsidebar_box dl{ padding:3%; margin-bottom:2%; background-color: #dcdcdc; font-size:1.2em;}
.leftsidebar_box dl dt { color:#a9a9a9; font-size:2em; display:block; float:right;cursor:pointer; margin-top:-4%;}
.leftsidebar_box dl dd{ padding:3%;}
.first_dd{ margin-top:5%;}




/*分页*/
.pages{width:94%; overflow: hidden;max-width:640px; margin:0 auto;}
.pages ul{float:right;padding:6px 0px 7px 16px; list-style:none;}
.pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #333;}
.pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#333;
	font-size:14px;
	display:block;
}
.pages ul li a:hover{
	color: #157bdf;
	font-size:14px;
	text-decoration:none;
	padding:2px 4px 2px;
}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#157bdf;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
}
.pages .pageinfo{
	line-height:21px;
	padding:10px 10px 10px 16px;
	color:#333;
	font-size:14px;
}
.pages .pageinfo strong{
	color:#157bdf;
	font-weight:normal;
	margin:0px 2px;
	font-size:14px;
}