@charset "utf-8";
/* CSS Document */
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; }
html { background: #f2f2f2; margin: 0 auto; max-width: 640px; background-color: #fff; overflow-x: hidden; }
body {font-family: "微软雅黑";overflow-x: hidden; background: #f2f2f2; max-width: 640px; margin: auto; background: #fff; overflow-y: hidden;text-transform:uppercase;}
a { text-decoration: none; border: none;color:#000;}
a:hover { text-decoration: underline; text-decoration: none; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; vertical-align: middle; }
i, em { font-style: normal; }
.clear { clear: both; overflow: hidden; }
.main{width: 100%; height: auto;margin: 0 auto;}


.banner{width: 100%; height: auto; margin: 0 auto;}
.banner img{width: 100%;}
.fours{width: 100%; height: auto; margin: 0 auto;}
.fours img{width: 100%;}


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

#banner .hd li {
    width: 8px;
    height: 8px;
    border: 1px solid #a0a1a6;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
}

.projects{width: 100%; height: auto; margin: 0 auto;}


.p_titles{width: 100%; height: auto; margin: 0 auto; }


.zys{width: 94%; height: auto;  margin: 0 auto; margin-top: 8%; margin-bottom: 4%;position: relative;}
.zs{width: 0.5%; height: 4rem; float: left; background:#bb7f56;margin-top: 1%;}
.ys{width: 80%; height: auto; float: left; margin-left:4%;}

.ys_p1{font-size: 2rem; color: #BB7F56;}
.ys_p2{font-size: 1.6rem; color:#808080;} 

.p_xiangmu{width: 100%; height: auto; margin: 0 auto; margin-top: 4%;}


.xm_list{width: 90%;height: auto; margin: 0 auto;}
.xm_list ul li{width: 33%; height: auto; float: left;}
.xm_list ul li img{width: 100%;}


.more{    width: 14%;
    height: auto;
    position: absolute;
    border: 1px solid #bb7f56;
    text-align: center;
    font-size: 2rem;
    border-radius: 20px;
    color: #bb7f56;
    margin-left: 80%;
    margin-top: 2%;}





.yiliao{width: 100%; height: auto; margin: 0 auto; margin-top: 4%;}

.yi_img {width: 100%;height: auto; margin: 0 auto;}
.yi_img img{width: 100%;}

.yi_text {    width: 86%;
    height: auto;
    margin: 0 auto;
    text-align: justify;
    font-size: 1.8rem;
    line-height: 2;
    margin-top: 3%;}

.jt {
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #bb7f56;
    font-size: 2.2rem;
    line-height: 2;
    border-bottom: 1px solid #eeeeee;
    width: 84%;
}

.jts{
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #808080;
    font-size: 1.8rem;
    line-height: 2;
    width: 84%;
    margin-top: 2%;
}



.xm_lists{width: 90%;height: auto; margin: 0 auto;}
.xm_lists ul li{width: 48%; height: 276px; float: left; margin-left: 2%;  text-align:center; }
.xm_lists ul li img{width: 100%; height:100%;}








@media screen and (max-width: 320px) { /*苹果*/
	.xm_lists{width: 90%;height: auto; margin: 0 auto;}
.xm_lists ul li{width: 48%; height: 138px; float: left; margin-left: 2%;  text-align:center; }
.xm_lists ul li img{width: 100%; height:100%;}
	
	
.more{  width: 20%;
    height: auto;
    position: absolute;
    border: 1px solid #bb7f56;
    text-align: center;
    font-size: 1.4rem;
    border-radius: 20px;
    color: #bb7f56;
    margin-left: 80%;
    margin-top: 2%;}




.yi_text {    width: 86%;
    height: auto;
    margin: 0 auto;
    text-align: justify;
    font-size: 1.3rem;
    line-height: 2;
    margin-top: 3%;}


.jt {
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #bb7f56;
    font-size: 1.4rem;
    line-height: 2;
    border-bottom: 1px solid #eeeeee;
    width: 92%;
}


.jts{
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #808080;
    font-size: 1.4rem;
    line-height: 2;
    width: 96%;
    margin-top: 2%;
}






.jci_one_top{width: 100%; height: auto;margin: 0 auto;  margin-top: 2%;margin-bottom: 2%;}
.jci_one_top img{width: 100%;}


.jci_one_bot{width:90%; height: auto; margin: 0 auto; margin-top: 3%;margin-bottom: 2%; border: 1px solid #EEEEEE; border-radius: 5px;}

.jci_one_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.one_ul_z{width: 48%; height: auto; float: left; text-align: center; line-height: 2; font-size: 1.3rem; color: #808080;}
.one_ul_z img{width: 100%;}
.one_ul_y{width: 48%; height: auto; float: right;text-align: center; line-height: 2; font-size: 1.3rem;color: #808080;}
.one_ul_y img{width: 100%;}


.jci_two_text{width: 90%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.4rem; color: #808080; margin: 4%;line-height: 2;}





.jci_two_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.two_ul_z{width: 48%; height: auto; float: left; color: #808080;}
.two_ul_y{width: 48%; height: auto; float: right;color: #808080;}
.z_top{width: 100%; height: auto; border-radius: 5px; background: #133c8d; text-align: center; line-height: 3; font-size: 1.4rem; font-weight: bold; color: #FFFFFF;}

.y_top{width: 100%; height: auto; border-radius: 5px; background: #f5741d; text-align: center; line-height:3; font-size: 1.4rem; font-weight: bold; color: #FFFFFF;}

.z_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px;  text-align: justify; text-indent: 2em; font-size:1.4rem;}

.z_bot p{margin: 10%;}
.y_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px; text-align: justify; text-indent: 2em;font-size:1.4rem;}

.y_bot p{margin: 10%;}

.jci_js{width: 100%; height: auto; margin: 0 auto; text-align: center; color: #BB7F56; font-size: 2.2rem;}

.jci_biao{width: 90%; height: auto; margin: 0 auto;margin: 4%;}
.biao_z{width:30%; height: auto; float: left;}
.biao_z img{width: 100%;}
.biao_y {
    width: 66%;
    height: auto;
    float: left;
    margin-left:4%;
    text-align: justify;
    text-indent: 2em;
    font-size: 1rem;
    line-height: 2;
    color: #808080;
}



.jci_jing{width: 80%; height: auto; margin: 0 auto; text-align: center; border: 1px solid #eeeeee; border-radius: 5px;}


.jci_jing_p1{font-size: 2rem; color: #bb7f56; font-weight: bold; line-height: 2;}

.jci_jing_p2{font-size: 1.4rem; color: #808080; line-height: 2;}


.jci_tu{width: 90%; height: auto; margin: 0 auto;margin-top:9% ;}
.jci_tu img{width: 100%;}
.jci_tus{width: 100%; height: auto; margin: 0 auto;margin-top:5% ;}
.jci_tus img{width: 100%;}



.jci_two_texts{width: 86%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.4rem; color: #808080; line-height: 2; margin-top: 4%;margin-bottom: 4%;}







.zixun_b{
	width: 90%;
	margin: 5% auto;
	border:0.4rem solid #fde3d2;
	background: #f5741d;
	color: #fff !important;
	padding: 3% 1%;
	font-size: 1.6rem;
	border-radius: 10rem;
	text-align: center;
}
.zixun_b span{
	color: #fff;
	font-size: 2.4rem;
	padding-right: 1rem;
}





}

@media only screen and (min-width: 321px) and (max-width: 375px) { /*苹果*/

.xm_lists{width: 90%;height: auto; margin: 0 auto;}
.xm_lists ul li{width: 48%; height: 162px; float: left; margin-left: 2%;  text-align:center; }
.xm_lists ul li img{width: 100%; height:100%;}

.more{    width: 20%;
    height: auto;
    position: absolute;
    border: 1px solid #bb7f56;
    text-align: center;
    font-size: 1.6rem;
    border-radius: 20px;
    color: #bb7f56;
    margin-left: 80%;
    margin-top: 2%;}


.yi_text {    width: 86%;
    height: auto;
    margin: 0 auto;
    text-align: justify;
    font-size: 1.3rem;
    line-height: 2;
    margin-top: 3%;}


.jt {
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #bb7f56;
    font-size: 1.4rem;
    line-height: 2;
    border-bottom: 1px solid #eeeeee;
    width: 92%;
}


.jts{
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #808080;
    font-size: 1.4rem;
    line-height: 2;
    width: 96%;
    margin-top: 2%;
}




.jci_one_top{width: 100%; height: auto;margin: 0 auto;  margin-top: 2%;margin-bottom: 2%;}
.jci_one_top img{width: 100%;}


.jci_one_bot{width:90%; height: auto; margin: 0 auto; margin-top: 3%;margin-bottom: 2%; border: 1px solid #EEEEEE; border-radius: 5px;}

.jci_one_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.one_ul_z{width: 48%; height: auto; float: left; text-align: center; line-height: 2; font-size: 1.3rem; color: #808080;}
.one_ul_z img{width: 100%;}
.one_ul_y{width: 48%; height: auto; float: right;text-align: center; line-height: 2; font-size: 1.3rem;color: #808080;}
.one_ul_y img{width: 100%;}


.jci_two_text{width: 90%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.4rem; color: #808080; margin: 4%;line-height: 2;}





.jci_two_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.two_ul_z{width: 48%; height: auto; float: left; color: #808080;}
.two_ul_y{width: 48%; height: auto; float: right;color: #808080;}
.z_top{width: 100%; height: auto; border-radius: 5px; background: #133c8d; text-align: center; line-height: 3; font-size: 1.4rem; font-weight: bold; color: #FFFFFF;}

.y_top{width: 100%; height: auto; border-radius: 5px; background: #f5741d; text-align: center; line-height:3; font-size: 1.4rem; font-weight: bold; color: #FFFFFF;}

.z_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px;  text-align: justify; text-indent: 2em; font-size:1.4rem;}

.z_bot p{margin: 10%;}
.y_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px; text-align: justify; text-indent: 2em;font-size:1.4rem;}

.y_bot p{margin: 10%;}

.jci_js{width: 100%; height: auto; margin: 0 auto; text-align: center; color: #BB7F56; font-size: 2.2rem;}

.jci_biao{width: 90%; height: auto; margin: 0 auto;margin: 4%;}
.biao_z{width:30%; height: auto; float: left;}
.biao_z img{width: 100%;}
.biao_y {
    width: 66%;
    height: auto;
    float: left;
    margin-left:4%;
    text-align: justify;
    text-indent: 2em;
    font-size: 1rem;
    line-height: 2;
    color: #808080;
}



.jci_jing{width: 80%; height: auto; margin: 0 auto; text-align: center; border: 1px solid #eeeeee; border-radius: 5px;}


.jci_jing_p1{font-size: 2rem; color: #bb7f56; font-weight: bold; line-height: 2;}

.jci_jing_p2{font-size: 1.4rem; color: #808080; line-height: 2;}


.jci_tu{width: 90%; height: auto; margin: 0 auto;margin-top:9% ;}
.jci_tu img{width: 100%;}
.jci_tus{width: 100%; height: auto; margin: 0 auto;margin-top:5% ;}
.jci_tus img{width: 100%;}



.jci_two_texts{width: 86%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.4rem; color: #808080; line-height: 2; margin-top: 4%;margin-bottom: 4%;}



.zixun_b{
	width: 90%;
	margin: 5% auto;
	border:0.4rem solid #fde3d2;
	background: #f5741d;
	color: #fff !important;
	padding: 3% 1%;
	font-size: 1.4rem;
	border-radius: 10rem;
	text-align: center;
}
.zixun_b span{
	color: #fff;
	font-size: 1.8rem;
	padding-right: 1rem;
}











}

@media only screen and (min-width: 376px) and (max-width: 640px) { /*苹果P*/



.xm_lists{width: 90%;height: auto; margin: 0 auto;}
.xm_lists ul li{width: 48%; height: 179px; float: left; margin-left: 2%;  text-align:center; }
.xm_lists ul li img{width: 100%; height:100%;}






.more{    width: 20%;
    height: auto;
    position: absolute;
    border: 1px solid #bb7f56;
    text-align: center;
    font-size: 2rem;
    border-radius: 20px;
    color: #bb7f56;
    margin-left: 80%;


    margin-top: 2%;}


.jt {
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #bb7f56;
    font-size: 1.6rem;
    line-height: 2;
    border-bottom: 1px solid #eeeeee;
    width: 92%;
}


.jts{
    text-align: center;
    height: auto;
    margin: 0 auto;
    color: #808080;
    font-size: 1.4rem;
    line-height: 2;
    width: 96%;
    margin-top: 2%;
}





.jci_one_top{width: 100%; height: auto;margin: 0 auto;  margin-top: 2%;margin-bottom: 2%;}
.jci_one_top img{width: 100%;}


.jci_one_bot{width:90%; height: auto; margin: 0 auto; margin-top: 3%;margin-bottom: 2%; border: 1px solid #EEEEEE; border-radius: 5px;}

.jci_one_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.one_ul_z{width: 48%; height: auto; float: left; text-align: center; line-height: 2; font-size: 1.4rem; color: #808080;}
.one_ul_z img{width: 100%;}
.one_ul_y{width: 48%; height: auto; float: right;text-align: center; line-height: 2; font-size: 1.4rem;color: #808080;}
.one_ul_y img{width: 100%;}


.jci_two_text{width: 90%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.6rem; color: #808080; margin: 4%;line-height: 2;}





.jci_two_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.two_ul_z{width: 48%; height: auto; float: left; color: #808080;}
.two_ul_y{width: 48%; height: auto; float: right;color: #808080;}
.z_top{width: 100%; height: auto; border-radius: 5px; background: #133c8d; text-align: center; line-height: 3; font-size: 1.5rem; font-weight: bold; color: #FFFFFF;}

.y_top{width: 100%; height: auto; border-radius: 5px; background: #f5741d; text-align: center; line-height:3; font-size: 1.5rem; font-weight: bold; color: #FFFFFF;}

.z_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px;  text-align: justify; text-indent: 2em; font-size:1.6rem;}

.z_bot p{margin: 10%;}
.y_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px; text-align: justify; text-indent: 2em;font-size:1.6rem;}

.y_bot p{margin: 10%;}

.jci_js{width: 100%; height: auto; margin: 0 auto; text-align: center; color: #BB7F56; font-size: 2.2rem;}

.jci_biao{width: 90%; height: auto; margin: 0 auto;margin: 4%;}
.biao_z{width:30%; height: auto; float: left;}
.biao_z img{width: 100%;}
.biao_y {
    width: 66%;
    height: auto;
    float: left;
    margin-left:4%;
    text-align: justify;
    text-indent: 2em;
    font-size: 1rem;
    line-height: 2;
    color: #808080;
}



.jci_jing{width: 80%; height: auto; margin: 0 auto; text-align: center; border: 1px solid #eeeeee; border-radius: 5px;}


.jci_jing_p1{font-size: 2rem; color: #bb7f56; font-weight: bold; line-height: 2;}

.jci_jing_p2{font-size: 1.6rem; color: #808080; line-height: 2;}


.jci_tu{width: 90%; height: auto; margin: 0 auto;margin-top:9% ;}
.jci_tu img{width: 100%;}
.jci_tus{width: 100%; height: auto; margin: 0 auto;margin-top:5% ;}
.jci_tus img{width: 100%;}



.jci_two_texts{width: 86%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.6rem; color: #808080; line-height: 2; margin-top: 4%;margin-bottom: 4%;}



.zixun_b{
	width: 90%;
	margin: 5% auto;
	border:0.4rem solid #fde3d2;
	background: #f5741d;
	color: #fff !important;
	padding: 3% 1%;
	font-size: 1.6rem;
	border-radius: 10rem;
	text-align: center;
}
.zixun_b span{
	color: #fff;
	font-size: 2.4rem;
	padding-right: 1rem;
}











}

@media screen and (min-width: 640px) { /*当屏幕尺寸320px时，应用下面的CSS样式*/



.jci_one_top{width: 100%; height: auto;margin: 0 auto;  margin-top: 2%;margin-bottom: 2%;}
.jci_one_top img{width: 100%;}


.jci_one_bot{width:90%; height: auto; margin: 0 auto; margin-top: 3%;margin-bottom: 2%; border: 1px solid #EEEEEE; border-radius: 5px;}

.jci_one_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.one_ul_z{width: 48%; height: auto; float: left; text-align: center; line-height: 2; font-size: 1.6rem; color: #808080;}
.one_ul_z img{width: 100%;}
.one_ul_y{width: 48%; height: auto; float: right;text-align: center; line-height: 2; font-size: 1.6rem;color: #808080;}
.one_ul_y img{width: 100%;}


.jci_two_text{width: 90%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.6rem; color: #808080; margin: 4%;line-height: 2;}





.jci_two_ul{width: 90%; height: auto; margin: 0 auto; margin: 4%;}




.two_ul_z{width: 48%; height: auto; float: left; color: #808080;}
.two_ul_y{width: 48%; height: auto; float: right;color: #808080;}
.z_top{width: 100%; height: auto; border-radius: 5px; background: #133c8d; text-align: center; line-height: 3; font-size: 1.6rem; font-weight: bold; color: #FFFFFF;}

.y_top{width: 100%; height: auto; border-radius: 5px; background: #f5741d; text-align: center; line-height:3; font-size: 1.6rem; font-weight: bold; color: #FFFFFF;}

.z_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px;  text-align: justify; text-indent: 2em; font-size:1.6rem;}

.z_bot p{margin: 10%;}
.y_bot{width: 100%; height: 16rem; border:1px solid #EEEEEE; border-radius: 5px; text-align: justify; text-indent: 2em;font-size:1.6rem;}

.y_bot p{margin: 10%;}

.jci_js{width: 100%; height: auto; margin: 0 auto; text-align: center; color: #BB7F56; font-size: 2.2rem;}

.jci_biao{width: 90%; height: auto; margin: 0 auto;margin: 4%;}
.biao_z{width:30%; height: auto; float: left;}
.biao_z img{width: 100%;}
.biao_y {
    width: 66%;
    height: auto;
    float: left;
    margin-left:4%;
    text-align: justify;
    text-indent: 2em;
    font-size: 1.6rem;
    line-height: 2;
    color: #808080;
}



.jci_jing{width: 60%; height: auto; margin: 0 auto; text-align: center; border: 1px solid #eeeeee; border-radius: 5px;}


.jci_jing_p1{font-size: 2rem; color: #bb7f56; font-weight: bold; line-height: 2;}

.jci_jing_p2{font-size: 1.6rem; color: #808080;}


.jci_tu{width: 90%; height: auto; margin: 0 auto;margin-top:9% ;}
.jci_tu img{width: 100%;}

.jci_tus{width: 100%; height: auto; margin: 0 auto;margin-top:5% ;}
.jci_tus img{width: 100%;}


.jci_two_texts{width: 80%; height: auto; margin: 0 auto; text-align:justify; text-indent: 2em; font-size: 1.6rem; color: #808080; line-height: 2; margin-top: 4%;margin-bottom: 4%;}

.zixun_b{
	width: 90%;
	margin: 5% auto;
	border:0.8rem solid #fde3d2;
	background: #f5741d;
	color: #fff;
	padding: 3% 1%;
	font-size: 2.4rem;
	border-radius: 10rem;
	text-align: center;
}
.zixun_b span{
	color: #fff;
	font-size: 3.6rem;
	padding-right: 1rem;
}


.bx_text{text-align: center; font-size: 2.2rem; color: #bb7f56; line-height: 1.6; margin: 4%;}

















}