body,a,p,ul,li,h1,h2,h3{
margin:0;
padding:0;
font-size:14px;
font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;
color:#333333;}
a{
text-decoration:none;}
li{
list-style:none;}
/**/



.div_bg{background:url(/templates/default/images/advan_bg.png); height:630px;background-position:-120px -20px}

.jiange{ width:100%;height:180px;background:url(/templates/default/images/jinage.JPG); margin-top:10px;margin-bottom:20px;}
.jiange1{ width:100%;height:200px;background:url(/templates/default/images/jinage1.JPG); margin-top:10px;margin-bottom:20px;}
.jiange1 span{height:40px;width:120px;position:absolute;left:1130px;margin-top:132px;cursor:pointer;}

@media only screen and (max-width: 1500px) {.div_bg{background:url(/templates/default/images/advan_bg.png); height:630px;background-position:-240px -20px;}
.jiange{background-position:-120px 0px; }
.jiange1{background-position:-120px 0px;}
.jiange1 span{height:40px;width:120px;position:absolute;left:1010px;margin-top:132px;cursor:pointer;}
}
@media only screen and (max-width: 1400px) {.div_bg{background:url(/templates/default/images/advan_bg.png); height:630px;background-position:-280px -20px;}
.jiange1 span{height:40px;width:120px;position:absolute;left:1010px;margin-top:132px;cursor:pointer;}
}
@media only screen and (max-width: 1300px) {.div_bg{background:url(/templates/default/images/advan_bg.png); height:630px;background-position:-330px -20px;}
.jiange{background-position:-200px 0px; }
.jiange1{background-position:-200px 0px;}
.jiange1 span{height:40px;width:120px;position:absolute;left:930px;margin-top:132px;cursor:pointer;}
}
@media only screen and (max-width: 1200px) {.div_bg{background:url(/templates/default/images/advan_bg.png); height:630px;background-position:-340px -20px;}
}

/*�����������������������������������������������������������������ͻ���֤����������������������������������������������������������������*/

#customer_bg { width:100%; height:550px; background:url(../images/custom_bg.jpg) no-repeat center top; overflow:hidden;}

#customer {height:auto; position:relative; width:1180px; margin:0 auto; clear:both;}

#customer h3 { width:100%; height:65px; text-align:center; font-size: 13px; text-transform: uppercase; word-spacing: 3px; letter-spacing: -1px; background:url(../images/custom_h3_bg.png) no-repeat center top; margin-bottom:45px; margin-top:35px;}

#customer h3 a {font-size:35px;}

#customer ul {margin:0px auto 10px;}

#customer ul li { width:212px; padding:0px 19px; /*border:#a5a09d 1px solid;*/ padding-bottom:28px; float:left; margin-right:30px; background:url(../images/custom_li_bg2.jpg) no-repeat center 20px;}

#customer ul li:hover {background:url(../images/custom_li_bg1.jpg) no-repeat center 20px;}

#customer ul li:hover a { color:#fff;}

#customer ul li:hover { color:#fff;}

#customer ul li img { width:210px; height:150px; border:#fff 2px solid; }

#customer ul li h4 { height:30px; line-height:30px; text-align:center;  width:210px;overflow:hidden;}

#customer ul li h4 a { font-size:16px; font-weight:bold;}

#customer ul li p {line-height:25px; font-size:15px;  width:210px;overflow:hidden; height:83px;}

#customer ul li .customer_more { width:150px; height:30px; line-height:30px; display:block; text-align:center; border:#a5a09d 1px solid; margin:10px auto;}

/* ������ͨ�e�ť */

.lefts,.rights {display:block; width:25px; height:27px; margin-top:0px; position:absolute; top:55%;  background: url(../images/p_n1.png) no-repeat;}

.lefts {background-position:0px 0px; left:5px;}

.rights {background-position:-25px 0px; right:5px;}

#header{
/* width:1200px; */
margin:0 auto;}
#logo{
width:1200px;
margin:0 auto;
/* float:left; */}
#logo img{
border:none;}
#nav{
margin-top:10px;
width:100%;
height:50px;
background:#4d7ae0;}
#nav ul{
    width:73%; min-width:1200px; margin:0 auto;
