@charset "utf-8";

/*

    HEAD

*/

p{

	word-wrap: break-word;

}

#h-t{

	height: 35px;

	border-bottom: 1px solid #eaedf0;

}

.h-top{

	width: 1141px;

	margin:0 auto;

	

}

.h-top .l{

	float: left;

	font-size: 14px;

	line-height: 35px;

	color: #6b6b6a;

}

.h-top .lang{

	float: right;

	margin-top: 9px;

}

.lang a{

	display: inline-block;

	padding: 2px;



}

.head{

    width: 1141px;

    margin:0 auto;

}

#head {

	padding: 33px 0 27px;

}

#head .h-l{

    float: left;

    width: 40.4907975%;

}

#head .h-r{

    float: right;

    width: 22.874671%;

    position: relative;



}

.nav{

	border-top:solid 4px #0874cf;

	background: #0874cf;

}

#nav {

    position: relative;

    height: 40px;

    width: 1141px;

    margin: 0 auto;

}



#nav  ul li {

    display: inline-block;

    text-align: center;

    position: relative;

    margin-right: 6.1719298%;

    top: 0;

}

#nav ul li:first-child{

	margin-left: 4%;

}

#nav ul li:last-child{

	margin-right: 0;

}

#nav  ul  li img{

    position: absolute;

    top: -8px;

    left: 45%;

	display: none;

}

#nav  ul  li.curr img,#nav  ul li:hover img{

   display: block;

}

#nav  ul  li a {

    color: #ffffff;

    font-size:18px;

    position: relative;

    top: 0;

    line-height: 40px;

}



#menu {

    display: none;

    text-align: right;

    margin-top: -.5em;

}



#menu a {

    color: #ffffff;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    background-color: #ededed;

    background-repeat: repeat-x;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);

    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);

    border-left-color: #e5e5e5;

    border-right-color: #e5e5e5;

    border-top-color: #e5e5e5;

    border-bottom-color: #bfbfbf;

    color: #fff;

    width: 50px;

    text-shadow: none;

    margin: 0 auto 0;

    display: inline-block;

    border: 0;

    text-transform: none;

    background: #0e4562 !important;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    padding: 1% 0;

}



#menu a:hover {

    background: #000 !important;

}



.bar {

    display: block;

    width: 55%;

    height: 2px;

    margin: 10% auto;

    background-color: #f5f5f5;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    border-radius: 1px;

}



#close_menu {

    display: none;

}

/*

    banner

*/

.hiSlider{

    overflow: hidden;

    height: auto;

    width: 100%;



}

.hiSlider-item{

    float: left;

}

.hiSlider-item img{

    width: 100%;

}



.about{



	background: url(../images/abg.jpg) top center no-repeat;

	padding: 40px 0;

	margin-top: 25px;

	position: relative;

}

.ap{

	color: #1c1c1c;

	text-align: center;

	

}

.about1{

	width: 1206px;

	margin: 0 auto;

	position: relative;

}

.a-t{

	float: left;

	width: 15.6716417%;

}

.a-b{

	float: left;

	width:84.2454394%

}

.a-t-r{

	width: 72.440944881%;

	margin-left: 55px;

	font-size: 18px;

	line-height: 22px;

}

.a-t-r .p{

	text-indent: 2em;

	font-size: 16px;

	margin-top: 8px;

	line-height: 24px;

}

.a-t-l{

	float: left;

}

.a-img{

	margin-top: 8px;

}

.m{

	background: url(../images/m.png) no-repeat;

	width: 106px;

	height: 139px;

	position: absolute;

	right: 0;

	z-index: 2;

	top: 237px;

	text-align: center;

	line-height: 139px;

	font-size: 21px;

	color: #fff;

	font-weight: bold;



}

.i-pro{

	background: url(../images/pbg.jpg) top center no-repeat;

	padding: 50px 0 10px;

	margin-top: 25px;

}

.p-fenlei{

	text-align: center;

}

.p-fenlei a{

	color: #fff;

	padding: 0 8px;

	height: 30px;

	line-height: 30px;

	background: #0874cf;

	border: 3px solid #FFFFFF;

	border-radius: 20px;

	display: inline-block;

	margin:0 35px ;

}

