@charset "utf-8";
/*===========================手机站样式=============================*/

body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    font-weight: normal;
    font-size:14px;
    letter-spacing:1px;
}
body{
	background-color: ;
}
img{width: 100%;}
*{ padding:0 ; margin:0 ; font-size:14px;text-align: left;}

.mini-out{
	max-width: 640px;
	margin:0 auto;
	background-color: #fff;
}
.menu_menu_bg {width: 100%;margin: 0 auto;background-color:#3665b9;overflow: hidden; }

.ph_menu {min-width:320px; margin:10px; overflow: hidden;}
.ph_menu li{ margin:3px 3px; font-weight:bold;display:block; float:left; height:30px; line-height:30px; width:23%; text-align:center; border: 1px solid #8ea9d8;box-sizing:border-box;}
.ph_menu li a{display:block; float:left; width:100%; color:#ffffff; font-size:14px; font-weight:normal; text-align: center;}
.ph_menu li a:hover{ color:#ffffff;}

.jj11{ width:100%; margin: auto;}
.jj11 h3{ color:#056bca; font-size:24px;  line-height:1.7; font-weight:800;padding-top:18px; text-indent:10px; text-align: center;}
.jj11 h2{ color:#282828; font-size:21px; font-weight:normal; line-height:1.7; margin-bottom:15px; text-indent:10px; text-align: center;}



/*案例*/

.aal{width:100%; background-color:#f2f2f2;  height:180px;   }
.aal1{}
.aal1 h3{color:#2b2b2b; line-height:1.6; font-size:28px; font-weight: normal; text-align:center; padding-top:25px; }
.aal1 p{color:#616161; line-height:2.5; font-size:13px; font-weight: normal; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.aal1 span{ width:90%; margin:auto;color:#6c6c6c; line-height:1.6; font-size:16px; font-weight: normal; text-align:center; display:block; }



/*横条*/

.ht{ width:100%; background-color:#00ad69; height:120px; margin-top:20px;}
.ht1{}

.ht1 h3{ width:90%; margin:auto; color:#FFFFFF; font-size:24px; line-height:1.5; text-align:center; font-weight:normal; letter-spacing:5px; padding-top:20px;}


.xw1{ width:90%; margin:auto; margin-top:12px;}

.xw1 img{ width:61%; }
.xw1 h2{ font-size:27px; line-height:2.2; color:#333333; font-weight:normal;}
.xw1 span{ width:287px; height:45px; background-color:#056bca; display:block; font-size:19px; color:#ffffff; text-indent:20px; line-height:45px;}
.xw1 em{ width:1px; height:44px; background-color:#000; display:block; margin:20px 0px;}


/*产品推荐*/

.cptj{ width:100%; }


.tj1 h3{ color:#343434; font-size:40px; text-transform:uppercase; font-family: "Times New Roman", Times, serif; text-align:center; font-weight:800; margin-top:15px;}
.tj1 em{ color:#056bca; font-size:26px; text-transform:uppercase; font-family:微软雅黑 ; text-align:center; font-weight:normal; font-style:normal;}
.tj1 span{ width:50px; height:2px; background-color:#056bca; display:block; margin:auto; margin-top:10px; margin-bottom:10px;}
.tj2 p{ width:90%; margin:auto;color:#404040; font-size:15px;text-align:center; line-height:1.5; margin-top:7px;}



.tj3{ width:100%; margin:auto;}
.tj31{ width:90%; margin:auto; background:url(../Img/t2.jpg); background-position:left; background-repeat:no-repeat; }
.tj31 p{ color:#373737; font-size:16px; text-indent:80px;letter-spacing:normal; text-transform:uppercase; margin-top:25px; line-height:1.8; font-family:Arial, Helvetica, sans-serif; }
.tj31 h2{ color:#da0f0f; font-size:32px; text-indent:80px; font-family:impact; font-weight:600; letter-spacing:normal;}

.tj32{ width:35%; padding-top:20px; float:left; margin-left:55px; }
.tj33{ width:35%;padding-top:20px; float:left; margin-left:15px; }

.more{ width:100%; height:40px; display:block; margin:auto;      }
.more a{ width:100%; height:40px;  color:#ffffff; font-size:15px; font-family:Arial, Helvetica, sans-serif; background-color:#555650; text-align:center; display:block; text-align:center; line-height:40px; transition:all .2s ease;  }
.more a:hover{ width:100%; height:40px; background-color:#207dd4;  color:#ffffff; font-size:15px;transition:all .2s ease; display:block;}


.more1{ width:100%; height:40px; display:block; margin:auto;      }
.more1 a{ width:100%;  height:40px;  color:#ffffff; font-size:15px; font-family:Arial, Helvetica, sans-serif; background-color:#f77b01; text-align:center; display:block; text-align:center; line-height:40px; transition:all .2s ease;  }
.more1 a:hover{ width:100%;  height:40px; background-color:#207dd4;  color:#ffffff; font-size:18px;transition:all .2s ease; display:block;}

.hx{ width:90%; margin:auto; height:4px; background-color:#056bca; display:block; margin:auto; margin-top:18px;}


.more2{ width:145px; height:37px; display:block; margin-bottom:20px; margin-left:15px;   }
.more2 a{ width:145px; height:37px;  color:#232323; font-size:16px; font-family:Arial, Helvetica, sans-serif; border:#666666 1px solid; text-align:center; display:block; text-align:center; border-radius:60px; line-height:37px; transition:all .2s ease; margin-top:14px; }
.more2 a:hover{ width:145px; height:37px; background-color:#00ad69; border:#00ad69 1px solid; color:#FFFFFF; font-size:16px;transition:all .2s ease; display:block;}