/* CSS Document */

/*Font*/
/*
@font-face {
    font-family: 'fzlantinghei-l-gbkregular';
    src: url('Font/_gbk-webfont.eot');
    src: url('Font/_gbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/_gbk-webfont.woff2') format('woff2'),
         url('Font/_gbk-webfont.woff') format('woff'),
         url('Font/_gbk-webfont.ttf') format('truetype'),
         url('Font/_gbk-webfont.svg#fzlantinghei-l-gbkregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
	font-family: 'Conv_KellyBrown';
	src: url('fonts/KellyBrown.eot');
	src: local('☺'), url('fonts/KellyBrown.woff') format('woff'), url('fonts/KellyBrown.ttf') format('truetype'), url('fonts/KellyBrown.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



.main01{ width:1200px; margin:auto; overflow:hidden;}
.main01_title{ text-align:center; margin:50px auto;}
.index_right{ width:920px; float:right; height:540px; overflow:hidden;}

#CSSBox2{width:805px;height:240px; margin:40px 0;overflow:hidden;}
#CSSBox2 ul li{ width:285px; height:250px; float:left; list-style:none; text-align:center; margin:5px 7px; position:relative;}
#CSSBox2 ul li span{  line-height:30px; font-size:14px;}
#CSSBox2 ul li img{ width:275px; height:210px; padding:4px;  border:1px solid #c1c1c1;}
.wrapper2_title{ text-align:center; margin:40px auto;}
#wrapper2{width:1200px; margin:auto;}

.main02{ width:100%; height:447px; overflow:hidden; background:#f5f5f5;}
.index_about{ width:1200px; margin:auto; overflow: hidden;}
.index_about_title{ text-align:center; margin:40px auto;}
.index_about_nr{ width:inherit; overflow:hidden;}
.index_about_nr img{ float:left; border:1px solid #ccc; padding:4px;}
.index_about_nr div { width:780px; float:right; height:220px; overflow:hidden; line-height:28px;}

.more- a{ width:85px; height:30px; display:block; text-align:center; color:#fff; background:#01a7f3;}

.main03{ width:1200px; overflow:hidden; margin:auto;}
.main03_title{ text-align:center; margin:40px auto;}
.main03_nr{ width:1200px; overflow:hidden; margin-bottom:50px; height:160px;}
.left_news{ float:left; width:585px; border-right:1px solid #ccc; padding-right:30px;}
.left_news img{ float:left; margin-right:20px;}
.left_news p{ line-height:24px; color:#999;}
.left_news span{color:#999; line-height:24px; margin-top:10px; overflow:hidden; display:block;}
.left_news span i{ float:right; font-style:normal; }
.left_news span i a{ font-size:12px; color:#01a7f3;}

.right_news{ width:550px; overflow:hidden; float:right;}
.right_news ul li{ line-height:26px; border-bottom:1px solid #ccc;}
.right_news ul li span{ float:right;}
.right_news ul p{ float:right; margin-top:5px;}
.right_news ul p a{ font-size:12px; color:#01a7f3;}

.main04{ width:100%; height:420px; background:#f5f5f5; overflow:hidden;}
.index_contact{ width:720px; overflow:hidden; margin:auto;}
.index_contact_title{ text-align:center; margin:30px auto;}
.contact_left{ width:350px; float:left; overflow:hidden;}
.contact_left h2{ font-size:14px; margin-bottom:20px;}
.contact_left p{ line-height:24px;}

.contact_right{ width:300px; float:right;}
.contact_right h2 { font-size:14px;}

/*
梁工
2017.05。15
*/
.W1200{ width:1200px; margin:auto; overflow:hidden;}
.left{ float:left; }
.right{ float:right !important; margin-right:0px !important; }