.p-p{

	width: 1041px;

	text-align: center;

	font-size: 18px;

	color: #FFFFFF;

	line-height: 27px;

	margin: 35px auto;

}

.p-pro{

	width: 1141px;

	margin:0 auto;

}

.p-pro li{

	width: 29.2725679228%;

	float: left;

	margin-right: 5.6967572%;

}

.p-pro li:last-child{

	margin-right: 0;

}

.p-pro a{

	padding: 10px;

	background: url(../images/1.png) no-repeat top center;

	display: block;

	height: 264px;

}

.p-pro p{

	text-align: center;

	font-size: 16px;

	color: #212121;

	width: 100%;

}

.inpro {

    width: 1227px;

    margin:0 auto;

    position: relative;

}



.rolls {

    width: 996px;

    margin: 0 auto;

    position: relative;

    padding-top: 1.43%;

}



#roll {

    width: 100%;
	height:208px;

    overflow: hidden;

    position: relative;

}



#rolldiv {

    width: 9999999px;

}



#rolldiv li{

    float: left;

    width: 22.79116465%;

}

#rolldiv ul {

	float: left;

}

#rolldiv li {

    width: 22.79116465%;

    overflow: hidden;

    float: left;

    margin-right:20px;

    text-align: center;

    border: 1px solid #d3d3d3;

    padding-bottom: 15px

}

#rolldiv li >img{

	margin: 10px auto 15px;

}

#rolldiv li p {

	color: #8a8988;

	font-size: 14px;

	line-height: 16px;

	width: 150px;

	margin:0 auto;

}

#rolldiv li h3{

	color: #674201;

	font-size: 18px;

	font-weight: normal;

	margin-top: 15px;

}

#rolldiv li:last-child{

	margin-right: 0;

}

#rollimg, #rollimg1 {

    list-style: none;

    width: auto;

    float: left;

    width: 996px;;

}



#prev, #next {

    width: 72px;

    cursor: pointer;

    position: absolute;

   	top: 45%;

    

}

#next{

	left: 0;

}

#prev {

    right:0px;

}



/*

    index-n

*/



#index-n .index-n{

    width: 1141px;

    margin:35px auto 0;

    padding-bottom: 40px;

}

.i-n-l{

	float: left;

	width: 36.196319018%;

	margin-top: 15px;

	position: relative;

}

#index-n .i-n-r{

	float: right;

	border: 1px solid #c1c1c1;

	width: 61.17440%;

	padding: 25px 0;

}

#index-n .i-n-r h1{

	font-size: 25px;

	color: #000000;

	margin-bottom: 35px;

}

.title{

    width: 1141px;

    margin:55px auto 10px;



    text-align: center;

}

.title p{

	display: none;

}

#index-n ul{

    width: 92.550143%;

    margin:0 auto;

}

#index-n .i-n-r ul li{

    overflow: hidden;

    padding-bottom: 15px;

    border-bottom: 1px solid #cdcdcd;

    margin-bottom: 15px;

}

#index-n ul li:last-child{

	border-bottom:none;

}

#index-n ul li .date{

	float: left;

	width: 34px;

	height: 34px;

	background: #b69a61;

	text-align: center;

	color: #FFFFFF;

	margin-right: 15px;

}

#index-n ul li .date h4{

	font-size: 16px;

}

#index-n ul li .date p{

	font-size: 15px;

	color: #FFFFFF;

	position: relative;

	top: -7px;

}

	

#index-n ul li a{

	float: right;

	width: 89.7832817%;

	display: block;

}

#index-n ul li a h3{

	font-size: 18px;

	color: #2b2a2a;

	background: url(../images/line.jpg) no-repeat left bottom;

	padding-bottom: 10px;

}

#index-n ul li a p{

	color: #595959;

	font-size: 14px;

	line-height: 20px;

}

.more{

	width: 219px;

	height: 39px;

	margin: 0 auto;

	border:1px solid #b69a61;

	line-height: 41px;

	text-align: center;

	color: #b69a61;

	font-size: 18px;

	display: block;

}

.i-map img{

	margin:50px auto 0;

}

