﻿/* Write your styles */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;} 
a{text-decoration:none} 
a:hover{#000;text-decoration:none} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word} 

/**pc端**/
@media screen and (min-width:1024px){	

	.mobiles{
		display:none;
	}
	
	.pc_header{
		width:100%;
		height:120px;
		background:#ffffff;
	}
	
	.pc_header_middle{
		width:1248px;
		height:120px;
		margin:0 auto;
	}
	
	.pc_logo{
		width:238px;
		height:120px;
		float:left;
	}
	
	.pc_meuns{
		width:650px;
		height:120px;
		float:right;
	}
	
	.pc_meuns ul li a{
		width:66px;
		height:120px;
		line-height:120px;
		text-align:center;
		float:left;
		font-size:14px;
		margin-right:25px;
	}
	
	.pc_meuns ul li a:hover{
		border-bottom:3px solid #f1901b
	}
	
	.index_banners{
		width:100%;
		height:auto;
	}
	
	.flexslider{position:relative;height:800px;overflow:hidden;background:url(/static/image/loading.gif) 50% no-repeat;}
	.slides{position:relative;z-index:1;}
	.slides li{height:800px;}
	.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
	.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
	.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/static/image/dot.png) right 0 no-repeat;cursor:pointer;}
	.flex-control-nav .flex-active{background-position:0 0;}

	.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
	.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
	.flex-direction-nav li a.flex-prev{left:40px;background:url(/static/image/prev.png) center center no-repeat;}
	.flex-direction-nav li a.flex-next{right:40px;background:url(/static/image/next.png) center center no-repeat;}
	
	.pc_products{
		width:100%;
		height:1347px;
		background:#fff;
	}
	
	.pc_product_title{
		width:100%;
		height:182px;
		background:#4a4a4a;
	}
	
	.pc_product_title_middle{
		width:1248px;
		height:182px;
		margin:0 auto;
	}
	
	.pc_product_title_middle ul li a{
		display:block;
		width:193px;
		height:73px;
		float:left;
		background:url(/static/image/index_product_bg2_03.jpg);
		color:#f6f6f6;
		margin-top:57px;
		text-align:center;
		margin-right:15px;
	}
	
	.pc_product_title_middle ul li a:hover{
		color:#f1901b;
	}
	
	.product_cn_title{
		font-size:17px;
		margin-top:5px;
		margin-bottom:10px;
	}
	
	.product_en_title{
		font-size:12px;
		font-family:'Arial';
	}
	
	.pc_product_pics{
		width:1248px;
		height:1022px;
		margin:0 auto;
		margin-top:80px;
	}
	
	.pc_product_pics ul li a{
		display:block;
		width:399px;
		height:477px;
		float:left;
		margin-right:15px;
	}
	
	.pro_pics{
		width:399px;
		height:395px;
	}
	
	.pro_name{
		width:399px;
		height:70px;
		font-size:16px;
		line-height:70px;
	}
	
	.pro_mores a{
		display:block;
		width:396px;
		height:35px;
		margin:0 auto;
		text-align:center;
		line-height:35px;
		border-bottom:1px solid #e5e5e5;
		font-size:16px;
	}
	
	.clear{
		clear:both;
	}
	
	.index_abouts{
		width:100%;
		height:859px;
		background:url(/static/image/index_aboutxs_pic_02.jpg);
		background-position:50% 50%;
	}
	
	.index_abouts_middle{
		width:1248px;
		height:603px;
		margin:0 auto;
		padding-top:148px;
	}
	
	.index_abouts_middle_top{
		width:1078px;
		height:256px;
		float:right;
	}
	
	.index_abouts_middle_top_left{
		width:242px;
		height:256px;
		float:left;
	}
	
	.about_en{
		font-size:40px;
		font-weight:bold;
		font-family:'Arial';
		color:#ffffff;
		margin-top:20px;
	}
	
	.about_cn{
		font-size:28px;
		font-family:'微软雅黑';
		color:#e9e9e9;
		margin-top:20px;
	}
	
	.index_abouts_middle_top_right{
		width:633px;
		height:256px;
		line-height:2em;
		float:right;
		color:#ffffff;
	}
	
	.about_details a{
		display:block;
		width:160px;
		height:42px;
		background:#f1901b;
		line-height:42px;
		text-align:center;
		color:#fff;
		margin-top:50px;
	}
	
	.about_meuns{
		width:1248px;
		height:268px;
		margin:0 auto;
		background:url(/static/image/about_pic_03.jpg);
		margin-top:78px;
	}
	
	.about_meuns ul li a{
		display:block;
		width:411px;
		height:261px;
		float:left;
		text-align:center;
		color:#ffffff;
	}
	
	.about_meuns_en{
		font-size:40px;
		font-family:'Arial';
		margin-top:98px;
	}
	
	.about_meuns_cn{
		font-size:20px;
		margin-top:10px;
	}
	
	.pc_case{
		width:100%;
		height:844px;
		background:#fff;
	}
	
	.pc_case_middle{
		width:1248px;
		height:844px;
		margin:0 auto;
	}
	
	.pc_case_middle_left{
		width:611px;
		height:595px;
		margin-top:131px;
		float:left;
	}
	
	.big_case_name{
		padding:40px;
		margin-top:-170px;
		position:relative;
		z-index:99;
		color:#fff;
		padding-top:20px;
	}
	
	.big_case_name_en{
		font-size:28px;
		font-weight:bold;
	}
	
	.big_case_name_cn{
		font-size:20px;
		margin-top:10px;
	}
	
	.pc_case_middle_right{
		width:630px;
		height:595px;
		margin-top:131px;
		float:right;
	}
	
	.pc_zhaoshang{
		width:100%;
		height:778px;
		background:url(/static/image/jiameng_bg_02.jpg);
		background-position:50% 50%;
	}
	
	.pc_zhaoshang_middle{
		width:1248px;
		height:778px;
		margin:0 auto;
	}
	
	.pc_zhaoshang_middle_top{
		width:1248px;
		height:305px;
	}
	
	.zhaoshang_left{
		width:327px;
		height:305px;
		float:left;
		padding:60px;
	}
	
	.zhaoshang_title{
		font-size:24px;
		margin-top:20px;
	}
	
	.zhaoshang_number{
		font-size:24px;
		margin-top:20px;
	}
	
	.zhaoshang_button a{
		display:block;
		width:126px;
		height:37px;
		border:1px solid #000000;
		line-height:37px;
		text-align:center;
		 border-radius: 10px;
		 margin-top:20px;
	}
	
	.zhaoshang_right{
		width:624px;
		height:126px;
		float:right;
		color:#f1901b;
		text-align:right;
	}
	
	.zhaoshang_right_cn{
		font-size:28px;
		margin-top:185px;
	}
	
	.zhaoshang_right_en{
		font-size:22px;
		margin-top:10px;
	}
	
	.zhaoshang_right_remark{
		margin-top:10px;
		font-size:15px;
		letter-spacing:15px;
	}
	
	.pc_zhaoshang_middle_under{
		width:1248px;
		height:229px;
		margin-top:73px;
	}
	
	.pc_zhaoshang_middle_under ul li{
		width:199px;
		height:299px;
		float:left;
		color:#fff;
		margin-right:50px;
	}
	
	.list_title{
		font-size:18px;
		margin-top:80px;
	}
	
	.list_remarks{
		margin-top:10px;
		line-height:2em;
		font-size:13px;
	}
	
	.pc_news{
		width:100%;
		height:673px;
		background:#ffffff;
	}
	
	.pc_news_top{
		width:1248px;
		height:282px;
		margin:0 auto;
	}
	
	.pc_news_top_left{
		width:197px;
		height:282px;
		float:left;
	}
	
	.pc_news_cn{
		font-size:28px;
		font-weight:bold;
		margin-top:103px;
	}
	
	.pc_news_en{
		font-size:16px;
		font-family:'Arial';
		margin-top:17px;
	}
	
	.pc_news_top_right a{
		width:158px;
		height:37px;
		display:block;
		border:1px solid #bfbfbf;
		border-radius:10px;
		text-align:center;
		line-height:37px;
		float:right;
		margin-top:118px;
	}
	
	.news_unders{
		width:100%;
		height:390px;
	}
	
	.news_under_top{
		width:100%;
		height:63px;
		border-bottom:1px solid #e5e5e5;
	}
	
	.news_under_top_middle{
		width:1248px;
		height:63px;
		margin:0 auto;
	}
	
	.news_under_top_middle ul li{
		width:330px;
		height:63px;
		text-align:center;
		font-size:26px;
		color:#d5d4d4;
		float:left;
		margin-right:85px;
	}
	
	.news_small_icon{
		margin-top:10px;
	}
	
	.news_under_unders{
		width:1248px;
		height:277px;
		margin:0 auto;
		margin-top:38px;
	}
	
	.news_under_unders ul li a{
		width:330px;
		height:277px;
		float:left;
		display:block;
		text-align:center;
		color:#575757;
		margin-right:85px;
	}
	
	.news_titlesx{
		font-size:16px;
		font-weight:bold;
		margin-top:20px;
		
	}
	
	.news_remarksx{
		padding:10px;
		line-height:2em;
		margin-top:10px;
	}
	
	.pc_footers{
		width:100%;
		height:403px;
		background:#4a4a4a;
	}
	
	.pc_footers_middle{
		width:1248px;
		height:403px;
		margin:0 auto;
	}
	
	.pc_footes_middle_left{
		width:970px;
		height:403px;
		float:left;
	}
	
	.pc_footes_middle_left_top{
		width:970px;
		height:288px;
	}
	
	.footer_meuns{
		width:143px;
		height:auto;
		margin-top:75px;
		float:left;
		margin-right:25px;
	}
	
	.footer_meuns_big_title{
		font-size:18px;
		font-weight:bold;
		color:#ffffff;
	}
	
	.small_footer_title{
		margin-top:15px;
		font-size:15px;
		color:#8e8e8e;
	}
	
	.small_footer_title a{
		color:#9c9c9c;
	}
	
	.copyrights{
		width:970px;
		height:auto;
		color:#dbdbdb;
		margin-top:20px;
	}
	
	.copyrights a{
		color:#dbdbdb;
	}
	
	.footer_feedback{
		width:277px;
		height:auto;
		float:right;
	}
	
	.footer_feedback_title{
		font-size:18px;
		margin-top:60px;
		color:#f6f6f6;
	}
}	
/**pc端**/


