/*样式重置*/
html, body, div, span, iframe,h1, h2, h3, h4, h5, h6, p, em, img, strong, b, i,dl, dt, dd, ol, ul, li, form, label, input,textarea,button{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1,h2,h3,h4,h5,h6,em,i {
    font-weight: 100;
    font-style: normal
}
ul,ol,li {list-style-type: none}
a {color: #666;text-decoration: none;outline: 0;cursor:pointer;}
a:hover {text-decoration: none}
body{font:14px/1.5 Microsoft Yahei;}
/*public css*/
.cw{margin:0 auto;position:relative;width:1440px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fl{float:left;}
.fr{float:right;}
.photo img{transition: 1s all;display:block;}
.rotateY>li:hover .photo img {
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
}/*y轴旋转图片*/
.scale>li:hover .photo img{transform: scale(1.2, 1.2);}/*放大图片*/
.clamp .title,.clamp .summary,.clamp .subtitle{
	overflow: hidden;
	 -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    word-break: break-all;
}
.viewmore{
    width: 240px;
    height:30px;
    line-height: 30px;
    background: #b19873;
    border: 1px solid #b19873;
    color: #b19873;
	display:block;
	-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
	text-align:center;
	margin:30px auto 0;
}

.viewmore:before{content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.viewmore:hover{color:#fff;}
.viewmore:hover:before {-webkit-transform: scaleX(0);transform: scaleX(0);}

.honor{height:280px;}
.honor .swiper-slide{width:400px;height:280px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
 /* WebKit browsers */ 
color: #aaa; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #aaa; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
 /* Mozilla Firefox 19+ */ 
color: #aaa; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
 /* Internet Explorer 10+ */ 
color: #aaa; 
} 

.location{position: absolute;height:72px;top: 0;display:block;width:100%;z-index:-1;margin-top:-72px;}
.w25{width:25%;}
.w33{width:33.33%;}
.w50{width:50%;}
.w100{width:100%;}


/*website css*/
#header{
	width:100%;
    z-index: 999;
}
.head-add {
    position: fixed!important;
    background: #fff;
    box-shadow: 0 0 6px #dcdcdc;
    top: 0px;
    left: 0px;
    transition: all .1s;
}
#header .logo {
	display:inline;
    width: 300px;
	height: 72px;
    line-height: 72px;
    padding: 0;
    z-index: 3;
    left: 30px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
#header .logo a{
    display: block;
    outline: none;
    vertical-align: middle;
    text-align: left;
    width: 440px;
	height: 72px;
	line-height: 72px;
	overflow:hidden;
}
#header .logo a img {
    line-height: 110px;
    vertical-align: middle;
    max-width: 440px;
    max-height: 62px;
	margin-right:10px;
}
#header .logo a span{
	font-size:24px;
	vertical-align:middle;
}
#header .banner{
	width: 100%;
    min-height: 72px;
    margin-top: -72px;
	z-index: 2;
}
#bannerMenuBar {
    float: right;
	margin-right:170px;
}
#bannerMenuBar>li{
	float: left;
    width: 100px;
    height: 72px;
    text-align: center;
    line-height: 100px;
    box-sizing: border-box;
    position: relative;
    padding: 0;
}
#bannerMenuBar>li a {
    display: block;
    width: auto;
    line-height: 72px;
    height: inherit;
    font-size: 13px;
    font-weight: 100;
	text-decoration: none;
    outline: none;
    text-align: center;
	
}
#bannerMenuBar>li a.sub, a.sub-placeholder {
    display: none;
}
#bannerMenuBar>li a:before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0;
    background: #52688d;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	z-index:8;
}
#bannerMenuBar>li a:hover:before {
    right: 0;
    left: 0;
}
#bannerMenuBar .subMenuList {
  display: none;
}
.menu-btn{display:none;}
.top-tel{position:absolute;top:20px;right:10px;    color: #b39b77;font-size: 16px;}
.top-tel .fa{vertical-align: middle;}
.top-tel span{vertical-align: middle;margin-left:6px;}



.focus .focus-img span{height:450px;}
.focus .swiper-pagination-bullet{background:#fff;opacity: 1;}
.focus .swiper-pagination-bullet-active{background:#ef8200;}
.focus .swiper-button-prev{left:200px;background:none;}
.focus .swiper-button-prev .fa,.focus .swiper-button-next .fa{font-size:60px;color:#fff;}
.focus .swiper-button-prev:hover .fa,.focus .swiper-button-next:hover .fa{color:#f0851a}
.focus .swiper-button-next{right:200px;background:none;}
.focus .swiper-button-next,.focus  .swiper-button-prev{
	width:23px;
	height:42px;
	-moz-background-size:23px 42px;
	-webkit-background-size:23px 42px;
	background-size:23px 42px;
}

#content{margin:20px 0 50px;}

#sidebar{
	width: 230px;
    margin-right: -230px;
    z-index: 9;
	position: relative;
	float:left;
	box-sizing: content-box;
	
}

#main{
	width: 100%;
    padding-left: 240px;
	float: right;
    position: relative;
    height: 1%;
    margin: 0;
    box-sizing: border-box;
}


.box{
    margin-bottom:10px;
}
.box .box-h {
    position: relative;
	padding: 30px 0 20px;
}
.box-h .line {
    width: 50px;
    height: 2px;
    background: #b19873;
    margin: 0 auto;
}
.box-h .titleAlias {
    font-family: arial;
    color: #b39b77;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 0 0;
	text-align:center;
}
.box-h .title {
    color: #10376b;
    font-size: 20px;
	text-align:center;
}
.box2{
	background: rgb(253,251,251); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(253,251,251,1) 0%, rgba(235,237,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbfb', endColorstr='#ebedee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}
.box2-h{
    background: #27426f;
    height: inherit;
    line-height: inherit;
    padding: 60px 60px 40px;
    text-align: left;
	margin:0;
}
.box2-h span{    color: #b19873;
    text-transform: uppercase;
    font-size: 24px;
    font-family: arial;
    letter-spacing: 2px;}
.box2-h p{    font-size: 18px;color:#fff;}

.company .photo{width:625px;height:348px;overflow:hidden;}
.company .photo img{width:100%;height:100%;}
.company .summary{
	position:relative;
	width:795px;
	height:348px;
	background: rgb(253,251,251); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(253,251,251,1) 0%, rgba(235,237,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbfb', endColorstr='#ebedee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:50px;
	box-sizing:border-box;
	overflow:hidden;
}
.company .summary span{
	display:block;
	text-indent: 2em;
	line-height:2;
	font-size:16px;
}
.company .summary a{
	position: absolute;
    right: 50px;
    bottom: 50px;
    font-weight: bold;
    font-size: 12px;
}
.company .summary a:hover{color:#10376b;}
.row .qef-row{
	float: left;
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}
.row .qef-row .title{font-size:20px;color:#10376b;}


.column .head{padding: 20px 0;margin: 0 auto;text-align: center;}
.column .head a{
	padding: 6px 20px;
	margin: 0 10px 10px;
    background: #b19873;
    color: #757475;
	display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
}

.column .head a:before{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #efefef;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.column .head a:hover:before{
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.column .head a:hover{color:#fff;}
.column .head a.tabf{color:#fff;}
.column .head a.tabf:before{background: #b19873;}


.product-list>li{
    width: 356px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
	
}
.product-list>li:nth-child(4n) {margin-right: 0;}
.product-list>li .item{	background:#fafafa;padding-bottom:10px;}
.product-list>li .photo{
    position: relative;
	overflow:hidden;
	height:356px;
}
.product-list>li .photo img{
	width:100%;
	height:100%;
	display:block;
}
.product-list>li .photo i{
    transition: .3s all;
}
.product-list>li .photo:hover a i{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.45);
    top:0;
	left:0;
}
.product-list>li .title{
	margin:10px 0 6px;
	padding:0 10px;
	font-size: 16px;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
	height:24px;
}
.product-list>li .title a{display:block;}
.product-list>li .subtitle{color: #757575;font-size: 12px;padding:0 10px;height:18px;}


/*团队成员*/
.member-list{
	padding:0 160px;
	position:relative;
}
.member-list .photo{
	float:left;
	width:200px;
	height:270px;
	margin-right:50px;
}
.member-list .photo img{
	width:200px;
	height:270px;
}
.member-list .title{
	font-size:22px;
	padding:30px 0;
}
.member-list .summary{
	line-height:2;
	color:#909090;
	-webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    -o-line-clamp: 4;
    line-clamp: 4;
}
.member-list .author{
	margin-left:2em;
	font-size:14px;
	color:#666
}
.member-list .author .fa{
	margin-right:.5em;
}

.member .swiper-button-next,.member  .swiper-button-prev{
	width:40px;
	height:40px;
	background:#b39b77;
	opacity:.5;
}
.member .swiper-button-next .fa,.member  .swiper-button-prev .fa{
	color:#fff;
	font-size: 22px;
}
.member .swiper-button-next,.member  .swiper-button-prev{
	background-image:none;
	text-align: center;
    line-height: 44px;
}
.member .swiper-button-next:hover,.member  .swiper-button-prev:hover{
	opacity:1;
}

/*公司新闻*/
.news-list>li{
	float:left;
    width: 466px;
    margin-right: 20px;
	margin-bottom:20px;
	border:1px solid #eee;
	box-sizing:border-box;
	position:relative;
	background:#fafafa;
	overflow:hidden;
	padding-bottom:30px;
	transition:all .5s;
}
.news-list>li:hover{
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.news-list>li:nth-child(3n){
	margin-right:0;
}
.news-list>li .photo{
	width:466px;
	height:255px;
}
.news-list>li .photo img{
	width:466px;
	height:255px;
}
.news-list>li .title{
	font-size:18px;
	color:#333;
	-webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
	padding:20px 20px 0;
	height:24px;
}


.news-list>li .summary{
	font-size:14px;
	-webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;	
	color:#a9a9a9;
	padding:20px 20px 0;
}


/*案例*/
.case{background-size:cover;position:relative;padding:50px 0 100px;margin:50px 0 0;}
.case .box-h .titleAlias,.case .box-h .title{color:#fff;}
.case .box-h .line{background:#fff;}
.case-list{padding:0 10px;}
.case-list>li{float:left;width:20%;box-sizing:border-box;padding:0 10px;}
.case-list>li .item{border:2px solid #fff;position:relative;overflow:hidden;}
.case-list>li .photo{height:240px;}
.case-list>li .photo img{width:100%;height:100%;}
.case-list>li .title{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(39, 66, 111, 0.8);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    visibility: hidden;
}
.case-list>li:hover .title{
    visibility: visible;
    opacity: 1;

}
.case-list>li .title span{
	box-sizing: border-box;
	display:block;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear;
	margin-top: 60px;
    padding: 0 20px;
}
.case-list>li:hover .title span{
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
/*横幅图片*/
.banner{margin-top:30px;}
.banner img{width:100%;}

/*友情链接*/
.link-list-photo>li{float:left;width:348px;height:102px;margin:0 16px 16px 0;box-sizing:border-box;border:1px solid #ccc;overflow:hidden;}
.link-list-photo>li:nth-child(4n){margin-right:0;}
.link-list-photo>li a{width:348px;height:102px;display: table-cell;text-align: center;vertical-align: middle;}
.link-list-photo>li a img{max-width:348px;max-height:102px;}

.link-list-txt>li{float:left;margin-right:10px;font-size:16px;}

/*侧栏固定栏*/
.side-pannel {position:fixed; width:52px; bottom:200px; right:40px; z-index:1000; }
.side-bar>a {width:52px;height:52px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:transparent;  transition:all .3s ease-out; }

.side-bar .dh{ width:52px;height:52px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  transition:all .3s ease-out; border:1px solid #b39b77;}
.side-bar .dh .fa{font-size: 32px;margin-top: 12px;color:#b39b77;}
.side-bar .dh:hover .fa,.side-bar a.wx:hover .fa,.side-bar a.gotop:hover .fa { color:#fff;}
.side-bar .dh:hover{background:#10376b;border-color:#10376b;}

.side-bar a.wx{ border:1px solid #b39b77;border-radius:50%;}
.side-bar a.wx .fa{font-size: 28px;margin-top: 11px;color:#b39b77;}
.side-bar a.wx:hover{background:#10376b;border-color:#10376b;}
.side-bar a.gotop{ border:1px solid #b39b77;border-radius:50%;}
.side-bar a.gotop .fa{font-size: 32px;margin-top: 7px;color:#b39b77;}
.side-bar a.gotop:hover{background:#10376b;border-color:#10376b;}

.side-bar a.web-login{background:#b39b77;}
.side-bar a.web-login:hover{background:#10376b;}
.side-bar a.web-login i{display: inline-block;width: 30px;line-height: 1.2;margin-top: 9px;color:#ffffff;}





.side-bar .dh .hide{  width:166px;  position:absolute; left:-166px; top:14px;overflow:hidden;}
.side-bar .dh .hied_con{ width:150px; background:#284270; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after{content:"";width:16px;height:16px;background:#284270;position:absolute;right: 11px;top:-8px;transform:rotate(45deg);}

 
.side-bar .dh .hide dl{ width:124px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt a{ color:#fff!important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; }

.f_top{display: block;font-size: 24px;color:#fff;line-height: 50px;}

.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{width:360px;height:440px;z-index:100001;position:fixed;top:50%;left:50%;background:#fff;margin:-200px 0 0 -180px;box-shadow:1px 1px 6px 3px rgba(0,0,0,.2);display:none;text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333;     }
.popover1 dd{margin:0;}
.popover1 dd img{width:207px;height:207px;}
.popover1 .txt{margin:20px 0;}
.popover1 .txt p{padding:0;margin:0;}
.popover1 dl a{ width:110px; height:40px;line-height:40px; background:#284270; color:#fff!important; display:inline-block; border-radius:2px; font-size:14px;}
.no-side-bar .noscript{display:none;}

/*底部*/
#footer{background:#e6e6e6;padding:40px 0 20px;color:#6f6f6f;}



.footermenu-inner{float:left;}
.footermenu-inner>li{float:left;margin-right:20px;min-width:130px;   color: #666;}
.footermenu-inner>li>a.titlebox {font-size: 16px;display: block;margin-bottom: 6px;}
.footerSubMenuList li a.titlebox{font-size:12px;}
.footerSubMenuList li a.titlebox:hover{opacity:0.9}

.contact-inner{margin-right:60px;float:right;}
.contact-inner p{font-size:17px;margin-bottom:6px;}

.contact-inner p a:hover{opacity:0.8;}

.qcrode-inner{float:right;}
.qcrode-inner p{max-width:100px;max-height:100px;float:left;margin-left:10px;}
.qcrode-inner p img{
	width:100%;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
}

.footer-textbox{padding-top: 20px;margin-top: 40px;border-top: 1px solid #cccccc;text-align:center;}
.footer-textbox p{margin-bottom:6px;}



/*二级页面*/
.topBanner span{height:255px;}
.about-con p {
    text-indent: 2em;
    line-height: 2;
    font-size: 15px;
}

.culture-con{
	background: rgb(253,251,251); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(253,251,251,1) 0%, rgba(235,237,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbfb', endColorstr='#ebedee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:50px;
	box-sizing:border-box;
}

.contact{width:1190px;margin:10px auto 0;}
.company-info{width:500px;margin-top:50px;}
.company-info h1{font-size:20px;margin-bottom:10px;}
.company-info p{margin-bottom:6px;}
.company-info .qcrode-img{max-width:100px;max-height:100px;}
.company-info .qcrode-img img{width:100%}

.contact-img{width:600px;height:auto;}
.contact-img img{width:100%;}

.honor .swiper-button-prev{left:0;background:none;}
.honor .swiper-button-prev .fa,.honor .swiper-button-next .fa{font-size:60px;color:#b39b77;}
.honor .swiper-button-prev:hover .fa,.honor .swiper-button-next:hover .fa{color:#a68f6d;}
.honor .swiper-button-next{right:0;background:none;}
.honor .swiper-button-next,.honor  .swiper-button-prev{
	width:23px;
	height:42px;
	-moz-background-size:23px 42px;
	-webkit-background-size:23px 42px;
	background-size:23px 42px;
}

.msgform{
	background: rgb(253,251,251); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(253,251,251,1) 0%, rgba(235,237,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbfb', endColorstr='#ebedee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:30px;
	box-sizing:border-box;
	max-width:600px
}
.msgform h1{font-size:24px;text-align:center;margin-bottom:16px;}
.msgform dd{width:100%;margin-bottom:10px;}
.msgform dd input{width:100%;height: 28px;line-height: 28px;padding: 0 .5em;background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.msgform dd textarea{width:100%;height:72px;background:#fff;border:1px solid #ddd;padding: .5em;box-sizing:border-box;font-family:Microsoft Yahei;}
.msgform dd button{background: #10376b;color: #fafafa;width: 100px;height: 32px;border: none;cursor: pointer;}
.msgform dd button:hover{background:#0a2850;color: #ffffff;}

.msgform2 {margin:0 -15px;}
.msgform2 .msgform-txt{padding:0 15px;float:left;box-sizing:border-box;margin-bottom:15px;}
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-sizing:border-box;
}
textarea.form-control{height:80px;}
.msgform-btn{float:left;padding-right: 15px;padding-left: 15px;box-sizing:border-box;text-align:center;}
.msgform-btn .btn{
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	width:100%;
	background:#eee;
}
.msgform-btn .btn:hover{background:#ddd;}
.msgform-btn .btn-primary{background-color:#10376b;color:#fff;}
.msgform-btn .btn-primary:hover{background-color:#0a2850;}









.porduct-menu {
    padding: 0 0 40px;
}
.porduct-menu>li {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.porduct-menu>li>i{width: 32px;height: 32px;display: block;position: absolute;top: 20px;left: 20px;}
.porduct-menu>li .sub:after, .porduct-menu>li .sub:before {
    content: '';
    position: absolute;	
	top: 15px;
    left: 10px;
    width: 12px;
    height: 2px;
    background: #10376b;
    border-radius: 10px;
    transition: all 0.5s;
}
.porduct-menu>li .sub:before {transform: rotate(90deg);}
.porduct-menu>li.sel .sub:before{transform: rotate(180deg);}
.porduct-menu>li .no-sub:after{
	content: '';
    position: absolute;
	top: 13px;
    left: 13px;
    width: 6px;
    height: 6px;
    background: #10376b;
	border-radius: 10px;
    transition: all 0.5s;
}
.porduct-menu>li span,.porduct-menu>li a{padding:4px 10px 4px 55px;display:block;font-size:16px;cursor: pointer;color:#4d4d4d;}
.porduct-menu>li span.titleBox:hover,.porduct-menu>li>a.titleBox:hover{color:#10376b;}
.porduct-menu .subMenuList a:hover{background:#b19873;color:#fff;}
.porduct-menu li .subMenuList{display:none;}
.porduct-menu li.sel .subMenuList{display:block;}



.product-list2>li{
    width: 296px;
    float: left;
    margin-right: 5px;
    margin-bottom: 12px;
}
.product-list2>li:nth-child(4n) {margin-right: 0;}
.product-list2>li .photo{
    position: relative;
	overflow:hidden;
	height:296px;
}
.product-list2>li .photo img{
	width:100%;
	height:100%;
	display:block;
}
.product-list2>li .photo i{
    transition: .3s all;
}
.product-list2>li .photo:hover a i{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.45);
    top:0;
	left:0;
}
.product-list2>li .title{
	margin:10px 0 6px;
	font-size: 16px;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
	height:24px;
}
.product-list2>li .title a{display:block;}
.product-list2>li .subtitle{color: #757575;font-size: 12px;height:18px;}

.productcase-info #sidebar{width: 500px;margin-right: -500px;z-index: 9;}
.productcase-info #main{padding-left: 540px;}
.productcase-info #main .box{background: rgb(253,251,251); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(253,251,251,1) 0%, rgba(235,237,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(253,251,251,1) 0%,rgba(235,237,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbfb', endColorstr='#ebedee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:50px 80px;
}

.product-item .product-img{width:300px;height:300px;overflow:hidden;}
.product-item .product-img img{width:100%;transition: 1s all;}
.product-item .product-img:hover img{transform: scale(1.2, 1.2);}
.product-item dt{color:#999999;font-size:16px;}
.product-item dd{color:#10376b;font-size:24px;margin-bottom:20px;}

.product-other-list>li{width:114px;height:114px;float:left;margin:10px 10px 0 0;overflow:hidden;}
.product-other-list>li img{width:100%;height:100%;transition: 1s all;}
.product-other-list>li:hover img{transform: scale(1.2, 1.2);}

.news-list2{
	margin-top:30px;
}
.news-list2>li{
	margin-top:40px;
	padding-top:40px;
	border-top:1px solid #eee;
}
.news-list2>li .item{
	height:253px;
	position:relative;
}
.news-list2>li .photo{
	float:left;
	margin-right:50px;
	width:385px;
	height:253px;
	overflow:hidden;
}
.news-list2>li .title{
	padding-top:40px;
    font-size: 20px;
	-webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
}
.news-list2>li .date{
    left: 435px;
    font-size: 18px;
}
.news-list2>li .date .key{
	display:none;
}
.news-list2>li .summary{
    margin-top: 20px;
    font-size: 16px;
    color: #999;
    line-height: 28px;
	-webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
}
.news-list2>li .summary .viewContent{
	position: absolute;
    left: 435px;
    font-size: 16px;
    bottom: 0;
	text-decoration: underline;
}
.news-con{	background:#dedcdd;}
.news-con #sidebar{
    width: 440px;
    margin-right: -440px;
    z-index: 99;
	min-height: 17rem;
	padding: 50px 60px;
    box-sizing: border-box;
}
.news-con #main{
    background: #f5f7f6;
    min-height: 17rem;
	padding:50px 60px;
	width:1000px;
}

.news-con-h{margin-bottom: 40px;}
.news-con-h span{	color: #b19873;	font-size:28px;}
.news-con-h p{	color: #231915;	font-size:21px;}

.side-news-list>li{margin-bottom: 20px;}
.side-news-list .title a{
	color:#717070;
	font-size:16px;
}
.side-news-list .title a:hover{
	color:#b39b77;
}
.side-news-list .date{	color:#a9a6a6;}

/*案例二级列表*/
.case-list2{padding:0 10px;}
.case-list2>li{float:left;width:25%;box-sizing:border-box;padding:0 5px;margin-bottom:10px;}
.case-list2>li .item{border:2px solid #fff;position:relative;overflow:hidden;}
.case-list2>li .photo img{width:100%;}
.case-list2>li .title{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(39, 66, 111, 0.8);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    visibility: hidden;
}
.case-list2>li:hover .title{
    visibility: visible;
    opacity: 1;

}
.case-list2>li .title span{
	box-sizing: border-box;
	display:block;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear;
	margin-top: 60px;
    padding: 0 20px;
}
.case-list2>li:hover .title span{
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
/*案例内容页*/
.case-item .case-img{width:400px;height:230px;overflow:hidden;}
.case-item .case-img img{width:100%;transition: 1s all;}
.case-item .case-img:hover img{transform: scale(1.2, 1.2);}


.case-item dt{font-weight:bold;color:#999999;font-size:16px;}
.case-item dd{font-weight:bold;color:#10376b;font-size:24px;margin-bottom:20px;}

.case-other-list>li{width:156px;height:96px;float:left;margin:10px 10px 0 0;overflow:hidden;}
.case-other-list>li img{width:100%;height:100%;transition: 1s all;}
.case-other-list>li:hover img{transform: scale(1.2, 1.2);}


/*新闻内容页*/
.article-con h1{
	text-align: left;
    font-size: 22px;
    font-weight: 100;
	margin-bottom:.5em;
}
.article-con .line{
    border-bottom: #ccc 1px solid;
    margin: 8px 0;
}
.article-con .content p{margin-bottom:6px;line-height:1.5;font-size:15px;}
.article-con .content .cover{text-align:center;}
.article-con .content video{width:100%!important;height:auto!important;}
.article-con .content .tableclass{border-collapse: collapse;}
.article-con .content .tableclass td,.article-con .content .tableclass tr{border:1px solid #000;padding:0 6px;}
.article-con img{max-width:100%;}



/*文章翻页*/
.prenext-inner{display: table;table-layout: fixed; width: 100%;border: 1px solid #ccc;margin-top: 30px;}
.prenext-inner .action{vertical-align:middle;}
.prenext-inner .blank{display:inline-block;width:10px;}
.prenext-inner .title	{
	width:80%;
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align:middle;
}
.prenext-inner .second{display:none;text-align:left!important;}
.pre-inner{display:table-cell;width:50%;text-align:left;box-sizing:border-box;padding:10px;}
.next-inner{display:table-cell;width:50%;text-align:right;box-sizing:border-box;padding:10px;}
/*列表翻页*/
.pages {padding: 2px 0;float:right;margin:10px 0 0;}
.pageback {padding: 2px 0;}
.pages A ,.pages b,.pageback A {border: 1px solid;  padding: 0 6px; line-height: 30px;  float: left; height: 30px; overflow: hidden; margin-right: 2px; min-width:30px;
box-sizing:border-box;text-align:center;}
.pages b {border: 1px solid;  padding: 0 6px; line-height: 20px;  float: left; height: 20px; overflow: hidden; margin-right: 2px; }

.pages A ,.pageback A {	border-color: #e6e7e1; background: #fff; color: #b39b77; }

.pages A:hover ,.pageback A:hover{text-decoration: none}

.pages b {border-color: #b39b77; background-color: #b39b77; color: #fff;height:30px;line-height:30px;  font-weight: 700}
.pages A.prev { }
.pages A.next .fa{margin-left:6px;}
.pageback A {}
.pages A:hover ,.pageback A,.pages A.next {border-color: #b39b77;}

/*企业文化*/
.culture-info{float:left;padding:0 15px;margin-bottom:15px;box-sizing:border-box;text-align:center;}
.culture-info>div{margin-top:10px;}
.culture-icon{max-width:100px;max-height:100px;margin:0 auto;}
.culture-icon img{width:100%;}
.culture-title{font-size:16px;}
.culture-line{width:40%;margin-left:auto;margin-right:auto;height:1px;background:#ccc;}


/*网站公告*/
.announce{
    width: 100%;
	padding:10px 0;
    margin-top: 10px;
    background: #f7f7f7;
	position:relative;
}
.ann_title a{
	position:absolute;
	top:0;
	left:0;
	padding:0 30px;
	height:46px;
	line-height:46px;
	background:#10376b;
	color:#ffffff;
	z-index:9;
}
.ann_title .fa{margin-right:10px;font-size: 20px;vertical-align: middle;}
.ann_content{padding-right:10px;}
.ann_content a.title{position:relative;padding-left:10px;margin-right:50px;}
.ann_content a.title:before{content:'';position:absolute;width:3px;height:3px;background:#666;left: 0; top: 10px;}

#ann{width:1000px;margin:0 auto;box-sizing:border-box;}

.ann-list{padding:50px;background: #fafafa;}
.ann-list li{border-bottom:1px dotted #ccc;margin-bottom:16px;padding-bottom:16px;line-height:30px;}
.ann-list li:last-child{border:none;margin:0;padding:0;}
.ann-list li a{display:inline-block;font-size:16px;margin-right:5px;}
.ann-list li i{
    float: right;
    margin-left: 5px;
    color: #999;
    font-family: Verdana;
}
.ann-con{
	padding:16px 30px;
}
.ann-con h1{
	text-align: center;
    font-size: 20px;
    font-weight: bold;
	margin-bottom:.5em;
	padding: 10px 0 ;
}
.ann-con .line{
    border-bottom: #ebebeb 1px solid;
    margin: 8px 0;
}
.ann-con .date{text-align: center;color: #999;font-family: Verdana;}
.ann-con .content{margin-top:20px;}
.ann-con .content p{margin-bottom:6px;line-height:2;}
.ann-con .content .cover{text-align:center;}
.ann-con .content video{width:100%!important;height:auto!important;}
.ann-con img{max-width:100%;}

/*产品列表（封面）*/
.porduct-cover-list>li{
	float:left;
	width:390px;
	height:390px;
	margin:0 15px 15px 0;
	overflow:hidden;
	position:relative;
	box-sizing: border-box;
}
.porduct-cover-list>li:nth-child(3n){margin-right:0;}

.porduct-cover-list>li .img{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	
}
.porduct-cover-list>li a:hover .img{
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}
.porduct-cover-list>li .img img {width: 100%;height: 100%;}

.porduct-cover-list>li .info{
	
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
	height: 65px;
    background: #10376b;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	
}
.porduct-cover-list>li a:hover .info{
    visibility: visible;
    opacity: 1;
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.porduct-cover-list>li .info .title{
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 4px 0 0 0;
}

.code-query-box{margin-bottom:130px;}
.code-query-box .item1{
	padding:30px 40px;
	background:#f36e21;
}
.code-query-box .item2{
	margin:80px auto 0;
	width:720px;
}
.code-query-box .item2 .form-group{margin-bottom:20px;}
.code-query-box .item2 .control-label{
	width:100px;
	display:inline-block;
	font-size:20px;
	padding-top:10px;
	vertical-align:top;
}
.code-query-box .item2 .form{
	width:600px;
	display:inline-block;
	vertical-align:top;
}
.code-query-box .item2 .form .form-control{
	font-size:20px;
	height:48px;
	line-height:48px;
}
.code-query-box .item2 .form .result{
	font-size:20px;
	padding-top:10px;
}
.code-query-box .item2 .form .help-block{
	color:red;
	padding-top:4px;
}
.code-query-box .item2 .disabled{background:#fafafa;color:#333;}
.code-query-box .btn{
	display: inline-block;
    min-height: 34px;
    line-height: 34px;
    vertical-align: baseline;
    font-size:20px;
    padding: 6px 50px;

    color: rgba(255,255,255,.8);
    border: 1px solid transparent;
    background: #f36e21;
    text-transform: none;
    text-shadow: none;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    outline: none;
	cursor:pointer;
}
.code-query-box .btn:hover{
	color:#ffffff;
	background:#f60;
}
/*media css*/
@media only screen and (min-width:320px){html{font-size:21.3333px!important}}
@media only screen and (min-width:360px){html{font-size:24px!important}}
@media only screen and (min-width:375px){html{font-size:25px!important}}
@media only screen and (min-width:384px){html{font-size:25.6px!important}}
@media only screen and (min-width:400px){html{font-size:26.6667px!important}}
@media only screen and (min-width:414px){html{font-size:27.6px!important}}
@media only screen and (min-width:480px){html{font-size:32px!important}}
@media only screen and (min-width:540px){html{font-size:36px!important}}
@media only screen and (min-width:560px){html{font-size:37.3333px!important}}
@media only screen and (min-width:640px){html{font-size:42.6667px!important}}
@media only screen and (min-width:720px){html{font-size:48px!important}}
@media only screen and (min-width:750px){html{font-size:50px!important}}


@media only screen and (max-width: 1440px){
.cw{width:1190px;}
.company .photo{width:520px;height:290px;}
.company .summary{width:660px;height:290px;padding:20px;}
.company .summary a{bottom:20px;right:20px;}
.company .con span{font-size: 14px;}
.product-list>li{width:293px;}
.product-list>li .photo{height:293px;}
.product-other-list>li{width:100px;height:100px;}
.news-list>li{width:383px;}
.news-list>li .photo,.news-list>li .photo img{width:383px;height:256px;}
.link-list-photo>li,.link-list-photo>li a{width:285px;}
.link-list-photo>li a img{max-width:285px;}
.product-list2>li{width:233px;}
.product-list2>li .photo{height:233px;}
.productcase-info #sidebar{width: 450px;margin-right: -450px;}
.productcase-info #main {padding-left: 450px;}
.prenext-inner .title{width:72%;}
.news-con #main{width:800px;}
.news-con #sidebar{width:390px;margin-right:-390px;padding:40px 50px;}
.case-other-list>li{width:138px;height:86px;}
.porduct-cover-list>li{width:306px;height:306px;}
.porduct-cover-list>li .info{height:50px;}
.porduct-cover-list>li a:hover .img {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}
.case-list .photo{height:190px;}
}


@media screen and (max-width: 1190px){
.cw{width:1000px;}
.focus .swiper-button-prev{left:100px;}
.focus .swiper-button-next{right:100px;}

#header .logo a img{max-width:240px;}
#header .logo a span{display:none;}

.company .photo{width:430px;height:240px;}
.company .summary{width:560px;height:240px;padding:20px;}
.product-list>li{width:246px;}
.product-list>li .photo{height:246px;}
.news-list>li{width:319px;}
.news-list>li .photo,.news-list>li .photo img{width:319px;height:214px;}
.link-list-photo>li,.link-list-photo>li a{width:238px;height: 86px;}
.link-list-photo>li a img{max-width:238px;}
.footermenu-inner>li{min-width:100px;}
.contact {width:1000px;}
.company-info{width:400px;}
.msgform{width:560px;}
.contact-img{width:560px;}
.contact-inner{margin-right:20px;}
.company .con span{font-size:12px;}
.product-list2>li{width:186px;}
.product-list2>li .photo{height:186px;}
.productcase-info #sidebar{width: 300px;margin-right: -300px;}
.productcase-info #main {padding-left: 310px;}
.product-other-list>li{width:140px;height:140px;}
.productcase-info #main .box{padding:40px;}
.news-con #sidebar{width: 240px;margin-right: -240px;padding:40px 20px;}
.news-con #main{width:760px;padding:40px;}
.case-item .case-img{width:290px;height:160px;}
.case-other-list>li{width:140px;height:88px;}
.porduct-cover-list>li{width:243px;height:243px;}
.case-list .photo{height:150px;}
}

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

.cw{width:100%;padding:0 10px;box-sizing:border-box;}
.fl,.fr{float:none;}
.w25,.w33,.w50,.w100{width:100%;}
.location{display:none;}

#header .logo a{width:200px;}
#header .logo a img{max-width:200px;}
#bannerMenuBar,.top-tel{display:none;}
.focus .focus-img span{height:220px;}
.focus .swiper-button-next, .focus .swiper-button-prev{display:none;}
.company .photo{width:100%;height: inherit;}
.company .summary{width:100%;height: inherit;padding-bottom: 40px;}
.column .head{text-align:left;}
.column .head a{    width: 31.5%;    margin: 0 1% 1% 0;    box-sizing: border-box;}

.product-list>li{width:49.5%;margin-right:1%;text-align:center;}
.product-list>li:nth-child(2n){margin-right:0;}
.product-list>li .photo{height:6.6rem;width:6.6rem;margin:0 auto;}

.case{background:none!important;padding:0;margin:0 0 10px 0;}
.case .box-h .line{background:#b19873;}
.case .box-h .titleAlias{color:#b39b77;}
.case .box-h .title{color:#10376b;}
.case-list>li{float:none;width:100%;padding:0;}
.case-list>li .item{border:none;}
.case-list>li .title{position:relative;opacity:1;background:transparent;    visibility: visible;}
.case-list>li .title span{margin-top:0;color:#333;    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);padding:10px 20px;}
.news-list>li{width:100%;margin-right:0;}
.news-list>li .photo, .news-list>li .photo img{width:100%;height:inherit;}
.link-list-photo>li, .link-list-photo>li a{width:300px;margin:0 auto 10px;float:none;}
.link-list-photo>li a img{max-width:300px;}
.link-list-photo>li:nth-child(4n){margin-right:auto;}
.footermenu-inner{display:none;}
.qcrode-inner{float:none;}
.qcrode-inner p{float:none;margin:0 auto 10px;}
.contact-inner{float:none;margin-right:0;text-align:center;}
.contact-inner p em{display:none;}
.contact-img{width:100%;}
.footer-textbox{margin-top:20px;padding:20px 20px 0;}
.side-pannel{right:10px;bottom:10px;}
.topBanner span{height:150px;}
#sidebar{width:100%;margin-right:0;margin-bottom:10px;float:none;}
#main{padding-left:0;float:none;}
.product-list2>li{width:49.5%;margin-right:1%;text-align:center;}
.product-list2>li:nth-child(2n){margin-right:0;}
.product-list2>li .photo{height:6.6rem;width:6.6rem;margin:0 auto;}
.productcase-info #sidebar{width:100%;margin-right;0;}
.product-item .product-img{width:100%;height:100%;}
.product-item .other{display:none;}
.productcase-info #main{padding-left:0;}
.productcase-info #main .box{padding:20px;}
.prenext-inner {padding-top:10px;}
.pre-inner{width:100%;display:block;padding:0 10px 10px;}
.prenext-inner .first{display:none;}
.prenext-inner .second{display:block;width:100%;padding:0 10px 10px;}
.news-con{background:transparent;}
.news-con #main{width:100%;min-height: inherit;}
.news-con-h{margin-bottom:20px;}
.news-con #sidebar{width:100%;margin-right:0;padding:20px;background:#dedcdd;min-height: inherit;}
.side-news-list>li{margin-bottom:10px;}
.case-list2>li{float:none;width:100%;padding:0;}
.case-list2>li .item{border:none;}
.case-list2>li .title{position:relative;opacity:1;background:transparent;    visibility: visible;}
.case-list2>li .title span{margin-top:0;color:#333;    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);padding:10px 20px;}
.case-item .case-img{width:100%;height:100%;}
.case-item .other{display:none;}
.menu-btn{
	display: block;
    position: absolute;
    font-size: 32px;
    right: 20px;
    top: 11px;
    width: 50px;
    height: 50px;
    text-align: center;
	color:#10376b;
}
#bannerMenuBar{
	top: 72px;
	right:0;
	margin-right:0;
	position:absolute;
	z-index:10;
	height: auto;
	width: 100%
}
#bannerMenuBar>li a.sub, a.sub-placeholder {
    display: inline-block!important;
    height: 24px!important;
    line-height: 24px!important;
    font-size: 20px;
}
#bannerMenuBar>li>a:nth-child(1) {
display: inline-block;
width: 80%;
text-align: left;
}
#bannerMenuBar>li>a:nth-child(2) {
width: 10%;
}

#bannerMenuBar>li>a,#bannerMenuBar>li.sel>a,#bannerMenuBar>li>a:hover{	color:#fff;}
#bannerMenuBar>li a, a:hover{color:#ffffff;}
#bannerMenuBar>li{
  width: 100%;
  background:#10376b;
  border-top: 1px solid rgba(255, 255, 255, .5);
  border-bottom:none;
  height:auto;
  line-height: normal;
  user-select: none;
  -webkit-user-select: none;
}
#bannerMenuBar>li a{width: 100%;height:50px;line-height:50px;}
#bannerMenuBar>li:last-child{display:block;}
.contact{width:100%;}
.company-info .qcrode-img{margin:0 auto;}
.company-info{width:100%;text-align:center;margin-top:20px;}
.msgform{margin-top:20px;max-width: inherit;}
.culture-con{padding:20px;}
#footer{padding:20px 0;}
#ann{width:100%;}
.porduct-cover-list>li {width:100%;height:100%;}
.case-list .photo{height:auto;}

  .code-query-box .item2 { width: 100% }
  .code-query-box .item2 .control-label { width: 100%; margin-bottom: 10px }
  .code-query-box .item2 .form { width: 100%; text-align: center; }
}
@media screen and (max-width: 720px){
.news-list2>li .item{height:auto;}
.news-list2>li .photo{float:none;margin-right:0;width:100%;height:auto;}
.news-list2>li .photo img{width:100%;}
.news-list2>li .title{padding-top:10px;font-size:16px;}
.news-list2>li .date{display:none;}
.news-list2>li .summary{
	margin-top: 10px;
	font-size: 14px;
}
.news-list2>li .summary .viewContent{
	left: 0;
    bottom: -34px;
}
.ann-list{padding:20px;}
.ann-list li a{display:block;}
#ann h5 i{display:none;}
.ann-list li i{float:none;}
}
@media screen and (max-width: 420px){
.column .head a{width:100%;margin-bottom:0 0 1% 0;}
.product-list>li{width:100%;margin-right:0;}
.product-list>li .photo{width:12rem;height:12rem;}
.focus .focus-img span {height: 140px;}
}