/*

    FOOTER

*/

#footer{

    background: #212121;

    border-bottom:15px solid #0874cf;

    padding: 35px 0;



}

.footer{

    width: 1141px;

    margin:0 auto;

}

.f-l{

	float: left;

	width: 21.4723926%;

}

.f-l h1{

	font-size: 25px;

	color: #FFFFFF;

	font-weight: normal;

	margin-bottom: 25px;

}

select{

	border:1px solid #0874cf;

	width: 200px;

	background: #212121;

	color: #969595;

	font-size: 14px;

}

.f-l p{

	color: #969595;

	font-size: 12px;

	line-height: 20px;

	margin-top: 5px;

}

.f-m{

	width: 33.304119%;

	float: left;

	margin-top: 10px;

	margin-left: 16.65205959%;

}

.f-m h1{

	font-size: 18px;

	color: #FFFFFF;

	font-weight: normal;

	margin-bottom: 25px;

}

.f-m p{

	color: #969595;

	font-size: 12px;

}

.f-r{

	float: right;

	width: 10.8676599%;

}

.online {

    width: 56px;

    position: fixed;

    right: 0%;

    top: 30%;

}



.online a {

    display: block;

    text-align: center;

    color: #fff;

    font-size: 18px;

}



.online div {

    position: relative;

}



.online div .her {

    display: none;

    position: absolute;

    top: 0;

    left: -50px;

}



.online div.biger:hover .her {

    display: block;

}

/*

    ABOUT

*/

.inside img{

	margin: 0 auto;

}

.inside-nav{

    width: 1232px;

    margin:0 auto;

    padding: 20px 0 20px;

    text-align: center;

}

.inside-nav a{

    display: inline-block;

    padding: 0px 8px;

    height: 38px;

    border-radius: 15px;

    background: #0874cf;

    text-align: center;

    line-height: 38px;

    color:#fff;

    font-size:18px;

    position: relative;

    margin: 0 1%;

    -webkit-transition: background 0.5s, color 0.5s;

    -moz-transition: background 0.5s, color 0.5s;

    -ms-transition: background 0.5s, color 0.5s;

    -o-transition: background 0.5s, color 0.5s;

    transition: background 0.5s, color 0.5s;

}

.inside-nav a.current,.inside-nav a:hover{

    background: #0874cf;

    color:#fcfcfd;

    font-size: 20px;

}

.i-about{

	width: 1141px;

	margin: 0 auto;

	padding-bottom: 30px;

}

.i-about p{

	text-indent: 2em;

	line-height: 34px;

	font-size: 18px;

	color: #535353;

}

.i-about img{

	margin: 15px auto;

}

.gallery {

	width:1141px;

	margin:0 auto;

}

.gallery li{

	float: left;

	width: 29.79842243%;

	margin-bottom: 50px;

	margin-right: 4.38212094%;

	position: relative;

}

.gallery li:nth-child(3n){

	margin-right: 0;

}

.gallery li p{

	position: absolute;

	width: 98px;

	height: 29px;

	line-height: 29px;

	text-align: center;

	background: rgba(0,0,0,0.55);

	font-size: 18px;

	color: #FFFFFF;

	left: 36%;

	top: 45%;

	display: none;

}

.gallery li:hover{

	box-shadow: rgba(0,0,0,0.4) 7px 0 12px;

}

.gallery li:hover p{

	display: block;

}



.page {

    text-align: center;

    margin:45px 0;

}

.page a{

    display: inline-block;

    height: 30px;

    width: 30px;

    color: #FFFFFF; 

    line-height: 30px;

    text-align: center;

    font-size:18px;

    background: #c9c9c9;

}

.page a:last-child,.page a:first-child{

    width: 75px;

}

.r img{

    margin:0 auto;

}

.page a:hover{

	background: #0874cf;

}

/*

    PRODUCT

*/

.inside-pro{

    width: 1141px;

    margin:35px auto 0;

}

.inside-pro li{

    position: relative;

    float: left;

    width: 20.68361086%;

    margin-right:5.6967572304%;

	

    margin-bottom: 30px;

}

