@charset "gb2312";
/* CSS Document */

@media all and (max-width:640px){
*{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{ max-width:100%; }
.mainbox,.g-hd{ width:100%; }
.height50{ width:100%; height:50px; line-height:50px; clear:both; }
.g-hd{margin:auto;}
.dispcnone{ display:block; }
.dispcblock{ display:none; }
.clearfix:after{content:".";display:block; width:100%;height:0; line-height:0;clear:both; overflow:hidden}
#top{ position:relative;left:0; top:0;background:#fff;border-bottom:1px solid #eee; }
.g-hd .g-w1000,.g-hd .m-logo,.g-hd .m-logo a,#top{width:100%;height:50px;}
.g-hd .m-logo{background:url(../images/logo-1.png) no-repeat 5px center/auto 45px;}
.menuthis{ display:block; text-indent:-9999px; width:50px; height:50px; background:url(../images/menu_icon.png) no-repeat center center/25px auto;
position: absolute;top:0; right:0; z-index: 34; }

#Nav{height:auto; background:none}
#menu10{width:100%; height:auto; line-height:45px; position:absolute;right:0; top:51px; }
.wap_slide{ display:none; }
ul.menu li{ display:block; width:100%; } 
ul.menu .menulink {  display:block; float:right; width:50%; height:45px;line-height:45px; background:#0d60bd; }

.footer_flixd{width:100%;margin-top:15px;display:block;position:fixed;bottom:0;margin:0 auto;height:50px;background:#666;z-index:600}
.footer_flixd ul{width:100%}
.footer_flixd ul li{width:33.33%;height:50px;line-height:50px;float:left;text-align:center}
.footer_flixd ul li a{color:#fff;display:block;font-size:14px;height:50px;line-height:50px;cursor:pointer;border-right:1px solid #777}
.footer_flixd .flixd_two a{background:#0d60bdf}
.footer_flixd ul li a i{display:inline-block;width:20px;height:50px;vertical-align:top;margin-right:10px}
.flixd_home{background:url(../images/flixd_home.png) no-repeat center center/20px 20px}
.flixd_tel{background:url(../images/flixd_tel.png) no-repeat center center/20px 20px}
.flixd_line{background:url(../images/flixd_line.png) no-repeat center center/20px 20px}
.footer_flixd_bottom{height:50px;width:100%;display:block}
.footer{display:none}
.fiexd-public a{display:block;width:84px;height:34px;font-size:14px;color:#fff;line-height:34px;position:absolute;top:23px;right:5px;background:#ffa800;text-align:center;border-radius:15px}
.fiexd-public div{display:block;position:absolute;padding:18px 100px 10px 85px;font-size:14px;color:#fff;line-height:20px;height:80px}

ul.menu .menulink:hover{ background:#0d60bd; }
ul.menu ul{ position:static; opacity:1;left:auto; top:auto; width:50%; float:right; }
ul.menu ul li,ul.menu ul li a{ display:block; width:100%; }
.wlcenter{ height:auto; }


#flashs{ position:relative; height:200px; overflow:hidden; border-bottom:1px solid #CCC; display:none}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ bottom: 5px;margin-right: -231px;padding: 20px 6px;position: absolute;right: 52%;z-index: 7;}
#flashs .btn span{ background: none repeat scroll 0 0 #5977d2;border: 1px solid #5977d2;color: #FFFFFF;cursor: pointer;display: inline-block;margin-left: 5px;padding: 2px 5px;}

#flashs .btn span{ background:url(../images/ban_ico01.gif) no-repeat; font-size:0px; display:block; float:left; width:109px; height:5px; margin:0 10px;}
#flashs .btn span.cur{ background:url(../images/ban_ico02.gif) no-repeat;}

#shipin{ width:100%; margin:0 auto; overflow:hidden;height:auto;}
#shipin .comm{ width:100%; margin:0px auto; background:#fff; overflow:hidden; height:auto}
#shipin .comm .video{ display:none }
#shipin .comm .gongju{ width:96%; border:1px solid #ccc; background:#f3f3f3; margin:0 auto; float:none; height:auto}
#shipin .comm .gongju p{ font-size:12px; color:#666; line-height:20px; text-indent:20px}




.intitle{width:100%; height:50px; text-align:center ; margin:0 auto;background:url(../images/titlebg.png) top center no-repeat}
.intitle h1{width:100%; height:50px; line-height:50px; font-size:20px;  font-weight:normal; margin:0 auto; color:#0d60bd;  }
.intitle p{width:100%; height:24px; line-height:24px; font-size:14px; color:#666; font-weight:normal ;margin:0 auto }
.intitle h2{ width:60px; font-size:12px; color:#111; line-height:32px; font-weight:normal; float:left}
.intitle h3{ width:80px; font-size:12px; color:#111; line-height:28px; font-weight:normal; float:right}
.intitle h3 a{ color:#111; }
.intitle span{width:100%; height:20px; line-height:20px; font-size:18px; color:#111; font-weight:normal}


.intitle_a{width:100%; height:100px; text-align:center ; margin:0 auto;}
.intitle_a h1{width:290px; height:55px; line-height:50px; font-size:30px;  font-weight:normal; margin:0 auto; color:#0d60bd; border-bottom:3px solid #0d60bd }
.intitle_a p{width:100%; height:40px; line-height:40px; font-size:16px; color:#111; font-weight:normal ;margin:0 auto }

.intitle_b{width:100%; height:100px; text-align:center ; margin:0 auto;background:url(../images/titlebg1.png) top center no-repeat}
.intitle_b h1{width:100%; height:70px; line-height:50px; font-size:32px;  font-weight:normal; margin:0 auto; color:#d49517;  }
.intitle_b p{width:100%; height:20px; line-height:20px; font-size:16px; color:#d49517; font-weight:normal ;margin:0 auto }


#products{ width:100%;background:#f9f9f9; margin:0 auto; height:auto }
#products .comment{ width:100%; margin:10px auto}
#products .comment .left{ width:100%; float:none}

.cp_l{ width:98%; background:#fff; font-size:0; padding:0 0 10px; margin:0 auto; height:auto}
.cp_lt{ background:#0d60bd; width:98%; height:34px; text-align:center; line-height:34px; display:none }
.cp_l h3{ width:32.8%; height:36px; overflow:hidden; padding:0 0;margin-top:0px; float:left}
.cp_l h3 a{ font-size:12px; color:#333; display:block;width:100%; text-align:center; line-height:36px; height:36px; font-weight:normal; border:1px solid #ccc; }
.cp_l h3.cur a,.cp_l h3 a:hover{ background:#0d60bd; color:#ffffff}
.cp_l ul{ width:200px; margin:15px auto 0; background:url(Img/Index/cp_line.gif) repeat-y 105px 0; overflow:hidden}
.cp_l ul li{ height:39px; line-height:39px; border-bottom:#d6d6d8 1px dashed; width:120px; float:left; overflow:hidden;}
.cp_l ul li a{ font-size:13px; color:#474954;}
.cp_l ul li.cur a,.cp_l ul li a:hover{ color:#0d60bd; text-decoration:underline;}

.fl { float:none;}

#products .comment .right{ width:98%; float:none; margin:0 auto}

.rprolist{ width:100%; margin:0 auto; overflow:hidden; float:right}
.rprolist a{ width:46%; display:block; color:#111; float:left;  text-align:center; margin-right:2%; margin-left:2%; height:auto}
.rprolist a img{ width:100%;   border:1px solid #CCC}
.rprolist a span{width:100%;height:40px; line-height:40px; font-size:12px }
.rprolist a img:hover{ border:1px solid #0d60bd}





.proa{  width:140px; margin:0 auto; margin-top:10px}
.proa a{  width:100%; height:36px; display:block; line-height:36px; margin:0 auto; color:#111; background:#ddd; border-radius:2px; text-align:center; font-size:12px}
.proa a:hover{ color:#ffffff; background:#0d60bd;}

.proa1{  width:100%; margin:0 auto; margin-top:20px}
.proa1 a{  width:100%; height:34px; display:block; line-height:34px; margin:0 auto; color:#111; background:#ddd; border-radius:2px; text-align:center;font-size:15px}
.proa1 a:hover{ color:#0d60bd }


.proa2{  width:100%; margin:0 auto; margin-top:20px}
.proa2 a{  width:100%; height:34px; display:block; line-height:34px; margin:0 auto; color:#0d60bd; background:#ffffff; border-radius:2px; text-align:center; font-size:15px}
.proa2 a:hover{ color:#0d60bd;background:#d49517; }



#xw .xwfenlei{width:100%; overflow:hidden; margin:20px auto }
#xw .xwfenlei .xwleft{width:98%; overflow:hidden; float:none ;}
#xw .xwfenlei .xwright{width:100%; overflow:hidden; float:none; margin:0 auto; text-align:center; margin-top:20px}



.tuijian_index{width:100%; height: auto; margin:0 auto; margin-top:20px}

.Dautoh {margin: 0px auto; width:98%; border:none}
.Dtab-title {margin:0 auto;width:100%; height: 40px;background:none; border:none}
.Dtab-title a {width:50%; height: 40px; text-align: center; cursor: pointer; background:#fff; line-height:40px; color:#111;  font-size:16px; font-weight:bold}
.Dactive1 {background: #0d60bd ; color: #FFF; }
.Dactive1 a{background: #0d60bd ; color: #FFF; }
.Dactive2 {background: #0d60bd ; color: #FFF;}
.DmyTab2{ width:100%}


.Dnormal1 {height: 40px; text-align: center; float: left; cursor: pointer; line-height:40px}
.Dnormal1 a{width:100%; display:block}

.Dblank0 {height: 0px; line-height: 0; clear: both; font-size: 1px; display: block; visibility: hidden;}
.Dblank0 {	line-height: 0; clear: both; font-size: 1px; display: block; visibility: hidden;}
.DTabContent { margin-top: 10px; width:100%; margin:0 auto}
.DTabContent .pro {	width:100%}





.tuijian_index .img{width:280px; height:200px; display:none}
.tuijian_index .font1{width:430px; float:none}
.tuijian_index .font1 ul{width:430px;}
.tuijian_index .font1 ul li{width:430px; height:28px}
.tuijian_index .font1 ul li a{ width:430px; height:28px; display:block; line-height:28px; color:#666;font-size:14px; float:right; overflow:hidden; background:url(../images/newslist24.png) left center no-repeat; padding-left:16px}
.tuijian_index .font1 ul li a:hover{ color:#0d60bd }


#hezuo{ width:100%; background:;overflow:hidden;margin:0 auto; padding:20px 0 20px 0; height:420px}

#hezuo .hezuolist{ width:100%; margin:0 auto; margin-top:20px}

.stepcarousel {	MARGIN: 0px auto; OVERFLOW: scroll; WIDTH: 80%; POSITION: relative; HEIGHT:230px; right:10px}
.stepcarousel .belt {LEFT: 0px; POSITION: absolute; TOP: 0px}
#displaycssbelt {VISIBILITY: hidden}
#stocklevels {	VISIBILITY: hidden}
.stepcarousel .panel {	FLOAT: left; MARGIN: 0px 15px 0px 15px; OVERFLOW: hidden;WIDTH: 100%}
.stock {CLEAR: both; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 100%; COLOR: #ccc; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: arial, verdana, sans-serif; HEIGHT: 10px; TEXT-ALIGN: right}
.subfeature {DISPLAY: block; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%}
.subfeature img{ width:246px; height:190px}

.subfeature-txt {LINE-HEIGHT: 25px; PADDING-TOP: 3px; POSITION: relative ; text-align:center; width:250px }
.subfeature-txt H2 {CLEAR: both; FONT-WEIGHT: normal; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; }
.subfeature-txt H2 A {	COLOR: #666}
.subfeature-txt H2 A:hover {	COLOR: #0d60bd}
.subfeature A IMG {	BORDER:#DDDDDD 2px solid}
.subfeature A IMG:hover { BORDER: #0d60bd 2px solid;}




/*ÄÚÒ³*/
#Banner_a{ display:none}
#about{ width:100%; margin:0 auto; overflow:hidden; margin-top:20px; }
#about .left{ display:none;}
#about .right{ width:100%; overflow:hidden; float:none;}
.title_b{width:98%; height:36px; margin:0 auto; border:1px solid #CCC; background:#f1f1f1}
.title_b h1{width:95%; height:36px; line-height:36px; font-size:12px;  font-weight:normal;color:#111; margin-left:10px}

#about .right .aboutcomm{ width:98%; overflow:hidden; margin:0 auto; margin-top:10px; margin-bottom:40px;border:1px solid #CCC; padding:20px}
#about .right .aboutcomm p{font-size:13px; color:#111;line-height:24px}


#newxw{ width:100%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0; background:#fcfcfc}
#newxw .tt{ width:98%; margin:0 auto; font-size:13px; color:#333; line-height:26px;}
#newxw .daohang{ width:100%; margin:0 auto; }
.wrap{  margin-left: auto;   margin-right: auto;   width: 100%; display: none}
.i_item_header dl{ background: #f4f4f4 none repeat scroll 0 0;  height: 40px;  line-height: 40px;  margin-bottom: 5px; display:block; }
.i_item_header dt{ display:none}
.i_item_header dt.red{ width: 170px; background: #0d60bd; color:#FFF}
.i_item_header dd{ color: #999; float: left;display:inline; width:30%; height:40px; line-height:38px; text-align:center; border-right:2px solid #FFF}
.i_item_header dd a{  height:40px;  line-height:38px;text-decoration: none;outline: none; color: #333; transition: all .2s ease;  font-size:14px}
.i_item_header dd a:hover{ color: #0d60bd; font-weight:bold}



/*°¸Àý*/
.showdiv{ width: 99%; margin: 0px auto; margin-top:10px;border: 1px solid #ddd; overflow:hidden ; padding-bottom:15px; position:relative; margin-bottom:20px; min-height:500px}
.leveldiv{ border-top: 2px solid #0d60bd;  background: #F5F5F5;  border-bottom: 1px solid #ddd;  height: 35px; width: 100%; margin: 0px;  padding: 0px;
}
.floordiv{ float: left; width:120px; display: block; height: 100%; background-color: #0d60bd; text-align: center; color: #fff; font-size:16px; line-height:32px;}
.navigationmaindiv a{ float: left;line-height: 35px;height: 35px; color: #333;float: left;font-size: 12px;padding: 0 1em;}
.navigationmaindiv a{color: #666;outline: medium none;text-decoration: none;transition: all 0.2s ease 0s;}
.navigationsubdiv{color: #666;float: right;margin-right: 10px;text-align:right;}
.navigationsubdiv a{ margin: 0 2px; height: 35px; line-height: 35px; font: Arial, 'Microsoft Yahei' , 'SimSun' ,sans-serif; font-size: 12px;}
.navigationsubdiv .a1{ margin: 0 4px; height: 35px;  line-height: 35px; font: Arial, 'Microsoft Yahei' , 'SimSun' ,sans-serif; font-size: 12px;}
.detaileddiv003{ width:100% ; margin:0 auto; overflow:hidden}
.detaileddiv{ width:100%; margin: 0px; padding: 0px;  float: left;margin-top: 20px; border: 1px solid #ccc; margin:8px;}
.type {
	position:absolute;
	left: 60px;
	top: 7px;
	color: #666;
    outline: medium none;
    text-decoration: none;
    transition: all 0.2s ease 0s;
	font-size:18px;
}
.detaileddiv1{ padding: 0px 14px 0 14px; }
.detaileddiv_column{  margin: 0px; padding: 0px;float: left;display:inline; padding: 0px 0px; margin-left:10px;margin-right:10px;  margin-top: 20px; }

.detaileddiv ul, .detaileddiv ul li{   width:100%;  margin: 0px auto;  padding: 0px;  list-style: none; }
.detaileddiv ul:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.detaileddiv ul li:first-child{  margin-top: 10px; }
.detaileddiv ul li img{    width:100%; height: auto; text-align:center}
.detaileddiv ul li span{ font-size: 12px; color: #666; overflow: hidden; height: 32px; line-height: 32px;}
.detaileddiv ul li.dashedli{  border-top: 1px dashed; margin-top:2px;}
.detaileddiv ul li .ico{display:inline-block;overflow:hidden;width:20px;height:20px;vertical-align:middle;background:url(../images/ico.png);margin-right:4px;}
.detaileddiv ul li .ico a{display:inline-block;overflow:hidden;width:20px;height:20px;vertical-align:middle;background:url(../images/ico.png);margin-right:4px;}

.detaileddiv ul li.icoli{margin-top:8px;margin-bottom: 10px;}
.detaileddiv ul li.icoli a{ padding-right: 15px; color:#666; font-size:12px }
.detaileddiv ul li .ico1_1{  background-position: -40px 0;}
.detaileddiv ul li .ico1_2{   background-position: -60px 0;}
.detaileddiv ul li .ico1_3{   background-position: -80px 0;}
.cleardiv{height: 20px;width: 100%; clear: both;}





.gallery{position:relative;}
.gallery .swiper-container { width: 100%;position: relative;height:auto}
.gallery .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.gallery .swiper-slide img{width:100%; height:auto}

.page1{ width:100%; height:40px; margin:20px auto; margin-bottom:40px}
.page1 a{padding:3px 8px; color:#000; background-color:#f6f6f6; font-size:12px}


#caseshow00{ width:100%; margin:0 auto; overflow:hidden; margin-top:10px;}
#caseshow00 .left{display:none}

#caseshow00 .right{ width:96%; overflow:hidden; float:none;margin:0 auto; margin-bottom:20px}
#caseshow00 .right .aboutcomm{ width:100%; overflow:hidden; margin-top:10px; margin-bottom:20px;border:1px solid #CCC; }
#caseshow00 .right .aboutcomm p{font-size:13px; color:#111;line-height:24px}
#caseshow00 .right .aboutcomm h2{font-size:24px; color:#111;line-height:80px; font-weight:bold; text-align:center; width:700px;}
#caseshow00 .right .aboutcomm img{ width:100%; height:auto }

.title_c00{width:100%; height:32px; margin:0 auto; border:1px solid #CCC; background:#f1f1f1}
.title_c00 h1{width:100%; height:32px; line-height:32px; font-size:12px;  font-weight:normal;color:#111; margin-left:20px}




.aboutcomm02 .tuijian{width:98%; height:auto; margin:0 auto; margin-top:10px; border:1px solid #CCC; padding:15px}
.aboutcomm02 .tuijian .img{width:100%; height:auto; float:none}
.aboutcomm02 .tuijian .img img{width:100%; height:auto;}
.aboutcomm02 .tuijian .font{width:100%;height:auto; float:none}
.aboutcomm02 .tuijian .font h1{width:100%; height:40px; font-size:14px; line-height:40px; overflow:hidden}
.aboutcomm02 .tuijian .font h1 a{width:100%; height:40px; font-size:14px; line-height:40px; overflow:hidden; color:#333}
.aboutcomm02 .tuijian .font h1 a:hover{ color:#9e0001 }
.aboutcomm02 .tuijian .font p{width:100%; height:50px; font-size:14px; line-height:24px; overflow:hidden; display:block; color:#666}

.hyxw{ width:100%; margin:0 auto; overflow:hidden; margin-top:20px}
.hyxw .hyxwleft{ width:96%;overflow:hidden; border-bottom:4px solid #c2272d; height:430px; margin:0 auto}
.hyxw .hyxwleft h1{ width:100%; height:50px; font-size:16px; font-weight:bold; background:#c2272d; color:#FFF; display: block; padding:15px; line-height:25px}
.hyxw .hyxwleft img{ width:100%; height:180px; margin:0 auto}
.hyxw .hyxwleft h2{ width:100%; height:92px; overflow:hidden; font-size:12px; color:#666; line-height:24px; font-weight:normal}
.hyxw .hyxwleft a{ width:100%; height:28px; overflow:hidden; font-size:12px; color:#333; line-height:28px; text-align:center;  display: block; border:2px solid #c2272d; margin-top:20px}
.hyxw .hyxwleft a:hover{color:#c2272d; }

.hyxw .hyxwright{ width:96%;overflow:hidden;height:430px}
.hyxw .hyxwright .hyxwtitle{ width:100%; height:40px; border-bottom:1px solid #CCC}
.hyxw .hyxwright .hyxwtitle h1{ width:60%; height:40px; float:left; line-height:40px; font-size:18px; color:#c2272d; font-weight:normal}
.hyxw .hyxwright .hyxwtitle a{ width:30%; height:30px; float:right; line-height:30px; font-size:12px; color:#666; font-weight:normal; margin-top:10px}
.hyxw .hyxwright .hyxwlist{ width:100%; height:100px; overflow:hidden; margin-top:10px; margin-bottom:20px; border-bottom:1px solid #ccc}
.hyxw .hyxwright .hyxwlist .hyxwlistleft{ width:100%; height:100px; overflow:hidden; float:left}
.hyxw .hyxwright .hyxwlist .hyxwlistleft a{ width:100%; height:36px; line-height:36px; font-size:16px; color:#333;}
.hyxw .hyxwright .hyxwlist .hyxwlistleft a:hover{color:#c2272d}
.hyxw .hyxwright .hyxwlist .hyxwlistleft h2{ width:100%; height:60px; overflow:hidden; font-size:12px; color:#666; line-height:20px; font-weight:normal}
.hyxw .hyxwright .hyxwlist .hyxwlistright{ width:80px; height:100px; overflow:hidden; float:right; font-size:12px; color:#666; line-height:30px; display:none}










}