overflow:hidden;}
#nav ul li{
width:130px;
background:url(li02.jpg) left no-repeat;
text-align:center;
float:left;}
#nav ul li a{
color:#fff;
width:150px;
line-height:50px;
font-size:17px;
height: 50px;
display:block;}
#nav ul li a:hover{
background:url(li01.jpg) center 0px no-repeat;
color:#4d7ae0;}

#banner{
text-align:center;
clear:both;
width:100%;
/* height:480px; */
margin:0 auto;}
.midbg{ 
width:100%; 
position: relative; 
}
.iBan .banNum{
width:192px;
height:59px;
position:absolute;
bottom:35px;
left:50%;
z-index:100;}
.iBan .banNum a{
width:12px;
height:12px;
display:inline;
overflow:hidden;
text-indent:-999em;
float:left;}
.iBan .banNum a.dots{
background:url(dot02.jpg) no-repeat center ;}
.iBanScreen ul{ 
width:100%; 
height:446px;
position:relative; 
top:0; 
margin:0 auto;}
.iBanScreen li img{width:100%;height:455px;}
.iBanScreen li{ 
width:100%; 
height:446px;
overflow:hidden; 
position:absolute; 
display:none;}
.iBanScreen li a{ 
display:block; 
width:100%; 
height:100%;}
.iBanScreen .num{ 
bottom:10px; 
width:120px;
margin:0 auto;
margin-top:10px;
z-index:999; }
.iBanScreen .num a{ 
display:inline-block; 
width:12px; 
height:12px; 
background:url(dot01.jpg) no-repeat center ;
margin-right:10px}
.iBanScreen .num a.cur{ 
background:url(dot02.jpg) no-repeat center; }

#pro-index{
text-align:center;
clear:both;
width:1200px;
overflow:hidden;
margin:10px auto 0;}
#prolist{
width:1200px;
overflow:hidden;
margin:0 auto;
border:1px solid #c9c9c9;}
#prolist_h2{
font-size:16px;
color:#fff;
line-height:30px;
border-bottom:1px solid #c9c9c9;
border-right:1px solid #c9c9c9;
background-color:#2e85e4;
text-align:center;
width:206px;
float:left;
font-weight:normal;}
#en-pro{
color:#fff;
font-size:14px;
margin-left:10px;}
#prolist ul{
overflow:hidden;
float:left;}
#prolist ul li{
width:198px;
float:left;
line-height:33px;}
.li-line{
border-bottom:1px solid #c9c9c9;}
#prolist ul li a{
background:url(li03.jpg) left center no-repeat;
padding-left:5px;
margin-left:10px;}
#prolist ul li a:hover{
color:#2e85e4;font-weight: bold;}

#recommend{
width:1200px;
clear:both;
margin:-50px auto 0px;
overflow:hidden;}

#h2_index{
margin-top: 35px;
 margin-bottom:35px;
text-align:center;
width:32%;
overflow:hidden;
font-size:24px;
font-weight:bold;
color:#000; padding-left:450px}

#h1_index{
margin-top: 80px;
/* margin-bottom:40px; */
text-align:center;
width:32%;
overflow:hidden;
font-size:24px;
font-weight:bold;
color:#000; padding-left:450px}

#h1_index h1{ float:left;text-align:center;
overflow:hidden;
font-size:24px;
font-weight:bold;
color:#000;}
#en-re{
color:#666666;
font-size:18px;
background:url(line01.jpg) left top no-repeat;
font-weight:normal;
margin-left:10px;
padding-left:18px;}
.pro_index{
clear:both;
margin:0px auto;
width:12001px;
height:275px;
position:relative;}
#demo{
overflow: hidden;  
width:1200px; 
float: left; 
padding-top:33px;
height:235px;
margin-top:10px;}
.LeftBotton a{
position:absolute;
top:0;
right:22px;
width:17px;
height:25px;
display:block;
background:url(left01.jpg) no-repeat center center;}
.LeftBotton a:hover{
background:url(left02.jpg) no-repeat center center;}
.RightBotton a{
position:absolute;
top:0;
right:0;
background:url(right01.jpg) no-repeat left center;
width:17px;
height:25px;
display:block;}
.RightBotton a:hover{
background:url(right02.jpg) no-repeat left center;}
.pic a{
width:197px;

border:1px solid #ececec;
margin-left:12px;
margin-right:12px;
display:block;}

