@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; font-size:14px; font-family:"Microsoft YaHei","STHeiti Light",Arial,"SimSun"; line-height:180%;}
body{color:#333; background:#fff;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#1A4698; text-decoration:none;}
img{ border:none; -ms-interpolation-mode:bicubic;}

table{ margin:20px 0; border:#ccc 0px solid; border-collapse: collapse;}
table tr td{ border:#ccc 0px solid; padding:2px; line-height:20px;}
input{ padding:3px 5px; border:#ddd 1px solid;}

.layount{ width:1200px; margin:auto;}
.left{float:left;}
.right{float:right;}
.title{ background:url(../images/line.png) left bottom no-repeat; color:#06c; line-height:50px; font-size:20px; margin-bottom:20px;}
.title span{ color:#a5a5a5; line-height:40px; font-size:14px;}
.title p{ line-height:50px; padding-right:5px; padding-top:20px;}

#top{ height:35px; overflow:hidden; background:#008DEC;}
.top p{ line-height:35px; color:#fff;}

#head{ overflow:hidden; height:100px;}
.head .logo{ padding-top:30px; font-size:35px; font-weight:bold; color:#c00; padding-left:5px;}
.t_nav_list{height: 105px; position: relative; width:909px; margin:0 auto;}
.t_nav_list li{ width: 100px; height: 100px; float: left; position: relative; margin-right:1px;}
.t_nav_list li a.m_nav_item{ display: block; width: 100px; height: 100px; line-height: 100px; font-size: 16px; position: relative; transition: none; overflow: hidden; color: #303030;text-align:center;text-decoration: none;}
.t_nav_list li a.m_nav_item:hover, .t_nav_list li a.m_nav_item.cur, .t_nav_list li.c_on a.m_nav_item{ background: #EAEAEA; color: #1A4698;text-align:center;}

#focus{ height:451px; overflow:hidden;}
.focus{ width: 100%; height: 451px; overflow: hidden; position: relative;}

#product{ overflow:hidden; margin:40px auto;}
.product{ }
.product_title{ background:url(../images/protit_bg.jpg); color:#fff; font-size:25px; padding-left:50px; line-height:60px; margin-bottom:1px;}
.product_title p{ margin-top:20px; margin-right:10px;}
.procat{ width:700px; height:255px; background:#008DEC; padding:15px 0px 30px 50px;}
.procat .list ul{ background:#008DEC;}
.procat .list ul li a{ line-height:300%; font-size:17px; border-bottom:1px #3CB0FF solid; display:block; color:#fff; padding-left:10px; width:280px; margin-right:50px; float:left;}
.procat .list ul li a:hover{ line-height:300%; color:#039;}
.product .pic{ width:450px; height:300px;}

#about{overflow:hidden; background:#f1f1f1; padding-top:10px;}
.about{ width:775px;}
.about .pic{ vertical-align:middle; width:260px; height:230px;}
.about .detail{ color:666; margin:0 0 0 35px; width:480px;}
.about .detail p{ color:666; line-height:210%;}
.news{ width:380px;}
.news ul{ padding:0px;}
.news li{ line-height:32px; border-bottom:1px #999 dashed; margin-bottom:5px;}
.news li a{ line-height:32px; color:#333; background:url(../images/dot.jpg) 0 5px no-repeat; padding-left:15px;}
.news li a:hover{ color:#06c;}
.news .date{color:#999; font-size:11px; line-height:32px;}


#pro{overflow:hidden;}
.pro{ padding:20px 0;}
.pro .gundong{ width:900px;}
.i_proxx{width:900px; height:190px; overflow:hidden;float:left; margin:0px auto;}
.pro_list{ width: 900px; margin: 0px auto;}
.pro_list li{ width: 227px; height: 173px; float: left; margin:0 9px 25px 10px;}
.pro_list li a{ width: 227px; height: 173px; position: relative; font-size:14px;}
.pro_list li a img{ width: 215px; height: 143px; background:#fff;display: block;transition:all 0.5s ease-in-out 0s; padding:5px;border: 1px solid #ccc;}
.pro_list li a p{ width: 227px; height: 30px; line-height: 30px; color: #333333; background: #eee;transition:all 0.5s ease-in-out 0s; text-align:center;}
.pro_list li a:hover img{ border: 1px solid #008DEC;}
.pro_list li a:hover p{ color: #FFFFFF; background: #008DEC;}
.pro .case{ width:260px; height:235px; margin-top:0px;}

#third{ width:1200px; overflow:hidden; margin:0px auto; border-top:1px #ccc solid; padding-top:20px;}
.link{ font-size:15px; text-align:center;}
.link span{ font-size:15px; color:#008DEC;}

#foot{ overflow:hidden; background:#008DEC; height:150px; margin-top:20px;}
.foot .name{ font-size:16px; font-weight:bold; color:#fff; margin-top:30px;}
.foot p{ color:#fff; font-size:14px; line-height:30px; border-right:1px #9cf solid; padding-right:100px; font-weight:normal;}
.foot .code{ margin-top:15px; float:right; padding-right:20px;  width:280px; color:#ccc; padding:10px 20px;}
.foot p a{ color:#fff; font-weight:normal; font-size:13px;}
.foot p a:hover{ color:#f00;}

#copyright{ overflow:hidden; height:45px; background:#000; line-height:45px;}
.copyright{ color:#999; line-height:45px;}
.copyright a:link{color:#999; line-height:45px; margin:0 5px;}
.copyright a:active{color:#999;}
.copyright a:visited{color:#999;}
.copyright a:hover{color:#c00;}

/* index end */

#sub{ overflow:hidden;}
.sub{ margin:40px auto;}
.sub_left{ width:260px; background:#eee;}
.sub_left .protit{ background:url(../images/protit_bg.jpg); color:#fff; font-size:25px; padding-left:50px; line-height:60px;}
.pro_cat{ background:#008DEC;margin:1px 0;}
.pro_cat li a{ width:240px; border-bottom:1px #3CB0FF dashed; color:#fff; display:block; margin:auto; font-size:16px; margin-bottom:5px; font-weight:bold;}
.pro_cat li a:hover{ color:#c00;}
.sub .pic{ margin-top:1px;}
.sub .contact{padding:8px; line-height:200%;}

.pro_catm { float:left;}
.pro_catm ul li { float:left;}
.pro_catm ul li a { width:400px; height:40px; line-height:40px; display:block; border-bottom:1px solid #ccc; color:#036; font-size:16px; font-weight:bold;}
.pro_catm ul li a:hover{ color:#f00; }
.pro_catm ul li ul { position:absolute; float:left;}
.pro_catm ul li ul li { float:none;}
.pro_catm ul li ul li a { border-right:none; border-top:1px dotted #ccc; background:#f5f5f5; font-size:14px; color:#666; font-weight:normal; text-indent:1em;}
.pro_catm ul li:hover ul{ display:block; }

.sub_right{ width:880px;}
.sub_right .titl{ line-height:40px; color:#333; font-size:18px; border-bottom:1px #ccc solid; font-weight:bold; padding-left:10px;}
.sub_right .titl p{ line-height:40px; color:#999; font-size:13px; float:right; font-weight:normal;}
.sub_right .content{ margin:20px auto;}
.sub_right .content p{font-size:15px; line-height:200%;}

.pro_c_list{ margin: 0px auto;}
.pro_c_list li{ width: 262px; height: 206px; float: left; margin:0 16px 35px 15px;}
.pro_c_list li a{ width: 262px; height: 206px; position: relative;}
.pro_c_list li a img{ width: 250px; height: 166px; border: 1px solid #ccc; display: block;transition:all 0.5s ease-in-out 0s; padding:5px;}
.pro_c_list li a p{ width: 100%; height: 35px; line-height: 35px; margin-top: 1px; color: #333333; background: #e7e7e7;transition:all 0.5s ease-in-out 0s; text-align:center;}
.pro_c_list li a:hover img{ border: 1px solid #008DEC;}
.pro_c_list li a:hover p{ color: #FFFFFF; background: #008DEC;}
.pro_c_title{ width:98%; height:40px; font-size:18px; color:#333; text-align:center; border-bottom:1px dashed #ccc; margin:0 auto;}
.pro_c_title_img{ margin:20px auto; text-align:center;}
.pro_c_font{ color:#000; font-size:16px; font-weight:bold;}
.pro_c_detail {color:#333; font-size:14px;line-height:180%; margin:20px auto;}

.honor_list{ margin: 0px auto;}
.honor_list li{ width: 192px; height: 300px; float: left; margin:0 14px 35px 14px;}
.honor_list li a{ width: 192px; height: 300px; position: relative;font-size:14px;}
.honor_list li a img{ width: 180px; height: 260px; border: 1px solid #ccc; display: block;transition:all 0.5s ease-in-out 0s; padding:5px;}
.honor_list li a p{ width: 100%; height: 35px; line-height: 35px; margin-top: 1px; color: #333333; background: #e7e7e7;transition:all 0.5s ease-in-out 0s; text-align:center; }
.honor_list li a:hover img{ border: 1px solid #008DEC;}
.honor_list li a:hover p{ color: #FFFFFF; background: #008DEC;}

/* 新闻 */

.news_c_list{ width: 100%;}
.news_c_list li{padding: 10px 0 10px 22px; text-align: left; border-bottom: 1px dotted #CECECE; background: url(../images/newsdot.jpg) 5px 14px no-repeat; display:block;}
.news_c_list li a{ color: #333333; font-size:15px; width:700px;}
.news_c_list li a:hover{ color: #1A4698;}
.news_c_list li p.newsdate{ color: #b6b6b6;font-size:13px;}
.article_title{ width: 100%; text-align: center; border-bottom: 1px dotted #aaa; margin-bottom:25px; font-size: 18px; padding-bottom:10px;}
.article_title p{ color: #aaa; font-size: 12px;}
.news_article_box p{ font-size: 14px; color: #333333; line-height: 26px; text-align: left; margin-top: 10px;}
.news_article_box img{ display: block; max-width: 100%; margin: 0 auto;}

/* 留言 */
.right_title{ border-bottom:1px #ccc solid; height:50px;}
.title_name{ font-size:18px; font-weight:bold; line-height:40px;}
.title_bread{ color:#999; font-size:13px; float:right; font-weight:normal; line-height:40px;}

/*分页*/

.pages{ overflow:hidden; line-height:50px; padding:10px;}
.pages a,.pages span{ border:#ddd 1px solid; padding:4px 10px; font-size:14px; margin-right:5px;}
.pages span{ background:#666; color:#fff; border:#666 1px solid; margin-left:5px;}
.pages a:hover{ border:#666 1px solid;}