﻿/****-----Public-----***/
/*格式化代码-s*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑", "宋体", "黑体"; font-size: 14px; }
input, button { margin: 0; font-size: 12px; vertical-align: middle; }
table { border-collapse: collapse; }
a { color: #343434; text-decoration: none; }
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.clear{ clear: both; }
.shadow { -moz-box-shadow: 3px 3px 4px #666; -webkit-box-shadow: 3px 3px 4px #666; box-shadow: 3px 3px 4px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#66666')";/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#666666');
}
body { font-size: 12px; color: #666; background: #eeeeee; overflow-x: hidden; min-height:950px; }
.width { width: 1000px; margin: 0 auto; position: relative; }
.mt10 { margin-top: 10px; }
/****-----container-----***/
#container { margin: 0 auto; width: 100%; }
#header { height: 98px; background: #9c6; background: url(../images/header_bg.jpg) top repeat-x; position: relative; z-index: 100; }
#mainContent { background: #ffa; margin-bottom: 5px; line-height: 22px; padding-bottom: 15px; }
#footer { height: auto; background: #9c6; }
#footer a{ color:#fff;}
/****-----logo-----***/
.logo { position: absolute; top: 20px; left: 0; }
/****-----nav-----***/
.nav {position: absolute; top: 50px; left: auto; right: 0; height: 50px; }
.nav div { position: relative; }
.nav li { float: left; }
.nav li a { padding: 6px 10px; font-family: "微软雅黑", "宋体", "黑体"; font-size: 14px; font-weight: bold; color: #333; line-height: 40px; }
.nav li a:hover { color: #fff; background: #006699; border-radius: 5px; }
.nav li:hover .son { display: block; }
.son { width: 660px; height: 140px; background: #fff; position: absolute; display: none; }
/*---footer---*/
#footer { background:#9d9d9d url(../images/bottom.gif) center bottom no-repeat; height: auto; width: 1060px; margin: 0 auto;padding-bottom:20px}
#footer .l { color: #fff; float: left; line-height: 40px; }
#footer .r { color: #fff; float: right; line-height: 40px; }
#footer .r a { padding: 0 4px; color: #fff; }
#shadow { background: url(../images/shadow.png) top no-repeat; height: 80px; }
/*---mainContent---*/
#mainContent { background: url(../images/mainContent_bg.jpg) center repeat-y; margin: 0; overflow: hidden; }
/*---txt_ad---*/
.txt_ad { font-family: "微软雅黑", "宋体", "黑体"; font-size: 24px; text-align: center; padding: 25px 0; padding-top: 35px; }
.txt_ad h1 { font-family: "微软雅黑", "宋体", "黑体"; font-size: 24px; text-align: center; font-weight: 100; color: #333; }
.txt_ad p { font-family: Verdana, Geneva, sans-serif, Arial, Helvetica; font-size: 12px; color: #666; }
/*---i_Classification---*/
.i_Classification { height: 200px; margin: 15px 0; }
.i_Classification li { display: block; width: 180px; height: 180px; float: left; border: 2px solid #ebebeb; border-radius: 8px; margin-right: 19px; cursor: pointer; }
.i_Classification li.mr0 { margin-right: 0; }
.i_Classification li:hover { border: 2px solid #4b82b7; -moz-box-shadow: 3px 3px 4px #cccccc; -webkit-box-shadow: 3px 3px 4px #cccccc; box-shadow: 3px 3px 4px #cccccc; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
}
.i_Classification li .img { width: 150px; margin: 10px auto; border: none; }
.i_Classification li .tit { text-align: center; }
/*---i_about---*/
.i_about { width: 350px; height: 245px; overflow: hidden; float: left; margin-right: 30px; }
.i_about .d_tit { background: url(../images/about_bg.jpg) no-repeat top; }
.i_about .d_con { line-height: 22px; }
.i_about .d_con p { padding: 5px; }
/*---i_news---*/
.i_news { width: 360px; height: 245px; overflow: hidden; float: left; margin-right: 30px; }
.i_news .d_tit { background: url(../images/new_bg.jpg) no-repeat top; }
.hot_list { margin: 0; padding: 0; word-wrap: break-word; overflow: hidden; }
.hot_list dt { margin-bottom: 5px; line-height: 24PX; border-bottom: 1px dashed #ebebeb; }
.hot_list dt.top_new { border-bottom: 1px dashed #ebebeb; padding-bottom: 10PX; }
.hot_list b { font-weight: normal; line-height: 24px; }
.hot_list span { float: right; }
.hot_list div { color: #999; line-height: 18px; }
.hot_list dt img { max-width: 120px; border: 1px solid #ebebeb; padding: 2px; margin-right: 15px; }
.hot_list dt a:hover { color: #014f9a; }
.all_list { margin: 0; padding: 0; }
.all_list dt { line-height: 24px; padding-left: 20px; }
.all_list b a { color: #36A831; }
.all_list b a:hover { color: #f30; }
.all_list span { float: right; color: #999; }
.all_list div { color: #999; line-height: 15px; }
/*.i_environment*/
.i_environment { width: 230px; height: 245px; overflow: hidden; float: left; }
.i_environment .d_tit { background: url(../images/environment_bg.jpg) no-repeat top; }
/* qqshop focus */
#focus { width: 230px; height: 190px; overflow: hidden; position: relative; }
#focus ul { height: 190px; position: absolute; }
#focus ul li { float: left; width: 230px; height: 190px; overflow: hidden; position: relative;  }
#focus ul li div { position: absolute; overflow: hidden; }
#focus .btnBg { position: absolute; width: 230px; height: 15px; left: 0; bottom: 0; background: #000; }
#focus .btn { position: absolute; width: 780px; height: 10px; padding: 5px 10px; right: 0; bottom: 0; text-align: right; }
#focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 15px; height: 2px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; margin-top: 5px; }
#focus .btn span.on { background: #fff; }
#focus .preNext { width: 45px; height: 100px; position: absolute; top: 90px; cursor: pointer; }
#focus .pre { left: 0; }
#focus .next { right: 0; background-position: right top; }
.i_products { width: 100%; height: 250px; margin-top: 15px; }
.i_products .d_con { padding: 0; }
.i_products .d_tit { background: url(../images/product_bg.jpg) no-repeat top; }
/* picScroll-left */
.picScroll-left { position: relative; }
.picScroll-left .hd { height: 0px; padding: 0 10px; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { position: absolute; display: block; width: 55px; height: 55px; float: right; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") 0 0 no-repeat; top: 50px; }
.picScroll-left .hd .prev { left: -52px; right: auto; top: 50px; }
.picScroll-left .hd .next { background-position: -55px 0px; left: auto; right: -52px; top: 50px; }
/*.picScroll-left .hd .prevStop { background-position: -60px 0; right:0px; }
.picScroll-left .hd .nextStop { background-position: -60px -50px; }*/
.picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on { background-position: 0 0; }
.picScroll-left .bd { padding: 10px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 170px; height: 157px; display: block; padding: 4px; border: 1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { line-height: 30px; }
/*----i_client----- */
.i_client { width: 100%; height: 100px; overflow: hidden; margin-top: 15px; margin-bottom: 15px; }
.i_client .d_tit { background: url(../images/client_bg.jpg) no-repeat top; }
.index_link { margin: 0; padding: 0; width: 100%; }
.index_link dt { float: left; width: 134px; margin-bottom: 10px; text-align: center; }
.index_link img { border: 1px #cfeef5 solid }
.index_link img:hover { border: 1px #4b82b7 solid }
/*---banner----*/
#banner { height: 425px; background: URL(../images/banner_bg.jpg) top no-repeat; position: relative; }
#t1 { background: #FFF; width: 10px; height: 10px; position: absolute; }
#t2 { background: #FFF; width: 10px; height: 10px; position: absolute; left: 100px }
#t3 { background: #FFF; width: 10px; height: 10px; position: absolute; left: 200px; }
/**/
.d_tit { height: 40px; line-height: 40px; }
.d_con { padding: 10px 0; }
/*info_banner*/
.info_banner { background: url(../images/info_banner_news.jpg) center no-repeat; height: 190px; }
.info_banner_about { background: url(../images/info_banner_about.jpg) center no-repeat; height: 190px; }
.info_banner_pro { background: url(../images/info_banner_pro.jpg) center no-repeat; height: 190px; }
.info_banner_book { background: url(../images/info_banner_book.jpg) center no-repeat; height: 190px; }
.info_page_contact { background: url(../images/info_banner_contact.jpg) center no-repeat; height: 190px; }
/*info单页*/
.info_left { width: 210px; float: left; }
.info_right { width: 790px; float: right; }
.info_right .subject_bg .subject_title { height: 36px; font: bold 18px/36px Microsoft YaHei; padding-left: 5px; border-bottom: 1px dotted #BFBFBF; padding-top: 10px; }
.info_right .m10 { margin: 10px 0; }
.info_right .m10 p { padding-bottom: 6px; }
.left, .fl { float: left; }
.markbg { width: 35px; height: 35px; text-align: center; font: bold 24px/35px Arial; color: #fff; margin: 0 8px 0 5px; background: url(../images/product_title.png) no-repeat }
.product-title h3 { height: 35px; line-height: 35px; font-size: 24px; color: #000; }
.f14px { font-size: 14px; }
.f10px { font-size: 10px; }
.c_b8b8b8 { color: #b8b8b8; }
.c_666565 { color: #666565; }
.product-title { border-bottom: 4px solid #0260a8; width: 1000px; margin: 0 auto; margin-top: -40px; }
.pb15px { padding-bottom: 15px; }
.product-title .center { width: 10px; height: 35px; margin: 0 12px 0 7px; line-height: 35px; display: block; float: left; }
#Positon { height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; }
/*menu*/
.menu { width: 150px; min-height: 200px; _height: 500px; padding: 10px 15px; background-color: #F2F2F2; border-bottom: 1px dotted #BFBFBF; }
.c_000 { color: black; height: 36px; font: bold 18px/36px Microsoft YaHei; padding-left: 5px; border-bottom: 1px dotted #BFBFBF; }
.c_000 .c_b8b8b8 { color: #B8B8B8; }
.class_list dt { border-bottom: 1px dotted #BFBFBF; }
.class_list dt a { font: 14px/36px Microsoft YaHei; padding-left: 32px; background: url(../images/ico_07.png) no-repeat 5px center; display: block; }
.class_list dt a.current { background-image: url(../images/ico_08.png); color: #0260a8; }
.class_list dt a.hover { background-image: url(../images/ico_08.png); color: #0260a8; }
/*新闻媒体*/
.list_title { font: 14px Microsoft Yahei; margin: 0; padding: 0; color: #03f; }
.list_title a { color: #333; text-decoration: underline; }
.list_title a:hover { color: #f30; }
.list_jj { color: #444; margin: 5px 0; word-wrap: break-word; overflow: hidden; width: 100%; line-height: 15px; }
.list_other { color: #777; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 5px; }
.list_other span { color: #343434; }
/*banner*/
.none { display: none; }
.banner { min-width: 1003px; height: 500px; position: relative; margin: 0 auto; overflow: hidden; z-index: 1; overflow: hidden; }
.banner_pre_next { position: relative; z-index: 101; top: 230px; display: none; }
.banner_pre_next .banner_btn_left { position: absolute; left: 10%; color: #fff; font: bold 80px/normal simsun; }
.banner_pre_next .banner_btn_right { position: absolute; right: 10%; color: #fff; font: bold 80px/normal simsun; }
.banner_pre_next .banner_btn_right:hover, .banner_pre_next .banner_btn_left:hover { color: #C00; }
.yq_banner_list { width: 200px; height: 25px; position: absolute; top: 125px; text-align: right; z-index: 100; left: 435px; padding-right: 12px; }
.yq_banner_list a { display: inline-block; width: 14px; height: 3px; background: url(../images/abg.jpg) no-repeat left; }
.yq_banner_list a:hover, .yq_banner_list a.hover { background: url(../images/abg.jpg) no-repeat right; }
.banner_show { width: 100%; text-align: center; height: 500px; overflow: hidden; position: relative; }
.bannger_inbox { position: absolute; left: 50%; top: 0; }
.banner_mag { width: 660px; height: 140px; position: absolute; left: 50%; top: 120px; margin-left: -500px; text-align: left; z-index: 99; font-family: "微软雅黑"; }
.banner_magbox { width: 600px; height: 90px; background: url(../images/ico3.png) repeat; text-align: left; padding: 25px 30px 35px; }
.banner_magbox h4 { font-size: 20px; *font-size:18px;
font-weight: bold; color: #fff; margin-bottom: 10px; }
.banner_magbox h4 a font { font-size: 20px; *font-size:18px;
font-weight: bold; color: #fff; margin-bottom: 10px; }
.banner_magbox p { font-size: 12px; color: #fff; font-weight: normal; margin-bottom: 12px; }
/*产品*/
.list_photo { padding-top: 10PX; }
.list_photo dt { float: left; width: 256px; height: 250px; overflow: hidden; }
.list_photo dt a.pic img { display: block; position: absolute }
.list_photo dt a { display: block; border: 1px solid #ebebeb; width: 210px; margin: 0 auto; padding: 5px; border-radius: 6px; height: 190px; overflow: hidden; position: relative; }
.list_photo dt a.pic:hover { border-color: #F60; -moz-box-shadow: 3px 3px 4px #333; -webkit-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
.list_photo dt div a { border: none; text-align: center; }
/*详细页面*/
.info_title { margin: 10px 0; font: 100 18px Microsoft Yahei; text-align: center; border-bottom: 1px solid #ebebeb; line-height: 40px; }
.info_other { text-align: center; color: #999; margin: 4px 0; }
.info_next { color: #999; margin: 6px 20px; }
.info_next a { font-family: verdana; }
/*分页部分*/
.List_page { text-align: center; margin-bottom: 10px; }
.List_page a { background: #fff; margin: 0px 1px; padding: 4px 6px; border: 1px solid #99ccff; color: #A0A0A0; }
.List_page span { background: #0260a8; color: #fff; margin: 0px 1px; padding: 4px 6px; border: 1px solid #99ccff; }
/*内容分页部分*/
.content_page { }
.content_page a { background: #fff; margin: 1px; padding: 4px 6px; border: 1px solid #AECD9E; color: #A0A0A0; display: inline-block; }
.content_page a.on { background: #AECD9E; color: #fff; margin: 1px; padding: 4px 6px; border: 1px solid #AECD9E; display: inline-block; }
.content_page input { position: absolute; margin: -5px 0 0 1px; *margin:0 0 0 1px;
padding: 1px 0 2px 0; *padding:0;
background: #fff; border: 1px solid #AECD9E; color: #A0A0A0; width: 30px; height: 22px; line-height: 22px; text-align: center; }
.content_page button { position: absolute; margin: -5px 0 0 35px; *margin:0 0 0 35px;
padding: 0; background: #fff; border: 1px solid #AECD9E; color: #A0A0A0; width: 40px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; }
.content_url { font-size: 14px; font-family: arial; color: #06f; margin: 20px; }
.content_url span { color: #666; }
.content_url input { background: #50B20E; color: #fff; width: 40px; border: 0; height: 24px; }
.content_url #this_url { border: 1px solid #ccc; width: 464px; font-family: arial; color: #000; height: 20px; line-height: 20px; background: #fff; }

