body{font-size: 13px;margin-left: 0px;margin-bottom: 0px;margin-top: 0px; background-color:#2C2C2C; font-family:"Microsoft YaHei"}
body,ul,ol,form,p{margin:0 0;padding:0 0}
ul,li{list-style:none}
.mrg{ margin-top:15px;}
.mrgl{ margin-left:15px;}
.mrgr{ margin-right:8px;}
.mrgb{ margin-bottom:35px;}
.libgr{ border-right:1px solid #515151;}
input{font-family:"Microsoft YaHei UI Light"}
.yellow{ width:100%; line-height:55px; margin-bottom:40px;}
.yellow a{ padding-left:8px; padding-right:8px; font-size:15px; padding-top:5px; padding-bottom:5px; border:1px solid #B2B2B2; margin-left:3px; color:#C0C0C0; text-decoration:none;}
.yellow .current{padding-left:9px;  padding-right:9px; font-size:15px; padding-top:6px; padding-bottom:6px;  margin-left:0px; background-color:#ED1B23; color:#FFFFFF;}
.clr{clear:both;height:0px;line-height:0;font-size:0;}
.jno{ width:830px; height:100px; line-height:100px; margin:0 auto; text-align:center;}


.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:280px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_conct a{text-decoration:none;color:#333;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0; width:120px; margin-left:30px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



#head{ width:100%; max-width:1920px; min-width:1200px; overflow:hidden; margin:0 auto; padding-top:1px; border-bottom:5px solid #ED1B23;}
#head .top{ width:80%; min-width:1160px; height:130px; margin:0 auto; margin-top:16px; margin-bottom:15px;}
#head .top .logo{ width:336px; height:100px; background:url(../Images/logo.gif) no-repeat left; float:left;}
#head .top .logo a{ float:left; width:336px; height:100px;}
#head .top .tel{ width:320px; height:100px; background:url(../Images/tel.png) no-repeat left; float:right;}
#head .nav{ width:80%; min-width:1160px; height:50px; line-height:50px; margin:0 auto; }
#head .nav .jk{ float:left; width:11%; text-align:center; border-left:1px solid #A9A9A9;}
#head .nav .jk:hover{ float:left;  width:11%; text-align:center; border-left:1px solid #ED1B23; background-color:#ED1B23;}
#head .nav .jk a{ color:#FFFFFF; font-size:18px; text-decoration:none;}
#head .nav .jk:hover a{ color:#FFFFFF; font-size:18px; text-decoration:none;}
#head .nav .jh{ float:left; padding:0px 20px; border-left:1px solid #A9A9A9;}
#head .nav .jh a{ color:#ED1B23; font-size:18px; text-decoration:none;}
#head .nav .jh a:hover{ color:#ED1B23; font-size:18px; text-decoration:none;}

.more{ width:80%; max-width:1920px; min-width:1160px; height:40px; line-height:40px; margin:0 auto; margin-top:15px;}
.more a{ font-size:14px; color:#C0C0C0; text-align:center; text-decoration:none; border:1px solid #5A5A5A; float:right; width:135px; height:40px; line-height:40px;}
.more a:hover{ background-color:#333333;}
/*#head .nav .jcur{float:left;  width:11%; text-align:center; border-left:1px solid #ED1B23; background-color:#ED1B23}
#head .nav .jcur a{color:#FFFFFF; font-size:18px; text-decoration:none;}*/

#ytit{ width:80%; min-width:1160px; margin:0 auto; height:78px; line-height:45px; background:url(../Images/line.gif) center repeat-x; margin-top:50px;}
#ytit .yuk{ width:400px; margin:0 auto; height:78px; background-color:#2C2C2C; text-align:center; font-size:28px;font-family:"Microsoft YaHei UI Light"; color:#EDEDED;}
#ytit .yuk span{ font-size:16px;color:#C2C2C2; line-height:30px;}

#ytit2{width:960px; margin:0 auto; height:78px; line-height:45px; background:url(../Images/line2.gif) center repeat-x; margin-bottom:30px;}
#ytit2 .yuk{ width:400px; margin:0 auto; height:78px; text-align:center; font-size:28px;font-family:"Microsoft YaHei UI Light"; color:#EDEDED;}
#ytit2 .yuk span{ font-size:16px;color:#C2C2C2; line-height:30px;}

#yclass{ width:80%; min-width:1160px; margin:0 auto; height:100px; line-height:100px; margin-top:40px; margin-bottom:5px;}
#yclass li{float:left; width:25%;  text-align:center;}
#yclass li a{ font-size:18px; color:#FFFFFF; text-decoration:none;background-color:#313131; float:left; width:98%;border:1px solid #515151; margin-left:1%;}
#yclass li:hover{}
#yclass li:hover a{background-color:#ED1B23;border:1px solid #ED1B23;}
#yclass .cyu{float:left; width:25%;  text-align:center;}
#yclass .cyu a{font-size:18px; color:#FFFFFF; text-decoration:none;background-color:#ED1B23; float:left; width:98%;border:1px solid #ED1B23; margin-left:1%;}

/*border:1px solid #515151;border:1px solid #ED1B23;*/

#pmainv{width:80%; min-width:1160px; margin:0 auto; overflow:hidden;}
#pmainv img{ width:100%;}

#pmaind{width:80%; background-color:#05060B; padding:30px 0px; font-size:16px; color:#FFFFFF; min-width:1160px; margin:0 auto; overflow:hidden;}
#pmaind .con{ width:90%; margin:0 auto; text-align:left; line-height:28px;}
#pmaind .con a{font-size:16px; color:#FFFFFF; text-decoration:none;}
#pmaind .con a:hover{font-size:16px; color:#FFFFFF; text-decoration:none;}

#iprodlist{ width:80%; max-width:1536px; min-width:1160px; margin:0 auto; overflow:hidden; }
#iprodlist .puc{ width:32%; float:left; margin-top:1.7vw; margin-right:2%;}
#iprodlist .puy{ width:32%; float:right; margin-top:1.7vw;}

#iprodlist .pimg{ width:100%; height:15.5vw;overflow:hidden;overflow:hidden;}
#iprodlist .pimg img{ width:100%; height:100%;}
#iprodlist .ptit{ width:100%; height:55px; line-height:55px; text-align:center;}
#iprodlist .ptit a{ font-size:16px; color:#C3C3C3; text-decoration:none;}
#iprodlist .ptit a:hover{ text-decoration:underline;}

#vmain{ width:80%; max-width:1920px; min-width:1160px; overflow:hidden; margin:0 auto; margin-top:60px;}
#vmain .vlist{ width:100%;}
#vmain .vlist li{ width:32%; max-width:614px; min-width:371px; height:20.48vw; max-height:491px; min-height:297px; border:1px solid #414141; float:left; border-radius:3px; margin-bottom:50px; overflow:hidden; text-align:center;}
#vmain .vlist .opl{ margin-right:2%;}
/*#vmain .vlist li .pimg{ width:100%; text-align:center;}
#vmain .vlist li .pimg img{ width:100%;}*/

#vmain .vtitle{ width:100%; height:90px; line-height:90px; text-align:center; font-size:19px; color:#C0C0C0; border-bottom:1px solid #454545; margin-bottom:40px;}
#vmain .vcontent{ width:100%; min-height:400px; line-height:35px; text-align:left;line-height:30px; font-size:14px; color:#9E9E9E;}
#vmain .videov{ width:100%; margin-top:30px; margin-bottom:30px; text-align:center;}
#main{width:80%; min-width:1160px; margin:0 auto; overflow:hidden; margin-top:40px;}
#main .mleft6{ width:100%;}
#main .mleft6 .con{ width:100%; line-height:30px; font-size:14px; color:#9E9E9E;}
#main .mleft6 .con a{ font-size:14px; color:#9E9E9E; text-decoration:none;}
#main .mleft6 .map{ margin-top:30px; border:1px solid #595959; padding:4px; width:98%; overflow:hidden;}
#main .mleft{float:right; overflow:hidden; width:68%;}

#main .mleft .con{ width:100%; line-height:30px; font-size:14px; color:#9E9E9E;}
#main .mleft .con a{ font-size:14px; color:#9E9E9E; text-decoration:none;}
#main .mleft .map{ margin-top:30px; border:1px solid #595959; padding:4px; width:890px; overflow:hidden;}
#main .mleft .tity{ width:100%; height:80px; line-height:80px; font-size:26px; color:#FFFFFF;}
#main .mleft .prodlist{ width:100%; text-align:center;}
#main .mleft .prodlist .pic{ width:100%; margin-bottom:10px;}
#main .mleft .prodlist .pic img{ width:70%;}
#main .mleft .prodlist .prodtit{ width:100%; height:45px; line-height:45px; margin-bottom:30px;}
#main .mleft .prodlist .prodtit a{ font-size:15px; color:#B2B2B2; text-decoration:none;}
#main .mleft .ptitle{ width:100%; height:40px; line-height:40px; text-align:center; font-size:20px; color:#FFFFFF;}
#main .mleft .pcongh{ width:100%; line-height:25px; text-align:left; font-size:13px; color:#5E5E5E;}
#main .mleft .pcongh a{font-size:13px; color:#5E5E5E; text-decoration:none;}
#main .mleft .pconfig{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#9D9D9D; padding-bottom:15px; border-bottom:1px solid #595959}
#main .mleft .pcontent{ width:100%; padding-top:30px; padding-bottom:20px; line-height:30px; font-size:15px; color:#C9C9C9; text-align:left;}
#main .mleft .pcontent a{font-size:15px; color:#C9C9C9;}
#main .mleft .pcontent img{ max-width:100%;}
#main .mleft .newslist{width:100%;}
#main .mleft .newslist .nli{width:100%; min-height:152px; overflow:hidden; margin-bottom:20px;}
#main .mleft .newslist .nli .pic{ width:25%; overflow:hidden; float:left; border:1px solid #646464;}
#main .mleft .newslist .nli .pic img{ width:100%; min-height:150px; max-height:200px;}
#main .mleft .newslist .nli .nconf{ width:70%; float:right;}
#main .mleft .newslist .nli .nconf .ntit{ width:100%; height:35px; line-height:35px; text-align:left; margin-bottom:5px;}
#main .mleft .newslist .nli .nconf .ntit a{ font-size:18px; color:#fff; text-decoration:none;}
#main .mleft .newslist .nli .nconf .ndesc{ width:100%;line-height:22px; text-align:left; font-size:13px; color:#9E9E9E;}
#main .mleft .newslist .nli .nconf .ndata{ width:100%; height:22px; line-height:22px; float:right; margin-bottom:10px; text-align:right; color:#878787; font-size:13px;}

#main .mright{ width:27%; min-width:320px; float:left; overflow:hidden;}
#main .mright .video{ width:94%; height:320px; background-color:#000000; padding:10px;}
#main .mright .video .tit{ width:100%; height:60px; text-align:center; line-height:60px; border-bottom:1px solid #4E4E4E;}
#main .mright .video .con{ width:98%; text-align:center; min-width:300px; height:200px; border:1px solid #2D2D2D;}

#main .mright .menu{ width:94%; padding:10px; overflow:hidden;  margin-bottom:15px;}
#main .mright .menu .tit{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #7A7A7A; font-size:19px; color:#C2C2C2; text-indent:10px; margin-bottom:0px;}
#main .mright .menu .tit span{ margin-left:10px; color:#6D6D6D; font-size:15px;}
#main .mright .menu .ali{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #555555; font-size:16px; color:#C2C2C2; text-indent:20px;}
#main .mright .menu .ali a{font-size:16px; color:#C2C2C2; text-decoration:none;}
#main .mright .menu .ali a:hover{ color:#FFFFFF;}

#main .mright .contact{ width:94%; border:1px solid #6C6C6C; overflow:hidden; height:300px; margin:0 auto; float:left; margin-left:10px;}
#main .mright .contact .tit{height:60px; line-height:60px; border-bottom:1px solid #7A7A7A; font-size:17px; color:#D9D9D9; text-indent:15px; margin-bottom:0px}
#main .mright .contact .tit span{ margin-left:10px; color:#6D6D6D; font-size:15px;}
#main .mright .contact .con{ padding:15px; width:268px; line-height:30px; font-size:14px; color:#9E9E9E;}


#iprod{ width:80%; min-width:1160px; height:600px; margin:0 auto; margin-bottom:50px; margin-top:40px;background-color:#000; text-align:center;}


.tit{ height:60px; padding:5px 0px; width:100%; line-height:60px; font-size:24px;font-family:"Microsoft YaHei UI Light"; color:#C2C2C2; margin-bottom:20px; border-bottom:1px solid #ADADAD}
.tit a{ float:right; font-size:13px; color:#C2C2C2; text-decoration:none;}
.tit a:hover{ float:right; font-size:13px; color:#fff; text-decoration:none;}

#CAbout{width:100%; max-width:1920px; min-width:1160px; height:889px; overflow:hidden; margin:0 auto; overflow:hidden; line-height:32px; text-align:left; font-size:15px; color:#D2D2D2; margin-top:60px; background:url(../Images/aboutbg.jpg) center top no-repeat; padding-bottom:40px; padding-top:40px;}
#CAbout .flv{ width:80%; text-align:center; margin:0 auto;}
#CAbout .CAcon{ width:80%; margin:0 auto; height:160px; overflow:hidden;}
#CAbout .CAcon img{ width:40%; float:left; margin-right:50px;}
#CAbout .CAcon p{ text-indent:30px;}
#CAbout .CAcon a{font-size:15px; color:#D2D2D2; text-decoration:none;}

#CNews{width:80%; min-width:1160px; margin:0 auto; overflow:hidden; line-height:32px; text-align:left; font-size:15px; color:#D2D2D2; margin-top:40px;}
#CNews .CNleft{ width:45%; float:left; overflow:hidden;}
#CNews .CNleft .fsimg{ width:100%; height:26vw; min-height:391.5px; max-height:648px; }


.focus{ position:relative; width:100%;min-width:522px; max-width:864px; height:26vw; min-height:391.5px; max-height:648px; float:left; }  
.focus img{width:100%; min-width:522px; max-width:864px; height:26vw; min-height:391.5px; max-height:648px;} 
.focus .shadow .title{width: 90%; height: 65px;padding-left: 8%;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:60px; line-height: 60px; background:rgba(0,0,0,0.3);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:17px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  


#CNews .CNright{ width:50%; float:right; overflow:hidden;height:26vw; min-height:391.5px; max-height:648px;}
#CNews .CNright li{ margin-bottom:0.66vw; height:6.0vw; min-height:91px;overflow:hidden; padding-bottom:10px; border:1px solid #2C2C2C;}
#CNews .CNright li:hover{ border:1px solid #ed1b23}
#CNews .CNright .bv{ border-bottom:1px solid #414141;}
#CNews .CNright .crdate{ width:100px; float:left; height:5.0vw; min-height:60px; border-right:1px solid #414141;}
#CNews .CNright .crdate .crday{ width:100px; height:3.2vw; line-height:3.2vw; min-height:40px; font-size:36px; text-align:center; color:#ACACAC;}
#CNews .CNright .crdate .crmy{ width:100px; height:1.8vw; line-height:1.8vw; min-height:20px; font-size:15px; color:#6E6E6E; text-align:center;}
#CNews .CNright .crcon{ width:80%; float:right; overflow:hidden;}
#CNews .CNright .crcon .crtitle{ width:100%; height:2vw; line-height:2vw; min-height:35px; text-align:left;}
#CNews .CNright .crcon .crtitle a{ font-size:17px; color:#fff; text-decoration:none;}
#CNews .CNright .crcon .crtitle a:hover{ color:#FFFFFF;}
#CNews .CNright .crcon .crtitle span{ width:90px; float:right; font-size:14px; color:#777777; text-align:right;}
#CNews .CNright .crcon .crdesc{ width:100%; height:3.0vw; line-height:1.5vw; overflow:hidden; text-align:left; font-size:13px; color:#A5A5A5;}

#iaboutnews{ width:1160px; margin:0 auto; height:455px; overflow:hidden; margin-top:80px;}
#iaboutnews .iabout{ width:360px; float:left; height:455px; font-size:14px; color:#D2D2D2; line-height:30px;}
#iaboutnews .iabout img{ width:360px; height:240px; margin-bottom:25px;}
#iaboutnews .iabout .coni{ width:360px; line-height:25px; font-size:13px; color:#D2D2D2;}

#iaboutnews .inews{ width:360px; float:left; height:455px; margin-left:40px;}
#iaboutnews .inews img{ width:360px; height:240px; margin-bottom:25px;}
#iaboutnews .inews .inewslist{ width:100%;}
#iaboutnews .inews .inewslist li{ width:100%; height:25px; line-height:25px; text-align:left; font-size:13px; color:#D2D2D2;}
#iaboutnews .inews .inewslist li a{font-size:14px; color:#D2D2D2; text-decoration:none;}
#iaboutnews .inews .inewslist li a:hover{font-size:14px; color:#fff; text-decoration:none;}
#iaboutnews .inews .inewslist li span{ float:right;}

#iaboutnews .ivideo{ width:360px; float:right; height:455px; font-size:14px; color:#D2D2D2; line-height:30px;}
#iaboutnews .ivideo .flvb{ width:360px; height:240px; margin-bottom:25px; overflow:hidden;}
#iaboutnews .ivideo .coni{ width:360px; line-height:25px; font-size:13px; color:#D2D2D2;}

#foot{ width:100%; max-width:1920px; min-width:1160px; background-color:#000000; margin:0 auto; margin-top:80px;border-top:5px solid #ED1B23;}
#foot .link{width:80%; min-width:1160px; margin:0 auto; height:90px;}
#foot .link .linktit{ width:230px; height:90px; background:url(../images/link.png) left center no-repeat; float:left;}
#foot .link .linkcon{ margin-left:10px; float:left; height:90px; line-height:90px; overflow:hidden;}
#foot .link .linkcon a{ float:left; line-height:90px; margin:0px 10px; color:#D7D7D7; font-size:14px; text-decoration:none;}
#foot .link .linkcon a:hover {color:#DEDEDE; text-decoration:none;}
#foot .link .footphone{ width:300px; float:right; height:90px; background:url(../images/footphone.png) right center no-repeat;}
#foot .linef{ border-bottom:1px solid #4D4D4D; width:100%;max-width:1920px; min-width:1160px; }
#foot .footnav{width:80%; min-width:1160px; line-height:56px; margin:0 auto;}
#foot .footnav a{ float:left; line-height:56px; margin-right:30px; color:#D7D7D7; font-size:15px; text-decoration:none;}
#foot .footnav a:hover {color:#ffffff; text-decoration:none;}
#foot .footcon{width:80%; min-width:1160px; margin:0 auto; min-height:140px; overflow:hidden; margin-top:15px;}
#foot .footcon .copy{ width:900px; height:140px; float:left; color:#C8C8C8; font-size:14px; text-align:left; line-height:35px;}
#foot .footcon .copy a{ font-size:14px; color:#C8C8C8; text-decoration:none;}
#foot .footcon .copy a:hover{ font-size:14px; color:#C8C8C8; text-decoration:none;}
#foot .footcon .erweima{ width:160px; height:140px; float:right; margin-left:50px;}
#foot .footcon .erweima img{ width:100px; height:100px; float:right; margin-top:10px;}
#foot .footcon .tel1{ margin-left:40px; float:left;  min-width:80px; font-size:13px; color:#989898; line-height:22px; padding-top:18px;}