.info{position:relative;height:35px;margin-top:165px;font-family:"微软雅黑";width:200px;text-align:center;}
.title-pro{
width:100%;
line-height:20px;
font-size:14px;
text-align:center;
margin-top: 6px;}
.info p{
line-height:20px;
font-size:12px;
color:#999999;
padding: 5px 8px;}
.pic a img{
border:1px #ccc solid;
float:left;}
.more{
width:100%;
float:left;}

#about-index{
clear:both;
width:100%;
height:354px;
background:#fff;
margin-top:25px;
border-top:1px solid #ebebeb;}
#comp-info{
width:1200px;
margin:0 auto;
overflow:hidden;
padding-top:30px;
border: 1px solid #ccc;
padding-bottom:35px;
}
#comp-about{
    width: 580px;
    float: left;
    overflow: hidden;
}
#comp-info font{
color:#000;
font-size:24px;
width:100%;
text-align:center;
margin-bottom:30px;}
#comp-info font span{
color:#000;
font-size:18px;
font-weight:normal;
background:url(line03.jpg) left top no-repeat;
padding-left:14px;
margin-left:10px;}
#comp-info p{
color:#000;
line-height:29px;
font-size:14px;
font-weight:bold;
text-indent:2em;
}
#more-about{
float:right;
margin-top:20px;}
#more-about img{
border:none;}

#case-index{
  margin-top:50px;
clear:both;
width:100%;
overflow:hidden;
background-color:#ebebeb;
padding-top:36px;
padding-bottom:56px;}
#case-show{
width:1200px;
margin:0 auto;
overflow:hidden;}
#case-show font{
text-align:center;
width:32%;
overflow:hidden;
font-size:24px;
font-weight:bold;
color:#000; padding-left:500px;}
#en-case{
color:#666666;
font-size:18px;
font-weight:normal;
background:url(line02.jpg) left top no-repeat;
padding-left:14px;
margin-left:10px;}
#case-show p{
color:#000;
text-align:center;
width:100%;}
#case-show ul{
overflow:hidden;
margin-top:20px;
width:100%;}
#case-show ul li{
width:190px;
height:180px;
float:left;
margin-left:10px;
_margin-left:9px;}
#case-show ul li img{
border:none;}
#case-show ul li a:hover img{
filter:alpha(opacity=60);opacity:0.60; background:#000;}
#case-show ul li h3{
width:190px;
line-height:30px;
text-align:center;}

