﻿@charset "utf-8";
body{ margin:0; padding:0; color:#747474; font-size:12px; font-family:"微软雅黑"; background:url(bg.jpg)}
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#747474; }
a:hover{color:#f57720; }
ul{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:0;}
td{ line-height:20px;}
.clear{ width:1px; height:0; overflow:hidden; clear:both;}
form{ margin:0; padding:0;}
.page{ height:25px; text-align:center; margin-top:10px;}
.page span{ margin:2px; border:1px solid #CCC; padding:2px;}
.page a{ margin:2px;}
.hover{ color:#F00}
.news_main{ width:575px; float:right;height:100px; line-height:25px; overflow:hidden; overflow:hidden;}
.news{ width:100%; overflow:hidden; border-bottom:1px dashed #CCC; margin-bottom:10px; padding-bottom:10px;}
.news img{ height:120px; width:163px; float:left;}

.title{ width:460px; margin-bottom:5px; float:left; height:25px; line-height:25px;  overflow:hidden; font-weight:bold; font-size:14px; font-weight:bold}
.title a{ color:#000}
.time{ width:100px; float:right; text-align:right;margin-bottom:5px; line-height:25px;}

/*头部*/
#head{ width:100%; min-width:1012px; height:30px; line-height:30px; background:#f2f2f2}
.head{ width:1000px; height:30px; line-height:30px; margin:0 auto }
.head_l{ width:500px; float:left;}
.head_r{ width:400px; text-align:right; float:right}

#top{ width:100%; min-width:1012px; background:url(top.jpg) top center; height:92px; overflow:hidden}
.top{ width:1000px; height:92px; margin:0 auto;}
.logo{ width:443px; height:69px; padding-top:13px; float:left}
.logo img{ width:443px; height:69px;}
.top_txt{  width:257px; height:92px; float:left}
.top_txt img{width:257px; height:92px;}
.top_tel{ width:180px; height:92px; float:right}
.top_tel img{width:180px; height:92px;}
#daohang{ width:100%; min-width:1012px; height:45px; background:#333;}
.menu{ width:1000px; margin:0 auto; height:45px;}
.menu li{ width:141px; float:left; height:45px; line-height:45px; text-align:center;}
.menu li a{ display:block; color:#FFF; font-size:14px;}
.menu li a:hover{ background:#f57720}
#menuli{ width:2px; background:url(menuli.jpg)}
#menubg{ background:#f57720}

#flash {width:100%; height:400px; overflow:hidden; margin:0 auto; clear:both; position:relative;/*--*/}
#flash a {width:100%; height:400px; display:none;}
#flash img {width:100%; height:400px;/* display:none;*/}
.flash_bar {width:100%; padding-left:45%; z-index:69; height:30px; overflow:hidden; position:absolute;padding-top:13px!important; padding-top:12px; bottom:0px; left:0px;  text-align:center;}
.flash_bar .dq { display:block; float:left; width:11px; height:11px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:block; float:left; width:11px; height:11px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(kvtb.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/kvtb.png" ,sizingMethod="crop"); }
#flashBg {height:400px; overflow:hidden; width:100%; clear:both; margin:0; padding:0; }
@media only screen and (min-width: 264px){#flashBg{width:1020px;}}
@media only screen and (min-width: 516px){#flashBg{width:1020px;}}
@media only screen and (min-width: 768px){#flashBg{width:1020px;}}
@media only screen and (min-width: 1024px){#flashBg{width:100%;}}
@media only screen and (min-width: 1280px){#flashBg{width:100%;}}
@media only screen and (min-width: 1524px){#flashBg{width:100%;}}
@media only screen and (min-width: 1776px){#flashBg{width:100%;}}
@media only screen and (min-width: 2046px){#flashBg{width:100%;}}
#flashLine {/*background:url(/includes/banner/touming.png) repeat-x center bottom;*/height:400px; width:100%; clear:both;}
.index{ width:1000px; padding:0 6px; overflow:hidden; margin:0 auto; background:#FFF; overflow:hidden; min-height:400px; padding-bottom:30px;}
.index_pro{ width:1000px; overflow:hidden;}
.pro_top{ width:990px; padding-right:10px; background:url(protop.jpg) top center; height:62px; padding-top:50px; text-align:right; line-height:30px; font-size:14px;}
.ipro{ width:237px; float:left; margin-right:17px;}
.ipro img{ width:237px; height:191px;}
.ipro p{ background:#f88c29; font-size:22px; height:47px; line-height:47px; text-align:center; overflow:hidden}
.ipro p a{ color:#FFF;}

.daili_top{ background:url(dailitop.jpg); width:990px; height:44px; padding-top:40px; font-size:14px; text-align:right; padding-right:10px;}
.rollBox{width:958px;margin:0 auto;overflow:hidden; border:1px solid #cccccc; border-top:0; padding:10px 20px; }
.rollBox .Cont{width:868px;overflow:hidden;margin:0 27px; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:162px;float:left;text-align:center; padding-right:14px;}
*+html .rollBox .Cont .pic{width:162px;float:left;text-align:center;}
.rollBox .Cont .pic img{ width:120px; height:50px; padding:10px 20px; border:1px solid #CCC;display:block;margin:0 auto;}
.rollBox .Cont .pic p{ width:140px; padding:0 10px; text-align:center; line-height:30px; overflow:hidden; height:30px; }
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.index_1{ width:1000px; padding-top:20px; overflow:hidden}
.index_about{width:335px; overflow:hidden; float:left;}
.about_top{ width:335px; padding-top:15px; height:36px; text-align:right; background:url(abg.jpg); margin-bottom:5px;}
.about{ width:335px;text-align:justify; line-height:22px; height:290px; overflow:hidden}

.index_xinwen{ width:650px; float:right; overflow:hidden;}
.xinwen_top{ width:650px; padding-top:15px; height:36px; text-align:right; background:url(bbg.jpg); margin-bottom:5px;}
.xinwen{ width:650px; line-height:25px; height:290px; overflow:hidden}
.news1{ width:650px; height:150px; margin-bottom:8px; padding-bottom:10px; border-bottom:1px solid #CCC}
.news1 img{ float:left; width:190px; padding:4px; border:1px solid #CCC; height:140px;}
.news1_main{ width:440px; float:right; overflow:hidden}
.news1_t{ width:100%; height:25px; line-height:25px; font-size:14px; font-weight:bold;}
.news1_t a{ color:#000;}
.news1_txt{ width:100%; height:66px; line-height:22px; padding-top:3px; overflow:hidden}
.news1_time{ width:100%; height:30px; line-height:30px;color:#c20505}
.news1_more{ width:74px; background:#f67821; height:20px; line-height:20px; text-align:center}
.news1_more a{ color:#FFF}

.news2{ width:300px; float:left; border-right:1px solid #CCC; padding-right:24px;}
.news3{ width:300px; float:right;}

.index_3{ width:1000px; padding:15px 0; overflow:hidden}
.index_3 img{ width:100%}

.index_case{ width:1000px; overflow:hidden;}
.case_top{ width:990px; padding-right:10px; background:url(casetop.jpg) top center; height:54px; padding-top:20px; text-align:right; line-height:30px; font-size:14px;}
#tabs0 {

 width:1000px; overflow:hidden;

}
.menu0{
 width: 1000px; height:45px; margin-bottom:5px;
}
.menu0 li{
 display:block;
 float: left;
 width:166px;
 cursor:pointer; height:45px; text-align:center; font-size:20px; font-weight:bold; line-height:40px;

}
.menu0 li.hover{
 background:url(tab1.jpg) top center; color:#FFF
}
.menu0 li.hover a{ color:#FFF;}
#main0 ul{
 display: none;
}
#main0 ul.block{
 display: block;
}
.icase0{ width:490px; height:327px; float:left; padding-right:25px;}
.icase0 img{ width:490px; height:327px;}

.icase1{ width:230px; height:153px; float:left; padding-bottom:21px;}
.icase1 img{ width:230px; height:153px;}
.icase2{ width:230px; height:153px; float:right;padding-bottom:21px;}
.icase2 img{ width:230px; height:153px;}

.icase3{ width:230px; height:153px; float:left}
.icase3 img{ width:230px; height:153px;}
.icase4{ width:230px; height:153px; float:right}
.icase4 img{ width:230px; height:153px;}

#foot{ min-width:1012px; background:url(foot.jpg); overflow:hidden; padding-top:20px;}
.foot{ width:900px; margin:0 auto;line-height:25px; overflow:hidden}


.nbanner{ width:1000px; padding:8px 0; overflow:hidden; margin:0 auto;}
.nbanner img{ width:100%}

.main{ width:1000px; margin:0 auto; overflow:hidden; background:#FFF; padding-bottom:20px;}
.left{ width:225px; overflow:hidden; float:left; margin-left:3px;}
.lefttop{ width:225px; border-bottom:3px solid #f57720; height:30PX; line-height:30PX; padding-bottom:2PX; color:#f57720; font-size:16px; font-weight:bold}
.leftmain{ width:225px; overflow:hidden; padding-bottom:20px;}
.leftmain li{ width:225px; height:42px; background:url(left.jpg); text-indent:25px; line-height:40px; font-size:14px;}
.leftmain li a{ display:block; color:#313131}
.leftmain li a:hover{color:#f57720}
#hov{color:#f57720}

.right{ width:760px; line-height:25px; float:right; overflow:hidden; min-height:400px;}
.righttop{ width:760px; text-indent:45px; height:35px; line-height:35px; color:#FFF; background:url(righttop.jpg);}
.righttop a{ color:#FFF;}
.right img{ max-width:750px;}
.rightmain{ width:750px; padding-top:10px; overflow:hidden; line-height:25px;}
.contact{ width:750px; background:url(contcat.jpg) no-repeat; font-size:14px; line-height:35px; background:url(contact.jpg) top right; background-repeat:no-repeat; min-height:270px;}
.text1{ width:280px; border:1px solid #CCC; height:20px; line-height:20px;}
#cvf td{ padding-bottom:10px;}
.text2{ border:1px solid #CCC; width:400px;}
.xian{ width:100%; background:url(xian.jpg); height:28px;}


.casebg{ width:236px; float:left; margin-right:20px; margin-bottom:10px;}
.case{ width:220px; padding:7px; border:1px solid #CCC; padding-bottom:0}
.case img{ width:220px; height:147px;}
.case p{ width:220px; line-height:25px; height:25px; text-align:center; overflow:hidden}
.casepp{ width:236px; background:url(casebg.jpg) top center; height:13px;}

.bannerbox{background:url(images/simpleBg.jpg) no-repeat 50% 0;}
.bannerbox .frame960{width:750px;height:500px;margin:0 auto;padding:0px 0 0 0;}
.case_txt{ width:100%; margin-top:20px; padding-top:10px; border-top:3px solid #e6e6e6}

.brand{ width:230px; float:left; margin-right:18px; line-height:50px; overflow:hidden; padding-right:5px; margin-top:10px; margin-bottom:20px; border:1px solid #CCC;}
.brand img{ width:120px; height:50px; margin-right:5px;}

.pro_main{ width:590px; float:right; overflow:hidden; height:95px; line-height:25px; overflow:hidden;}
.pro{ width:100%; overflow:hidden; border-bottom:1px solid #CCC; margin-bottom:20px;  padding-bottom:20px;}
.pro img{ height:95px; width:118px; float:left;margin-left:30px;}

.ptitle{ width:460px; float:left; height:25px; line-height:25px;  overflow:hidden; font-weight:bold; font-size:14px; font-weight:bold}
.ptitle a{ color:#000}

.p_jianjie{ width:715px; margin:15px auto; overflow:hidden}
.p_t{ background:url(p_t.jpg); width:715px; height:17px;}
.p_f{ background:url(p_f.jpg); width:715px; height:28px;}
.p_m{ background:url(p_m.jpg); width:675px; padding:0 20px; overflow:hidden;}
.xilie{ width:100%; background:url(pbg.jpg); height:31px; margin-bottom:20px;}
.xilie1{ padding:0 15px; float:left; background:#f57720; color:#FFF; font-size:14px; height:31px; line-height:31px; font-weight:bold}

.pic0{ width:110px; float:left; height:135px;margin:0px 7px; margin-bottom:10px; }
.pic0 p{ width:110px; height:25px; line-height:25px; overflow:hidden; text-align:center}
.pic0 img{ width:110px; height:110px;}


ul#menu,ul#menu ul{ width:225px;}
ul#menu ul ul{ width:225px;}
ul#menu a{display:block;text-decoration:none}
ul#menu li{}
ul#menu li a{width:225px; height:42px; float:left; background:url(left.jpg); line-height:40px; font-size:14px; text-indent:25px; overflow:hidden}
ul#menu li a:hover{ }
ul#menu li a#selected{ }
ul#menu li a.selected{}
ul#menu li ul li{border-bottom:0}
ul#menu li ul li a{background:#fff;width:225px;color:#f57720;font-size:12px;height:31px;line-height:31px;overflow:hidden; border-bottom:1px dashed #CCCCCC}
ul#menu li ul li a:hover{background:#dedede;margin-left:0;color:#f57720;}
ul#menu li ul li a.selected{background:#dedede;margin-left:0;color:#d90000}
ul#menu li ul li ul li{border-bottom:0}
ul#menu li ul li ul li a{background:#fafafa;color:#666;font-size:12px;height:31px; width:238px; border-left:1px solid #CCC; border-right:1px solid #CCC;line-height:31px}
ul#menu li ul li ul li a:hover{background:#f2f2f2;margin-left:0;color:#d90000}
ul#menu li ul li ul li a.selected{background:#f2f2f2;margin-left:0;color:#d90000}
