/*二级*/
body{ background-color:#f9f9f9;}
.banner{ width: 100%; min-width:1320px; height:512px;}
.banner .container{ position:relative; width:992px; height:181px; margin:0px auto auto auto; padding-top:330px; }
.banner .container i{ position:absolute; left:0px; width:122px; height:1px; background-color:#b88038; }
.banner .container .en { position:relative; padding-bottom:18px; text-transform:uppercase; font-size:59px; font-weight:600; color:#b88038; }
.banner .container .en i { bottom:1px; }
.banner .container .ch { position:relative; padding-top:9px; font-size:18px; color:#52535d; }
.banner .container .ch i{ top:1px; } 
   
.main-container { position:relative; width:100%; min-width:1320px; background-color:#f5f5f5; }
.main{ width:100%;  margin:0px auto auto auto; }

.main .top-nav{ width:100%; height:50px; margin:0px auto 0px auto; padding-top:10px; background-color:#f9f9f9; border-bottom:solid 1px #c8161d;  text-align:left; font-size:14px; }
.main .top-nav ul{ width:1020px; margin:0px auto auto auto;}
.main .top-nav li{ position:relative; display:inline-block; width:140px; height:50px;  margin:0px 2px; }
.main .top-nav a{ position:relative; display:block; height:50px; line-height:50px; font-size:18px;  text-align:center; background-color:#f9f9f9; color:#000; }
.main .top-nav a:hover,.main .top-nav a.hover{ background-color:#c8161d; color:#f9c27b; text-decoration:none; }
.main .top-nav a i{ display:none;}
/*
.main .top-nav a:hover i,.main .top-nav a.hover i
{
   
    display:block;
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:3px;
    background-color:#a27951;   
}
*/

/*宽屏结构*/
.main .location{ width:1164px; height:30px; line-height:30px; margin:0px auto auto auto; font-size:14px; }
.main .location a{ color:#000000; }
.main .top-img{ width:1200px; height:353px; margin:0px auto 0px auto; padding-top:35px; text-align:center; }

.main-wrap{ width:100%; margin:0px auto auto auto;}

/*文章内容*/
.single-page{ width:100%; margin:0px auto auto auto; padding:0px 0px 40px 0px; line-height:32px; font-size: 16px; color: #6b6b6c;}
.single-page p{ margin-bottom: 10px; line-height: 28px; color: #6b6b6c;  font-size: 16px; }

/*居中*/
.single-center{ margin:0px auto auto auto; }
/*大屏*/
.single-big{ margin:0px auto auto auto; }
/*小屏*/
.single-small{ width:1020px; margin:0px auto auto auto;  }

/*留言内容*/
.msg-single-page{ position:relative; width:1200px; margin:0px auto auto auto; padding:30px 0px 20px 0px; line-height:32px; font-size: 14px; color: #6b6b6c; }
.msg-map{ width:1200px; height:450px; margin:20px auto auto auto; background-color:#ffffff; }
.msg-tab-con{ position:relative; width:1200px; height:520px;  margin:30px auto 30px auto;  background:url(../images/linkUsLyBg.jpg) top no-repeat;}
.msg-tab-con .title{ position:absolute; top:66px; left:70px;}
.msg-tab-con .title h3{ font-size: 24px; color: #0d3674;}
.msg-tab-con .title p{ font-size: 20px; color: #b8b8b8; font-family: arial; margin-top: 2px; }

/*在线留言*/
.msg-tab{ width:500px; margin-left:620px; padding-top:55px; }
.msg-tab td{}
.msg-tab td .txt{width: 408px; height: 58px; line-height: 58px; padding: 0 70px 0 20px; border: none; border: 1px solid #e5e5e5; font-size: 16px; color: #999999; margin-bottom: 20px; outline: none; font-size: 16px; color: #999999; }
.msg-tab td .input1 { background: url(../images/linkUsLy_icon01.png) no-repeat 452px center; }
.msg-tab td .input2 { background: url(../images/linkUsLy_icon02.png) no-repeat 452px center;}
.msg-tab td textarea { width: 408px; height: 80px; padding: 0 70px 0 20px; border: none; border: 1px solid #e5e5e5; font-family:Arial; font-size: 16px; color: #999999; margin-bottom:10px; outline: none; font-size: 16px; color: #999999; padding-top: 20px; background: url(../images/linkUsLy_icon03.png) no-repeat 452px 20px; resize: none;}

.msg-tab td label{ display: inline-block; float: left; line-height: 60px; height: 58px; width: 77px; border: 1px solid #dedede; border-right-width: 0; text-align: center; background: #fff; }
.msg-tab td .yzm{ float: left; width: 130px; margin-bottom: 0px; }
.msg-tab td .yzm-img{ width:150px; height:57px; margin-left:20px; margin-top:0px; cursor:pointer; border:solid 1px #B2D1E3;  vertical-align:middle;}
.msg-tab td .btn{ display: block; width: 100%; height: 60px; margin-top:20px; text-align: center; font-size:22px; color:#fff; line-height: 60px; background: #0d3674; text-decoration: none; outline: none; border:0px; cursor:pointer; }

.products-wrap{ width:100%; min-width:1200px; padding:64px 0px 90px 0px; background-color:#3c3c3c;}
.pro-top-img{ height:163px; text-align:center;}
.pro-list{ width:100%; overflow:hidden;}
.pro-list ul{ position:relative; width:101%; left:-1%;}
.pro-list li{ float:left; display:inline; width:24%; margin-left:1%; margin-bottom:1%; background-color:#141414;}
.pro-list li a:hover{ text-decoration:none;}
.pro-list li .pro-img{ position:relative; width:100%; text-align:center; background:url(../images/chanpin01bg.jpg) no-repeat; background-size:cover;}
.pro-list li .pro-img img{ width:100%;}
.pro-list li .pro-img .pro-con{ display:none;}

.pro-list li .pro-title{ width:100%; padding:30px 0px; background-color:#181818; text-align:center;}
.pro-list li .pro-title .ch{ font-size:20px; color:#ffffff;}
.pro-list li .pro-title .en{ font-size:16px; color:#ffffff; text-transform:uppercase;}
.pro-list li .pro-title i{ display:inline-block; width:36px; height:2px; background-color:#4d4d4d;}
.pro-list li:hover .pro-title{ background-color:#c8161d;}
.pro-list li:hover .pro-img .pro-con{ display:block; position:absolute; left:5%; top:5%; width:66%; height:69%; padding:25% 12% 0 12%; line-height:30px; background-color:rgba(0,0,0,0.5); text-align:left; border:solid 1px #f9c27b; font-size:16px; color:#f9c27b;} 


/*新闻列表*/
.top-news{ width: 822px; margin: 50px auto auto auto; }
.top-news li{ float: left; display: inline; width: 256px;  height: 274px; margin: 0px 9px; }
.top-news li .img{ width: 256px; height: 168px; }
.top-news li .img img{ width: 256px;  height: 168px; }
.top-news li .title{ width: 256px;  height: 52px; line-height: 26px; margin-top: 10px; font-size: 16px; }
.top-news li .title img { vertical-align: middle; margin-right: 5px; }
.top-news li .title a { color: #000000; }

.news-list
{
    width: 800px;
    margin: 20px auto auto auto;
}
.news-list li
{
    float: left;
    display: inline;
    width: 100%;
    height: 28px;
    padding: 3px 0px;
    font-size: 16px;
}
.news-list li a
{
    display: block;
    float: left;
    width: 675px;
    line-height: 28px;
    background: url(../images/video.png) 0px 10px no-repeat;
    color: #3e3a39;
}
.news-list li a:hover
{
    color: #0070c7;
    text-decoration: underline;
}
.news-list li span
{
    display: block;
    float: right;
    width: 120px;
    line-height: 28px;
    text-align: right;
    font-size: 16px;
    color: #3e3a39;
}

/*图片新闻列表*/
.img-news
{
    width:1000px;
    margin:0px auto auto auto;
    min-height:300px;
}
.img-news li
{
    position:relative;
    float:left;
    width:1000px;
    /*height:166px;*/
    margin-bottom:15px;
    background-color:#f7f7f7;
    cursor:pointer;
}
.img-news li .date
{
    float:left;
    display:inline;
    width:116px;
    height:166px;
    background-color:#b5b5b6;
    text-align:center;
    color:#f7f7f7;
    }
.img-news li .date .day
{
    padding-top:30px;
    font-size:63px;
    }
.img-news li .date .year
{
    padding-top:10px;
    font-size:12px;
    }
.img-news li:hover
{
    }
.img-news li:hover .date
{
    background-color:#a27951;
    color:#ffffff;
    }
.img-news li:hover .news-title a
{
    color: #a27951;
    text-decoration:none;
}
.img-news li:hover .news-desc
{
    color:#595757;
    }
.img-news li:hover .href a
{
    background-color:#a27951;
    border:solid 1px #a27951;
    color:#ffffff;
    }
.img-news .news-pic
{
    float:right;
    width:258px;
    height:148px;
    padding:9px 9px 9px 0px;
}
.img-news .news-pic img
{
    width:258px;
    height:148px;
}
.img-news .news-right
{
    position:relative;
    float: left;
    width:567px;
    height:122px;
    padding:20px 15px 20px 35px;
}
.img-news .noimg
{
    position:relative;
    float: right;
    width: 814px;
    height:122px;
    padding:20px 35px;
    margin-left:0px;
}
.img-news .news-title
{
    height:24px;
    line-height:24px;
    overflow:hidden;
}
.img-news .news-title a
{
    font-size:24px;
    color: #5e686d;
	text-overflow: ellipsis;
}
.img-news .news-desc
{
    padding-top: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #595757;
}
.img-news .href
{
    position: absolute;
    left:35px;
    bottom:5px;
    width:100%;
    height:38px;
}
.img-news .href a
{
    display: inline-block;
    position:absolute;
    right:60px;
    bottom:0px;
    width:130px;
    line-height:36px;
    background-color:#f7f7f7;
    border:solid 1px #595757;
    text-align:center;
    font-size:14px;
    color:#5e686d;
}
.img-news .href a:hover
{
    background-color:#a27951;
    border:solid 1px #a27951;
    color:#ffffff;
    text-decoration:none;
    }
.img-news .href span
{
    display: inline-block;
    position:absolute;
    left:0px;
    bottom:0px;
    width:110px;
    line-height:36px;
    font-size:14px;
    color:#9fa0a0;
}

/*图片新闻列表*/
.img-news-list{ width:1016px; margin:78px auto auto auto; min-height: 300px; }
.img-news-list li{  position: relative; float: left;  width: 938px; height: 190px;  margin-bottom:28px; padding: 20px 38px; background-color:#ffffff; border: solid 1px #ffffff; -webkit-box-shadow: 0 0 15px #d8d4d4; -moz-box-shadow: 0 0 15px #d8d4d4; box-shadow: 0 0 15px #d8d4d4; cursor:pointer; }
.img-news-list .news-pic{float: right; width: 296px; height: 188px;}
.img-news-list .news-pic img{  width: 296px; height: 188px; }
.img-news-list .news-right{ float: left; width: 600px;}
.img-news-list .noimg{ float: right; width: 938px; }
.img-news-list .news-title{ padding-top: 10px; line-height: 24px;}
.img-news-list .news-title a{ text-decoration:none; font-size: 18px; font-weight: 600; color: #000000; }
.img-news-list .news-desc{ padding-top: 10px; line-height: 22px; font-size: 14px; color: #7d7d7d; }
.img-news-list .href{ position: absolute; left:32px; bottom: 20px; height: 26px; }
.img-news-list .href a{ display: inline-block; width: 95px; height: 26px; line-height: 26px; border-radius: 10px; background-color: #3e3a39; text-decoration:none; text-align: center; font-size: 14px; color: #ffffff; }
.img-news-list .href span{ line-height: 26px; padding-left: 20px; font-size: 14px; color: #898989; }
.img-news-list li:hover{ border:solid 1px #c69452; }
.img-news-list li:hover .news-title a{ color: #c8161d;}
    
/*详细页*/
.detail-page{ position: relative; width:1020px; margin:80px auto auto auto; }
.detail-page .detail-title{  width: 100%;  line-height: 38px; font-size:28px; text-align: center; color: #000000; }
.detail-page .detail-time{ width: 100%;  height: 28px; line-height: 28px; margin: 10px auto 20px auto; font-size: 14px; text-align: center; color: #000000; }
.detail-page .detail-content{  width: 100%; line-height: 32px; margin: 10px auto auto auto; font-size: 14px; color: #6b6b6c; min-height: 300px;}
.detail-page .detail-content p{ line-height: 32px; margin: 5px auto auto auto;}

/*产品导航*/
    
.product-list{ width:1168px; margin:66px auto auto auto; }
.product-list li{ position:relative; float:left; width:560px; height:453px; margin:0px 9px 36px 9px; z-index:1; -webkit-box-shadow: 0 0 15px #e7e7e7; -moz-box-shadow: 0 0 15px #e7e7e7; box-shadow: 0 0 15px #e0dbdb; cursor:pointer; }
.product-list li .line1{ display:block; position:absolute; top:0px; right:0px; width:1px; height:454px; background-color:#c2c2c2;}
.product-list li .line2{ display:block; position:absolute; bottom:0px; right:180px; width:172px; height:1px; background-color:#c2c2c2;}
.product-list li .img{ position:relative; width:560px; height:350px; padding:15px 0px; margin:0px auto auto auto; text-align:center; }
.product-list li .img img{ width:520px; height:350px; transform: translateZ(0px); transition: transform 0.1s ease 0s; z-index:0; }
.product-list li .title{ width:100%; height:60px; line-height:28px; text-align:center; font-size:16px; color:#000000; }
.product-list li .title a{ text-decoration:none; color:#000000;}
.product-list li .content{ display:none; }

.product-list li:hover{ background-color:#ffffff;}
    
/*图片垂直滚动效果*/
.effect-vertical{ position:relative; width:988px; margin:0px auto auto auto; padding:22px 0px 78px 0px; }
.effect-vertical .pro-img{ float:left; display:inline;  width:738px; padding-top:40px; }
.effect-vertical .pro-img img{ width:738px; height:530px; }    
.effect-vertical .pro-con{ float:right; display:inline; position:relative; width:238px; height:615px; }
.effect-vertical .pro-con .pro-up
{
    position:absolute;
    left:82px;
    top:0px;
    width:72px;
    height:35px;
    background:url(../images/arrowtop.png);
    cursor:pointer;
    }
.effect-vertical .pro-con .pro-down
{
    position:absolute;
    left:82px;
    bottom:0px;
    width:72px;
    height:35px;
    background:url(../images/arrowbottom.png);
    cursor:pointer;
    }
.effect-vertical .pro-con .pro-hiddle{ position:absolute; top:40px; left:0px; width:236px; height:530px; overflow:hidden; }
.effect-vertical .pro-con .pro-list{  position:absolute; left:0px;  top:0px; width:236px; }
.effect-vertical .pro-con .pro-list li{ float:left; display:inline; width:236px; height:180px; text-align:center; cursor:pointer; }
.effect-vertical .pro-con .pro-list li img{ width:234px; height:168px; border-radius:1px; }
.effect-vertical .describe
{
    width:1150px;
    margin:0px auto auto auto;
    padding:15px 0px 55px 0px;
    }
.effect-vertical .describe .left-class
{
    float:left;
    display:inline;
    width:300px;
    }
.effect-vertical .describe .left-class span
{
    display:inline-block;
    height:42px;
    line-height:42px;
    padding:0px 45px;
    border:solid 1px #595757;
    font-size:28px;
    color:#7fbe25;
    }
.effect-vertical .describe .describe-con
{
    float:left;
    display:inline;
    width:665px;
    line-height:24px;
    padding-top:3px;
    font-size:14px;
    color:#5e686d;
    }
    
/*图片水平滚动效果*/
.effect-horizontal
{
    position:relative;
	width:1150px;
	margin:0px auto auto auto;
	padding-top:22px;
	padding-bottom:78px;
	}
.effect-horizontal .pro-img
{
    width:1018px;
	height:564px;
	margin:0px auto auto auto;
    }
.effect-horizontal .pro-img img
{
    width:1018px;
	height:564px;
    }
.effect-horizontal .describe{ width:1012px; margin:0px auto auto auto; padding:15px 0px; }
.effect-horizontal .describe .left-class{ float:left; display:inline; width:300px; padding-top:8px; }
.effect-horizontal .describe .left-class span{ display:inline-block; height:42px; line-height:42px; padding:0px 45px; border:solid 1px #595757; font-size:28px; color:#7fbe25; }
.effect-horizontal .describe .describe-con{  float:left; display:inline; width:665px; line-height:24px; padding-top:3px; font-size:14px; color:#5e686d; }
.effect-horizontal .pro-con{ position:relative;width:1150px;height:188px;margin:18px auto auto auto;}
.effect-horizontal .pro-con .pro-up
{
    position:absolute;
    left:0px;
    top:70px;
    width:46px;
    height:46px;
    background:url(../images/icon-6.jpg) 0px 0px no-repeat;
    cursor:pointer;
    }
.effect-horizontal .pro-con .pro-down
{
    position:absolute;
    right:0px;
    top:70px;
    width:46px;
    height:46px;
    background:url(../images/icon-7.jpg) 0px 0px no-repeat;
    cursor:pointer;
    }
.effect-horizontal .pro-con .pro-hiddle
{
    position:absolute;
    top:0px;
    left:62px;
    width:1026px;
    height:188px;
    overflow:hidden;
    }
.effect-horizontal .pro-con .pro-list
{
    position:absolute;
    left:0px;
    top:0px;
    height:188px;
    }
.effect-horizontal .pro-con .pro-list li{ float:left; display:inline; width:342px; height:188px; text-align:center; cursor:pointer; }
.effect-horizontal .pro-con .pro-list li img{ width:334px; height:186px;}
    
#parentLayer{ position:absolute; left:0px; top:0px;  width:100%;  background-color:#000000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; z-index:9999; display:none;}
#show-layout{ position:absolute; left:0px; top:0px; width:1080px; height:576px; padding:36px 56px 36px 36px ; background-color:#ffffff;  z-index:9999; display:none;}
.big-close{ position:absolute; top:24px; right:27px; width:26px; height:26px; cursor:pointer;}
.big-close img{ width:100%;}
.video{ width:1000px; height:576px; margin:0px auto auto auto;}
.video .con{  width:1080px; height:576px; overflow:hidden; background-color:#ffffff; font-size:16px;  color:#000000;}