@charset "utf-8";
@font-face{
//font-family:"SourceHanSansCN";
//src: url('/Template/default/css/SourceHanSansCN/SourceHanSansCN-Light.otf');
}
body{
margin:0px;padding:0px;
font-family:"microsoft yahei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif;
}
ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;list-style:none;}
table,td,tr{margin:0px;padding:5px;}
table{line-height:18px;}

*{padding:0;margin:0px;}
.cursor{cursor:pointer;}
/*.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
img {border:0;}

p{margin-bottom:15px;}

/**/a{text-decoration:none;}
a:link {} 
a:visited {} 
a:hover {} 
a:active {}

.Blink a{text-decoration:none;}
.Blink a:link {color:#f13a3a;} 
.Blink a:visited {color:#f13a3a;} 
.Blink a:hover {color:#7A7A7A;} 
.Blink a:active {color:#444444;}

.Hlink a{text-decoration:none;}
.Hlink a:link {color:#000;} 
.Hlink a:visited {color:#333;} 
.Hlink a:hover {color:#666;} 
.Hlink a:active {color:#999;}

.Glink a{text-decoration:none;}
.Glink a:link {color:#666;} 
.Glink a:visited {color:#f13a3a;} 
.Glink a:hover {color:#f13a3a;} 
.Glink a:active {color:#444444;}

.Mlink a{text-decoration:none;}
.Mlink a:link {color:#7A7A7A;} 
.Mlink a:visited {color:#f13a3a;} 
.Mlink a:hover {color:#f13a3a;} 
.Mlink a:active {color:#444444;}

.Wlink a{text-decoration:none;}
.Wlink a:link {color:#FFFFFF;} 
.Wlink a:visited {color:#FFF;} 
.Wlink a:hover {color:#FFF;}
.Wlink a:active {color:#FFF;}

.F16 a{text-decoration:none;font-size:15px;}
.F16 a:link {color:#666;} 
.F16 a:visited {color:#666;} 
.F16 a:hover {color:#666;} 
.F16 a:active {color:#666;}

.MT-20{margin-top:-20px;}
.M10{margin-top:10px;}
.M18{margin-top:18px;}
.M30{margin-top:30px;}
.M35{margin-top:35px;}
.M38{margin-top:38px;}

.PL10{padding-left:10px;}
.PL20{padding-left:20px;}
.PA20{padding:20px;}
.PL35{padding:35px 0px 35px 35px;}
.PL36{padding-left:36px;}
.PA30{padding:30px;}
.PT25{padding-top:25px;}
.PT50{padding-top:50px;}
.PT100{padding-top:100px;}
.PB20{padding-bottom:100px;}

.MA10{margin:10px;}
.MA18{margin:18px;}
.ML30{margin-left:30px;}
.MT35{margin-top:35px;}
.MR2{margin-right:2px;}
.MR5{margin-right:5px;}
.MR11{margin-right:11px;}
.MR12{margin-right:12px;}
.MR13{margin-right:12px;}
.MR15{margin-right:15px;}
.MR20{margin-right:20px;}
.MR24{margin-right:24px;}
.MR25{margin-right:25px;}
.MR30{margin-right:28px;}
.MR35{margin-right:35px;}
.MR38{margin-right:38px;}
.MR50{margin-right:50px;}

.WebWide{width:100%;}
.L{text-align:left;}
.R{text-align:right;}
.C{text-align:center;}
.FloatLeft{float:left;}
.FloatRight{float:right;}

.Bold{font-weight:bold;}
.F10{font-size:10px;}
.F12{font-size:12px;}
.F14{font-size:14px;}
.F16{font-size:16px;}
.F18{font-size:18px;}
.F22{font-size:22px;}
.F30{font-size:30px;}
.F32{font-size:32px;}
.F36{font-size:36px;}

.LH20{line-height:20px;}
.LH22{line-height:22px;}
.LH25{line-height:25px;}
.LH35{line-height:35px;}
.LH50{line-height:50px;}

.Cfffff{color:#FFFFFF;}
.Cf46161{color:#f46161;}
.C444444{color:#444444;}
.C666666{color:#666666;}
.Cb7a0a0{color:#b7a0a0;}
.Ce60012{color:#e60012;}
.C7a7a7a{color:#7a7a7a;}
.C464646{color:#464646;}

.Bffffff{background:#fff;}
.Bf1f1f1{background:#f1f1f1;}
.Bf6f6f6{background:#f6f6f6;}
.B1e50ae{background:#1e50ae;}
.Bf5f5f5{background:#f5f5f5;}
.Bf13a3a{background:#f13a3a;}/*红*/
.B0065b3{background:#0065b3;}
.Bf23a3a{background:#f23a3a;}
.B3c78ce{background:#3c78ce;}
.B4f4f4f{background:#4f4f4f;}
.Bebebeb{background:#ebebeb;}
.B2b2e31{background:#2b2e31;}
.B4d9aec{background:#4d9aec;}/*蓝*/
.Bc59e17{background:#c59e17;}/*绿*/
.Bd6d4d5{background:#d6d4d5;}/*灰*/

.h23{height:23px;line-height:23px;}
.h30{height:30px;line-height:30px;}
.h35{height:35px;}
.h44{height:44px;line-height:44px;}
.h50{height:50px;}
.h75{height:75px;}
.h85{height:85px;}
.h105{height:105px;}
.h134{height:134px;}
.h160{height:160px;}
.h200{height:200px;}
.h270{height:270px;}
.h288{height:288px;}
.h310{height:310px;}
.h370{height:370px;}
.h450{height:450px;}
.h460{height:460px;}
.h530{height:530px;}
.hA{height:auto;}

.w30{width:30px;}
.w36{width:36px;}
.w38{width:38px;}
.w60{width:60px;}
.w90{width:90px;}
.w120{width:120px;}
.w140{width:140px;}
.w206{width:206px;}
.w210{width:190px;}
.w230{width:210px;}
.w237{width:237px;}
.w240{width:240px;}
.w258{width:258px;}
.w265{width:265px;}
.w280{width:280px;}
.w288{width:285px;}
.w345{width:345px;}
.w360{width:360px;}
.w365{width:365px;}
.w380{width:380px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w630{width:630px;}
.w580{width:580px;}
.w650{width:650px;}
.w670{width:670px;}
.w680{width:680px;}
.w700{width:700px;}
.w720{width:720px;}
.w760{width:760px;}
.w770{width:770px;}
.w780{width:780px;}
.w828{width:828px;}
.w854{width:854px;}
.w895{width:890px;}
.w910{width:910px;}
.w950{width:925px;}
.w1050{width:1050px;}
.w1060{width:1060px;margin:0 auto;}
.w1100{width:1100px;}
.w1130{width:1130px;}
.w1150{width:1150px;}
.w1200{width:1200px;margin:0 auto;}
.w1140{width:1140px;margin:0 auto;}
.wA{width:auto;}
.w100{width:100%;}

.GrayBorder{border:1px solid #cfd3d4;}

.TextJustfy{
text-align:justify;
text-justify:inter-word;
}

.L_pic{float:left;width:auto;height:auto;margin:0 15px 0 0;}
.L_pic img{width:185px;height:123px;}
.ti{float:left;width:510px;height:30px;line-height:30px;font-size:16px;font-weight:bold;}
.ti a{color:#fe0002;}
.co{float:left;width:510px;height:100px;line-height:25px;}

.BgDH{background:url(../images/dotline.png) 8px 9px no-repeat;}
#DH_ABOUT{background:url(../images/dh.png) no-repeat;}
#DH_ChanPin{background:url(../images/dh.png) 0px -54px no-repeat;}
#DH_NEWS{background:url(../images/dh.png) 0px -160px no-repeat;}
#DH_ZhaoPin{background:url(../images/dh.png) 0px -322px no-repeat;}
#DH_Anli{background:url(../images/dh.png) 0px -106px no-repeat;}
#DH_ZhiShi{background:url(../images/dh.png) 0px -268px no-repeat;}

.fa{background-image:url(../images/fangan.jpg);}
.fw{background-image:url(../images/fw4.jpg);}

.arrow{
background-image:url(../images/arrow.png);
background-position:840px 44px;
background-repeat:no-repeat;
}
.box-shadow-3{  
  -webkit-box-shadow:0 0 15px rgba(0, 204, 204, .3); 
  -moz-box-shadow:0 0 15px rgba(0, 204, 204, .3); 
  box-shadow:0 0 15px rgba(0, 204, 204, .3); 
} 

/**导航**/
.menu{height:35px;width:100%;background:#fff;font-weight: normal;line-height: 35px;}
.menu .content{width:700px;height:35px;margin:0 auto;}
ul#nav {width:700px;margin:0 auto;height:35px;line-height:35px;font-size:18px;z-index:3770;text-align:center;}
ul#nav .mainlevel { float:left;width:98px;display:inline;/*IE6 only*/}
ul#nav .mainhome{float:left;/*width:148px;*/ width:98px;display:inline;text-align:center;/*IE6 only*/ }
ul#nav .maincontact{float:left;width:98px;display:inline;/*IE6 only*/background:url(../images/mbb.jpg) no-repeat;}
ul#nav .mainlevel a {color:#535353;text-decoration:none;line-height:35px;height:35px;display:block;width:120px;}
ul#nav .mainlevel a#on{color:#ff7975;text-decoration:none;}
ul#nav .maincontact a{color:#ff7975;text-decoration:none;line-height:35px;display:block;width:120px;}
ul#nav .maincontact a:hover{color:#fff;text-decoration:none;line-height:35px;display:block;width:120px;background:#fff;}
ul#nav .maincontact a#on{color:#ff7975;text-decoration:none;line-height:35px;display:block;width:120px;background:#fff;}
ul#nav .mainhome a.home{color:#ff7975;text-decoration:none;line-height:35px;display:block; width:120px;}
ul#nav .mainlevel a:hover {color:#fff;text-decoration:none;background:#0065B3;}
ul#nav .mainhome a.home:hover {color:#ff7975;text-decoration:none;}
ul#nav .mainhome a#on{color:#ff7975;text-decoration:none;background:#fff;}
ul#nav .mainlevel ul {display:none;position:absolute;list-style:none;*margin-left:-70px;list-style:none;}
ul#nav .mainlevel ul.pro{position:absolute;z-index:500;}
ul#nav .mainlevel li {border-top:1px solid #fff;width:127px;line-height:28px;z-index:500;filter:alpha(opacity=90);-moz-opacity:0.95;opacity:0.95;text-align:left;}
ul#nav .mainlevel li#pro_box{border-top:0px solid #fff;width:100%;line-height:25px;margin-left:-568px !important;*margin-left:-568px !important;_margin-left:-568px;position:absolute;/*IE6 only*/}

ul#nav .mainlevel li a{color:#2c2d2c;text-decoration:none;height:28px;line-height:28px;display:block;width:92px;padding-left:35px;background:#FFF;font-weight:normal;font-size:12px;}
ul#nav .mainlevel li a:hover{color:#fff;text-decoration:none;display:block;line-height:28px;width:92px;padding-left:35px;}

#menu_products{width:1140px;height:375px;float:left;display:inline;background: #d7d7d7 url(../images/w.gif) repeat-x;z-index:50;padding-top:19px;margin-top:0px;line-height:22px;text-align:left;}

ul#nav .mainlevel li #menu_products a{display:inline;color:#2c2d2c;text-decoration:none;background:none;margin:0;padding:0;font-weight:bold;}
ul#nav .mainlevel li #menu_products dl{float:left;display:inline;}
ul#nav .mainlevel li #menu_products dl dt{text-align:left;height:31px;line-height:31px;font-weight:bold;float:left;display:inline;margin-bottom:0px;}
ul#nav .mainlevel li #menu_products dl dt h2{font-weight:bold;margin-top:5px;/*filter:alpha(opacity=100);-moz-opacity:1;opacity:1;*/}
ul#nav .mainlevel li #menu_products dl dt a{ display:inline;line-height:31px;marign:0;font-weight:bold;font-size:16px;}
ul#nav .mainlevel li #menu_products dl dd{margin-top:5px;float:left;height:auto;overflow:hidden;text-indent:10px;background:url(../images/menu_List_bg.gif) left 7px no-repeat;}
ul#nav .mainlevel li #menu_products .vline{width:2px;float:left;margin-top:37px;}
ul#nav .mainlevel li #menu_products dl dd a{font-weight:normal;line-height:22px;}
ul#nav .mainlevel li #menu_products a:hover{text-decoration:underline;}
ul#nav .mainlevel li #menu_products dl#l_110{width:100px;float:left;margin-left:20px;display:inline;}
ul#nav .mainlevel li #menu_products dl#l_110 dd{width:100px;}
ul#nav .mainlevel li #menu_products dl#l_120{width:100px;padding-left:10px;margin-right:10px;}
ul#nav .mainlevel li #menu_products dl#l_120 dd{width:100px;}
ul#nav .mainlevel li #menu_products dl#l_130{width:100px;padding-left:10px;margin-right:10px;}
ul#nav .mainlevel li #menu_products dl#l_130 dd{width:100px;}
ul#nav .mainlevel li #menu_products dl#l_140{width:100px;padding-left:10px;margin-right:10px;}
ul#nav .mainlevel li #menu_products dl#l_140 dd{width:100px;} 
ul#nav .mainlevel li #menu_products dl#l_150{width:160px;padding-left:10px;margin-right:10px;}
ul#nav .mainlevel li #menu_products dl#l_150 dd{width:160px;} 
ul#nav .mainlevel li #menu_products dl#l_160{width:160px;padding-left:10px;margin-right:10px;}
ul#nav .mainlevel li #menu_products dl#l_160 dd{width:160px;} 
ul#nav .mainlevel li #menu_products dl#l_250{width:250px;padding-left:10px;margin-right:10px;}
ul#nav .mainlevel li #menu_products dl#l_250 dd{width:250px;}
ul#nav .mainlevel li #menu_products dl#l_250 dd.nobg{float:left;text-indent:5px;background:none;}
ul#nav .mainlevel li #menu_products dl span{height:22px;padding-right:5px;float:left;/*background:#B1BEC4;*/color:#F00;font-weight:bold;}

.sv { position:absolute;width:148px;float:left;display:none;z-index:500;}
#TopNewsPic, #TopNewsPic img{width:480px;}

.HC_pic{position:relative;width:460px;height:auto;}
.HC_pic ul{position:relative;list-style:none;}
.HC_pic ul li{position:absolute;left:0px;top:0px;width:460px;height:390px;float:left;margin:0px 10px 15px 0;overflow: hidden;}
.HC_pic ul li p{position:absolute;left:0px;top:300px;width:450px;height:50px;line-height:50px;text-align:left;color:#fff;font-size:18px;background:#333333;opacity: 0.8;}
.HC_pic ul li .tit{width:460px;height:25px;line-height:25px;border-bottom:1px solid #e8e8e8;margin:0 0 15px 0;}
.HC_pic li.effect-julia img {
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.HC_pic li.effect-julia:hover img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.index-news{width:360px;height:auto;margin-right:0px;float:left;overflow:hidden;line-height:22px;}
.index-news .dh{width:360px;height:auto;margin-bottom: 5px;float:left;font-weight:bold;}
.index-news ul{width:360px;height:auto;list-style:none;margin:0;padding:0;overflow:hidden;}
.index-news li{width:360px;height:118px;line-height:22px;border-bottom:1px solid #e6dddd;margin-bottom:15px;}
.index-news li a{width:360px;height:25px;line-height:22px;text-decoration:none;color:#666;font-size:18px;}
.index-news li a:link{color:#666;}
.index-news li a:visited{color:#666;}
.index-news li a:hover{color:#f13a3a;}
.index-news li a:active{color:#666;}
.index-news li p{width:360px;height:auto;line-height:22px;font-size:14px;color:#b29999;}
.index-news li span{display:inline;width:auto;height:25px;float:left;font-size:12px;line-height:22px;color:#b29999;}
.noSee{display:none;}
.See{display:block;}
.index-news .bg{background:url(../images/news_dh_bg.jpg) no-repeat;color:#FFFFFF}

.index-news li{
position:relative;
animation:mymove 1s 1 forwards;
-moz-animation:mymove 1s 1 forwards ;/* Firefox */
-webkit-animation:mymove 1s 1 forwards;/* Safari and Chrome */
-o-animation:mymove 1s 1 forwards;/* Opera */
}

#Company{
opacity:0;
position:relative;
animation:mymoveC 1s 1s 1 forwards;
-moz-animation:mymoveC 1s 1s 1 forwards ;/* Firefox */
-webkit-animation:mymoveC 1s 1s 1 forwards;/* Safari and Chrome */
-o-animation:mymoveC 1s 1s 1 forwards;/* Opera */
}

#Product{
opacity:0;
position:relative;
animation:mymove 2s 0.5s 1 forwards;
-moz-animation:mymove 2s 0.5s 1 forwards ;/* Firefox */
-webkit-animation:mymove 2s 0.5s 1 forwards;/* Safari and Chrome */
-o-animation:mymove 2s 0.5s 1 forwards;/* Opera */
}
.Product{
opacity:0;
position:relative;
animation:mymove 2s 0.5s 1 forwards;
-moz-animation:mymove 2s 0.5s 1 forwards ;/* Firefox */
-webkit-animation:mymove 2s 0.5s 1 forwards;/* Safari and Chrome */
-o-animation:mymove 2s 0.5s 1 forwards;/* Opera */
}

#IndexNews{
opacity:0;
position:relative;
animation:mymove 2s 1 forwards;
-moz-animation:mymove 2s 1 forwards ;/* Firefox */
-webkit-animation:mymove 2s 1 forwards;/* Safari and Chrome */
-o-animation:mymove 2s 1 forwards;/* Opera */
}
#banner{
opacity:0;
position:relative;
animation:mymoveB 2s 1 forwards;
-moz-animation:mymoveB 2s 1 forwards ;/* Firefox */
-webkit-animation:mymoveB 2s 1 forwards;/* Safari and Chrome */
-o-animation:mymoveB 2s 1 forwards;/* Opera */
}
/*index css end*/

/*index products css*/
.Product{float:right;margin:0;padding:0;}
.Product .dh{float:left;width:100%;height:36px;line-height:36px;background:url(../images/dh_bg_m.gif) repeat-x;margin-bottom:10px;}
.Product .dh li{float:left;width:auto;height:36px;line-height:36px;padding:0px 26px;margin:0 0 2px 5px;background:#e37006;color:#FFFFFF;}
.Product .dh li.now{float:left;width:auto;height:36px;line-height:36px;padding:0px 26px;margin:0 0 2px 5px;background:#0067b3;color:#FFFFFF;}
.Product .dh li a{color:#FFFFFF;}
.Product .dh span{float: right;font-size:8px;background:#FFF;height:36px;line-height:36px;padding:0px 10px 0;}
.Product li span{ float: right;display: none;}
.Product .Graydh{float:left;width:100%;height:36px;line-height:36px;border-bottom:dotted 1px #a6a6a6;}
.Product .Graydh li{float:left;width:auto;height:36px;line-height:36px;padding:0px 18px;background:#ececec;color:#353535;margin:0 5px 2px 0;}
.Product .Graydh li a{color:#353535;margin:0 5px 2px 0;}
.Product .Graydh .GrayBetter{background:#727272;color:#fff;}
.Product .netWork{position:absolute;top:200px;left:0;}
.Product p{margin-left:18px;}
.Product #float{position:absolute;top:0;left:0;}

#HC_ProBox{float:right;margin:0 0 15px 0;}
.HC_ProBigPic{position:relative;width:558px; height:390px; float:left; margin:0px 30px 20px 0px;background:#fff;padding:0px;overflow: hidden;}
.HC_ProBigPic li{position:absolute;top:10px;left:0px;}
.HC_ProBigPic li img{width:558px;height:380px;}

.HC_SmallPic {float:left;width:265px;height:35px;padding-left:180px}
.HC_SmallPic li{ float:left;width:48px;height:28px;margin:0px 5px 5px 5px;padding:2px 2px 2px 2px;text-align:center;}
.HC_SmallPic li img{ width:45px;height:25px;border:1px #999999;padding:1px;}
.HC_SmallPic li {
 /* -webkit-box-shadow:0 0 5px rgba(0, 204, 204, .3); 
  -moz-box-shadow:0 0 5px rgba(0, 204, 204, .3); 
  box-shadow:0 0 5px rgba(0, 204, 204, .3);
*/}
.HC_ProBigPic li.effect-julia img {
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.HC_ProBigPic li.effect-julia:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.02,1.02,1);
	transform: scale3d(1.02,1.02,1);
}
.HC_ProSmallPic{float:left;width:305px;height:30px;background:#fafbfb;clear:both;}

/*案例css index*/
.HC_AnliBigPic{position:relative;width:100%;height:auto;float:left;margin:20px 0px 0px 0px;background:#fff;padding:0px;}
.HC_AnliBigPic li{position:relative;float:left;width:360px;height:265px;overflow:hidden;margin-top:20px}
.HC_AnliBigPic li img{position:relative;width:360px;height:265px;}
.HC_AnliBigPic li p span{float:right;width:auto;height:25px;line-height:25px;}
.HC_AnliBigPic li .content{float:right;width:auto;height:auto;line-height:25px;}
.HC_AnliBigPic li p{position:absolute;left:0px;top:215px;width:350px;height:50px;line-height:50px;text-align:left;color:#fff;font-size:18px;background:#333333;opacity: 0.7;background-image:url(../images/a.png);background-position:310px 0px;background-repeat:no-repeat;}
.HC_AnliBigPic li .tit{float:right;width:auto;height:auto;line-height:55px;margin:0 0 15px 0;}
.HC_AnliBigPic li .tit img {width:57px;height:57px;margin:0 0 15px 0;}

.HC_AnliBigPic li.effect-julia img {
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.HC_AnliBigPic li.effect-julia:hover img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.HC_AnliSmallPic {float:left;clear:both;width:660px;height:50px;padding-left:0px;background:#f6f6f6;}
.HC_AnliSmallPic li{ float:left;width:auto;height:32px;overflow:hidden;margin:5px 5px 5px 0px;padding:2px 2px 2px 2px;text-align:center;}
.HC_AnliSmallPic li img{ width:60px;height:30px;border:1px #999999;padding:1px;}
.HC_AnliSmallPic li {
  -webkit-box-shadow:0 0 5px rgba(0, 204, 204, .3); 
  -moz-box-shadow:0 0 5px rgba(0, 204, 204, .3); 
  box-shadow:0 0 5px rgba(0, 204, 204, .3); 
}

.HcBox{position:relative;float:left;margin:0;padding:0;overflow:hidden;}
.HcBox .dh{float:left;width:100%;height:46px;line-height:46px;border-bottom:solid 1px #efefef;margin-bottom:10px;}
.HcBox .dh h2{float:left;width:auto;height:46px;line-height:46px;padding:0px 28px;margin:0 2px 0 0;background:#e37006;color:#FFFFFF;}
.HcBox .dh h2.now{float:left;width:auto;height:46px;line-height:46px;padding:0px 28px;margin:0 2px 0 0;background:#0067b3;color:#FFFFFF;}
.HcBox .dh h2 a{color:#FFFFFF;}
.HcBox .dh span{float: right;;font-size:8px;background:#FFF;height:46px;line-height:46px;padding:0px 10px 0;}
.HcBox h2 span{ float: right;display: none;}
.HcBox .Graydh{float:left;width:100%;height:46px;line-height:46px;border-bottom:dotted 1px #a6a6a6;}
.HcBox .Graydh h2{float:left;width:auto;height:46px;line-height:46px;padding:0px 28px;background:#ececec;color:#353535;margin:0 2px 0px 0;}
.HcBox .Graydh h2 a{color:#353535;margin:0 2px 0px 0;}
.HcBox .Graydh .GrayBetter{background:#727272;color:#fff;}
.HcBox .netWork{position:absolute;top:200px;left:0;}
.HcBox p{margin-left:18px;}
.HcBox #float{position:absolute;top:0;left:0;}
/*物料首页css*/
.Wuliao{margin:0 auto;}
.Wuliao .dh{margin:0 auto;width:auto;height:50px;line-height:50px;margin-left:270px;margin-bottom:10px;}
.Wuliao .dh li{float:left;width:186px;height:50px;line-height:50px;margin:0px 30px 0px 0px ;background:#0267b3;color:#FFFFFF;}
.Wuliao .dh li.now{float:left;width:186px;height:50px;line-height:50px;margin:0px 30px 0px 0px ;background:#e37006;color:#FFFFFF;}
.Wuliao .dh li a{color:#FFFFFF;}
.Wuliao .dh span{float: right;font-size:8px;background:#FFF;height:36px;line-height:36px;padding:0px 10px 0;}

.Wuliao .dh2{margin:0 auto;width:auto;height:50px;line-height:50px;margin-left:80px;margin-bottom:10px;}
.Wuliao .dh2 li{float:left;width:auto;height:50px;line-height:50px;margin:0px 15px 0px 0px;padding:0px 10px;background:#0267b3;color:#FFFFFF;}
.Wuliao .dh2 li.now{float:left;width:auto;height:50px;line-height:50px;margin:0px 15px 0px 0px;padding:0px 10px;background:#e37006;color:#FFFFFF;}
.Wuliao .dh2 li a{color:#FFFFFF;}

.Wuliao .dh3{margin:0 auto;width:auto;height:45px;line-height:45px;margin-left:0px;margin-bottom:10px;}
.Wuliao .dh3 li{width:110px;height:45px;line-height:45px;padding:1px;background:#ed1b24;color:#FFFFFF;}
.Wuliao .dh3 li.now{width:114px;height:45px;line-height:45px;padding:0px 0px;background:#ed1b24;color:#FFFFFF;}
.Wuliao .dh3 li a{color:#FFFFFF;}
.Wuliao .dh3 span{font-size:8px;background:#FFF;height:36px;line-height:36px;padding:0px;}
.Wuliao .dh3 .Graydh{width:114px;height:45px;line-height:45px;}
.Wuliao .dh3 .Graydh li{width:114px;height:45px;line-height:45px;background:#ed1b24;color:#fff;}

.Wuliao .dh4{margin:0 auto;width:auto;height:45px;line-height:45px;margin-left:0px;margin-bottom:10px;}
.Wuliao .dh4 li{width:100px;height:45px;line-height:45px;padding:0px 0px;background:#0267b3;color:#FFFFFF;}
.Wuliao .dh4 li.now{width:100px;height:45px;line-height:45px;padding:0px 0px;background:#e37006;color:#FFFFFF;}
.Wuliao .dh4 li a{color:#FFFFFF;}
.Wuliao .dh4 .Graydh{float:left;margin:0px 10px 0px 15px ;}

.Wuliao li span{ float: right;display: none;}
.Wuliao .Graydh{width:186px;height:50px;line-height:50px;}
.Wuliao .Graydh li{width:186px;height:50px;line-height:50px;background:#e37006;color:#353535;}
.Wuliao .Graydh li a{color:#fff;}
.Wuliao .Graydh .GrayBetter{background:#727272;color:#fff;}

.Pa{position:relative;}
.AlignBottom{position:absolute;bottom:0px;}
.Alpha7{opacity: 0.7;}

table.ptable{background:#f2f2f2;text-align:center;}
table.ptable tr.firstRow td{background:#3762a3;color:#ffffff;height:30px;font-weight:bold;}
table.ptable th{background:#0166b4;color:#ffffff}
table.ptable tr td{background:#ffffff;height:25px;}
table.ptable tr.tr1 td{background:#cccccc;}

/*service online*/
.serOnline-container{float:left;width:100%;position:relative;overflow:hidden;background:#f6f6f6;}
.serOnline-container a{text-decoration:none}
.serOnline-container .lastData{margin:0 0 15px 5px;_margin:0 0 15px 3px}
.serOnline-container .marBL-10{margin:0 0 5px 0;line-height:32px}
.serOnline-service,.serOnline-worktime,.serOnline-contact{margin-top:5px;margin-left:21px;clear:both}
.serOnline-service .lineH-21{line-height:21px}
.serOnline-service .fk-onServiceLineH-23{line-height:23px}
.serOnline-service .qqImg0{background:url(../images/qq/pa4.gif) no-repeat}
.serOnline-service .qqImg1{background:url(../images/qq/pa4.gif) no-repeat}
.serOnline-service .qqImg2{background:url(../images/qq/pa10.gif) no-repeat}
.serOnline-service .qqImg3{background:url(../images/qq/pa3.gif) no-repeat}
.serOnline-service .qqImgOffLine0{background:url(../images/qq/offline/pa45.gif) no-repeat}
.serOnline-service .qqImgOffLine1{background:url(../images/qq/offline/pa4.gif) no-repeat}
.serOnline-service .qqImgOffLine2{background:url(../images/qq/offline/pa10.gif) no-repeat}
.serOnline-service .qqImgOffLine3{background:url(../images/qq/offline/pa3.gif) no-repeat}
.serOnline-service .skypeImg{background:url(../images/comm/ueditor/images/skype2.png) no-repeat}
.serOnline-service .wawaImg{background:url(../images/wangwang/wawa.gif) center center no-repeat}
.serOnline-service .serOnline-img{width:21px;height:21px;display:inline-block;margin-right:8px}
.serOnline-service .serOnline-img0{width:21px;height:21px;display:inline-block;margin-right:8px}
.serOnline-service .serOnline-img1{width:23px;height:21px;display:inline-block;margin-right:8px}
.serOnline-service .serOnline-img2{width:62px;height:21px;display:inline-block;margin-right:8px}
.serOnline-service .serOnline-img3{width:81px;height:23px;display:inline-block;margin-right:8px}
.serOnline-worktime .worktime-header-img{width:27px;height:27px;display:inline-block;background:url(../images/qq/serviceOnlineTime1.png) no-repeat;_background:url(../images/site/serviceOnlineTime1.gif?v=201406161741) no-repeat}
.serOnline-contact .contact-header-img{width:27px;height:27px;display:inline-block;background:url(../images/qq/serviceOnlineCall.png) no-repeat;_background:url(../images/site/serviceOnlineCall.gif) no-repeat}.serOnline-list-h{float:left;margin:0 0 7px 5px;white-space:nowrap;_margin:0 0 7px 3px}
.serOnline-list-v{margin:0 0 7px 5px;_margin:0 0 7px 3px}
.serOnline-separation-line{width:95%;border-bottom:dashed 1px;border-right:0;border-left:none;border-top:0;clear:both;margin:0 auto;}

.bt{position:absolute;bottom:0px;right:0px;width:275px;height:57px;line-height:57px;background:#3c78ce;color:#fff;overflow:hidden;}
.bt a{text-decoration:none;}
.bt a:link {color:#FFFFFF;} 
.bt a:visited {color:#FFF;} 
.bt a:hover {color:#fff;font-size:18px;}
.bt a:active {color:#FFF;}
.bt:hover{bottom:0px;right:0px;width:275px;height:57px;line-height:57px;font-size:22px;color:#fff;}

.btN{bottom:0px;right:0px;width:265px;height:57px;line-height:57px;background:#3c78ce;color:#fff;overflow:hidden;}
.btN a{text-decoration:none;}
.btN a:link {color:#FFFFFF;} 
.btN a:visited {color:#FFF;} 
.btN a:hover {color:#fff;font-size:18px;}
.btN a:active {color:#FFF;}
.btN:hover{bottom:0px;right:0px;width:265px;height:57px;line-height:57px;font-size:22px;color:#fff;}
/*footer css*/
.foot-title-1{padding-bottom:10px;text-align:left;}
.foot-down{text-align:center;padding-top:10px;}

.foot-middle{padding-top:40px;}
.foot-middle ul{float:left;list-style:none;width:auto;margin-right:48px;}
.foot-middle li{line-height:25px;height:25px;}
.foot-middle li a{color:#fff;}
.foot-middle li a:link{color:#fff;}
.foot-middle li a:visited{color:#fff;}
.foot-middle li a:hover{color:#f13a3a;}
.foot-middle li a:active{color:#666;}
.foot-link{margin:0 auto;height:25px;}
.foot-link ul{height:25px;list-style:none;}
.foot-link ul li{float:left;width:auto;height:25px;margin-right:4px;line-height:25px;text-align: center;font-size:12px;}
.foot-link li a{color:#666;}
.foot-link li a:link{color:#666;}
.foot-link li a:visited{color:#666;}
.foot-link li a:hover{color:#f13a3a;}
.foot-link li a:active{color:#666;}

.forFF{height:auto;width:0;overflow:hidden;clear:both;}

table.wtable{background:#EBEBEB;text-align:center;color:#fff;line-height:35px;width:100%;}
table.wtable th{background:#EE1C25;color:#fff;height:35px;}
table.wtable tr td{background:#E8E9E9;line-height:25px;color:#525356;}
table.wtable tr.tr1 td{background:#fff;}

/*页右边在线窗口*/
#zixun
{
z-index:1000000;
position:fixed;
right:-105px;
top:355px;
width:165px;
height:61px;
background:url(../pintuer/img/onlineR.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#zixun p
{
position:relative;
font-family:microsoft yahei;
float:right;
width:115px;
height:61px;
line-height:61px;
font-size:24px;
font-weight:bold;
text-align:center;
color:#fff;
}
#zixun a{color:#fff;}
#zixun:hover
{
right:0px;
}
#Tel
{
z-index:1000001;
position:fixed;
right:-165px;
top:416px;
width:225px;
height:61px;
background:url(../pintuer/img/onlineT.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#Tel:hover
{
right:0px;
}
#Ma
{
z-index:1000002;
position:fixed;
right:0px;
top:538px;
width:60px;
height:61px;
background:url(../pintuer/img/onlineM.png) no-repeat;
}
#Ma .MaP
{
position:fixed;
opacity: 0;
right:0px;
top:538px;
width:192px;
height:134px;
background:url(../pintuer/img/weixin.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#Ma .MaP:hover
{
opacity: 1;
right:0px;
top:538px;
}

/*索取报价*/
#Douyin
{
z-index:1000004;
position:fixed;
right:-165px;
top:477px;
width:225px;
height:61px;
background:url(../pintuer/img/o_douyin.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#Douyin:hover
{/*索取报价*/
right:-165px;
}

#Back
{
z-index:1000003;
position:fixed;
right:0px;
top:599px;
width:60px;
height:61px;
background:url(../pintuer/img/onlineB.png) no-repeat;
}
/*页右边在线窗口*/
/********************************PHONE CSS***************************************/
@media (max-width:640px){
.w265,.w288,.w365,.w470,.w450,.w460,.w550,.w580,.w600,.w650,.w700,.w770,.w950{width:100%;margin:0 auto;}
.w760{width:100%;margin:0 auto;}
.w828{width:100%;margin:0 auto;}
.w828 p{width:98%;margin:0 auto;}
.w1140{width:100%;margin:0 auto;}
.w1200{width:100%;margin:0 auto;}

.w580 p{width:95%;}
.w288 img,.w550 img,.w580 img{width:85%;margin:0 auto;}
.h85,.h370{height:auto;}
.w365 img{width:98%;}
.w460,.w470 img{width:100%;margin:0 auto;}
.w828 img{width:98%;margin:0 auto;}

.M18{margin-top:1px;margin-bottom:1px;}
.F30{font-size:1.5em;}

#welcome{display:none;}
#top{display:none;}
#topL{display:none;}
#GuidBox{display:none;}
#iPic,#Company{display:none;}

/*menu*/
.menu{height:48px;width:100%;background:#fff;font-weight: normal;line-height: 35px;background:#0065B3;}
.menu .content{width:100%;height:35px;margin:0 auto;}
ul#nav {width:100%;margin:0 auto;height:1.5em;line-height:1.5em;font-size:1em;z-index:3770;text-align:center;}
ul#nav .mainlevel { float:left;width:25%;display:inline;/*IE6 only*/}
ul#nav .mainhome{float:left;width:25%;display:inline;text-align:center;/*IE6 only*/ }
ul#nav .maincontact{float:left;width:25%;display:inline;/*IE6 only*/background:url(../images/mbb.jpg) no-repeat;}
ul#nav .mainlevel a {color:#fff;text-decoration:none;line-height:1.5em;height:1.5em;display:block;width:100%;}
ul#nav .mainlevel a#on{color:#fff;text-decoration:none;}
ul#nav .maincontact a{color:#fff;text-decoration:none;line-height:1.5em;display:block;width:25%;}
ul#nav .maincontact a:hover{color:#fff;text-decoration:none;line-height:1.5em;display:block;width:100%;background:#fff;}
ul#nav .maincontact a#on{color:#fff;text-decoration:none;line-height:1.5em;display:block;width:100%;}
ul#nav .mainhome a.home{color:#fff;text-decoration:none;line-height:1.5em;display:block;width:100%;}
ul#nav .mainlevel a:hover {color:#fff;text-decoration:none;background:#0065B3;}
ul#nav .mainhome a.home:hover {color:#ff7975;text-decoration:none;}
ul#nav .mainhome a#on{color:#ff7975;text-decoration:none;}
ul#nav .mainlevel ul {display:none;position:absolute;list-style:none;*margin-left:0px;list-style:none;}
ul#nav .mainlevel ul.pro{position:absolute;z-index:500;}
ul#nav .mainlevel li {display:none;border-top:1px solid #fff;width:25%;line-height:28px;z-index:500;filter:alpha(opacity=90);-moz-opacity:0.95;opacity:0.95;text-align:left;}
ul#nav .mainlevel li#pro_box{border-top:0px solid #fff;width:100%;line-height:25px;margin-left:0px !important;*margin-left:-0px !important;_margin-left:-0px;position:absolute;/*IE6 only*/}

ul#nav .mainlevel li a{color:#2c2d2c;text-decoration:none;height:28px;line-height:28px;display:block;width:100%;padding-left:35px;font-weight:normal;font-size:12px;}
ul#nav .mainlevel li a:hover{color:#fff;text-decoration:none;display:block;line-height:28px;width:100%;padding-left:0px;}

#menu_products{display:none;width:100%;height:375px;float:left;background:#d7d7d7 url(../images/w.gif) repeat-x;z-index:50;padding-top:19px;margin-top:0px;line-height:22px;text-align:left;}
/*menu end*/

.HC_ProBigPic{position:relative;width:100%; height:auto; float:left; margin:0px 0px 20px 0px;background:#fff;padding:0px;overflow: hidden;}
.HC_ProBigPic li{position:relative;}
.HC_ProBigPic li img{width:100%;height:auto;}

.HcBox .dh{float:left;width:100%;height:auto;}
.HcBox .dh h2{margin:0px 1px 1px 0px;}

.Wuliao .dh{margin:0 auto;width:350px;height:auto;line-height:25px;margin-bottom:10px;}
.Wuliao .dh li{float:left;width:45%;height:auto;line-height:1.2rem;margin:0px 1% 0px 1%;background:#0267b3;color:#FFFFFF;padding:1%;font-size:12px;margin-bottom:1%;}
.Wuliao .dh li.now{float:left;width:45%;height:auto;line-height:1.2rem;margin:0px 1% 0px 1%;background:#e37006;color:#FFFFFF;padding:1%;font-size:12px;color:#FFFFFF;}
.Wuliao .Graydh{width:25%;height:auto;line-height:1.2rem;margin:0px 1% 0px 1%;color:#FFFFFF;padding:5px;}
.Wuliao .Graydh li{float:left;width:45%;height:auto;line-height:1.2rem;margin:0px 1% 0px 1%;background:#e37006;color:#FFFFFF;padding:1%;font-size:12px;color:#353535;}

.Wuliao .dh2{margin:0 auto;width:auto;height:auto;line-height:1.2rem;margin-left:0px;margin-bottom:10px;font-size:12px;}
.Wuliao .dh2 li{float:left;width:45%;height:auto;line-height:1.2rem;margin:0px 1% 1% 1%;background:#0267b3;color:#FFFFFF;padding:1%;font-size:12px;}
.Wuliao .dh2 li.now{float:left;width:45%;height:auto;line-height:1.2rem;margin:0px 1% 1% 1%;background:#e37006;color:#FFFFFF;padding:1%;font-size:12px;}
.Wuliao .dh2 .Graydh{float:left;width:45%;height:auto;line-height:1.2rem;margin:0px 1% 1% 1%;background:#e37006;color:#FFFFFF;padding:1%;font-size:12px;color:#353535;}
.Wuliao .dh3 li{margin:0px 1px 1px 0px;}

.Product .dh{height:auto;}
.Product .dh li{width:33%;}
.Product .dh li.now{width:33%;}
.Product .Graydh{width:33%;}
.Product .Graydh li{width:33%;}

#Ps{display:none;}
#use img{width:100%;}
#kfTel{display:none;}
.bt,.bt:hover{width:50%;}
#Cp img{width:20px;height:20px;margin:5px 0px 5px;}
#TopNewsPic, #TopNewsPic img{width:100%;}
#TopNews{display:none;}
#HCfoot{display:none;}
#HClink{display:none;}
#banner{display:none;}
#Pbanner img{width:100%;}
.foot-down{width:98%;border-top:#555 1px solid;}
}


@media (min-width:640px) and (max-width:2440px){
#Pbanner{display:none;}
}