﻿@charset "utf-8";
/* CSS Document */
body{font:14px/1.5 "微软雅黑",arial,"Hiragino Sans GB",sans-serif; overflow-x: hidden; position: relative; color: #333333;}
.upgradeBrowser{background:#ffffe1;border-bottom:1px solid #f90;}
.upgradeBrowserBox{width:1083px;margin:0 auto;line-height:24px; text-align:center;color:#f60;}

/*头部*/
#header{width: 100%; height: 100px; background: url(../images/top_bg.png) 0 0 repeat-x; position: relative; z-index: 10;}
.header_warp{width: 1000px; height: 100px; margin: 0 auto;}
#logo{float: left; width: 200px; height: 40px; margin-top: 32px; overflow: hidden;}
#nav{float: right;}
#nav li{float: left;}
#nav li a{color: #ffffff; height: 100px; line-height: 100px; padding: 0 20px; display: block; float: left;}
#nav li a:hover{background: url(../images/top_bg.png) 0 0 repeat-x; text-decoration: none;}
#nav li a.cur{background: url(../images/top_bg.png) 0 0 repeat-x; text-decoration: none;}
.lang{float: right; margin-top: 38px;}
.lang a{color: #ffffff; width: 20px; height: 20px; margin: 0 3px; text-align: center; line-height: 20px; display: inline-block; border: #ffffff 2px solid; font-size: 12px;}
.lang a:hover{border-color: #ffffff; text-decoration: none; color: #004890; background: #ffffff; font-weight: bold;}
.lang a.active{border-color: #ffffff; text-decoration: none; color: #004890; background: #ffffff; font-weight: bold;}

/*轮播图*/
#banner{position:relative;height:650px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; top: -100px; z-index: 1; margin-bottom: 20px;}
.slides{position:relative;z-index:1;}
.slides li{height:650px;}
.slides li a{display: block; height: 650px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:25px;height:4px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:25px;height:4px;line-height:40px;overflow:hidden;background: #012867;cursor:pointer;}
.flex-control-nav .flex-active{background: #ffffff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*首页主要内容*/
#container{width: 1000px; margin: -70px auto 0;}
.index_phone{width: 479px; height: 79px; margin: 0 auto;}
.index_pro_title{width: 171px; height: 62px; margin: 50px auto 25px;}
.index_about{width: 700px; margin: 0 auto; text-align: center;}

/*产品滚动*/
.scroll_horizontal{position:relative;width:1000px;height:281px; margin-top: 30px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1000px;height:281px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:256px;}
.scroll_horizontal .list li h2{width: 202px; height: 74px; padding: 0 15px; background: url(../images/index_pro_title.jpg) 0 0 no-repeat; color: #ffffff; line-height: 74px; text-align: center; font-weight: normal; overflow: hidden; white-space:nowrap;}
.scroll_horizontal .list li p{width: 230px; height: 25px; line-height: 25px; text-align: center; border-bottom: #c2c6cd 1px solid; border-left: #c2c6cd 1px solid; border-right: #c2c6cd 1px solid; background: #ffd801; overflow: hidden; white-space:nowrap;}
.scroll_horizontal .list li .pic{height: 180px; width: 230px; border-left: #c2c6cd 1px solid; border-right: #c2c6cd 1px solid; text-align: center;}
.scroll_horizontal .list li .pic a{display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-family:Arial; *line-height:1; width:230px; height:180px; *font-size:150px;}
.scroll_horizontal .list li .pic img{vertical-align: middle;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;z-index:10;margin-top:-25px;width:60px;height:90px;background-image:url(../images/ad_ctr.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.scroll_horizontal .prev{left:0px;background-position:0 0;}
.scroll_horizontal .next{right:0px;background-position:0 -90px;}
.scroll_horizontal:hover .prev{opacity:0.8;filter:alpha(opacity=25);}
.scroll_horizontal:hover .next{opacity:0.8;filter:alpha(opacity=25);}
.scroll_horizontal .prev:hover,.scroll_horizontal .next:hover{opacity:1;filter:alpha(opacity=50);}
.scroll_horizontal .list li:hover p{background: #15427b; color: #ffffff; border-color: #15427b;}
.scroll_horizontal .list li:hover .pic{border-color: #15427b;}

/*首页新闻*/
.index_news_title{width: 171px; height: 62px; margin: 50px auto 25px;}
.index_news_warp{margin:-20px 0 0  -24px; overflow: hidden;}
.index_news_warp li{width: 488px; margin: 25px 0 0 24px; float: left;}
.index_news_pic{float: left; width: 118px; height: 118px; border: #c2c6cd 1px solid; overflow: hidden;}
.index_news_main{float: left; width: 348px; margin-left: 20px;}
.index_news_main h2{font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.index_news_main p{font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; text-indent: 2em; margin-top: 7px;}
.index_news_main p a{color: #333333;}
.index_news_main p a:hover{text-decoration: none; color: #000000;}
.index_news_main span a{width: 100px; height: 20px; display: block; background: #fdcd01; color: #333333; font-size: 12px; font-family: arial; line-height: 20px; text-align: center; margin-top: 8px;}
.index_news_main span a:hover{text-decoration: none; background: #ffae00; color: #000000;}

/*版权*/
#footer{width: 100%; background: #ebebeb; margin-top: 50px; overflow: hidden;}
.footer_warp{width: 1000px; margin: 0 auto;}
.footer_warp p{font-size: 12px; line-height: 24px; text-align: center; padding: 20px 0;}
.footer_warp p a{color: #333333;}

/*内页样式*/
.min_banner{height: 400px; position: relative; top: -100px; left: 50%; margin-left: -960px;}
.left_nav{width: 250px; float: left; overflow: hidden;}
.left_nav_title{background: url(../images/left_title_bg.jpg) 0 0 no-repeat; height: 42px; line-height: 38px; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff;}
.left_nav li{height: 40px; line-height: 40px; border-bottom: #e2e2e2 1px dashed; text-indent: 1em;}
.left_nav li a{display: block; font-weight: bold; color: #333333;}
.left_nav li a:hover{text-decoration: none; color: #015cb6; background: #f9f9f9;}

.right_warp{width: 720px; float: right; overflow: hidden;}
.right_warp_title{height: 41px; line-height: 41px; border-bottom: #bfbfbf 1px solid; font-size: 18px; overflow: hidden;}
.right_warp_title_l{float: left; background: url(../images/r_title_icon.jpg) left center no-repeat; padding-left: 15px;}
.right_warp_title_r{float: right; font-size: 12px; line-height: 50px;}
.right_warp_title_r a{color: #333333;}
.right_main{min-height: 350px; clear: both;}

/*页码*/
.page{text-align: center; height: 30px; margin-top: 15px; font-size: 12px;}
.page span{padding: 0 10px; height: 28px; display: inline-block; line-height: 30px; border: #F0EEEF 1px solid; border-radius: 3px; margin: 0 3px; color: #D3D3D3; background: #FFFFFF; zoom: 1;}
.page a{padding: 0 10px; height: 28px; display: inline-block; line-height: 30px; border: #004890 1px solid; border-radius: 3px; margin: 0 3px; color: #FFFFFF; background: #015cb6; zoom: 1;}
.page a:hover{background: #0073e4; text-decoration: none; border-color: #015cb6;}

/*关于我们*/
.about{padding: 10px;}
.about img{max-width: 700px;}

/*新闻资讯*/
.news{overflow: hidden;}
.news_list li{line-height: 40px; height: 40px; *height: auto; border-bottom: #999999 1px dashed; background: url(../images/news_list_icon.png) 10px center no-repeat; padding-left: 20px;}
.news_list li a{float: left; display: block; line-height: 40px; width: 600px; color: #333333;}
.news_list li span{display: block; float: right; line-height: 40px; font-size: 12px; padding-right: 10px;}
.news_list li a:hover{text-decoration: none; color: #015cb6;}
.news_list li:hover{background: url(../images/news_list_icon.png) 12px center no-repeat #f8f8f8; color: #015cb6;}
.news_show{overflow: hidden; padding: 10px;}
.news_show img{max-width: 700px;}
.news_show_title{text-align: center; font-size: 18px;}
.news_show_time{text-align: center; font-size: 12px; line-height: 24px;}
.news_show_main{line-height: 24px;}

/*产品中心*/
.pro_list{overflow:hidden; margin-left: -12px;}
.pro_list li{float:left; width:230px; margin: 15px 0 0 12px; border: #c2c6cd 1px solid;}
.pro_list li p{width: 230px; height: 25px; line-height: 25px; text-align: center; background: #ffd801; overflow: hidden; white-space:nowrap;}
.pro_list li .pic{height: 180px; width: 230px; text-align: center;}
.pro_list li .pic a{display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-family:Arial; *line-height:1; width:230px; height:180px; *font-size:150px;}
.pro_list li .pic img{vertical-align: middle;}
.pro_list li:hover{border-color: #15427b;}
.pro_list li:hover p{background: #15427b; color: #ffffff; border-color: #15427b;}
.pro_show_img{border: #DFDFDF 1px solid; text-align: center; padding: 3px; background: #FFFFFF; margin-top: 10px;}
.pro_show_img img{max-width: 700px; height: auto;}
.pro_show_info{border: #DFDFDF 1px solid; border-spacing: 0; width: 100%; background: #FFFFFF; margin-top: 15px;}
.pro_show_info td{border-left: #DFDFDF 1px solid; border-top: #DFDFDF 1px solid; padding: 7px 5px; text-align: left;}
.pro_show_info td:first-child{border-left: none;}
.pro_show_info td img{max-width: 883px; height: auto;}

/*留言中心*/
.message{color:#333333;}
.message li{margin-top:10px;}
.message li span{display:block; float:left; width:75px; text-align:right; line-height:25px; margin-right:5px;}
.message li input{border:#CCC 1px solid; height:25px; width:250px; padding:0 5px; line-height: 25px; border-radius: 3px;}
.message li input:focus{outline: none;}
.message li textarea{padding:5px; border:#CCC 1px solid; border-radius: 3px;}
.message li textarea:focus{outline: none;}
.message li i{font-weight:bold; color:#F00; margin-left:5px;}
#btnSubmit{width:80px; height:30px; margin-left:80px; background:#15427b; color:#FFF; cursor:pointer; border:none; border-radius: 3px;}
#btnSubmit:hover{background: #0193da;}





