#else{
clear:both;
width:100%;
overflow:hidden;
background:url(line04.jpg) left top repeat-x;}
#else-info{
width:1001px;
margin:0 auto;
overflow:hidden;}
.block{
width:267px;
height:450px;
float:left;
margin-left:95px;}
.block a #pic-news{
width:100%;
height:268px;
display:block;
background:url(news-bg.png) center center no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="news-bg.gif");
_background:url(news-bg.gif) no-repeat center center;}
.block a:hover #pic-news{
background:url(new-hover.png) center center no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="new-hover.gif");
_background:url(new-hover.gif) no-repeat center center;}
.block a #pic-cont{
width:100%;
height:268px;
display:block;
background:url(cont.png) center center no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="cont.gif");
_background:url(cont.gif) no-repeat center center;}
.block a:hover #pic-cont{
background:url(cont-bg.png) center center no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="cont-bg.gif");
_background:url(cont-bg.gif) no-repeat center center;}
.block a #pic-qq{
width:100%;
height:268px;
display:block;
background:url(qq-bg.png) center center no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="qq-bg.gif");
_background:url(qq-bg.gif) no-repeat center center;}
.block a:hover #pic-qq{
background:url(qq-hover.png) center center no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="qq-hover.gif");
_background:url(qq-hover.gif) no-repeat center center;}
.block a font{
width:100%;
text-align:center;
line-height:40px;
font-size:28px;
color:#000;
margin-top:10px;
margin-bottom:15px;}
.block a:hover h2{
color:#33beff;}
.block p{
width:100%;
line-height:22px;
color:#666666;
font-size:16px;
text-align:center;}
.block a .more-else{
width:100%;
display:block;
text-align:center;
color:#a8a8a8;
font-size:13px;
text-decoration:underline;
margin-top:20px;} 
.block a:hover .more-else{
color:#45c2f8;}

#footer{
width:100%;
overflow:hidden;
background-color:#000;
margin-top:50px;}
#foot-top{
width:100%;
height:37px;
background-color:#2a2a2a;}
#foot-cont{
width:1001px;
margin: 0 auto;}
#foot-tel{
float:left;}
#feed-foot{
float:right;}
#feed-foot img{
border:none;}
#foot-nav{
clear:both;
width:1200px;
margin:0 auto;
overflow:hidden;
padding:10px 0;
}
#foot-nav ul{
overflow:hidden;}
#foot-nav ul li{
float:left;
width:133px;
background:url(line-foot.jpg) right center no-repeat;
text-align:center;
line-height:30px;}
#foot-nav ul li a{
color:#B8B7B7;
font-size:14px;
font-weight:bold;}
#foot-nav p{
margin-top:20px;
text-align:center;
line-height:20px;
color:#B8B7B7;
font-size:13px;
font-family:"Microsoft YaHei";}
#foot-nav p#link {text-align:left;font-size:12px;}
#foot-nav p#link a {padding:0 2px;}
#ban{
clear:both;
margin:0 auto;
width:100%;
height:300px;
background:url(banner04.jpg) center center no-repeat;}
#wraper{
clear:both;
width:1200px;
margin:20px auto 0;
overflow:hidden;
background: #fff;}
#left{
margin-top:10px;
float:left;
width:230px;
overflow:hidden;}
#pro-left,#cont-left{
   background-color:#8e8e8e;
width:100%;
float:left;
overflow:hidden;

padding-top:12px;
padding-bottom:35px;}
#pro-left h2,#cont-left h2{
   text-align:center;
margin-left:10px;
width:210px;
color:#fff;
font-size:26px;
font-weight:normal;}
.en-left{
width:210px;
font-size:18px;
display:block;
color:#fff;
font-weight:normal;}
#pro-left ul,#cleft{
width:220px;
margin-left:5px;
margin-top:12px;
overflow:hidden;
 background-color: #fff;
padding-top:20px;
padding-bottom:40px;}
#pro-left ul li{
width:194px;
line-height:40px;
margin-bottom: 6px;
margin-left:3px;}
#pro-left ul li a{
display:block;
width:194px;
line-height:50px;
left:25px;
background:#cac7c7;}
#pro-left ul li a:hover{
background:#8e8e8e;
color:#fff;}

#cont-left{
margin-top:5px;}
#cleft p{
line-height:23px;
padding-left:5px;
padding-right:5px;}
.juli{
margin-left:12px;}

#middle{
float:right;
width:930px;
overflow:hidden;}
#location{
clear:both;
height:35px;
padding-top:10px;}
#location h2{
font-size:16px;
color:#666666;
padding-left:10px;
line-height:35px;
border-bottom:1px solid #959595;}
#title-en02{
margin-left:6px;}
#weizhi{
float:right;
margin-right:10px;
padding-left:15px;
line-height:35px;
font-size:13px;}
#weizhi a{
font-size:13px;
color:#666666;
margin:0 5px;}

#main{
width:100%;
margin-top:20px;}
#main p{
line-height:25px;
font-size:13px;

padding-left:5px;
padding-right:5px;}

#allpro,#allnews,#showpro,#allcase{
width:100%;}
#allpro ul,#allnews ul,#allcase ul{
width:100%;
overflow:hidden;
margin-top:20px;}
#allpro li {
float:left; 
width:270px;
height:310px;
margin-top:15px;
margin-left:20px;
margin-right:20px;
_margin-left:6px;
_margin-right:6px;}
#allcase ul li{
float:left; 
width:222px;
height:157px;
margin-top:15px;
margin-left:11px;
margin-right:10px;
_margin-left:8px;
_margin-right:9px;}
#allpro li img,#allcase ul li img{
border:#bebebe 1px solid;}
#allpro li a span,#allcase ul li a span{
width:270px;
display:block;
color:#333333;
text-align:center;
margin-top:15px;}
#allcase ul li a span{
width:270x;}
.page {
overflow: hidden;
clear: both;
text-align: center;
padding-top:40px;
padding-bottom:40px;}
.page a{
width: auto;
color:#333333;
padding: 5px;
display: inline;}

