@charset "utf-8";
*{font-family:"Microsoft YaHei","黑体","宋体",Arial;}
input,select,textarea{font-family:"Microsoft YaHei","黑体","宋体",Arial;}
html,body{font-family:"Microsoft YaHei","黑体","宋体",Arial;}
/* Style Reset */
img { border:0;max-width: 100%; width: expression(this.width >100% && this.height < this.width ? 100%: true);}
.ui-page{-webkit-backface-visibility: hidden; font-family:myFirstFont; font-size:14px; background:#fff;}
body{background:#fff;color:#005da2; font-family:myFirstFont; width:100%;overflow-x:hidden;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333; font-family:myFirstFont;}
.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:url(../phmb_img/banner.jpg) no-repeat center top ; background-size:100% ; overflow:auto;}
.ellipsis{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.huanhang{word-break:break-all; overflow:auto;}

/*手机banne*/
.banner_box{width:100%;text-align:center;}
.banner_box img{vertical-align:middle;}
/*轮播*/
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:100px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;right:10px;bottom:10px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#215aa1;}

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

 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; margin-bottom:3%;}
.headermain{ margin:0 auto;max-width:640px; width:100%; }
.logo{ float:left; width:80%; margin-left:3.125%; text-align:center; }
.logo img{width:100%; min-width:180px; margin-top:4px; max-width:450px; float:left;}
.menu_but{ float:right; display:block; margin-right:0.1%; text-align:center;width:11%; margin-top:5px;min-width:42px;background:url(../phmb_img/menubg.png) no-repeat right top ; background-size:100% 80%; color:#fff; height:55px; padding-top:1.5%; text-align:center;}
.menu_but a{ float:left; width:100%; text-align:center; color:#fff; line-height:1.3}
.menu_but img{width:50%; }

@media all and (min-width:640px){
.menu_but{ background-size:100% 100%;}

}
@media all and (max-width:481px){
	.logo{ float:left; width:70%; }
}

@media all and (max-width:321px){
	.logo{ float:left; width:80%; }
.menu_but{ background-size:100% 70%;}
}

.aboutbg{ background:url(../phmb_img/aboutbg.gif); padding:2%; margin:2% 0; overflow:hidden; color:#FFFFFF}

#modal { display:none; }
#pageslide { display:none; background:#daeffe;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px; border-left:1px solid #97c1cf;}
.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;background:#064d01;}
.navli a span{ float:left; width:90%; padding-left:10%;color:#fff; font-size:16px;background:url(../phmb_img/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}


.search{margin-top:2%;float:left; width:94%; padding:0 2%;}
.searchmain{float:left;width:100%; padding:1%;}
.search_txt{ float:left; padding-left:2%;width:70%;line-height:35px;height:35px; border:1px #e6e6e6 solid; color:#333; font-size:14px; background-size:100% 100%;background:url(../phmb_img/s.gif) no-repeat left center; text-indent:20px;background-size:30px 30px;}
.search_but{ float:right;width:80px; border:0;height:37px; cursor:pointer; background:url(../phmb_img/search_but.gif) no-repeat left center;}


/*首页*/
/* banner --------------------------------------------------------------------*/

.title_i{ float:left;width:100%;border-bottom:1px solid #fff; min-height:40px;background:url(../phmb_img/bg5.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:#333; float:right;}

@media all and (max-width:481px){
.title_i .fl{ padding:2%; margin-top:1%;}
}
.anli{ overflow:auto;width:94%; margin:0 3%; padding:1% 2%; border:1px solid #cbe3f0;
background-image:-moz-linear-gradient(center top , #eef7fd, #fff);
background-image: -moz-linear-gradient(top, #eef7fd, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eef7fd), to(#fff));
background-image: -webkit-linear-gradient(top, #eef7fd, #fff);
background-image: -o-linear-gradient(top, #eef7fd, #fff);
background-image: linear-gradient(top, #eef7fd, #fff);
box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.an_t{ float:left; width:100%;}
.an_t h2{ color:#333; margin-top:2%;}
.an_t .fl{float:left; width:72%; }
.anbut{ float:right; color:#fff; text-align:center; line-height:2.6; width:28%;background:url(../phmb_img/probut.png) no-repeat center ; background-size:100% 100%;  }
.anbut a{ color:#FFFFFF}
.anli ul{float:left;width:100%;  }
.anli ul li{float:left;width:47%;margin-right:2%;background:url(../phmb_img/productbg.jpg) no-repeat center right; background-size:100% 100%; padding:3% 0.5% 0%}
.anli ul li img{height:120px; width:100%; display:block;}
.anli ul li p{width:90%; margin:5px auto 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:2; text-align:center; padding:0 2%;}

.product{ overflow:auto;width:94%; margin:0 3%; padding:1% 2%; border:1px solid #cbe3f0;
background-image:-moz-linear-gradient(center top , #eef7fd, #fff);
background-image: -moz-linear-gradient(top, #eef7fd, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eef7fd), to(#fff));
background-image: -webkit-linear-gradient(top, #eef7fd, #fff);
background-image: -o-linear-gradient(top, #eef7fd, #fff);
background-image: linear-gradient(top, #eef7fd, #fff);
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:#333; 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(../phmb_img/probut.png) no-repeat center ; background-size:100% 100%;  }
.probut a{ color:#FFFFFF}
.product ul{float:left;width:100%;  }
.product ul li{float:left;width:47%;margin-right:2%; background-size:100% 100%; padding:3% 0px 0%}
.product ul li img{width:100%; display:block;}
.product ul li p{width:90%; margin:5px auto 0;text-overflow:ellipsis; 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%;}

.biaoti{width:96%; margin-left:2%; float:left; background-color:#f5f5f5; text-align:left; border-bottom:solid 1px #ddd;}
.biaoti h2{color:#333; display:inline-block; text-indent:15px; width:40%; margin:0px; padding:10px 0px; float:left;}
.biaoti a{color:#fff; text-align:center; padding:5px 20px; border-radius:5px; margin-top:10px; background-color:#064d01; display:inline-block; font-size:14px; float:right;}

.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(../phmb_img/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(../phmb_img/newsico.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }

/* footer */

.footnav{ float:left;width:100%;}
.footnav ul{ float:left; width:98%; text-align:center; padding:4% 1% 1% 1%; }
.footnav ul li{border:1px solid #cadaec; display:inline-block; box-shadow:0 0 1px #fff; padding:1% 5%; text-align:center; color:#fff; margin:0px 1%; 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;

}
.footnav ul li a{ color:#333;}
.foottxt{ float:left; width:100%; color:#333; text-align:center; padding:4% 0;}
.footer{float:left;width:100%; max-width:640px;font-size:1em;background:url(../phmb_img/footbg.jpg) no-repeat center; background-size:100%;}
.footer ul{float:left;width:100%;}
.footer ul li{float:left; min-height:35px; width:25%; padding:2% 0 1%; background:url(../phmb_img/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}
/*product*/
.proda{width:96%;padding:0 2%;}
.proda h1{width:100%; margin-top:10px; text-align:center;overflow:hidden;}
.proda h1 img{width:70%; margin:0 auto; display:block;}
.proda h2{width:100%; padding:10px 0px; text-align:center; color:#000; font-size:16px;}
.proda h3{width:100%; padding-bottom:10px; line-height:180%; font-weight:normal; text-align:left; color:#333; font-size:13px;}

.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 14px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 0;}
.proul .ui-block-a{ margin-right:3.3%}

.chan{width:100%;}
.chan ul{width:96%; padding:4px 2% 0; }
.chan .ui-block-a,.chan .ui-block-b{ width:98%; margin-bottom:13px; float:left; }
.chan li div{width:47%; margin-left:2%; float:left;}
.chan li img{width:100%; float:left;border:1px solid #d6dadb;}
.chan li p{width:100%; text-align:center;float:left; margin-top:3px;font:300 14px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 0;}
.chan .ui-block-a{ margin-right:3.3%}

.view_menu{ float:left; width:98%; margin-left:2%;}
.view_menu span{ float:left; color:#333; cursor:pointer;padding:3% 0 1%;width:100%;}
.view_menu img{ vertical-align:middle; width:7%; margin-right:3px; }
.view_menumain{float:left; width:220px; display:none;position:absolute; z-index:10;}
.view_menumain a{float:left;width:207px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:16px; padding:5% 0 5% 13px; border-top:1px solid #999; color:#fff; background:#064d01;}
.view_menumain a:hover,.view_menumain a:focus{ color:#fff; background:#064d01;}


.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:myFirstFont;padding-bottom:1%;margin-bottom:1%;}
.line{border-bottom:1px dashed #333;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:#333;
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:#333;
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:40%;margin:15px auto; overflow:auto;}
.page_change{float:left; width:68%; padding:0px; text-align:center; line-height:38px; height:38px; display:block;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.left,.right{font-size:16px; color:#fff;text-align:center; width:15%; height:28px; background:#064d01;border-radius:4px;}
.left img,.right img{ width:13px; vertical-align:middle; display:inline}

.inpro2{ width:155px!important; display:block; margin:0px 10px;}
@media all and (min-width:640px){
.left,.right{font-size:16px; color:#fff;text-align:center; width:38px; height:38px; line-height:38px; background:#064d01;border-radius:4px;}
.inpro2{ width:155px!important; display:block; margin:0px 10px;}
}
@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
body,html{font-size:14px;}
.inpro2{ width:143px!important; display:block; margin:0px 10px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
body,html{font-size:12px;}
.inpro2{width:130px!important; display:block; margin:0px 10px;}
}
input{border:none; outline:none;}
.feedbk{width:100%; float:left;}
.feedbk label{width:20%; height:30px; line-height:30px; vertical-align:middle; text-align:center; font-size:16px; color:#333; border:solid 1px #FFF; margin-top:20px; display:inline-block; float:left;}
.feedbk input.fk_val{width:75%; text-indent:5px;  height:30px; line-height:30px; vertical-align:middle; color:#333; font-size:14px; border:solid 1px #ddd; margin-top:20px; display:inline-block; float:left;}
.feedbk input.fk_cod{width:20%; text-indent:5px;  height:30px; line-height:30px; vertical-align:middle; color:#333; font-size:14px; border:solid 1px #ddd; margin-top:20px; display:inline-block; float:left;}
.feedbk img{width:54px; display:block; margin-left:10px; margin-top:30px; height:12px; float:left;}
.feedbk input.fk_btn{width:75%; margin-top:20px; float:left; cursor:pointer; border-radius:5px; display:inline-block; background-color:#e77817; height:32px; line-height:32px; color:#FFF; font-size:14px; vertical-align:middle;}

.inditem{width:100%; float:left; padding-bottom:20px; text-align:center;}
.inditem p{width:18%; padding:0px 1%; position:relative; overflow:hidden; float:left;}
.inditem p img{ height:100%; width:100%; display:block;}

.ind_abt{overflow:hidden;width:94%; text-align:left; margin:0 3%; padding:1% 0px;}
.ind_abt h1{width:100%;margin:0px;padding:0px; text-align:center;}
.ind_abt h1 img{width:100%;display:block;}
.ind_abt h2{width:100%;padding:10px 0px;color:#064d01; margin:0px; font-size:24px;font-weight:normal;}
.ind_abt h3{width:100%;font-weight:normal; margin:0px;padding:0px; color:#4f4f4f; font-size:14px;line-height:180%;}
.ind_abt h4{width:100%; text-align:left; font-weight:normal; float:left;}
.ind_abt h4 a{padding:10px 20px; border-radius:5px; display:inline-block; border:solid 1px #ddd; font-size:14px; color:#4f4f4f;}
.ind_abt h4 a:hover{border:solid 1px #064d01; color:#064d01;}

.ind_pro{overflow:hidden;width:94%; text-align:left; margin:0 3%; padding:1% 0px;}
.ind_pro h1{width:100%;margin:0px;padding:0px; text-align:center;}
.ind_pro h1 img{width:100%;display:block;}
.ind_pro h2{width:100%;padding:10px 0px;color:#064d01; margin:0px; font-size:24px;font-weight:normal;}
.ind_pro h3{width:100%;font-weight:normal; margin:0px;padding:0px; color:#4f4f4f; font-size:14px;line-height:180%;}
.ind_pro h4{width:100%; text-align:left; font-weight:normal; float:left;}
.ind_pro h4 a{padding:10px 20px; border-radius:5px; display:inline-block; border:solid 1px #ddd; font-size:14px; color:#4f4f4f;}
.ind_pro h4 a:hover{border:solid 1px #064d01; color:#064d01;}

.ind_gli{overflow:hidden;width:94%; text-align:left; margin:0 3%; padding:1% 0px;}
.ind_gli h2{width:100%;padding-bottom:10px;color:#064d01; margin:0px; font-size:24px;font-weight:normal;}
.ind_gli h3{width:100%;font-weight:normal; margin:0px;padding:0px; color:#4f4f4f; font-size:14px;line-height:180%;}
.ind_gli h4{width:100%; text-align:left; font-weight:normal; float:left;}
.ind_gli h4 a{padding:10px 20px; border-radius:5px; display:inline-block; border:solid 1px #ddd; font-size:14px; color:#4f4f4f;}
.ind_gli h4 a:hover{border:solid 1px #064d01; color:#064d01;}

.rgba_w50{
background: rgb(255,255,255);    /*不支持rgba的浏览器*/
background: rgba(255,255,255,0.5);  /*支持rgba的浏览器*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fffffff,endColorstr=#7Fffffff);
}

.ind_item{width:94%; text-align:center; float:left; margin:0 3%;}
.ind_item > h1{width:33%; margin:0px; padding:0px; float:left; background:#96d765 url(../phmb_img/tp1.png) center 40% no-repeat; height:150px; position:relative; z-index:1;}
.ind_item > h1 > p{width:100%; margin-top:110px; padding:5px 0px; float:left; font-weight:normal; font-size:15px; color:#FFF;}
.ind_item > h2{width:33%; margin:0px; padding:0px; float:left; background:#80c54c url(../phmb_img/tp2.png) center 40% no-repeat; height:150px; position:relative; z-index:1;}
.ind_item > h2 > p{width:100%; margin-top:110px; padding:5px 0px; float:left; font-weight:normal; font-size:15px; color:#FFF;}
.ind_item > h3{width:33%; margin:0px; padding:0px; float:left; background:#5fbb4f url(../phmb_img/tp3.png) center 40% no-repeat; height:150px; position:relative; z-index:1;}
.ind_item > h3 > p{width:100%; margin-top:110px; padding:5px 0px; float:left; font-weight:normal; font-size:15px; color:#FFF;}
.ind_item > h4{width:33%; margin:0px; padding:0px; float:left; background:#064d01 url(../phmb_img/tp4.png) center 40% no-repeat; height:150px; position:relative; z-index:1;}
.ind_item > h4 > p{width:100%; margin-top:110px; padding:5px 0px; float:left; font-weight:normal; font-size:15px; color:#FFF;}
.ind_item > h5{width:33%; margin:0px; padding:0px; float:left; background:#2293b9 url(../phmb_img/tp5.png) center 40% no-repeat; height:150px; position:relative; z-index:1;}
.ind_item > h5 > p{width:100%; margin-top:110px; padding:5px 0px; float:left; font-weight:normal; font-size:15px; color:#FFF;}
.ind_item > h6{width:33%; margin:0px; padding:0px; float:left; background:#63b2ce url(../phmb_img/tp6.png) center 40% no-repeat; height:150px; position:relative; z-index:1;}
.ind_item > h6 > p{width:100%; margin-top:110px; padding:5px 0px; float:left; font-weight:normal; font-size:15px; color:#FFF;}