/*头部*/
.header{ width: 1200px; margin: auto;}
#top{ width:100%; height: 76px; position: relative;}
.logo{ float: left; overflow: hidden;}
.webtop{ line-height:30px;}
.head{ height:107px; margin:auto; overflow:hidden;}
.head_left{ margin-top:40px; width:460px; height:46px; background:url(../images/header_left_bg.png) no-repeat right center;}
.head_left .hotline-ico{ color:#666666; font-size:18px; background:url(../images/ico_tel.png) no-repeat 5px 1px; text-indent:35px;}
.head_left .hotline{ font-size:18px; color:#920a0a}

.head_right{ width:440px; height:144px;}
.hot_line{ width:150px; float:left; margin-top:23px; height:60px; background:url(../images/tel_bg.png) no-repeat left top; }
.hot_line h2{ font-size:14px; color:#01a7f3; font-family:Arial, Helvetica, sans-serif; padding-left:35px; line-height:35px;}
.hot_line i{ font-size:18px; color:#01a7f3; font-family: Georgia, "Times New Roman", Times, serif;}
.hot_line i span{ font-size:20px;}

.nav_bg{ border-bottom:solid 4px #6d3604;}
.nav{ height:76px; overflow:hidden; margin:auto; float: left;}
.nav ul li{ float:left; padding: 0px 17px; text-align:center;}
.nav ul li a{ font-size:14px; display:block; line-height: 76px; }
.nav ul li:first-child a{ }

.nav ul li.on{ background-color: #00459f; color: #fff;}
.nav ul li.on a{ color: #fff;}

/*语言切换*/
ul#language {
	position: absolute;
	right: 0px;
	top: 22px;
    color: #2493e4;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 96px;
    z-index: 9999;
	background-color:#fff;
}
ul#language li:hover {
    background-color: #2493e4;
}
ul#language li:hover a{
    color: #fff;
}
ul#language a {
    color: #2493e4;
    display: block;
    line-height: 35px;
}
ul#language > li > a > span {
    display: inline-block;
    transform: rotate(90deg);
}

/*首页banner*/
#banner{
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    overflow: hidden;
	margin: auto;
    position: relative;
}
#slideContainer li{ text-align: center;}
#slideContainer li img{ width: 100%; max-width: 1920px;}

#banner ul.hd{left:50%; bottom:20px;height:21px;margin:0 0 0 -45px; padding:0; list-style:none; position:absolute;}
#banner ul.hd li{width:21px;height:21px;overflow:hidden;float:left;display:inline; background:url(../images/dot.png) no-repeat center center; margin-left: 10px;}
#banner ul.hd li.on{ background:url(../images/dot-hover.png) no-repeat center center;}

.tempWrap{ margin: auto;}

.model .title{ width:380px; height:88px; margin:60px auto auto auto; text-align:center; font-size:18px; line-height:25px; color:#125c99; background:url(../images/title_bg.png) no-repeat bottom left;}
.model .title > a{ font-size:30px; line-height:35px; }
.model .title > a > span{ font-size:35px; line-height:60px; color:#a9a9a9; font-family:STSong,NSimSun;}
.model .title > a:hover{ color:#01a7f3;}
.model .title > a:hover > span{ color:#01a7f3;}
.model .title span.more{ color:#fff; font-size:10px; background-color:#464646; float:right; padding:2px; line-height:12px; margin-top:7px;}
.model .title span.more a{ color:#fff;}
.model .title span.more a:hover{ color:#01a7f3;}
.model .content{ padding-top:15px;}


/*首页热门关键词、搜索框*/
#search-key{ line-height: 50px; color: #666666; background-color: #f5f5f5; font-size: 14px;}
#search-key a{ line-height: 50px; margin-left: 10px; color: #666666;}
#search-key a:hover{ color: #e36f09;}

.search{ width:332px; height:34px; margin-top: 8px; float:right; display:block; background:url(../images/search_bg.png?v=1) no-repeat;}
.key{ float:left; width:245px; height:34px; overflow:hidden; line-height:34px; font-size:14px; color:#999; text-indent:10px; background:none; border: none;}
.button{ float:right; width:80px; height:34px; border: none; background: none; cursor: pointer; text-indent: 15px; color: #fff;}

.index-recommend{
	background-color: #f5f5f5;
	border-radius: 13px;
	box-shadow: 3px 3px 2px #888888;
	float: left;
	margin-top: 35px;
	margin-bottom: 5px;
	margin-right: 36px;
	overflow: hidden;
	padding: 0px 19px 19px 19px;
	position: relative;
	width: 336px;
	height: 204px;
}

.news-last-list{ margin-right: 5px;}

.category-title{ line-height: 34px; font-size: 14px; color: #00459f; border-bottom: 1px solid #e6e6e6;}
.category-title span{ float: right; font-size: 12px; color: #666;}

/*首页新品推荐*/
.index-recommend-list{ margin-top:33px; overflow:hidden;}
.index-recommend-list li{ text-align:center; overflow: hidden; float: left; width:124px; margin-right: 30px;}
.index-recommend-list li .img{ width:122px; border: 1px solid #ccc; border-radius: 10px;}
.index-recommend-list li .text{}
.index-recommend-list li .text a{}

.index-recommend > a{ position:absolute; top:52%; display:block; color:#a5a5a5; font-size:27px; font-weight:bold; text-align:center;}
.index-recommend > a:hover{ background-color:#6d3604;}
.index-recommend > a#scroll-left{ left:10px;}
.index-recommend > a#scroll-right{ right:10px;}

.w278h{ width: 278px; overflow: hidden; margin: auto;}

/*首页关于我们*/
.index-about{ padding-top:18px; overflow:hidden;}
.index-about .left{ width: 137px; float: left;}
.index-about .desc{ width: 185px; float: right; line-height: 22px; font-size: 14px;}



/*首页企业新闻*/
.index-news{ padding-top: 19px;}
.index-news li{ overflow: hidden; margin-bottom: 5px;}
.index-news li > a{ float: left; width: 260px; display: block; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news li > span{ float: right;}
.index-news li.imgli > a{ float: left;}
.index-news li.imgli > a.imga{ width: 124px; padding-right: 20px;}
.index-news li.imgli > a.imga img{ width: 100%;}
.index-news li.imgli > a.title{ width: 190px; padding-bottom: 5px;}
.index-news li.imgli > div.desc{ width: 190px; float: left;}

/*首页产品展示*/
.index-products{ padding-top:183px; background:url(../images/products_bg.png) no-repeat top center; margin-top:120px;}
.index-products-tab{ width:1144px; margin:auto; overflow:hidden;}
.index-products-tab li{ margin-left:2px; float:left; width:141px; height:41px; line-height:41px; background:url(../images/products_tab_bg.png) repeat-x;}
.index-products-tab li:first-child{ margin-left:0px; width:143px;}
.index-products-tab li a{ display:block; text-align:center; color:#efc486; font-size:16px; line-height:41px;}
.index-products-tab li.on,.index-products-tab li:hover{ background:url(../images/products_tab_hover_bg.png) repeat-x;}
.index-products-tab li.on a,.index-products-tab li:hover a{ color:#fff;}

.index-products-list{ padding-top:32px; padding-bottom:20px; overflow:hidden; display:none; width:1144px; min-height:336px; margin:auto; background:url(../images/products_list_bg.png);}
.index-products-list li{ overflow: hidden; float: left; width:381px; text-align:center; position:relative;}
.index-products-list li.on .img,.index-products-list li:hover .img{ border: 1px solid #efc486;}
.index-products-list li .img{ width:237px; border: 1px solid #ccc;}

.index-products-list li .text{ display:none; color:#fff; font-size:18px; position:absolute; left:71px; width:237px;}
.index-products-list li .text a{ color:#fff; font-size:18px;}
 
/*首页制作过程*/
.index-zzgc{ text-align:center; padding:60px 0px 55px 0px;}
.index-zzgc img{ max-width:100%;}
 
/*首页新闻分类*/
.news-class-list{ overflow:hidden; padding-top:20px;}
.news-class-list li{ float:left; width:380px; margin-right:30px; overflow:hidden;}

.news-class-list li .text { overflow:hidden; padding-bottom:28px;}
.news-class-list li .text > span{ display:block; color:#999; font-family:STSong,NSimSun; font-size:18px;}
.news-class-list li .text > a{ display:block; color:#6d3604; font-size:18px;}
.news-class-list li .text > a >span{ float:right;}
.news-class-list li > a > img{ width:380px; height:240px;}


/*友情链接*/
.link{ width:100%; border-bottom: 1px solid #a5a5a5; min-height:52px; font-size:14px;}
.link ul{ margin-top:30px;}
.link ul li{ float:left; line-height:52px; padding:0 30px; }
.link ul li:first-child{ font-weight: bold; padding-left: 0px; color:#535353;}

/*脚部样式*/
#footer{ width:100%; overflow:hidden; background:#f5f5f5;}
.footer-desc{ overflow: hidden;}

.footer-desc .foot-left{
	margin-top: 38px;
	position: relative;
	width:358px;
	padding-right: 215px;
	padding-left: 2px;
	float:left;
	text-align:center;
	color:#666;
	text-align: left;
	font-size: 14px;
	line-height: 35px;
	border-right:solid 1px #5a5a5a;
	}
.bzdsmg{ position: absolute; top: 0px; right: -3.5px; width: 7px; height: 15px; background-color: #838383;}
.footer-desc .foot-left span{ font-size:12px; line-height:24px;}

.footer-desc .footer-menu{ margin-bottom: 25px;	margin-top: 38px; float: left; overflow: hidden; width:280px; }
.footer-desc .footer-menu a{ text-align: center; display:block; line-height:35px; font-size:14px; color:#666; }
.footer-desc .footer-menu a:hover{ color:#ccc;}

.footer-desc .footer-feedback{ width: 330px; float: right; background-color: #a5a5a5;}
.footer_feedback{ display:block; padding:39px 20px;}
.footer_feedback td{ font-size:14px; line-height:22px; color:#fff; padding:5px 0px;}
.footer_feedback td input.textinp{ width:187px; padding:0px 2px; height:27px; background:none; border:1px solid #f5f5f5; color:#fff;}
.footer_feedback td textarea{ width:187px; padding:0px 2px; height:77px; background:none; border:1px solid #f5f5f5; color:#fff;}
.footer_feedback td input.btn{ width:50px; height:20px; background-color:#00459f; color:#fff; border:none; cursor:pointer;}
.footer_feedback td input.reset-btn{ background-color:#fff; color:#303030;}

.copy{ height:49px; overflow:hidden; margin:auto; line-height:49px; color:#999; text-align: center; border-top:1px solid #5a5a5a;}
.copy a{ color:#999;}
.copy span{ float:right; margin-top:20px;}



/*************************************/
.pagetop{ height:30px; line-height:30pxp; padding-bottom:6px; background:url(../images/pagetop.png) repeat-x bottom;}
.pagetop > div.W1200 > div{ line-height:30px;}
.page-header{ border-bottom: 1px solid #6d3604;}
.page-header .page-logo{ float:left;}

ul.page-nav{ float:right; overflow:hidden; margin:auto; background:url(../images/pagenav-bg.png) no-repeat left center; padding:28px 0px;}
ul.page-nav li{ float:left; text-align:center;}
ul.page-nav li a{ font-size:14px; display:block; padding:0px 25px; height:25px; line-height:25px; background:url(../images/pagenav-bg.png) no-repeat right center;}
ul.page-nav li:first-child a{ }
ul.page-nav li:hover,ul.page-nav li.on{ background:url(../images/ico_nav_curr.png) no-repeat center bottom;}
ul.page-nav li:hover a,ul.page-nav li.on a{ color:#303030;}