#allnews ul{
overflow:hidden;
margin-top:15px;}
#allnews ul li{
width:900px;
margin-left:10px;
_margin-left:5px;
float:left;
line-height:45px;
background:url(li03.jpg) left center no-repeat;
padding-left:10px;
border-bottom:1px dotted #ccc;}
#allnews ul li a{
font-size:14px;}
#allnews ul li a:hover{
color:#2e85e4;}
.time{
font-size:12px;
float:right;}

#showpro{
margin-top:20px;
overflow:hidden;}
#showpro p{
line-height:23px;
text-indent:2em;
color:#333333;}
#showpro table{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
width:728px;}
#showpro table td{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;}
.H1{
font-size:15px;
line-height:40px;
text-align:center;
color:#333333;}
.hit{
display:block;
width:100%;
text-align:center;
margin:0 auto;
font-size:12px;
color:#555555;
margin-bottom:20px;}
.imgcenter{
width:100%;
text-align:center;
display:block;
margin:0px auto 30px;}
#up_down{
width:718px;
margin:0 auto;
border:1px solid #cccccc;
padding:5px;
margin-top:100px;}
#up_down a{
line-height:20px;
color:#333333;}
#related_product,#related_case{
width:730px; 
margin-top: 20px;
overflow: hidden;
margin-bottom:40px;}
#related_product h2,#related_case h2{
font-size:14px;
padding-left:10px;
padding-bottom:5px;
padding-top:5px;
color:#333333;
border:1px solid #ccc;}
#related_product ul,#related_case ul{
width:100%;
overflow:hidden;}
#related_product li{
float:left; 
width:280px;
height:145px;
margin-top:20px;
margin-left:7px;
margin-right:7px;
_margin-left:6px;
margin-right:6px;}
#related_case li{
float:left; 
width:222px;
height:157px;
margin-top:15px;
margin-left:11px;
margin-right:10px;
_margin-left:8px;
_margin-right:9px;}
#related_product li img,#related_case li img{
border:#bebebe 1px solid;}
#related_product li a span,#related_case li a span{
width:280px;
display:block;
color:#333333;
text-align:center;
margin-top:5px;}
#related_case li a span{
width:202px;}

#feedback{
margin:30px auto 0;
width:730px;}
.anniu{
width:80px;
height:30px;
text-align:center;
margin-left:560px;}
#feedback table{
margin:0 auto;}
#feedback table tr{
height:30px;}
#content1{
margin-top:5px;
margin-bottom:5px;}

.picMarquee-left{ width:1200px;  overflow:hidden; position:relative; margin-top:20px;}
        .picMarquee-left  .prev,.picMarquee-left  .next{width:30px; height:180px;  overflow:hidden; cursor:pointer; background:#0068B7 url(../images/zjt_03.png) no-repeat center center ;float:left;}
        .picMarquee-left  .prev{background:#0068B7 url(../images/yjt_03.png) no-repeat center center ;position:absolute;top:0px;right:0px;}
		.picMarquee-left .bd{ width:1180px; float:left;margin-left:20px;}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
       
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:200px; height:150px; display:block; padding:1px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .c_title{ line-height:24px; padding-top:5px;  }
        .picMarquee-left .bd ul li .c_title a{color:#666;}

.product_left_box{
    background: white;
    padding: 10px 0;
    width: 220px;
    border: 5px solid #4D7AE0;
}
.product_left_dl{
    text-align: center;
    line-height: 40px;
    width: 200px;
    margin: 0 auto;
}
.product_left_dt{
    width: 100%;
    height: 35px;
    background: #4D7AE0;
    margin-bottom: 5px;
    cursor: pointer;
}
.product_left_dd{
    display: none;
}
.product_left_li{
    background: #3EB6BF;
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
}
.product_left_li:hover{
    background: #FFBE54;

}