.inside-pro li .pa{

	position: absolute;

	top: 30%;

	left: 40%;

	display: none;

}

.inside-pro li:hover .pa{

	display: block;

}

.inside-pro li >a img{

    margin: 0 auto;

    border-top:4px solid #dcdcdc ;

    border-bottom:2px solid #dcdcdc;

    border-left:3px solid #dcdcdc;

    border-right:3px solid #dcdcdc;

}

.inside-pro li:hover a img{

	border-top:4px solid #0874cf ;

    border-bottom:2px solid #0874cf;

    border-left:3px solid #0874cf;

    border-right:3px solid #0874cf;

}

.p-t{

	border:1px solid #c1c1c1;

	border-top: none;

}

.inside-pro li h3{

    text-align: center;

    font-size: 18px;

    color: #674201;

}

.inside-pro li:nth-child(4n){

	margin-right: 0;

}

.inside-pro li .p-t{

	padding: 10px 0;

}

.inside-pro li .p-t img{

	margin:5px auto;

}

.inside-pro li .p-t p{

	font-size: 14px;

	color: #8A8988;

	line-height: 16px;

	width: 80%;

	margin:0 auto;

	text-align: center;

}



/*

    PD

*/

.pd{

	width: 1141px;

	margin: 50px auto;

}

.js-l,.js-r{

	float: left;

}

.js-l{

	width: 43.821209465%;

	margin:0 5.0832602979% 0 0;;

}

.js-r{

	width: 50.596845%;

	margin-top: 30px;

}

.js-r h2{

	color: #4d4d4d;

	font-size: 27px;

	border-bottom: 1px solid #898989;

	padding-bottom: 5px;

}

.js-r p{

	font-size: 18px;

	color: #3a3838;

	line-height: 30px;

	text-indent: 2em;

	margin-top: 10px;

}

.xq{

	width: 1141px;

	margin:50px auto 0;

}

.xq h3,.zx h3{

	background: #0874cf;

	font-size: 18px;

	height: 27px;

	line-height: 27px;

	padding-left: 15px;

	font-weight: normal;

	color: #FFFFFF;

}

.xq p{

	line-height: 36px;

	color: #535353;

	font-size: 18px;

	text-indent: 2em;

}

.page01{

	text-align: center;

	margin:100px 0 25px;

}

.page01 a{

	margin:0 30px;	

}

.zx form{

	margin-top: 20px;

}

.zx .f-l{

	float: left;

	width: 42.0683610%;

	margin-left: 30px;

}

.zx .f-l input,.zx .f-r textarea{

	margin-left: 10px;

	width: 86.5416666666%;

	padding-left: 2%;

	border: 1px solid #898989;

	color: #898989;

	margin-bottom: 20px;

	height: 26px;

	

}

.zx .f-r{

	float: left;

	width: 42.0683610%;

	margin-left: 6.13496%;

}

.zx .f-r textarea{

	height: 174px;

}

.zx .f-r span{

	position: relative;

	top: -170px;

}

.tijiao{

	width: 153px;

	height: 27px;

	line-height: 27px;

	background: #0874cf;

	text-align: center;

	cursor: pointer;

	border: none;

	font-size: 18px;

	display: block;

	margin:40px auto;

	color: #FFFFFF;

	

}

#rollimg, #rollimg1{

	width: auto;

}

#rolldiv li{

	padding-bottom: 0;

	border: none;

	width: 18.373493975%;

	margin-right: 15px;

	max-width:233px;

	border: 1px solid #c1c1c1;

    padding-bottom: 10px;

}

.ld #rollimg, #rollimg1{

	width: auto;

}

.ld #rolldiv li{

	padding-bottom: 0;

	border: none;

	width: 18.373493975%;

	margin-right: 15px;

	max-width:233px;

}



/*

 	yt

*/

.yt{

	width: 1141px;

	margin:25px auto 0;

}

.yt li{

	padding: 20px 0;

	border-top:2px solid #d3d3d3 ;

	border-bottom:2px solid #d3d3d3 ;

	margin-bottom: 3px;

}

.yt li:first-child{

	border-top:none ;

}

.yt li:last-child{

	border-bottom:none ;

}

