﻿@charset "utf-8";
/*reset*/
html{color:#000;background:#FFF; overflow-y:scroll; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,select{vertical-align:middle;}
body{ font-size:12px;}
table{font-size:inherit;font:100%; border-collapse:collapse;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}


/*common*/

body { color:#666666; font-family:Microsoft YaHei,Arial;} /*网站字体颜色*/
a { color:#666666; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { color:#c5271e; }
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体";}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto; }

.left { width:201px; float:left; overflow:hidden; padding-bottom:30px;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden; padding-bottom:30px;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:712px; padding:20px; min-height:610px; border:solid 1px #d5d5d5; border-radius:3px; margin-bottom:30px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

/*头部开始*/
.top{ background:url(../images/t_bj.jpg) no-repeat center top; height:250px;overflow:hidden;}


.h_nr{ height:83px; }
.h_nr > a{ max-width:667px; overflow:hidden; margin:19px 0 0 0; display:inline-block; float:left;}

.h_lx{ width:201px; height:55px; margin:20px 0 0 0; overflow:hidden;}
.h_lx p{ font:14px "Microsoft Yahei"; color:#34302d; width:201px; background:url(../images/lx_line.png) no-repeat center 15px; text-align:center; line-height:25px;}
.h_lx p span{  font-size:24px; color:#c4261d; padding-left:23px; background:url(../images/tel.png) no-repeat left center; display:block; font-family:Impact;}

.h_nav{height:106px;overflow:hidden; margin-left:10px; width:865px; margin:0 auto;}
.h_nav ul li { float:left; height:106px;background:url(../images/line.png) no-repeat right 30px; padding:0 0px;overflow:hidden;}
.h_nav ul li a{ display:inline-block; font:14px "Microsoft Yahei"; color:#fff; line-height:106px; width:108px; text-align:center; height:106px; background:url(../images/png.png) no-repeat;}
.h_nav li a:hover , .h_nav .cur a { width:108px; height:106px; text-decoration:none; color:#000; background:url(../images/cur.png) no-repeat;}
.h_nav .nones{ background:none;}

.sou{  height:52px; overflow:hidden;}
.s_inp01{ width:235px; margin-top:10px; background:url(../images/s.jpg) no-repeat; overflow:hidden; }
.s_inp01 input[type="button"]{ border:0; background:none; height:25px; width:24px; cursor:pointer; float:left;}
.inp01{ width:130px; height:25px; background:none; line-height:25px; border:0 ; padding:0 5px; color:#666; font-size:12px; float:left;}
.sou p{ width:700px; line-height:42px; color:#333; padding-left:14px; height:42px; overflow:hidden;}
.sou p a{ padding:0 10px;}
 
/*头部结束*/

/*底部开始*/
.link_bj{ width:960px; overflow:hidden; margin:0 auto; padding:10px 0;}
.link {  padding:0px 57px 0;}
.link p{ color:#333; line-height:30px; font-size:12px; text-align:left; overflow:hidden; font-family:"微软雅黑";}
.link p a{  line-height:30px; padding:0 8px;} 
 .p01{ line-height:36px; padding-top:5px; text-align:center; font-size:15px; color:#fff;}
 .p01 a{ color:#fff; padding:0 17px; white-space:nowrap; font-family:"微软雅黑";}
.p01 a:hover{ text-decoration:underline;}
.foot{ background:url(../images/f_bj.gif) repeat-x center top #c4261d;  overflow:hidden; overflow:hidden; padding:20px 0;}
.footer{ position:relative;}

.fnav{ width:395px; padding:0px 20px 0 0;}
.fnav h4{ }
.f_pic{  width:353px; height:97px; margin:20px 0 0 90px; display:inline; }
.f_pic img{ margin-top:5px;}
.f_wz{ line-height:24px; color:#fff; padding:0px 10px 0 32px; border-left:1px solid #e06157; width:338px; margin-top:20px;}
.f_wz a{ color:#fff;}
.f_wz a:hover{ text-decoration:underline;}
.f_wz em{ color:#fff; display:inline-block; padding:0 20px; font-style:normal;}
.f_wz img{ vertical-align:middle; margin:0 10px;}
.footer .code { padding:10px; margin-top:20px; background-color: #c5271e;}

.footer > p > span{ display:block; text-align:right; color:#fff; padding-top:20px;}
.footer > p > span{ color:#fff;}
.footer > p > span a{ color:#fff;}
.footer > p > span a:hover{ text-decoration:underline;}
/*底部结束*/



/*底部结束*/
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
html,body{-webkit-text-size-adjust:none;}
/*正文开始*/



.txt{ height:59px; background:url(../images/pro_nav.gif) repeat-x center 56px; overflow:hidden; }
.txt i{ display:inline-block; height:56px; border-bottom:3px solid #c4c4c4;font:14px Arial, Helvetica, sans-serif; color:#b1b1b1; text-transform:uppercase; line-height:24px; font-weight:bold; line-height:17px;}
.txt i em{ display:block; float:left; font:38px Arial, Helvetica, sans-serif; color:#c5271e; font-weight:bold; width:28px;}
.txt i a{ display:block; font:14px "Microsoft Yahei"; color:#333; font-weight:bold; padding:5px 0 0 0; width:135px;}
.txt span a{ font-size:12px; font-weight:normal; line-height:59px;}
.txt span a:hover{ color:#c5271e;}



.about { height: 345px; margin-top: 12px;overflow: hidden;width: 650px;}
.about > p {height: 45px;line-height: 45px; overflow: hidden;padding: 0 10px;
}
.about .txt{ height:45px; overflow:hidden; background:url(../images/pro_nav.gif) repeat-x center 42px;}
.about .txt{ height:45px; overflow:hidden; background:url(../images/pro_nav.gif) repeat-x center 42px;}
.about .txt i{ height:42px; }
.about .txt  i a{ line-height:14px;}
.about .txt span a{ line-height:45px;}
.about p span a {color: #5a5a5a;font-size: 12px;font-weight: normal;
}
.about p span a:hover{ color:#c5271e;}
.about p i { color: #adadad; display: inline-block;font-size: 12px;font-style: normal;font-weight: normal; text-transform: uppercase;}
.about p i a {color: #c4261d; font-family: "Microsoft Yahei";  font-size: 16px; font-weight: bold; padding-right: 10px;}
.about dl { margin: 15px 0 0;overflow: hidden;}
.about dl dt {height: 257px;overflow: hidden;width: 289px;}
.about dl dt img { height: 242px;width: 289px;}
.about dl dd { overflow: hidden; padding-right: 15px;width: 324px;}
.about dl dd h3 {color: #000;font: 14px/24px "Microsoft Yahei"; padding: 10px 0;}
.about dl dd h3 a {color: #000;}
.about dl dd p { color: #555;height: 188px; line-height: 24px; margin-bottom: 10px; overflow: hidden; padding: 5px 0 0;}
.about dl dd span{ font-size:16px; color:#333; font-weight:bold; line-height:20px; height:20px; overflow:hidden; display:block;}
.about dl dd i a {color: #c5271e; display: block;font-style: normal;}


.pro_bj{ height:800px; overflow:hidden; background:url(../images/pro_bj.jpg) no-repeat center bottom;}
.menu_bj { width:254px;  margin-top:10px; overflow:hidden;}
.menu_bj h2{ background:url(../images/menu_nav.jpg) no-repeat center top; height:63px; overflow:hidden; font:14px Arial, Helvetica, sans-serif; color:#fad9d6; text-transform:uppercase; padding:50px 0 0 25px; line-height:24px;}
.menu_bj h2 span{ display:block; float:left; font:50px Arial, Helvetica, sans-serif; color:#f5d5d3; font-weight:bold;}
.menu_bj h2 a{ display:block; font:18px "Microsoft Yahei"; color:#fff; font-weight:bold; padding:5px 0 0 0;}
.menu{ border:1px solid #e3e3e3; border-top:0; background:url(../images/menu_bj.gif) repeat center top; overflow:hidden; padding:10px 0;}
.menu h3{ margin:5px 0 0 18px; background:url(../images/menu_cur.png) no-repeat; width:221px; height:40px; overflow:hidden;}
.menu h3 a{ font:16px "Microsoft Yahei"; color:#000; padding-left:24px; line-height:40px;}
.menu ul { margin:4px 0 0 28px;}
.menu ul li{ float:left; width:100px; display:inline-block;  line-height:28px;height:28px;overflow:hidden;}
.menu ul li a{ color:#444; background:url(../images/menu_ico.gif) no-repeat 10px 5px; padding-left:15px; }
.menu ul li a:hover{ color:#c5271e;}
.menu .li01{ width:116px;}
.menu .li02{ width:100px;}

.pro{ width:672px;   overflow:hidden;}
.pro ul li{ float:left; width:206px; overflow:hidden; margin:20px 9px 0 9px;}
.pro ul li:hover > a{ border-color:#c5271e;}
.pro ul li > a{ border:1px solid #dddddd; padding:2px; background:#f3f3f3; width:200px; height:152px; display:block; text-align:center;}
.pro ul li > a img{ max-height:100%; max-width:100%; vertical-align:middle;}
.pro ul li > a i{ height:100%; vertical-align:middle; display:inline-block;}
.pro ul li span{ display:block; text-align:center; padding-top:15px; text-align:center; color:#666; height:24px; line-height:24px; overflow:hidden;}
.pro ul li:hover span a{ color:#c5271e;}
.pro .nones{ margin-right:0;}

.pk_bj{ background:url(../images/pk_bj.jpg) no-repeat center top; height:554px; overflow:hidden;}
.pk{ width:960px; height:554px; margin:0 auto; overflow:hidden;}
.pk dl dt{ font:12px Arial, Helvetica, sans-serif; color:#919191; text-transform:uppercase; text-align:center; height:66px;}
.pk dl dt a{ display:block; padding-bottom:5px;}
.pk dl dd{ padding:23px 0 0 0;}
.pk dl dd p{ font:14px "Microsoft Yahei"; line-height:46px; color:#333;}
.pk .dl01{ width:436px; padding:102px 0 0 40px;}
.pk .dl01 dt{ padding:0 0 0 57px; width:183px;}
.pk .dl02{ width:267px; padding:102px 0 0 65px;}
.pk .dl02 dt{ width:146px;}
.pk ul{ width:148px; padding:206px 0  0 0; overflow:hidden;}
.pk ul li { background:url(../images/pk_ico.gif) no-repeat; width:148px; height:29px; font:14px "Microsoft Yahei"; color:#fff; text-align:center; margin-bottom:17px; line-height:29px;}


.ry{ width:270px; height:345px; margin-top:12px; overflow:hidden;}
.ry .txt{ height:45px; overflow:hidden; background:url(../images/pro_nav.gif) repeat-x center 42px;}
.ry .txt i{ height:42px; }
.ry .txt  i a{ line-height:14px;}
.ry .txt span a{ line-height:45px;}
.ry .h1{ padding:109px 0 0 0; width:14px; height:59px; overflow:hidden;}
.ry p{ width:180px; overflow:hidden; margin:12px 0 0 35px; display:inline; float:left;}
.ry p  img{ padding:1px; border:1px solid #dbdbdd; width:176px; height:216px;}
.ry p span a{ display:block; color:#555; padding-top:15px; text-align:center;}



.wt_bj{ background:url(../images/wt_bj.jpg) repeat-x center top; height:522px; overflow:hidden; padding-top:35px;}

.wt{ width:266px; height:520px; overflow:hidden;}
.wt div{ margin-top:5px;}
.wt dl{ padding:20px 0; border-bottom:1px dashed #cfcfcf; width:100%; overflow:hidden;}
.wt dl:hover dt a{ border-color:#c5271e;}
.wt dl:hover dd a{ color:#c5271e;}
.wt dl dt{ float:left;}
.wt dl dt a{ width:110px; height:66px; display:block; border:1px solid #e5e5e5; padding:5px; text-align:center;}
.wt dl dt a img{ max-height:100%; max-width:100%; vertical-align:middle;}
.wt dl dt a i{ height:100%; vertical-align:middle; display:inline-block;}
.wt dl dd{ width:127px; line-height:22px;height:66px; color:#777;overflow:hidden; float:left; margin-left:10px;}
.wt dl dd a{ color:#555; font-weight:bold; display:block; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.wt dl dd span{ display:block;}


.news{ width:646px; padding:14px 0 0 0; height:500px; overflow:hidden;}
.n_nav { height:41px; border-bottom:1px solid #cdcdcd;}
.n_nav span a{ line-height:41px;}
.n_nav ul li{ float:left; width:142px; height:36px; text-align:center;}
.n_nav ul li a{ display:inline-block; width:142px; height:36px; font:14px "Microsoft Yahei"; color:#000; line-height:36px; font-weight:bold;}
.n_nav ul li a:hover , .n_nav ul .cur a{ background:url(../images/news_cur.gif) no-repeat center top; color:#fff;}
.news dl{ margin:32px 0 0 0; overflow:hidden; height:175px;}
.news dl dt a{width:207px; height:154px; padding:2px; border:1px solid #ddd; text-align:center; display:block;}
.news dl dt a img{ max-width:100%; max-height:100%; vertical-align:middle;}
.news dl dt a i{ height:100%; display:inline-block; vertical-align:middle;}
.news dl dd{ width:390px; overflow:hidden; padding-right:14px;}
.news dl dd span{ font-size:12px; color:#000; line-height:24px; padding:10px 0; display:block; overflow:hidden; height:24px; white-space:nowrap; text-overflow:ellipsis;}
.news dl dd span a{ color:#000; font-weight:bold;}
.news dl dd p{ line-height:24px; color:#555;  padding:0 0 0 0;overflow:hidden;}
.news dl dd i  a{ display:block; color:#c5271e; font-style:normal; padding-top:24px;}
.news .ul03{ height:227px; background:url(../images/news_line.gif) no-repeat 308px center; overflow:hidden;}
.news .ul03 li{ width:320px; background:url(../images/news_ico.gif) no-repeat left center; overflow:hidden; line-height:34px; float:left;  display:inline-block;overflow:hidden;}
.news .ul03 li a{  padding:0 20px; line-height:26px; height:26px; display:block; overflow:hidden; }
.news .ul03 .wz1{ background:url(../images/news_bj.gif) no-repeat left center;}


.index_contact{ padding:10px;}
.index_contact > a{ width:100%; height:100px; text-align:center; display:block; padding:10px 0;}
.index_contact > a i{ height:100%; vertical-align:middle; display:inline-block;}
.index_contact > a img{ max-height:100%; max-width:100%; vertical-align:middle;}
.index_contact span{ line-height:24px; height:168px; overflow:hidden; display:block;}




.index_banner{ width:100%; height:400px; position:relative; margin-bottom:30px;}
.index_banner li{  position:absolute; left:50%; margin-left:-800px; width:1600px; top:0; height:400px; text-align:center;}
.index_banner li img{ max-width:1600px; max-height:400px;}
.index_banner li:first-child{ z-index:2;}
.index_banner p{ width:1000px; margin-left:-500px; position:absolute; left:50%; bottom:40px; text-align:right; z-index:3;}
.index_banner p a{ display:inline-block; width:15px; height:15px; background-color:#333; margin-left:10px;}
.index_banner p a:hover,.index_banner p a.cur{ background-color:#c4261d;}
.div404 a{ padding:0 5px;}

.inside_banner{ width:100%; height:250px; position:relative; margin-bottom:30px;}
.inside_banner li{ width:1600px; position:absolute; left:50%; margin-left:-800px; width:1600px; top:0; height:250px; text-align:center;}
.inside_banner li img{ max-width:1600px; max-height:250px;}