/*
后修改：2017年8月17日18:01:19
说明：自适应由于时间紧张就写了2个分辨率的 大于640和小于等于640
*/

@charset "utf-8";
body,html{ margin:0px; padding:0px; }
*{font-family:"微软雅黑"}
dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,ol,p,select,textarea,ul,li,a{
    padding: 0;
    list-style: none;
    margin: 0;
	text-decoration:none
}
.hslpc{ display:block !important;}
.hslsj{ display:none !important;}
.red{ color:#ff0000}
.w1100{ width:100%; max-width:1100px; margin-left:auto; margin-right:auto}
.w1200{ width:100%; max-width:1200px; margin-left:auto; margin-right:auto}
.hslbanner {
	background-repeat: no-repeat;
	background-position: center top;
	width:100%;
	background-image:url(../images/1.jpg);
	height:800px;
	margin-bottom:100px;
}
.col50{ width:50%}.left{ float:left;}.right{ float:right;}
.col45{ width:45%}.col55{ width:55%}
.col45 img{ width:100%}

h1{ width:952px; border:5px solid #acd598; height:80px; line-height:80px; color:#009944; font-size:40px; padding-left:50px; position:relative; margin-top:40px; margin-left:30px;}
h1 b{ font-weight:normal; font-size:18px;text-transform:uppercase; margin-left:10px;}
h1 span{ width:65px; height:80px; display:block; position:absolute; text-align:center; color:#fff; background-color:#009944; font-family:"Impact"; font-size:50px; top:-35px; left:-30px;}
h1 i{ display:block; position:absolute; right:-18px; bottom:-10px; width:35px; height:35px; background-color:#009944;}

.box1 .left,.page2 .right{ margin-top:34px;}
.box1 .left span{ display:block; margin-right:10px;}
.box1 .col50 img{ width:100%}
.box1 .hsltext{ font-size:18px; line-height:32px; text-indent:32px; text-align:left}
.hslimgbox{ margin-top:52px;}
.hslimgbox .imgbox{ float:left;}
.hslimgbox .imgbox span{ display:block;}
.hslimgbox .imgbox1 span{ margin-right:5px;}
.hslimgbox .imgbox2 span{ margin-left:5px;}
.hslbox1wz{ margin-top:20px;}

.nav2{ margin-top:120px;}
.box2 .bg{ margin-top:30px; background-color:#009944; color:#fff; padding:5px 10px;}

.hslbgc{ background-color:#f0f9eb; padding:1px 0 80px 0; margin-top:50px;}


.col55 .hsltext{margin-top:70px;}
.hsltext{ text-align:center; font-size:18px; margin-top:20px; text-indent:36px;}
.hslwz .hsltext{ font-size:18px; line-height:36px; text-indent:36px;}

.box1{ margin-top:20px;}
.img3box{ width:33.3333333333333333333%; float:left}
.img3box span{ display:block;}
.img3box img{ width:100%}
.imgbox1 span{ margin-right:10px;}
.imgbox2 span{ margin-right:5px; margin-left:5px;}
.imgbox3 span{ margin-left:10px;}

.box2{ margin-top:20px;}

.box3{ margin-top:15px; padding-bottom:50px;}
.box3 .img3box span{ display:block; position:relative}
.box3 .img3box span p{ position:absolute; padding:5px 0; width:100%; text-align:center; background-color:rgba(255,255,255,.6); color:#000; bottom:0px;}

.box4{ margin-top:30px;}
.box4 .hsltext{ text-align:left; margin-top:40px;}
.box4 .hsltext b{background-color:#009944; color:#fff; padding:3px 10px; font-weight:normal; margin-right:10px;}
.box4 .hsltext span{ display:block; margin-top:10px; line-height:32px;}

.box5 .hsltext{ text-align:left; margin-top:30px;}
.box6 .hsltext{ text-align:left; margin-top:20px;}

.hsltext i{ font-style:normal; margin-right:10px;}

.hslewm{ width:530px; margin-left:auto; margin-right:auto; margin-top:50px; clear:both}
.hslewm p{ text-align:center}
.hslewm img{ width:100%}
.hslewm .imgbox span{ margin:0 30px;}


@media screen and (max-width: 640px) {
.hslbanner{ margin-bottom:40px;}
.hslpage{ background-image:none; height:auto}
img{ width:100%}
.padding10{ padding:0 10px;}
.hsltext{ text-align:center; font-size:14px; margin-top:10px; line-height:24px;}

.hslbgc{ background-color:transparent; padding:0; margin-top:0;}

.col45{ width:100%}.col55{ width:100%}
.hslwz .hsltext{ font-size:14px; line-height:24px; text-indent:24px;}
.w1100 .box1 .hsltext{ font-size:14px; line-height:24px;}

h1{ width:80%; border:3px solid #acd598; height:50px; line-height:50px; font-size:20px; padding-left:10%; margin-top:30px; margin-left:20px;}
h1 b{ display:none}
h1 span{ width:40px; height:40px; line-height:40px;color:#fff; font-size:20px; top:-20px; left:-20px;}
h1 i{ right:-8px; bottom:-6px; width:15px; height:15px;}
.col50{ width:100%}
.box1 .left, .page2 .right{ margin-top:15px;}
.box1{ margin-top:10px;}
.hslimgbox .col50{ width:50%}
.hslimgbox{ margin-top:20px;}
.col55 .hsltext{ margin-top:10px;}
.col45{ display:none}
.imgbox1 span{ margin-right:4px;}
.imgbox2 span{ margin-right:2px; margin-left:2px;}
.imgbox3 span{ margin-left:4px;}
.hslpc{ display:none !important;}
.hslsj{ display:block !important;}
.w100{ width:100%}
.hslbanner img{ opacity:1; width:100%;}
.nav2{ margin-top:50px;}	
.box2 .bg{margin-top: 20px; padding: 3px 5px; text-align:left; background-color:transparent; color:#000; text-indent:28px;}
.box3{ padding-bottom:0px;}
.box4 .hsltext{margin-top: 20px; text-indent:28px;}
.box4{ margin-top:15px;}
.box5 .hsltext{ margin-top:15px; text-indent:28px;}
.box4 .hsltext .hslsjhh{ display:block;}
.box3 .img3box span p{padding: 2px 0; font-size:12px;}

.hsltext i{ font-style:normal; font-size:8px; margin-right:8px;}
.box6 .hsltext{ text-indent:28px;}
.box4 .hsltext b{ padding:3px 5px;}

.hslewm{ width:100%; margin-left:auto; margin-right:auto; margin-top:40px; clear:both}
.hslewm p{ text-align:center; font-size:12px;}
.hslewm img{ width:100%}
.hslewm .imgbox span{ margin:0 10px; margin-bottom:20px;}
}