.fs-l{

	float: left;

	width: 26.818580%;

	border:1px solid #7b7b7b;

}

.fs-r{

	float: right;

	width: 70.727432077%;

}

.fs-r h3{

	font-size: 23px;

	color: #1c1c1c;

	line-height: 24px;

	font-weight: normal;

}

.fs-r h5{

	font-size: 13px;

	color: #929293;

	line-height: 24px;

	font-weight: normal;

}

.fs-r p{

	color: #303131;

	line-height: 26px;

	font-size: 13px;

}

/*

    NEWS

*/

.news-list{

    margin-top: 50px;

}

.news-list ul{

    width: 1141px;

    margin:0 auto;

}

.news-list ul li{

	padding-bottom: 5px;

	margin-bottom: 10px;

	border-bottom: 1px solid #c9c9c9;

	position: relative;

}

.news-list ul li .s{

	background: url(../images/s.png) no-repeat center bottom;

	height: 39px;

	position: absolute;

	bottom: -39px;

	width: 100%;

	display: none;

}

.news-list ul li:hover{

	border-bottom: 1px solid #fff;

}

.news-list ul li:hover .s{

	display: block;

}

.n-date{

	background: url(../images/b.png) no-repeat;

	margin-left: 15px;

	float: left;

	width: 7.9754601226%;

	text-align: center;

	padding: 7px 0;

}

.n-date .dd{

	font-size: 30px;

	color: #593902;

}

.n-date .ym{

	font-size: 18px;

	color: #593902;

}

.n-date img{

	margin: 0 auto;

}

.news-list-r{

	float: right;

	width: 86.32778264680%;

	margin-left: 30px;

}

.news-list-r h3{

	font-size: 20px;

	color: #3c3937;

}

.news-list-r p{

	font-size: 16px;

	color: #3c3937;

	margin: 6px 0px;

	max-height: 22px;

	overflow: hidden;

}

.news-list-r p.n-more{

	font-size: 14px;

	color: #0874cf;

	

}

.nd{

    width: 1141px;

    margin:50px auto;

}

.nd p{

	font-size: 18px;

	text-indent: 2em;

	color: #3C3937;

	line-height: 36px;

}

.xg{

	width: 1141px;

    margin:50px auto;

}

.xg-n,.xg-n1{

	float: left;

	margin-left: 30px;

	width: 46%;

}



.xg-n li,.xg-n1 li{

	list-style: disc;

	line-height: 45px;

}

.xg-n li,.xg-n1 li a{

	font-size: 18px;

	color: #000000;

	

}

.yongtu{

	width: 1141px;

	margin:70px auto 0;

}

.yongtu li{

	padding:20px 0;

	margin-bottom: 3px;

	border-top: 1px solid #d3d3d3;

	border-bottom: 1px solid #d3d3d3;

}

/*

    CONTACT

*/



.map {

	margin:30px 0;

}

.map img{

   margin:0px auto;

}

.contact{

    width: 1141px;

    margin:20px auto 50px;

}

.c-l{

    float: left;

    width: 49.07975460;%

    font-size: 14px;

    line-height: 33px;

    color: #6c6c6c;

}

.c-r{

    float: left;

    width: 40%;

    margin-left: 5.977796754%;

    color: #3b3b3b;

    line-height: 27px;

}

.c-r h1{

	font-size: 30px;

	color: #414142;

	padding-left: 15px;

	background: url(../images/shu.jpg) no-repeat left;

}

.c-r p{

	margin-top: 25px;

}

.form{

	background: url(../images/11.jpg) no-repeat center top;

	padding: 80px 0;

}

.form1{

	width: 920px;

	margin:0 auto;

	background: rgba(0,0,0,0.5);

	padding: 50px 0 25px;

	color: #fff;

	font-size: 24px;

}

.form1 >img{

	margin:0 auto;

}

.form1 form{

	width:56.521739% ;

	margin:60px auto 0;

}

.form1 form input,.form1 form textarea{

	height: 25px;

	background: none;

	border: 1px solid #FFFFFF;

	border-radius: 3px;

	margin-bottom: 15px;

	width: 75%;

}

