* {margin: 0px;	padding: 0px;}
body { font-size: 14px; line-height: 200% ;color: #666666;font-family:\5FAE\8F6F\96C5\9ED1; background:url(../images/body_bg.jpg) left top repeat; }
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none;}

/* header */
#header { background-color:#41bfde; height:120px;}
#header .head_box { width: 1200px; height: 117px; margin-left: auto; margin-right: auto; position:relative;}
#header .logo { float:left; position:absolute; top:0px; left:15px;}
#header .tel { color:#fd0202; font-size:22px; background:url(../images/tel.jpg) left center no-repeat; height:50px; color:#fff; font-size:22px; float:right; padding-left:85px; line-height:25px; position:absolute; top:35px; right:0px;}
#header .tel b{ color:#fff000;}

/* nav */
#nav { background-color:#000; height:50px; width:100%; line-height:50px; }
#nav ul.nav_link{ width:1200px; margin-left:auto; margin-right:auto;}
#nav ul.nav_link li{ float:left;font-size:20px;width:150px; text-align:center;position:relative }
#nav ul.nav_link li a{ color:#fff; display:block;font-size:17px;}
#nav ul.nav_link li a:hover{ background-color:#0da7cd;}
#nav ul.nav_link li.on a{background-color:#0da7cd;}
.xiala_nav{position:absolute;top:50px;left:0;width:150px;z-index:99;background:#000;display:none}
.xiala_nav a{font-size:14px!important;}
/* banner */
.banner{height:50px;overflow:hidden; position:relative; z-index:0; padding-top:450px;}
.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;}
.banner .d3{ width:1200px; margin-left:auto; margin-right:auto; position:relative; z-index:11; height:30px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;bottom:0px;}
.banner .d2 ul{float:left;position:absolute;right:0;top:0;display:inline;}
.banner .d2 li{width:62px;height:12px;overflow:hidden;cursor:pointer;float:left;margin:5px 8px;display:inline;background:#41bfde; }
.banner .d2 li.nuw{ background:#e82627;}
/* about */
#both{ width:100%; background-color:#f3f3f3; height:450px; padding:30px 0px;}
.img{ font-size:0%; line-height:0%;}
.both_box{ width:1200px; margin-left:auto; margin-right:auto;}
.s_about{ width:300px; height:450px; overflow:hidden; float:left; background-color:#ffffff;}
.about_title{ height:40px; line-height:40px; background:url(../images/point.jpg) 11px center no-repeat #41bfde; padding-left:54px; font-size:20px; color:#004377; font-weight:bold;}
.about_title span{ float:right; background:url(../images/more_bg.jpg) left center no-repeat; padding-left:31px; color:#004377; font-size:14px; font-weight:normal; margin-right:10px; height:40px;}
.about_title span a{color:#004377; }
.about_txt{ padding:20px; line-height:30px; font-size:16px;}
.about_txt a{ color:#666;}
.s_news{ width:540px; height:450px;  overflow:hidden; margin:0px 30px;  background-color:#fff; float:left;}
ul.news{ overflow:hidden;}
ul.news li{ padding:27px 20px; border-bottom:1px dotted #1b6baa; overflow: hidden; height:82px;}
ul.news li .news_left{ background-color:#1b6baa; font-size:16px; color:#4aa7f0; width:80px; height:70px; text-align:center; padding-top:10px; float:left; font-weight:bold;}
ul.news li .news_left b{ color:#fff; font-size:36px;}
ul.news li .news_right{ font-size:16px; float:right; width:402px;}
ul.news li .news_right h2{ font-weight:normal; font-size:18px; color:#1b6baa;}
ul.news li .news_right a{ color:#666;}
ul.news li.last{ border-bottom:none;}
.s_contact{width:300px; height:450px; overflow:hidden; float:left; background-color:#ffffff;}
.contact_txt{padding:30px; font-size:16px; height:192px; overflow:hidden; line-height:30px;}
.contact_txt a{ color:#1b6baa;}

/* roll */
.rollBox {width:1200px; margin-left:auto; margin-right:auto; }
.rollroll_img{width:1200px;margin: 0 auto;}
.rollroll_img .Cont {float: left;overflow: hidden;width:1200px;}
.rollroll_img .Cont .pic{ float: left; width:293px; height:442px;margin-left:10px;}
.rollroll_img .Cont .pic .roll_img { width:293px; display: table-cell;line-height:260px;text-align:center;vertical-align:middle;*display: block;*font-size:260px;}
.rollroll_img .Cont .pic .roll_img IMG {vertical-align:middle; max-height:387; max-width:293px;}
.rollroll_img .Cont .pic_txt{color: #fff; text-align: center; height:54px; line-height:54px; background-color:#121212; font-size:20px;}
.rollroll_img .Cont .pic_txt a{color: #fff;}
.rollroll_img .ScrCont {width: 10000000px;}
.rollroll_img #List1 {float: left;}
.rollroll_img #List2{float: left;}
.roll_title{ background:url(../images/border.jpg) left center repeat-x; width:100%; height:116px; line-height:116px;}
.roll_title h2{background:url(../images/bg.jpg) left top repeat; padding:0px 20px; width:250px; margin-left:auto; margin-right:auto;}
.roll_title span{ background:url(../images/blue.png) left center no-repeat; padding-left:62px; color:#1b6baa; font-size:32px; height:50px; padding-top:10px; padding-bottom:10px; }
/* content */
#content{width: 1200px;margin-left: auto; margin-right: auto; margin-top:30px;}

/* side */
#side{ float: left; width:300px; overflow: hidden;}
#side ul.side_list{ background-color:#f9f9f9; padding-top:10px; border:1px solid #eeeded; padding-bottom:25px;}
#side ul.side_list li{ height:60px; line-height:60px; font-size:18px; background:url(../images/li_border.jpg) center bottom no-repeat;}
#side ul.side_list li a{ color:#333; padding-left:20px; display:block;}
#side ul.side_list li a:hover{ background-color:#010000; border-right:7px solid #41bfde; color:#fff;}
#side ul.side_list li.on a{background-color:#010000; border-right:7px solid #41bfde; color:#fff;}
/* main */
#main{ float: right; width:868px; overflow: hidden; background-color:#f9f9f9;border:1px solid #eeeded; padding-bottom:30px;}
.title{ background:url(../images/title_bg.jpg) left bottom repeat-x; height:60px; line-height:60px; padding:0px 30px; font-size:22px; color:#333;}
.title span{ float:right; font-size:14px; color:#41bfde;}
.title span a{ color:#41bfde;}
.about{ padding:30px;}
.about h2{ font-size:18px; color:#333; text-align:center; margin-bottom:10px; font-weight:normal;}
.about h3{ font-size:14px; color:#333; text-align:center; margin-bottom:10px; font-weight:normal;}

/* footer */
#footer{ background-color: #010000; padding:20px 0px; overflow:hidden; margin-top:30px;}
#footer .foot_box{ width: 1200px; margin-left: auto; margin-right: auto;}
#footer .foot_left{ float:left; margin-top:20px;}
#footer .foot_left h2{ float:left; margin-right:10px;}
#footer .foot_left h3{ float:left; font-family:SimSun; font-size:14px; color:#fff; font-weight:normal;}
#footer .foot_left h3 a{ color:#fff;}
#footer .foot_right{ float:right;}

/* news */
ul.news1{ overflow:hidden;}
ul.news1 li{ padding:27px 20px; border-bottom:1px dotted #1b6baa; overflow: hidden; height:82px;}
ul.news1 li .news_left{ background-color:#1b6baa; font-size:16px; color:#4aa7f0; width:80px; height:70px; text-align:center; padding-top:10px; float:left; font-weight:bold;}
ul.news1 li .news_left b{ color:#fff; font-size:36px;}
ul.news1 li .news_right{ font-size:16px; float:right; width:730px;}
ul.news1 li .news_right h2{ font-weight:normal; font-size:18px; color:#1b6baa;}
ul.news1 li .news_right a{ color:#666;}
ul.news1 li.last{ border-bottom:none;}
.page{ padding-top:20px; overflow:hidden;}
.page_left{ float:left;}
.page_left a{ color:#333;}
.page_right{ float:right;}
.page_right a{ color:#333;}
/* page */
DIV.sabrosus {MARGIN: 3px; PADDING:5px; TEXT-ALIGN: center;clear:both; padding:30px 0;}
DIV.sabrosus A,DIV.sabrosus A:link ,DIV.sabrosus A:visited{
    PADDING:6px 10px;TEXT-DECORATION: none;  margin-right: 3px; margin-left: 3px; color:#1b6baa; border:1px solid #1b6baa;}
DIV.sabrosus A:hover { color:#fff; border:1px solid #cbcbcb; background-color:#1b6baa;}
DIV.sabrosus SPAN.current {
     PADDING:6px 10px; color:#fff; border:1px solid #cbcbcb; background-color:#1b6baa;}
DIV.sabrosus SPAN.disabled {
    PADDING:6px 10px; margin-right: 7px; color:#1b6baa; border:1px solid #1b6baa;}
DIV.sabrosus SPAN.last { color:#1b6baa; border:1px solid #1b6baa; PADDING:2px;}
DIV.sabrosus SPAN.last a:link {  color:#1b6baa; border:1px solid #1b6baa; }
DIV.sabrosus SPAN.last a:visited {  color:#1b6baa; border:1px solid #1b6baa; }

/* product */
ul.product{ overflow:hidden;}
ul.product li{ float: left; width:187px; height:282px;margin-left:24px; margin-top:30px;}
ul.product li .pro_img { width:187px; display: table-cell;line-height:190px;text-align:center;vertical-align:middle;*display: block;*font-size:190px;}
ul.product li .pro_img img{vertical-align:middle; max-height:247; max-width:187px;}
ul.product li .pro_txt{color: #fff; text-align: center; height:36px; line-height:36px; background-color:#41bfde; font-size:18px;}
ul.product li .pro_txt a{color: #fff;}

/* feedback */
table.table1{ overflow:hidden;}
table.table1 td{ padding-bottom:15px; vertical-align:top; color:#333; font-size:16px;}
table.table1 td .ta{ width:270px; height:32px; line-height:32px; border:1px solid #f0efef; background-color:#fff;}
table.table1 td .tb{ width:692px; height:260px; line-height:32px; border:1px solid #f0efef; background-color:#fff;}
table.table1 td span{ color:#333; margin-left:10px;}
table.table1 td .tf{ width:94px; height:34px;border:1px solid #f0efef; background-color:#fff; font-size:16px; float:left; margin-right:40px;font-family:\5FAE\8F6F\96C5\9ED1; line-height:30px;}
table.table1 td .tf:hover{ background-color:#41bfde; color:#fff;border:1px solid #f0efef;}

.map{ border:4px solid #a0dfef; width:803px; margin-left:auto; margin-right:auto; height:380px; margin-bottom:30px;}
.map_txt{ font-size:16px; line-height:32px;}
