/*
´ó±êÌâ 24 en 16


*/


@media (max-width:1199px){

	}



@media (max-width:991px){
/* 991 */
/* html body */
body{ min-width: inherit !important; font-size:12px;}
.box{ width: calc(100% - 20px); min-width: inherit !important; padding-left:10px; padding-right:10px;}
.p80 { padding:40px 0;}

.indexSide { display:none;}


/* head */
.nav-title { display:block;}
.header-container {}
.H-logo{ width:calc(90% - 60px); height:60px; line-height:60px; font-size: 0px; overflow:hidden; display:block; background:url(/upload/logo.svg) center left no-repeat; background-size: auto 30px;}
.H-logo img{ display:none;}

.H-nav{ width:70%; height:auto; overflow:hidden; background:rgba(0,0,0,.9); position:fixed; z-index:999; right:0; top:0px; display:none; }
.H-navon { display:block; -webkit-animation:fadeInRight 0.3s 0.1s ease both;-moz-animation:fadeInRight 0.3s .1s ease both;}
.H-nav .line { display:none;}

.H-nav>li{width:70%; height:50px; overflow:hidden; float:none; text-align:center; padding:0; margin:0 auto; border-bottom:1px solid rgba(51,51,51,.9); }
.H-nav li#menut0 { margin-top:88px;}
.H-nav .Hnav-menu{display:block; height:50px; line-height:50px; padding-top:0; font-size: 12px; color:#fff; position:relative; text-align:left; font-family: Helvetica,cn2;}
.H-nav .Hnav-menu span.cnname{ display:block; height:50px; line-height:50px; text-align:left; color:#fff; padding-top:0; font-size: 12px; }
.H-nav .Hnav-menu span.enname{ display:none;}
.H-nav .Hnav-menu:hover{color:#333; }

.head_container_white .H-logo {background:url(/upload/logo.svg) center left no-repeat;background-size:auto 30px; }
.head_container_white .nav-title .line{ background-color:#000; }
.head_container_white .nav-title .on .line { background:#fff;}
.head_container_white .H-nav .Hnav-menu{ color:#fff;}

/* index */

.swiper-container { width:100%; height:auto; overflow:hidden; margin:0 auto; transition: all 0.3s linear; min-width:1200px;} /* width: 100%; height: 100%; */
.swiper-slide { }

.swiper-slide-i2 { background-size:cover;}
	.swiper-slide-i2 .slidecnt2 { display:none;}
	.swiper-slide-i2 h2.slidecnt-text1 { font-size: 1.8em; letter-spacing: 2px;}
	.swiper-slide-i2 .slidecnt-text2 { font-size: 1.4em; letter-spacing: 2px;}
	.swiper-slide-i2 .slidecnt-text3 a ,
	.swiper-slide-i2 .slidecnt-text3-1 a { width:80px; height:30px; line-height:30px; border-width:1px; font-weight:normal !important; }

.swiper-slide-i2 .box{ position: absolute;}
	.img_m { width:60%; position: relative; top:30%; margin:0 auto; text-align:center;}
	.img_m img{ width:auto; max-width:100%; margin:0 auto;}

	.img_m0{ width:22%; position: absolute; bottom:9%; margin:0 auto; text-align:center; left:50%; margin-left:-11%;}
	.img_m0 img{ width:auto; max-width:100%; margin:0 auto;}

	.img_m , .img_m0 { display:block;}
	.img_p , .img_p0 { display:none;}



.media-i { padding-bottom:30px;}
	.media-i .media-i-ttl { padding-bottom:20px;}
	.media-i .media-i-ttl span.sp1 { font-size: 16px;}
	.media-i .media-i-ttl span.sp2 { font-size: 14px;}
	.media-i .media-i-cnt { width:100%;}
	.media-i .media-i-cnt .cnt-1 { font-size: 12px;}
	.media-i .media-i-cnt .cnt-2 { padding-top:10px;}
	.media-i .media-i-cnt .cnt-2 .cnt-21 {}
	.media-i .media-i-cnt .cnt-2 .txt1 span { font-weight:normal; font-size: 16px;}
	.media-i .media-i-cnt .cnt-2 .txt2 { font-size: 12px;}
	
	.media-i .media-i-l { float:none; width:100%; height:auto; overflow:hidden;}
	.media-i .media-i-r { float:none; width:100%; height:auto; overflow:hidden;}
	.media-i .media-i-cnt { height:auto; padding-bottom:20px;}
	.media-i .media-i-ttl span { text-align:center;}
	.media-i .media-i-ttl .w100 { display:none;}
	.media-i .media-i-ttl2 span { font-size: 14px; line-height:30px; background-size:18px auto; background-position:left 5px; padding-left:24px;}

	.media-i-l .media-i-ttl-img ,
	.media-i-l .media-i-cnt1 ,
	.media-i-l .media-i-cnt1 .cnt-1 .p1 , 
	.media-i-l .media-i-cnt1 .cnt-1 .p2{ text-align:center;}
	.media-i-l .media-i-ttl-img img{ width:180px;}

	.media-i-l .media-i-cnt1 .cnt-3 .gengduo { left:50%; margin-left:-40px; width:80px; height:32px; font-size: 12px; line-height:32px;}
	.media-i-l .media-i-cnt1 .cnt-3 .gengduo:before { width:60px;}
	.media-i-l .media-i-cnt1 .cnt-3 .gengduo:after { width:20px;}

	.media-i-l .media-i-cnt1 .cnt-1 { padding:40px 0;}
	.media-i-l .media-i-cnt1 .cnt-1 .p1 { font-size: 18px; line-height:40px; letter-spacing:4px;}
	.media-i-l .media-i-cnt1 .cnt-1 .p2 { letter-spacing:0px; font-size: 16px;}
	.media-i-l .media-i-cnt1 .cnt-2 { font-size: 14px; line-height:26px;}
	.media-i-l .media-i-cnt1 .cnt-2 span{ font-size: 14px;}
	.media-i-l .media-i-cnt1 .cnt-3 { padding-top:60px;}

	.video-btn2 { width:60px; height:60px; margin: -30px 0 0 -30px;}

.media-i2 { padding-bottom:2px;}
	.media-i2 .media-i2-ttl{ padding: 10px 0 20px 0;}
	.media-i2-ttl h2 { padding-bottom:5px; font-size: 16px;}
	.media-i2-ttl .border { margin:10px auto;}
	.media-i2-ttl .border:before{ height: 6px; top: -4px; }
	.media-i2-ttl .cnt { font-size: 12px; padding:0 2%;}
	.nTab .TabTitle ul { padding:0 20px;}
	.media-i2 .nTab .TabTitle {width: calc(100% - 10px); position: inherit;height: auto;overflow:hidden;left: inherit;margin-left:0;z-index: inherit; background:none; padding:0 5px 4px 5px;}
	.media-i2 .nTab .TabTitle li {width: calc(20% - 8px);float:left; display:inline;height: 72px;overflow: hidden;transition: all 0.3s linear;border-bottom: 1px dotted rgba(255,255,255,.2); margin:4px; background:none;}
	.media-i2 .nTab .TabTitle li.active { background: none; }
	.media-i2 .nTab .TabTitle li#proname_33 , 
	.media-i2 .nTab .TabTitle li#proname_34 ,
	.media-i2 .nTab .TabTitle li#proname_40 { width: calc(33.33% - 8px);}
	.media-i2 .nTab .TabTitle li a { padding:0px 0px 0px 0px; height:72px; display:block; }
	.media-i2 .nTab .TabTitle li .icon-pro { width:40px; text-align:center; font-size: 16px; height:40px; line-height:40px; border-radius:50%; background: rgba(0,0,0,.6); margin:0 auto 5px auto; float:none;}
	.media-i2 .nTab .TabTitle li.active .icon-pro {background: #d72d32;}
	.media-i2 .nTab .TabTitle li em { font-size: 12px; width:100%; text-align:center; padding:2px 0 8px 0; color:#333;}
	.media-i2 .nTab .TabTitle li.active em { color:#d72d32; }
	.media-i2 .nTab .TabTitle li em span{ display:none;}

	.media-i2 .nTab .TabTitle li a:hover .icon-pro { background: #d72d32;}
	.media-i2 .nTab .TabTitle li a:hover em { color:#d72d32; }
	


	.media-i2 .nTab .TabContent {}
	.media-i2 .nTab .TabContent div { height:300px; background-attachment:inherit;}
	.media-i2 .nTab .TabContent a { right:50%; height:300px !important; margin-right:-45px; background:none;}
	.media-i2 .nTab .TabContent span { width:60px; height:60px; line-height:60px; margin:-30px 0 0 -30px;}

.media-i3 { background:#f1f1f1; padding: 40px 0;}
	.media-i3 .box { width: calc(100% - 20px);}
	.media-i3 .ttl { left:50%; margin-left:-160px; }
	.media-i3 .ttl .cn {font-size: 16px;line-height: 26px; font-family:cn2; padding-top:5px;}
	.media-i3 .ttl .en {font-size: 10px;line-height: 20px;}
	.media-i3 .icon-list { width: 314px; padding:30px 0 0 0; margin:0 auto;}
	.media-i3 .icon-list li { width:100%; padding:0; margin-bottom:12px; height:auto; overflow:hidden; }
	.media-i3 .icon-list li a{}
	.media-i3 .icon-list .icon { width:30px; height:30px; background-position:center center; float:left; }
	.media-i3 .icon-list .h4 { font-size: 12px; line-height:30px; padding:0 5px 0 0; float:left;}
	.media-i3 .icon-list .p { height:30px; font-size: 12px; line-height:30px; float:left;}

.releaseslist { width:50%;}

.media-line1 { background-attachment: inherit; padding:60px 0;}
	.media-line1 h2 { font-size: 16px; line-height:1.5;}


.media-i4 { padding-bottom:20px;}
	.media-i4 .media-i2-ttl { padding:0px 0 20px 0;}
	.media-i4 .media-i2-ttl .cnt { padding-left:5px; padding-right:5px;}
	.proname { padding-bottom:0;}
	.proname ul { width:90%;}
	.proname ul li a { font-size: 12px;}
	.proname ul li a .icon-pro { height:50px; line-height:50px; }

	.zhengshu { padding:20px 0 20px 0;}
	.zhengshu ul { width:96%;}
	.zhengshu li { width: calc(25% - 20px); padding:10px 10px 0 10px; }
	.zhengshu h4 { height:54px; font-size: 12px;}

	.media-i4 .btn_more4 a { width:80px; height:32px; line-height:32px; letter-spacing:0;}

	.media-i4 .main-nwlist { display:none;}
	.media-i4 .main-nwlist-2{ display:none; text-align:center;}
	.media-i4 .main-nwlist-2 img { width:auto; max-width:100%;}

.media-i5 { padding-top:40px;}
	.media-i5-ttl { padding-bottom:10px;}
	.media-i5-ttl h2 { width:100%; height:auto; overflow:hidden;}
	.media-i5-ttl h2 span { font-size: 16px;}
	.media-i5-ttl h2 span.sp1 {}
	.media-i5-ttl h2 span.sp2 { font-size: 12px;}
	.news-menu-i { display:none;}
	.media-i5-ttl .w100 { display:none;}
	.swiper-slide-n .cnt { padding:5px 0 10px 0;}
	.swiper-slide-n .cnt2 h2 a { font-size: 12px;}
	.swiper-slide-n .cnt2 .info1 { padding-bottom: 5px;}
	.swiper-slide-n .cnt2 .info2 { font-size: 12px; line-height:14px; min-height:inherit; padding-bottom:10px;}
	.swiper-slide-n .cnt2 .readmore a { font-weight:normal;}

/* foot */
.media-line-foot { }
.media-line-foot a{ background-attachment:inherit; padding: 60px 0; }
.media-line-foot h3 { font-size: 12px; line-height:20px; font-family: cn2; font-weight:400;color:#fff;}
.media-line-foot h4 {font-size: 12px; line-height:20px; color:#d72d32;}

.foot-menu .footbox { width:100%;}
.foot-menu .btn-back-home { display:none;}
.foot-menu .btn-back { display:none;}

.foot-menu .footer-list li { margin:0; width:60px; text-align:center; height:50px; line-height:50px;}
.foot-menu .footer-list li a{ line-height:50px; display:block;}
.foot-menu .footer-list li:after { display:none;}

.foot { padding:40px 0;}
.footlogo { padding-bottom:20px;}
.footlogo img { width:180px;}
.foot1 .menu_btm , .foot1 .link{ width:100%; height:auto; overflow:hidden; float:none; text-align:center; display:block; margin-bottom:10px;}
.foot1 .link a { display: inline; float:none;}
.foot2 { padding-top:0;}
.foot1 .menu_btm a { font-size: 12px;}
.foot-menu .footer-list li a { font-size: 12px;}
.foot2 p, .foot2 a { font-size: 12px;}
.foot3{ display:none;}

/* banner_l0 Public */

.pt80 { padding-top:40px;}

.banner_l0 { height:200px;}
.banner_l0_bg { height:200px; padding-top:0px;}
.banner_l0_bg h2 {}
.banner_l0_img{ width:50%; height:150px; background-size:auto 100% ; top:50%; margin-top:-75px;}
.th100 { height:60px;}



/* about-pp */
.main_l1_l .cnt3 .text1  img { width:160px;}
.line-about { width:60%;}
.ttl-about {font-size: 16px;line-height: 30px;}
.ttl-info { font-size: 12px;}
.cnt-l2 { padding-top:10px;}
.event_box { width: calc(100% - 20px);}
.parHd .tempWrap:after { width:100%; top:36%;}
.event_box .parHd { width:calc(100% - 60px); margin-left:30px; height:auto; overflow:hidden; padding-bottom:5px;}
.parBd { margin-top:10px;}
.parHd .tempWrap { width:100% !important; }
.parHd .tempWrap:after { width:100%; right:0;}
.parHd ul { padding-top:28px !important; width:100% !important;}
.parHd li { padding-top:18px; font-size:12px; width:16.66% !important; margin:0 0px; }
.parHd li:after {content: ''; background: url(/upload/dot_ico.png) no-repeat; width: 18px; height: 18px; position: absolute; z-index: 20; top: -12px; left: 50%; margin-left: -12px; background-size:18px; }
.parHd li.act:after {background: url(/upload/dot_ico2.png) no-repeat;background-size:18px;}
.parBd p { font-size: 12px;}


.sPrev, .sNext { width:20px; height:20px; overflow:hidden; top:15px;}
.sPrev img , .sNext img { width:20px; height:20px;}

.cnt-l3 ul li { width: calc(50% - 10px); margin:0 5px 10px 5px;}
.cnt-l3 ul li h3 { font-size: 12px;}

.zczpcs { width: calc(100% - 30px); padding:20px 15px 0 15px;}
.zczpcs div { width:100%; margin-right:0;}
.zczpinfo2 {}
.zczpinfo21, .zczpinfo22 { width: calc(100% - 30px); padding:20px 15px 0 15px; margin:0;}
.zczpinfo22 { padding-bottom:20px;}
.zczp1 { width:60%; font-size: 14px;}
.zczp2 { width:24px; height:24px; line-height:24px;}
.zczp4 { display:none;}

.zczpinfo1 { padding:10px 0 0 0; height:50px;}
.zczpinfottl span { font-size: 12px;}


/* albumlist */
#caselist-l { background:#fff;}
.postlist { position:inherit;}
.gallery-inner-container { margin-right:0; width: calc(100% - 4px); padding:0 2px 0 2px;}
.postlist li { width: calc(50% - 10px); height:auto; overflow:hidden; margin-left:5px; margin-right:5px; margin-bottom:10px;}
#product-gallery .gallery-item { }
.postlist li a {}
.postlist li img { position: absolute;width: 100%;top: 0;bottom: 0;left: 0;margin: auto;} 
.postlist li i { display:none;}
.postlist li span { width:100%; height:24px; overflow:hidden; filter:alpha(Opacity=100);-moz-opacity:1;opacity:1; top: auto; bottom:0px; background:rgba(0,0,0,.6); }
.postlist li span em { position:inherit; left: inherit; top:inherit; margin:0; color:#fff; font-size: 12px; line-height:24px; text-align:center; width:100%; height:auto; overflow:hidden; padding: 0;}

.proname-l ul li a{ line-height:20px;}
.proname-l ul li { width:20%;}
.proname-l ul li#proname_0 { display:none;}

/* album */
.product-detail-wrap { background:; padding-top:140px;}
.product-detail-wrap .bread-box {}
.product-detail-wrap .bread-box a { }
.conbox { padding:0px 0 40px 0;}
.conbox .zjcnt-l , .conbox .zjcnt-r ,.box-fl , .box-fr { width:100%; height:auto; overflow:hidden; padding:40px 0 0 0;}
.conbox .zjcnt-l .ttl2 { display:none;}
.conbox .zjcnt-r { padding-top:20px;}
.conbox .zjcnt-r h2.ttl { font-size: 16px; text-align:center;}
.abdetail{ padding-top:0px;}
.abdetailbox { padding-top:20px;}

.box-fr .title-box { margin-bottom: 10px; }
.info3 { margin-top:20px; padding-top:10px;}
.info3 ul li { margin-bottom:15px; width: calc(50% - 32px); float:left; display:inline; padding: 20px 10px 15px 10px; margin:0 5px 10px 5px;}
.info3 ul li h3 a { line-height:20px;}


/* productlist */
.banner_l29 i{top: 200px;}

.proname-2 { padding-bottom:20px;}
.proname-2 ul li { width:25%;}
.proname-2 ul li a { height:80px;}
.proimg .nTab2 .TabContent .cnt {padding: 40px 0px;}
.box-fl .title-box .word { font-size: 16px;}

.trade-black { height:auto; overflow:hidden;}
.trade-box-list { display:block;}
.trade-box-item { width:100%; height:300px; margin-bottom:10px;}
.trade-content .trade-box-item .item-logo { margin-top:100px;}
.trade-content .trade-box-item:hover .item-logo { margin-top:50px;}

.item-title { padding:10px 0; font-size: 14px;}
.trade-content .item-title:before { margin: 0 auto 10px}
.item-text p { font-size: 12px;}

.promenu {}
	.promenu1 { padding-bottom:0; border-bottom:none; }
	.promenu2 { }
	.promenu dl{ }
	.promenu dl.ttl{ width:100%; }
	.promenu dl dd{ border-radius:3px; border:1px solid #ccc; margin-bottom:10px; margin-right:10px;}
	.promenu dl dd a{ font-size: 12px; padding:0 20px; color:#555; }
	.promenu dl dd a:hover{ }
	.promenu dl dd.on{ border:1px solid #d72d32; background:url(/upload/check.svg) right bottom no-repeat; background-size:10px; color:#d72d32;}
	.promenu dl dd.on a{color:#d72d32; }
	.promenu dl dd.on a:hover{ color:#d72d32;}



/* product */
.proimg .nTab2 .TabTitle ul { height:auto;}
.proimg .nTab2 .TabTitle li { font-size: 12px; height:50px;}
.proimg .nTab2 .TabTitle li span { font-size: 14px;}

.proimg .nTab2 .TabTitle2 { position:fixed; bottom:0; left:0;}


/* downlist */
.main-nw { padding:20px 0 40px 0; }


.menu-yw2 { padding-bottom:0px; padding-top:20px; }
	.menu-yw2 .box { padding-bottom:20px; }
	.menu-yw2 ul { width:auto; }
	.menu-yw2 ul li{ width: calc(25% - 10px); margin-bottom:5px;}
	.menu-yw2 ul li a{ width:auto; height:30px; line-height:30px; font-size: 12px; border: 1px solid #ccc;}
	.menu-yw2 ul li a:hover , .menu-yw2 ul li a.hover { }



.menu-nw { height:50px;}
.menu-nw ul {width: 100%;height: 50px;}
.menu-nw ul li { width:50%; border:none; height:50px;}
.menu-nw ul li a {font-size: 12px;line-height: 50px;padding-left: 50px;}
.menu-nw ul li a span {height: 50px;line-height: 50px; font-size: 14px; width:20px;}
.main-nwlist li.nwibtn { width:100%; margin:0 0 10px 0;}

.nwibtn .cnt2 { padding: 10px 20px 10px 70px; }
.nwibtn .cnt2 h2 { font-size: 12px; font-weight:normal;}
.nwibtn .cnt2 .info1 { font-size: 12px; height:auto; overflow:hidden;}
.nwibtn .cnt2 .info2 { width:40px; height:40px; top:10px;}
.nwibtn .cnt2 .info2 a { width:40px; line-height:40px;}


/* about_jm */
.menu-nw13 ul { width:100% !important;}
.menu-nw13 ul li { width: calc(25% - 1px); border-right:1px solid #555;}
.menu-nw13 ul li a {padding-left: 10px;}
.menu-nw13 ul li a span { width:20px;}
#zsjm_1 .title {font-size: 16px;line-height: 30px;}
#zsjm_1 .title em { width:50%; margin: 20px auto 30px auto;}
#zsjm_1 .listbox1 { padding:0;}
#zsjm_1 .listbox1 .icon-list { padding-top:30px;}
#zsjm_1 .listbox1 .icon-list li { margin-bottom:10px;}


.zsjm_2_l ,.zsjm_2_r { width:100%; height:auto; overflow:hidden; float:none; padding:0; display:block;}

.zsjm_2_r .title {font-size: 16px;line-height: 30px; padding-top:40px; text-align:center;}
.zsjm_2_r .title em { width:50%; margin: 20px auto 30px auto;}

.zsjm_2_r .listbox2 li { height:30px; line-height:30px; overflow:hidden; padding-left: 40px; font-size: 12px;}
.zsjm_2_r .listbox2 li .num {font-size: 12px;width: 30px;height: 30px;line-height: 30px;}

#zsjm_3 .title {font-size: 16px;line-height: 30px;}
#zsjm_3 .title em { width:50%; margin: 20px auto 30px auto;}

.listbox3 { width:96%;}
.listbox3-bg { padding:10px;}
.listbox3 li { width:calc(50% - 1px); height:240px;}
.listbox3 li .msg { line-height:20px; font-size: 12px; line-height:1.6;}
.listbox3 li .ico { padding: 20px 0 12px;}
.listbox3 li .ico img{ width:30px;}
.listbox3 li .name { font-size:14px;}
.listbox3 li .info-zc { padding:0 15px;}
.listbox3 li.danru12 , 
.listbox3 li.danru14 , 
.listbox3 li.danru16 , 
.listbox3 li.danru18 { border-right:none;} 
.listbox3 li.danru15 ,
.listbox3 li.danru16 {border-bottom:1px solid rgba(153,153,153,.5);}

.listbox3 li.danru17 ,
.listbox3 li.danru18 { border-bottom:none;}

#zsjm_4 .title {font-size: 16px;line-height: 30px;}
#zsjm_4 .title em { width:50%; margin: 20px auto 30px auto;}
.zsjm_4_l { display:none;}
.zsjm_4_r { width:100%; height:auto; overflow:hidden; float:none; padding:0; display:block;}
.msgform .input1 { text-align:center;}
#zsjm_1 .msg { font-size: 12px; line-height:1.6;}

.icon-list{}
.listbox1 .icon-list { width: 314px; padding:30px 0 0 0; margin:0 auto;}
.listbox1 .icon-list li { width:100%; padding:0; margin-bottom:12px; height:auto; overflow:hidden; }
.listbox1 .icon-list li a{}
.listbox1 .icon-list .icon { width:30px; height:30px; background-position:center center; float:left; }
.listbox1 .icon-list .h4 { font-size: 12px; line-height:30px; padding:0 5px 0 0; float:left;}
.listbox1 .icon-list .p { height:30px; font-size: 12px; line-height:30px; float:left;}

.msgform { }
.msgform .input1{ margin-bottom:10px; font-size: 12px;}
.msgform .input1 .input-text{ height:30px; width: calc(100% - 38px); background: #fff!important; padding: 4px 0 4px 4px; }
.msgform .input1 .input-text2{ height:100px;}
.msgform .input1 .btn-submit { width:120px; height:32px; line-height:32px; font-weight:normal; padding:0;}
.msgform .input1 .btn-submit:hover{}
.msgform .input1 .checkcode1{ height:40px; position: relative;}
.msgform .input1 .checkcode2 { position:absolute; right:20px; top:15px;}




/* newslist */
.menu-nw4 ul { width: 100% !important; }
.menu-nw4 ul li { width: calc(33.33% - 1px); border-right:1px solid #555;}
.menu-nw4 ul li a { padding-left:27px;}

/* news */
.newsdetailcnt .ndc_l , .newsdetailcnt .ndc_r { width:100%; height:auto; overflow:hidden; float:none; padding:0; display:block;}
.newsdetailcnt .ndc_l_pt { padding: 0px 20px; }

/* about-ct */
.wbp_wrapper h3 { font-size: 12px; padding-bottom:0;}
.wbp_wrapper h4 { padding-bottom: 0px; }
.wbp_wrapper p { font-size: 12px; line-height:1.6;}

.wbp_wrapper h4 span.icon-ct {font-size: 40px;line-height: 40px; height:40px;}




/* pagenavi */
.pageleft a, .pageleft span, .pageright a, .pageright span { font-size: 12px; line-height:40px;}
.pageleft ,
.pageright { height:40px; line-height:40px; background:url(/upload/w4x4.gif) left 18px no-repeat; padding-left:10px;}
.pagenavi .icon-pro { display:none;}


















/* ???????????? */
.swiper-pagination-n { padding:20px 0 40px 0;}

.wvc-column-inner { display:block;}
.wvc-mosaic-block {width:100%; float:none;}

.banner_i1 .swiper-pagination{ bottom:10px;}
.banner_i1 .swiper-pagination-bullet { width:10px; height:10px; margin:0 3px !important;}
.banner_i1 .swiper-button-next, .banner_i1 .swiper-button-prev { width:30px; height:45px; margin-top:-22px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(/upload/ad_ctr2.png); background-position: 0px -45px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(/upload/ad_ctr2.png);}



/* foot */

/* about */

.main_l1 { min-height:inherit;}
.main_l1_l , .main_l1_r{ float:none; width:100%;}
.main_l1_l .cnt1 { height:auto; padding:40px 0;}
.main_l1_l .cnt3 { width:90%;}
.main_l1_r .cnt1 { height:auto; overflow:hidden;}
.main_l1_r .cnt1 img { width:auto; max-width:100%; height:auto;}

.main_l2 h2.ttl { font-size: 1.8em; line-height:1.5; padding-bottom:20px;}
.main_l2 .list { width:100%; height:auto; overflow:hidden; float:none; margin:0 0; padding-bottom:30px; display:block;}
.main_l2 .list h2 { line-height:20px; padding-bottom:5px;}
.main_l2 .list .studycnt { padding:0 0 5px 0}
.main_l2 .list .ico a { width:20px;}

/* caselist-l */
.zjlist { width:50%;}
.banner_l2 { height:160px;}
.banner_l2_bg { height:100px; padding-top:60px;}
.banner_l2 .banner_l2_bg h2 { font-size: 1.4em; line-height: 1.5; padding: 18px 0 25px 0;}
.btn_more4 { padding:10px 0;}

/* caselist-l detail*/
.zjcnt-l , .zjcnt-r { width:100%; height:auto; overflow:hidden; float:none;}
.zjcnt-r .info2 img { width:auto; max-width:100%;}
.zjcnt-l .share { display:none;}

/* news */
#newslist .list { width:100%; height:auto; overflow:hidden; float:none; margin:0 0 20px 0; background:#fff; display:block;}
.swiper-slide-n .cnt2 { padding: 10px 10px;}

/* news detail */
.newsdetailcnt .ndc_l , .newsdetailcnt .ndc_r{ width:100%; height:auto; overflow:hidden; float:none; display:block; margin-left:0; margin-right:0;}
.goback { display:none;}

.newsdetailcnt { padding:10px 0 40px 0; background:#fff; }
.newsdetailcnt .box{ padding-bottom:10px;}

	.newsdetailcnt .navigation { font-size: 12px; color:#ccc; line-height:20px;}
	.newsdetailcnt .navigation a{ font-size: 12px; color:#ccc; line-height:20px;}
	.newsdetailcnt .ttl-nd { font-size: 16px; line-height:1.6; padding:30px 0 1px 0;}
	.newsdetailcnt .newsttlinfo { font-size: 12px; line-height:20px; padding:10px 0; color:#666; border-bottom:1px solid #f1f1f1;}
	.newsdetailcnt .ndc_l_cnt { padding:20px 0; color:#666;}
	.newsdetailcnt .ndc_l_cnt img{ width:auto; max-width:600px;}
	.newsdetailcnt .ndpic { padding:0 0 5px 0; text-align:center;}
	.newsdetailcnt .ndpic img{ width:100% !important; height:auto; }


	.newsdetailcnt .nd-zjlist { background:#fff;}
	.newsdetailcnt .nd-zjlist a{ display:block; transition: all 0.3s linear;}
	.newsdetailcnt .nd-zjlist a:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
	.newsdetailcnt #nd-zjlist1 { width:100%; height:auto; overflow:hidden; margin-bottom:2px;}
	.newsdetailcnt #nd-zjlist2 { width: calc(50% - 1px); float:left; height:auto; overflow:hidden;}
	.newsdetailcnt #nd-zjlist3 { width: calc(50% - 1px); float:right; height:auto; overflow:hidden;}
	.newsdetailcnt .nd-zjlist img { width:100% !important; height:auto; }

.nd-list-r {}
.nd-list-r .ttl{ font-size: 14px; line-height:30px; padding:50px 0 20px 26px; background:url(/upload/logo-h20.png) left 56px no-repeat; }
.nd-list-r ul{}
.nd-list-r ul li{ height:50px; border-bottom:1px dotted #ddd;transition: all 0.3s linear; background:url(/upload/g6x5.gif) -6px 22px no-repeat #f6f6f6;}
.nd-list-r ul li:hover{border-bottom:1px dashed #eee; background:url(/upload/g6x5.gif) 16px 22px no-repeat #fff; padding-left:30px; }
.nd-list-r ul li a{ line-height:50px; display:block; float:left;}
.nd-list-r ul li span{ line-height:50px; display:block; float:right;}


/* product */
.a_text_r { float:left; padding:0;}
.a_text_r span.likenum:before { font-size: 14px;}
.a_text_r span.buyonline:before { font-size: 14px; }

.caselisti { width:100%;}
	.caselisti ul{}
	.caselisti li.caseibtn{ width:100%; float:left; display:inline; height:auto; overflow:hidden; margin-right:0; margin-bottom:20px;}
	.caselisti li a.a_text{width:100%; text-align:center; height:auto;}
	.caselisti li h3{ font-size: 14px; padding:15px 0 3px 0; color:#b88858; line-height:20px; height:40px; font-family:cn2;}
	.caselisti li:hover h3{ }
	.caselisti li h4{ width:100%; height:22px; font-size: 12px; padding-top:2px; color:#888; line-height:14px; overflow:hidden;}

.slideBox { height:auto;}
.slideBox ul{}
.slideBox ul li{ height:auto; text-align:center;}
.unslider-fade .unslider-wrap li img{ width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}

/* product detail */
.proimg , .proinfo{ width:100%; height:auto; overflow:hidden; float:none; display:block; margin-left:0; margin-right:0; }
.proinfo{ padding-top:40px;}
.proinfo h2.ttl {font-size: 1.6em;line-height: 1.5;padding-bottom: 10px;}
.proinfo .price {font-size: 1.3em;padding: 10px 0 20px 0;}
.proinfo .canshu { padding: 20px 0; }
.pdcnt { padding:40px 0;}

/* contact */
.wbp_wrapper { width: calc(50% - 20px); margin:0 10px 20px 10px;}
.main_ct_2_l , .main_ct_2_r { width:100%; height:auto; overflow:hidden; float:none; display:block; margin-left:0; margin-right:0; }
.main_ct_2_l { margin-bottom:40px;}
.main_ct_2_l .cnt2 p { font-size: 12px; line-height:1.6;}
.main_ct_2_l .cnt2 p.ft18 { font-size: 14px;}
.main_ct_2_l .cnt2 h3 { font-size: 16px;}
.main_ct_2_l .cnt2 .text { padding-top:20px;}
	}


@media (max-width:767px){

	}