/**手机端**/
@media screen and (max-width:1024px){
	.pc{
		display:none;
	}
	
	.mobile_header {
    max-width: 640px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}
	
	.mobile_header_logo {
		width: 40%;
		height: 100%;
		float: left;
		margin: 3%;
		margin-top: 2%;
		margin-bottom: 0px;
	}
	
	.mobile_header_logo img {
			width:100%;
		}
		
	.mobile_meuns {
		width: 20%;
		height: auto;
		float: right;
		margin: 7%;
		margin-right: 3%;
		text-align: right;
	}

	.mobile_meuns img {
		width: 31%;
		margin-top: 8%;
	}	
	
	.am-offcanvas {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1090;
		background: rgba(0,0,0,.15);
	}
	
	.sidenav {
		background: #ffffff;
		width: 150px;
		position: absolute;
		top: 0;
		bottom: 0;
		padding-top: 30px;
	}
	
	.am-offcanvas-content ul li {
		width: 100%;
		float: left;
		height: 50px;
		list-style-type: none;
		text-align: center;
		font-size: 14px;
		font-family: 微软雅黑;
	}
	
	.am-offcanvas-content a {
		color: #ccc;
	}
	
	img {
		border: 0;
		vertical-align: middle;
	}
	
	
	.mobile_banner {
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
	}
	
	.index_product {
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.index_product_middle {
		width: 95%;
		height: 100%;
		margin: 0 auto;
	}
	
	.index_product_middle_top {
		width: 100%;
		height: 100%;
		text-align: center;
		margin-top: 4%;
	}
	
	p {
		word-wrap: break-word;
	}
	
	.biaoyu_remark {
		margin-top: 1%;
		font-size: 12px;
	}
	
	.index_product_middle_under {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		margin-top: 2%;
	}
	
	.index_productclass_lists {
		padding: 1%;
		border-radius: 5px;
	}
	
	.productclass_pic {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.productclass_pic img {
		width: 100%;
		transition: all 0.6s ease 0s;
	}
	
	.productclass_pic_name a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		overflow: hidden;
		background: #e7e7e7;
		padding: 7%;
		border-radius: 0 0 6px 6px;
	}
	
	.index_product_more a {
		display: block;
		width: 30%;
		height: 4vh;
		line-height: 4vh;
		margin: 0 auto;
		border: 1px solid #e9e9e9;
		text-align: center;
		margin-top: 3%;
	}
	
	.mobile_about {
		max-width: 640px;
		height: 100%;
		margin: auto;
		margin-top: 4%;
	}
	
	.moble_product_title {
		text-align: center;
		font-size: 0.4rem;
		font-weight: bold;
		padding: 5%;
		padding-bottom: 0px;
	}
	
	.cn_product_title {
		font-size: 16px;
		font-weight: bold;
	}

	.en_product_title {
		font-size: 14px;
		font-family: 'Arial';
	}
	
	.mobile_about_pic {
		max-width: 640px;
		height: 100%;
		margin-top: 3%;
		background: #dfdfdf;
	}
	
	.mobile_about_remark {
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #dfdfdf;
		padding: 3%;
		color: #ededed;
		padding-bottom:8%;
	}
	
	.mobile_about_remark_list {
		text-indent: 2em;
		margin-top: 5%;
	}
	
	
	.mobile_index_case {
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
	}
	
	.index_product_middle_top {
		width: 100%;
		height: 100%;
		text-align: center;
		margin-top: 4%;
	}
	
	.cn_product_title {
		font-size: 16px;
		font-weight: bold;
	}
	
	.en_product_title {
		font-size: 14px;
		font-family: 'Arial';
	}
	
	.biaoyu_remark {
		margin-top: 1%;
		font-size: 12px;
	}
	
	.am-slider-c3 .am-slider-desc {
		width: 100%;
		background-color: rgba(0,0,0,.6);
		position: absolute;
		bottom: 0px;
		right: 60px;
		height: 30px;
		left: 0;
		padding-right: 5px;
		color: #fff;
		display: block;
		word-wrap: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

.am-slider-c3 .am-slider-counter {
    margin-right: 5px;
    display: inline-block;
    height: 30px;
    background-color: #0e90d2;
    width: 40px;
    text-align: center;
    line-height: 30px;
    color: #eee;
    font-size: 1rem;
}


.feedbacksx {
    max-width: 640px;
    height: 100%;
}

.moble_product_remark {
    text-align: center;
    padding: 2%;
}

.index_footers {
    width: 100%;
    height: 7vh;
    background: #717171;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background-position: 50% 50%;
}


.index_footers ul li a {
    display: block;
    width: 20%;
    height: 7vh;
    line-height: 7vh;
    float: left;
    text-align: center;
}

.mobils_cases {
    max-width: 640px;
    height: auto;
    margin: 0 auto;
}

#mproject {
    background-color: #fff;
    margin-bottom:20px;
}

#projectlist .wrapper {
    margin-left: 0;
}

#projectlist .projectitem {
    height: auto;
    float: left;
    position: relative;
}

#projectlist .projectitem {
    padding-bottom: 50px;
    width: 48%;
    margin: 0 1% 2% 1%;
    background-color: #fff;
}

#projectlist .projectitem a {
    display: block;
    overflow: hidden;
}

#projectlist .projectitem a img {
    width: 100%;
    height: auto;
    transition: all ease-out .3s;
}

#projectlist .projectitem .project_info {
    height: 50px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.projectitem .project_info p.title {
    margin-top: 10px;
    color: #565656;
    font-size: 13px;
    text-align: left;
    margin-left: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}
	
}
/**手机端**/