@charset "utf-8";
/* CSS Document */
@import url("basic.css");

.sub_banner{
	height: 229px;
}
.npc img{ width:100%; margin-bottom:20px;}
.sp{margin:auto; text-align:center; width:120px; height:30px; border:1px solid #dddbdc;border-radius: 20px;background:#fff; display:block; font: bold 14px/30px PingFang-SC-Regular,STHeiTi,Arial,sans-serif; color:#3365ad }
.prt img{ width:100%}
#main{width: 100%; max-width:1920px; min-width:1200px;margin:20px auto;}
.main{width:1200px;margin:auto; position:relative; z-index:999;}
.main .mainL{ width:260px;float:left;padding-bottom:20px; overflow:hidden;margin-top:0px;}
.main .mainR{width: 910px; float:right; margin-bottom:20px;overflow:hidden}
.main .mainL .daohan{width: 260px;overflow: hidden;}
.main .mainL .daohan h2{height: 109px; background:#037b35 url(../images/top_back.jpg) center top no-repeat;font: 18px/40px "Microsoft YaHei";position:relative; text-align:center; color:#fff;}
.main .mainL .daohan h2 span{display: block;font:30px/22px  'impact';color: #fff;padding-top: 30px; text-transform:uppercase}
.main .mainL .daohan ul{ padding:5px 0px;width: 260px;}
.main .mainL .daohan ul li{list-style: none;margin: 0;padding: 0; zoom: 1;background:#f2f2f2; border-bottom:1px solid #e2e2e2}
.main .mainL .daohan ul li span{ padding-left:40px;}
.main .mainL .daohan ul li a{line-height: 40px;height: 40px;color: #333;font-size: 13px; display:block;}
.main .mainL .daohan ul li a.on {line-height: 40px;height: 40px; background:#282828;color: #fff;font-size: 12px; display:block;}
.main .mainL .daohan ul li a:hover{line-height: 40px;height: 40px;background:#282828;color: #fff;font-size: 12px; display:block;}

#nav {width:260px;line-height: 24px; list-style-type: none;text-align:left;/*定义整个ul菜单的行高和背景色*/}
/*==================一级目录===================*/
#nav a {width: 260px; display: block;/*Width(一定要)，否则下面的Li会变形*/}
#nav a span{padding-left:40px;}
#nav li {background:#352d2d; /*一级目录的背景色*/border-bottom:#3e3a3a 1px solid; /*下面的一条白边*/float:left;/*float：left,本不应该设置，但由于在Firefox不能正常显示
继承Nav的width,限制宽度，li自动向下延伸*/list-style: none;margin: 0;padding: 0; zoom: 1;}
#nav li a:hover{background:#ff3d3d; /*一级目录onMouseOver显示的背景色*/}
#nav a:link  {color:#fff; text-decoration:none;}
#nav a:visited  {color:#fff;text-decoration:none;}
#nav a:hover  {color:#FFF;text-decoration:none;font-weight:bold;}
/*==================二级目录===================*/
#nav li ul {list-style:none;text-align:left;}
#nav li ul li{ background: #464242; /*二级目录的背景色*/}
#nav li ul a{padding-left:20px;width:240px;/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/}
/*下面是二级目录的链接样式*/
#nav li ul a:link  {color:#fff; text-decoration:none;}
#nav li ul a:visited  {color:#fff;text-decoration:none;}
#nav li ul a:hover {color:#fff;text-decoration:none;font-weight:normal;background:#ff3d3d;/* 二级onmouseover的字体颜色、背景色*/}
/*==============================*/
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#content {clear: left; }
#nav ul.collapsed {display: none;}


.nub{ width:64px; height:64px; background:url(../images/nub.gif) left center no-repeat; margin-right:20px; display:block; line-height:64px; text-align:center; color:#fff; font-size:40px; font-family:Arial, Helvetica, sans-serif; float:left}
.name{ float:left; line-height:64px; font-size:20px; color:#753b2b; width:800px;font-weight:bold}
.nr{line-height:28px; font-size:16px; width:100%; padding-top:20px; padding-bottom:40px;}

.con{background: url(../images/contact.jpg) no-repeat left top; width:100%; display:block; height:140px;}

.main .mainR .location{width:910px; height:50px; line-height:50px; font-size:12px; font-family: "microsoft yahei", Arial, Helvetica, sans-serif;color:#333; font-size: 12px;border-bottom:1px solid #e5e5e5}
.main .mainR .location h1 { background: url(../images/titlen_icon.gif) no-repeat 0 center;padding-left: 15px;font-size: 18px;color: #272321;}
.main .mainR .location a{ color:#272321;}
.main .mainR  ul{margin-bottom: 10px;line-height: 30px;font-size: 14px;padding-bottom: 15px; font-weight:bold; padding-top:20px;}

.main .mainR  ul li{ font-weight:100; font-size:14px;}
.main .mainR  ul li h2{font-size:24px;color:#494949;margin-bottom:10px;}
.main .mainR  ul li h2 span{font-size:12px; color:#b5b5b5; font-weight:100;text-transform:uppercase; padding-left:10px; }

.index_products{ width:910px;overflow:hidden;float:right;}
.index_products ul{width:950px;}
.index_products li {float:left;width:200px; background:#fff; padding:8px; border:1px solid #dadfe4;margin-bottom:45px;margin-right:12px;text-align:center;color:#ffffc1;display:inline;}
.index_products img {margin-top:expression(115-this.height/2);max-height:230px; max-width:200px;}
.index_products li p{width:200px; height:230px; background:#333;overflow:hidden;text-align:center;vertical-align:middle;display:table-cell;}
.index_products li span{width:200px;line-height:40px; color:#535353; text-align:center; display:block; padding-top:10px; font-size:14px;}

.nub{ width:64px; height:64px; background:url(../images/nub.gif) left center no-repeat; margin-right:20px; display:block; line-height:64px; text-align:center; color:#fff; font-size:40px; font-family:Arial, Helvetica, sans-serif; float:left}
.name{ float:left; line-height:64px; font-size:20px; color:#753b2b; width:800px;font-weight:bold}
.nr{line-height:28px; font-size:16px; width:100%; padding-top:20px; padding-bottom:40px;}

.article-top-list{margin-top: 15px;}
.article-top-list h1{height: 35px;line-height: 35px;font-size: 16px;color: #241f1f;}
.article-top-list h1 span {display: block;float: left;height: 35px;border-bottom: 1px solid #00195b;}
.article-top-list ul{height: auto;border: 1px solid #f0f0f0; font:14px/35px "Microsoft YaHei", Arial, Helvetica, sans-serif; padding:10px;}
.article-top-list ul li {margin-bottom: 10px; margin-bottom: -5px\9;}
.article-top-list ul li:after {content: "\200B";display: block;height: 0; clear: both;}
.article-top-list ul li .title {float: left;display: block;color: #202020;height: 18px;font-size: 12px;line-height: 18px;}
.article-top-list ul li .top-num {float: left;width: 19px;height: 18px;background: url('../images/rijilist.jpg') no-repeat center center;font-size: 12px;text-indent: 3px;line-height: 19px;color: #fff;}
.article-top-list ul li .heise {float: left;width: 19px;height: 18px;font-size: 12px;text-indent: 3px;line-height: 19px;color: #fff;background: url('../images/rijilist-h.jpg') no-repeat center center;}


.partr{margin-top: 15px;}
.partr h1{height: 35px;line-height: 35px;font-size: 16px;color: #241f1f;}
.partr h1 span {display: block;float: left;height: 35px;border-bottom: 1px solid #00195b;}
.partr ul{height: auto;border: 1px solid #f0f0f0; padding:10px; font:14px/35px "Microsoft YaHei", Arial, Helvetica, sans-serif}
.partr ul li b {color: #656565;font: bold 18px Arial, Helvetica, sans-serif}
.partr ul li span {color: #999;padding-right: 5px;}
.partr ul li i{color: #666;font-style: normal;}

.ewm{margin-top: 15px;}
.ewm h1{height: 35px;line-height: 35px;font-size: 16px;color: #241f1f;}
.ewm h1 span {display: block;float: left;height: 35px;border-bottom: 1px solid #00195b;}
.ewm ul{text-align: center;background: #f9f9f9;border: 1px solid #f0f0f0;padding:20px 0;}
/*分页*/
/**page**/
.page{
	padding: 40px 0;
	text-align: center;
	font-family: arial;
}
.page a{
	display: inline-block;
	padding: 0 8px;
	height: 30px;
	line-height: 28px;
	margin: 0 5px;
	font-size: 14px;
	color:#666;
	background: #fff;
	border: 1px solid #cecece;
}
.page a:hover ,.page a.hover{
	color: #2663a7;
	border: 1px solid #2663a7;
}


/*news*/
.mainR li.pic_news{ width:730px; height:118px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:20px; position:relative}
.mainR li.pic_news img{ float:left; margin-right:15px;}
.mainR li.pic_news h3{font-size:15px; text-align:left; font-weight:bold; position:relative}

.mainR li.pic_news h3 .news_time{ float:right; font-size:12px; color:#666;font-weight:100; position:absolute; right:0px; top:0px;}
.mainR li.pic_news p{ font-size:12px; color:#666666; line-height:24px; margin:5px auto; height:48px; overflow:hidden; text-align:left}
.mainR li.pic_news p span{ font-size:12px; font-weight:100}
.mainR li.pic_news .more{width:80px; height:24px; line-height:24px; text-align:center; background:#699e30; display:block; font-size:12px; float:left; position:absolute; right:0px; top:20px;}
.mainR li.pic_news span{width:80px; height:24px; line-height:24px; text-align:center; background:#699e30; display:block; font-size:110%; float:left;}

.new_bt{ background:url(../images/arrow.jpg) left center no-repeat;padding-left:20px;width:580px;float:left;height:30px; line-height:30px;overflow:hidden; font-weight:100}
.new_time{ width:80px; float:right; text-align:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:30px; line-height:30px;display:inline; font-weight:100}
.new_bt a:link {COLOR: #333;TEXT-DECORATION: none;}
.new_bt a:visited {COLOR: #333;TEXT-DECORATION: none;}
.new_bt a:hover {COLOR: #cc2222; text-decoration:underline}

.mainR .listname{color:#999999; margin-right:10px;}
.mainR .listname a{color:#999999}

.hot { width:200px; text-align:left;line-height:30px; float:left; display:block; margin-top:10px;}
.hot span.xinghao{ width:50px; height:30px; line-height:30px; background:#916154; text-align:center; display:block; float:left; color:#fff;margin-right:10px;}
.hot span.guige{ width:50px; height:30px; line-height:30px; background:#ebebeb; text-align:center; display:block; float:left; color:#000;margin-right:10px;}

.hot1 { width:250px; text-align:left;line-height:30px; float:right; display:block; margin-top:10px;}
.hot1 .xinghao{ width:80px; height:30px; line-height:30px; background:#916154; text-align:center; display:block; float:left; color:#fff;margin-right:10px;}
.hot1 .guige{ width:80px; height:30px; line-height:30px; background:#ebebeb; text-align:center; display:block; float:left; color:#000;margin-right:10px;}

td{font:12px/1.5em "microsoft yahei",Arial;color:#6e6e6e;}
tr td .text1 {
width: 201px;
height: 20px;
line-height: 20px;
color: #030303;
font-size: 12px;
font-family: "microsoft yahei";
float: left;
border: 1px #abadb3 solid;
}
tr td .text2 {
width: 502px;
height: 20px;
line-height: 20px;
color: #030303;
font-size: 12px;
font-family: "microsoft yahei";
float: left;
border: 1px #abadb3 solid;
}
.text3 {
width: 502px;
height: 130px;
line-height: 20px;
color: #030303;
font-size: 12px;
font-family: "microsoft yahei";
float: left;
border: 1px #abadb3 solid;
}
tr td .bottom1 {
width: 96px;
height: 30px;
background:#ff3d3d;
color: #fff;
border: none;
cursor: pointer;
}

.partner{ width:750px; margin:20px auto 50px}
.partner h2{ background: url(../images/top_bg.jpg) left -30px no-repeat; height:42px; line-height:42px; margin-bottom:20px; font-size:18px; font-family: "microsoft yahei", Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding-left:20px; padding-right:20px;}
.t_lt { background:url(../images/left.jpg) no-repeat; width:25px; height:57px; position:absolute; left:0px;}
.t_rt { background:url(../images/right.jpg) no-repeat; width:25px; height:57px; position:absolute; right:0px;}
.act_con{ width:750px; height:150px; position:relative;}
.act_con .t_lt,.act_con .t_rt { top:38px;}
.act_wrp { width:660px; margin:0 auto; overflow:hidden;}
#ScollName1 ul{border: 0px;}
.act_wrp li { float:left; display:inline; width:200px; margin-right:10px; padding-left:10px;}
.act_wrp img {margin-top:expression(100-this.width/2);max-width:200px; height:150px;}
.act_wrp span { display:block; text-align:center; color:#333;text-align:left; height:36px; line-height:36px;}
.act_wrp li p{width:200px; height:150px;border:1px solid #e0e0e0; background:#fff;overflow:hidden;text-align:center;vertical-align:middle;display:table-cell}


#news{ width:740px; margin:auto; }
.news{ width:240px; float:left; background:#fff;overflow:hidden}
.news dl dd{ background:url(../images/arrow.jpg) left center no-repeat; padding-left:15px; line-height:30px; width:225px;font-size:12px; height:30px; overflow:hidden}
.news dl dd .listname{ color:#999999}
.news dl dd .listname a{color:#cc2222}

.column-top {width:860px;height:80px;background-image: url(../Images/column_name.jpg);background-repeat:no-repeat;}
    .column-top span {position:relative; left: 20px;top: 15px; font-size:20px;}
	
.word-list {}
.word-list div { border-bottom: 1px solid #dedede; color: #818181; line-height: 25px;float:left;}
.word-list .title { background:url(../Images/ico.gif) no-repeat 20px -32px; padding-left:35px;width: 620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.word-list .status { width: 84px; color: #c13434}
.word-list .date { width: 100px;}
.word-list a {text-decoration: none;}
.word-list a:hover {color: #b20101; }

.article-top {
    width: 910px;
    height: 50px;
    background-image: url(../Images/article_title.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-top: 5px;
}
.article-top .title {
    color: #ff3d3d;
    font-weight: bold;
    position: relative;
    left: 20px;
    top: 10px;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    padding-left: 20px;
}
.article-top .date {
    position: relative;
    float: right;
    color: #888888;
}
.word-table {
    width: 910px;
    margin: auto;
}
.word-table .fix {
    background-color: #f6f6f6;
    text-align: center;
    font-weight: bold;
}
.word-table td {
    padding: 5px;
    border: 1px solid #e2e2e2;
}
.pro_inf_help{
	color: #888;
	line-height: 30px;
	padding-bottom: 15px; margin-top:30px;
}
.pro_inf_help .tt{
	color: #1665bc;
}


.pro_inf_btn_box{
	margin-bottom: 30px;
}
.pro_inf_btn_box a{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	height: 62px;
	line-height: 58px;
	width: 48%;
	color: #e3a017;
	font-size: 16px;
	border: 2px solid #e3a017;
}
.pro_inf_btn_box a .iconfont{
	line-height: 58px;
	margin-right: 12px;
	font-size: 26px;
}
.pro_inf_btn_box a.hover{
	color: #fff;
	background: #e3a017;
}
.pro_share_box .tt{
	padding-right: 10px;
	line-height: 22px;
}
.pro_share_box .text{
	width: 240px;
}