.form1 form input.input{

	width: 66%;

}

.form1 form textarea {

	height: 150px;

}

.form1 form span{

	position: relative;

	top: -135px;

}

.form1 .tijiao{

	width: 146px;

	height: 39px;

	text-align: center;

	cursor: pointer;

	line-height: 39px;

	margin:20px auto;

	color: #fff;

	background: #0874cf;

	font-size: 24px;

	font-family: "黑体";

	border:none;

}

@media screen and (max-width: 800px) {

    .head,.title,#index-n ul,.footer,.h-top,.about1,.p-p,.p-pro,.rolls,.f-m,.inside-nav,.i-about,.gallery

    ,.inside-pro,.pd,.js-r,.xq,.yt,.news-list ul,.nd,.xg,.form1,.inpro{

        width: 98%;

        margin: 0 auto;

    }

    .form1 form{

    	width: 95%;

    	margin: 20px auto 0;

    }

    .xg-n, .xg-n1{

    	width: 90%;

    }

    .title {

    	margin:5px 0;

    	

    }

    .title img{

    	display: none;

    }

    .title p{

    	display: block;

    	font-family: "微软雅黑";

    }

    #h-t{

    	height: 70px;

    }

    .h-top .l{

    	font-size: 11px;

    	line-height: 17px;

    }

    .h-top .lang{

    	float: left;

    }

    .ap{

    	font-size: 10px;

		padding: 0 10px;

    }

    .a-t-r{

    	margin-left: 10px;

    	width: 95%;

    	text-align: justify;

    }

    .p-fenlei a{

    	width: 80px;

    	font-size: 14px;

    	margin: 0 5px;

    }

    .p-p{

    	font-size: 14px;

    	margin-top: 15px;

    	line-height: 25px;

    	word-wrap: break-word;

    }

    .p-pro li{

    	width: 96%;

    	float: none;

    	margin:0 auto;

    }

    #index-n .index-n{

    	width: 98%;

    	margin: 0px auto 0;

    }

    

    .i-n-l,#index-n .i-n-r{

    	width: 100%;

    }

    #index-n ul li a{

    	width: 84.783%;

    }

    #nav ul li img, .online,#nav ul li.curr img,#prev, #next{

    	display: none;

    }

    .i-map img{

    	margin-top: 15px;

    }

    #head .h-l{

        width: 100%;

    }

    #head .h-r{

    	display: none;

    }

    #menu {

        position: absolute;

        top: 45px;

        display: block;

        width: 20%;

        right: 26px;

    }

    #nav {

        background: rgba(0, 0, 0, 0.7);

        position: fixed;

        width: 42%;

        right: -55%;

        top: 0;

        height: 100%;

        z-index: 999;

        padding: 0;

    }

    #nav > ul {

        margin: 10% 0 0;

        padding: 0;

        width: 100%;

    }

    #nav > ul > li {

        display: block;

        float: none;

        text-align: center;

        margin: 0;

        padding: 0;

        width: 100%;

        height: 40px;

    }

    #nav ul li img,.online{

        display: none;

    }

    #nav > ul > li > a {

        color: #fff;

        display: block;

        line-height: 40px;

        background: none;

    }

    #nav > ul > li > ul {

        right: -300px;

    }

    #nav ul li a:hover,

    #nav ul li a.curr {

        color: #71bd0f;

        margin: 0;

        width: 100%;

        background: none;

    }

    #close_menu {

        display: block;

        position: absolute;

        z-index: 9999999999999;

        top: 30%;

        color: #fff;

        left: -40px;

        background: #009fe9;

        width: 40px;

        height: 40px;

        border-radius: 50%;

        text-align: center;

        line-height: 40px;

    }

   .i-about p{

   	text-align: justify;

   }

    .title{margin:5px auto;}

    #i-pro,#lc,#index-n{

    	margin-top: 20px;

    }

    #index-n ul li{

        width: 50% ;

        margin-bottom: 15px;

        padding-bottom: 15px;

    }

    

    .footer .f-l,.footer .f-r{

        width: 100%;

    }

    .f-m h1{

    	margin-bottom: 10px;

    }

    .footer .f-r{

        margin-right: 0;

        text-align: center;

    }

    

    .inside-nav a{

        margin: 0;

    }

    .pro li:hover .pro-h{

        opacity: 0;

    }

    .news-list ul li{

        width: 50% ;

        margin-bottom: 15px;

        padding-bottom: 15px;

    }

    .news-list ul li div p{

        max-height: 90px;

        overflow: hidden;

    }

    .n-date{

    	width: 100%;

    	float: none;

    	background: none;

    	margin: 0;

    }

    .news-list{

    	margin-top: 20px;

    }

    .news-list-r{

    	float: none;

    	margin-left: 15px;

    	width: 95%;

    }

    .news-list ul li:hover{

    	border-bottom: 1px solid #c9c9c9;

    }

    .news-list ul li:hover .s{

    	display: none;

    }

    .gallery li,.inside-pro li{

    	width: 45%;

    	margin:2.5%

    }

    .gallery li:nth-child(3n),.inside-pro li:nth-child(4n){

    	margin:2.5%

    }

    .gallery li:hover p{

    	display: none;

    }

    .inside-pro li > a img{

    	width: 96%;

    }

    .pd{

    	margin-top: 20px;

    }

    .js-l{

    	width: 80%;

    	margin:0 10%;

    	

    }

    .js-l, .js-r{

    	float: none;

    }

    .js-l img{

    	margin: 0 auto;

    }

    .xq{

    	margin-top: 20px;

    }

    .zx .f-l,.zx .f-r{

    	width: 93%;

    }

    .zx .f-l input, .zx .f-r textarea{

    	width: 70%;

    }

    .zx .f-r{

    	margin-left: 30px;

    }

    .fs-l,.fs-r{

    	float: none;

    	width: 100%;

    	border: none;

    }

    .fs-l img{

    	margin:0 auto 10px;

    	

    }

    #rollimg, #rollimg1{

    	width:auto;

    }

    #rollimg li, #rollimg1 li{

    	max-width: 227px;

    }

    #rolldiv li:last-child{

    	margin-right: 20px;

    }

}



