@import url(reset.css);

/*banner大图共用样式*/
#kinMaxShow{ visibility:hidden; width:100%; height:450px; overflow:hidden; }

/*部分共用样式*/
a.b1:link{ color: #fff}
a.b1:visited{ color: #fff}
a.b1:hover{ color: #fff}
a.b1:active{ color: #fff}

a.bred:link{ color: #f05a28; }
a.bred:visited{ color: #f05a28; }
a.bred:hover{ color: #09549f; }
a.bred:active{ color: #f05a28; }

#pages { overflow: hidden; padding: 10px 0;margin-top: 20px; text-align: center;}
#pages a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; color: #333333; display: inline-block; font-size: 12px; height: 22px; line-height: 22px; margin: 0 3px; padding: 0 8px; text-align: center; }
#pages a.a1 { height: 22px; line-height: 22px; margin-top: 0; padding: 0 12px; }
#pages a:hover { background: none repeat scroll 0 0 #F1F1F1; color: #000000; text-decoration: none; }
#pages span { background: none repeat scroll 0 0 #035fa6; border: 1px solid #035fa6; color: #FFFFFF; display: inline-block; height: 22px; line-height: 22px; margin: 0 3px; padding: 0 8px; text-align: center; }

.pre,.next{height: 40px;line-height: 40px;overflow: hidden;}
.pre{width: 336px;background: url(../images/ui_pre_info.gif) left center no-repeat;text-indent: 10px;}
.next{width: 326px;background: url(../images/ui_next_info.gif) right center no-repeat;padding-right: 10px;}

/*头部样式开始*/
header{ }
header .top{ height: 25px; line-height: 25px; background: #f7fbff; }
header .top a{ text-indent: 35px; display: block; width: 70px; height: 20px; line-height: 20px; float: left; margin-top: 2px; }
header .top a.cn{ margin-right: 20px; background: url(../images/flag.png) no-repeat; }
header .top a.en{ background: url(../images/flag.png) no-repeat 0 -20px; }

/*导航样式开始*/
nav{ background: url(../images/menu_bg.jpg) repeat-x; height: 45px; }
nav ul{/* border-left: 1px #fff solid; */text-align: center;}
nav ul li{ display: inline-block; /*float: left;*/ width: 100px; text-align: center; border-right: 1px #fff solid; font-size: 14px; }
nav ul li a:link{ color: #fff; height: 40px; line-height: 40px; display: block; width: 100px; padding:5px 0 0; }
nav ul li a:visited{ color: #fff; }
nav ul li a:hover{ color: #fff; background: url(../images/menu_bg.jpg) repeat-x left bottom; display: block; }
nav ul li a:active{ color: #fff; }

div#banner{ width: 100%; height: 450px; margin-top: 1px; }

h2.title{ background: url(../images/titbg.jpg); height: 39px; line-height: 39px; font-size: 14px; color: #fff; display: block; width: 100%; text-indent: 50px; }
h2.title span{ margin-right: 10px; font-size: 10px; }
h2.title span.position{font-size: 12px;}
h2.title span.position a:link{color: #fff;}
h2.title span.position a:visited{color: #fff;}
h2.title span.position a:hover{color: #ccc;text-decoration: underline;}
h2.title span.position a:active{color: #fff;}

#main{ margin-top: 20px; }
#main .product_nav{ width: 200px; }
#main .product_nav h2.title{ background:url(../images/sidebarbg.jpg) -15px bottom; }
#main .product_nav ul{ display: block; }
#main .product_nav ul li{ display: block; width: 100%; background: url(../images/sidebarbg.jpg) -15px 0; height: 39px; line-height: 39px; text-indent: 50px; font-size: 14px; overflow: hidden; }
#main .product_nav ul li:hover{ display: block; background: url(../images/sidebarbg.jpg) -15px bottom; }
#main .product_nav ul li a:link{ display: block; width: 100%; height: 100%; color: #fff; }
#main .product_nav ul li a:visited{ color: #fff; }
#main .product_nav ul li a:hover{ color: #fff; }
#main .product_nav ul li a:active{ color: #fff; }

#main .product_i{ width: 760px; }
#main .product_i .product_iList{ padding: 5px 0 0; width: 758px; height: 242px; border: 1px #ccc solid; border-top: 0; overflow: hidden; }
#main .product_i .product_iList ul{ display: block; width: 10000px; }
#main .product_i .product_iList ul li{ display: block; float: left; width: 200px; margin:0 10px; }
#main .product_i .product_iList ul li .bimg{ width: 200px; height: 200px; text-align: center; border: 1px #ccc solid; }
#main .product_i .product_iList ul li .bimg img{ max-width: 200px; max-height: 200px; }
#main .product_i .product_iList ul li p{ text-align: center; height: 45px; line-height: 45px; overflow: hidden;}

#main .about_i{ margin-top: 20px; border:1px #ccc solid; border-top: 0; }
#main .about_i dl{ padding: 15px; }
#main .about_i dl dt{ float: left; width: 250px; height: 170px; }
#main .about_i dl dt img{ width: 250px; height: 170px; }
#main .about_i dl dd{ float: left; text-align: justify; margin-left: 15px; width: 680px; text-indent: 25px; line-height: 1.8; height: 170px; overflow: hidden; }
#main .about_i #enscroll{ width: 950px; height: 190px; overflow: hidden; margin:  0 auto; }
#main .about_i ul{ display: block; margin:10px 0; width: 10000px; }
#main .about_i ul li{ float: left; display: block; width: 210px; margin:0 10px; }
#main .about_i ul li .aimg{ width: 200px; height: 133px; text-align: center; border: 1px #ccc solid; padding: 5px; }
#main .about_i ul li .aimg img{ max-width: 200px; max-height: 133px; }
#main .about_i ul li p{ text-align: center; height: 45px; line-height: 45px; }

#main .news{ width: 350px; border: 1px #ccc solid; border-top: 0; height: 400px; margin:10px 10px 0 0; }
#main .news ul{ display: block; padding: 10px; }
#main .news ul li{ border-bottom: 1px #ccc dashed; background: url(../images/src.jpg) left center no-repeat; height: 33px; line-height: 33px; overflow: hidden; text-indent: 15px; }
#main .news ul li span{ margin-left: 5px; color: #ccc; }
#main .contact_i{ margin:10px 0 0 0; width: 250px; height: 400px; border: 1px #ccc solid; border-top: 0; }
#main .contact_i .cc{ padding: 15px; background: url(../images/contactbg.jpg) center right no-repeat; }
#main .contact_i .cc p{ height: 30px; line-height: 30px; }
#main .contact_i .cc .c_name{ color: #f05a28; font-size: 15px; }

footer{ background: #1768bf; color: #fff; padding-bottom: 30px;padding-top: 5px;margin-top: 15px;}
footer a:link{ color: #eee; }
footer a:visited{ color: #eee; }
footer a:hover{ color: #fff; text-decoration: underline; }
footer a:active{ color: #eee; }
footer .foot_nav{ text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #09549f; }
footer .foot_nav a{ display: inline; padding: 0 15px; height: 20px; line-height: 20px; }
footer p{ text-align: center; height: 35px; line-height: 35px; }
footer p span{margin:0 10px;}
footer .copyright{ border-top: 1px solid #1c7cdd; }
footer .links{ }
footer dl dt{ float: left; width: 60px; height: 5px; line-height: 25px; display: block; }
footer dl dd{ float: left; width: 900px; padding: 0 10px; display: block; }
footer dl dd ul li{ float: left; margin-left: 10px; height: 25px; line-height: 25px; white-space: nowrap; }

/*内页样式*/
.sidebar{width: 220px;}
.sidebar .side_nav ul{display: block;}
.sidebar .side_nav ul li{background: url(../images/sidebarbg.jpg);display: block;height: 39px;line-height: 39px;text-indent: 60px;font-size: 14px;}
.sidebar .side_nav ul li a:link{color: #fff;display: block;width: 100%;height: 100%;}
.sidebar .side_nav ul li a:visited{color: #fff;}
.sidebar .side_nav ul li a:hover,.on{color: #fff;display: block;background: url(../images/sidebarbg.jpg) left bottom;}
.sidebar .side_nav ul li a:active{color: #fff;}
#main .sidebar .contact_i{width: 220px;border: 0;}
#main .sidebar .contact_i .cc{padding:15px 0;}

/*部分单页样式*/
.contrain{width: 740px;border: 1px #ccc solid; border-top: 0; overflow: hidden; }
.contrain .content{padding:15px;line-height: 2;}
.contrain .content img{max-width: 710px;}

/*部分新闻列表样式*/
.news_list{padding: 15px;}
.news_list ul{display: block;}
.news_list ul li{display: block;border-bottom: 1px #ccc dashed;margin-bottom: 10px;padding-bottom: 10px;}
.news_list ul li h3{text-indent: 50px;height: 39px;line-height: 39px;width: 100%;overflow: hidden;display: block;}
.news_list ul li h3 span{margin: 0 10px;}
.news_list ul li h3 a:link{color: #fff;background: url(../images/sidebarbg.jpg)-15px bottom;display: block;height: 100%;}
.news_list ul li h3 a:visited{color: #fff;}
.news_list ul li h3 a:hover{color: #fff;background: url(../images/sidebarbg.jpg) -15px top;display: block;width: 100%;height: 100%;}
.news_list ul li h3 a:active{color: #fff;}
.news_list ul li .info{margin-top: 10px;line-height: 1.8;padding:0 10px;}

/*新闻内页样式*/
div.news_title{border-bottom: 1px #ccc dashed;margin: 30px auto 10px auto;padding-bottom: 15px;text-align: center;width: 720px;}
div.news_title h1{font-size: 18px;font-weight: bold;height: 35px;line-height: 35px;overflow: hidden;}
div.news_title .d_info{color: #666666;}
div.news_title .d_info span{margin:0 5px;}
div.content .news_inside{padding:10px;margin-top: 15px;}

div.content .news_inside ul{display: block;padding:5px;margin-top: 10px;}
div.content .news_inside ul li{display: block;height: 30px;line-height: 30px;border-bottom: 1px #ccc dashed;margin:5px 0;width: 48%;float: left;background: url(../images/src.jpg) left center no-repeat;overflow: hidden;text-indent: 10px;margin:0 1%;}

/*产品列表*/
div.product_list{padding: 15px;}
div.product_list ul{display: block;}
div.product_list ul li{float: left;width: 160px;display: block;text-align: center;margin: 12px 10px 20px 48px;}
div.product_list ul li .pimg{border: 1px #ccc solid;padding: 5px;width: 160px;height: 160px;}
div.product_list ul li:hover .pimg{border: 1px #f84600 solid;}
div.product_list ul li .pimg img{max-width: 150px;max-height: 150px;}
div.product_list ul li p{height: 45px;line-height: 45px;overflow: hidden;}

/*产品内页*/
.product_inside #scroll{margin-top: 20px;overflow: hidden;}
.product_inside ul{ display: block; width: 10000px; }
.product_inside ul li{ display: block; float: left; width: 200px; margin:0 10px; }
.product_inside ul li .bimg{ width: 200px; height: 200px; text-align: center; border: 1px #ccc solid; }
.product_inside ul li .bimg img{ max-width: 200px; max-height: 200px; }
.product_inside ul li p{ text-align: center; height: 45px; line-height: 45px; }