@media screen and (max-width: 414px){

	

    #head{

        padding: 0px 0 5%;

    }

    .p-pro li{

    	width: 82%;

    }

    .p-pro li:last-child{

    	margin: 0 auto;

    }

    .h-l{

        position: relative;

        top: 10px;

    }

    

    .img{

        margin:15px auto;

    }

    #index-n ul li,.news-list ul li{

        width: 100%;

    }

   

    .f-m,.f-l{

    	float: none;

    }

    .f-m{

    	margin-top: 15px;

    }

    .footer .f-r{

        display: block;

        float: none;

        

    }

    .footer .f-r img{

    	margin:10px auto 0

    }

    .copy{

        width: 100%;

        margin-top: 0;

    }

    .case > div .case-l{

        margin-bottom: 20px;

    }

    .case > div .case-l,.case > div .case-r{

        width: 100%;

    }

    .case > div .case-r p{

        margin-top: 15px;

    }

    

    .pro li{

        width: 46%;

        margin:15px 2%;

    }

    .pro.pd .pd-l,.pro.pd .pd-r{

        width: 100%;

    }

    .pro.pd .pd-r table{

        width: 95%;

    }

    .pro.pd .pd-r td{

        padding-left: 5px;

        display: block;

        width: 100%;

    }

    .pro.pd .pd-r p{

        margin-left: 0;

    }



    .c-l,.c-r{

        width: 100%;

        margin:10px 0;

    }

    .inside-nav{

        padding: 10px 0;

    }

    #footer{margin-top: 20px;}

    .copyright{line-height: 24px;}

}

@media screen and (max-width: 375px){

	.p-pro a{

    	height: 210px;

    }

    .form1 form input, .form1 form textarea{

    	width: 70%;

    }

    .form1 form input.input{

    	width: 56%;

    }

}

@media screen and (max-width: 320px){

	.h-top .l {

	    font-size: 11px;

	}

	.a-t-r{

		font-size: 15px;

	}

	#index-n ul li a {

	    width: 83.783%;

	}

	.p-pro a {

	    height: 175px;

	}

}