.header{}
.header .header-top{ background-color: #1f1f1f; color: #fff; line-height:40px;}
.nav-bar{  display: flex;justify-content: space-between;align-items: center;}
.nav-bar .logo{padding:15px 0;}
.header-nav{    flex: 0 0 78%;height: 100px;}
.header-nav ul{display: flex;align-items: center;justify-content: flex-end;height: 100%; width:100%;}
.header-nav li{ box-sizing: border-box;width: 110px;text-align: center;height: 100%; padding:0 10px;}
.header-nav li a{ width: 100%;height: 100%;display: flex;	justify-content: center;	align-items: center;}
.header-nav li:hover a,.header-nav li.on a{ background-color: #cf010e; color: #fff;}
.banner-box{ position: relative;}
.banner-box li{ float: left;}
#banner li {float:left;}
#banner .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#banner .dots li
{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
#banner .dots li.active {background: #fff;	opacity: 1;}

/*.banner .dots li.active {background: #fff;opacity: 1;}
.banner .dots li {	display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;	border: 2px solid #fff;	border-radius: 6px;	cursor: pointer;	opacity: .4;	-webkit-transition: background .5s, opacity .5s;	-moz-transition: background .5s, opacity .5s;	transition: background .5s, opacity .5s;}*/


.footer{ background-color: #2c2f34; color: #fff; padding-top:15px;}
.footer .footer-nav{  }
.footer .footer-nav li{ line-height:42px; display: inline-block; vertical-align: middle; width: 150px;text-align: center; position: relative;}
.footer .footer-nav li:before{ position: absolute; content: ''; display: inline-block; vertical-align: middle; height:15px; width:0; border-left:1px solid #fff;margin: auto;top: 0;bottom: 0;left: 0; opacity:.8;}
.footer .footer-nav li:first-child:before{ display: none;}
.footer .footer-nav li a{ color: #fff;}
.footer .footer-nav li:hover a{ color: #e10311;}
.copyright{text-align: center; line-height:42px;}

.index-top{ -webkit-box-shadow: 0px 5px 10px 0px #e3e3e3; -moz-box-shadow: 0px 5px 10px 0px #e3e3e3; box-shadow: 0px 5px 10px 0px #e3e3e3;}
.index-top .search-bar{ border-bottom:1px solid #eee; padding:10px 0;}
.index-top .search-bar .hotkeywords{}
.index-top .search-bar .hotkeywords a{ color: #9d9c9c; margin:0 8px;}
.index-top .search-bar .hotkeywords a:hover{ color: #333;}
.index-top .search-bar .search-form{ position: relative;}
.index-top .search-bar .search-form .input-txt{ display: block; border:1px solid #eee; outline:none; height:28px; line-height:28px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px;}
.index-top .search-bar .search-form .input-txt::placeholder{ color: #9d9c9c;}
.index-top .search-bar .search-form .input-txt:focus{border-color:#998; }
.index-top .search-bar .search-form .submit-btn{ position: absolute; width:28px; height:28px;background: url("../Image/icon-search.png") center/18px no-repeat; border-radius: 50%;border: none;text-indent: 1000%;overflow: hidden; right:5px; top:0; cursor: pointer; outline:none;}

.index-top .adv-box{}
.index-top .adv-box .item{ float: left; padding:10px;width: 284px;box-sizing: border-box; margin: 8px; position: relative;display: -ms-flexbox ;display: flex;-ms-flex-align: center;align-items: center;  }
.index-top .adv-box .item:before{ content: ''; display: block; position: absolute; margin: auto;height:60%; width:0; border-left:1px solid #eee; left:-8px;top: 0;bottom: 0;}
.index-top .adv-box .item:first-child:before{ display: none;}
.index-top .adv-box .item:after{ content: ''; clear: both; display: block;}
.index-top .adv-box .item .item-icon{ width:70px; height:65px; float: left;  background: url("../Image/icon.png") 0 3px no-repeat;}
.index-top .adv-box .item .item-icon.icon-1{ background-position: 6px 3px;}
.index-top .adv-box .item .item-icon.icon-2{ background-position-x: -93px;}
.index-top .adv-box .item .item-icon.icon-3{ background-position-x: -198px;}
.index-top .adv-box .item .item-icon.icon-4{ background-position-x: -302px;}
.index-top .adv-box .item .item-inf{ padding-left:10px;width: 190px;float: left;}
.index-top .adv-box .item .item-inf .item-title{ color: #464646; font-size:16px;}
.index-top .adv-box .item .item-inf .item-desc{ color: #9f9f9f;font-size: 12px;}

.section{ padding-top:20px; padding-bottom:30px;}
.section .sec-title{ position: relative;text-align: center; width:510px; margin: 10px auto; border-bottom:1px solid #e2e2e2; padding-bottom:20px;}
.section .sec-title:after{ position: absolute; content: ''; display: block; height:3px; width:160px;background-color: #cf010e; margin:auto; bottom: -2px; left: 0; right: 0;}
.section .sec-cn-title{ font-size:32px; color: #333;font-weight:bold;}
.section .sec-cn-title span{ color: #cf010e;}
.section .sec-en-title{ color: #bdbdbd;font-size: 26px; line-height:1; text-transform: uppercase;}
.section .sec-con{}

.product-box{ margin-top:30px;}
.product-box .pro-cat{ width:478px;margin-bottom: 30px;}
.product-box .pro-cat .cat-item{ width:227px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:12px; height: 150px; -webkit-box-shadow: 0 0 5px #eee; -moz-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee;margin-bottom: 12px;
	float: left; padding:10px 20px; -webkit-transition: backgroud .2s; -moz-transition: backgroud .2s; -ms-transition: backgroud .2s; -o-transition: backgroud .2s; transition: backgroud .2s;}
.product-box .pro-cat .cat-item a{ display: block;transition: none}
.product-box .pro-cat .cat-item .cat-name{ font-weight:bold; line-height:2; font-size:18px; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s;}
.product-box .pro-cat .cat-item p{ color: #666666; font-size:12px; text-transform: uppercase; line-height:2; margin-bottom:10px;}
.product-box .pro-cat .cat-item .more{ display: block; width:20px; height:20px; background-color: #949494;border-radius: 50%; font-style: normal;
	font-family: serif,cursive,monospace;text-align: center;color: #fff;}
.product-box .pro-list{ clear: both;}
.product-box .pro-cat .cat-item:hover{ background-color: #cf010e;}
.product-box .pro-cat .cat-item:hover .cat-name{ color: #fff;}
.product-box .pro-cat .cat-item:hover p{ color: #fff; opacity:.5;}
.product-box .pro-cat .cat-item:hover .more{ background-color: #fff;color: #cf010e; }
.product-box .pro-list{}
.product-box .pro-list li{ float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:290px;margin: 5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.product-box .pro-list li .pro-img{ border:2px solid #d6d3d3; height: 215px;width: 290px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px; background-color: #fff;}
.product-box .pro-list li .pro-img a{ display: block; height:100%; width:100%;}
.product-box .pro-list li .pro-img img{ vertical-align: bottom; max-height:100%;}
.product-box .pro-list li .pro-name{ background-color: #dbb83d; color: #fff; line-height:42px; padding:0 10px;font-size: 16px; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.product-box .pro-list li .pro-name a{ color: #fff;}
.product-box .pro-list li:hover .pro-img{ border-color: #cf010e;}
.product-box .pro-list li:hover .pro-name{ background-color: #cf010e;}
.product-box .pro-list li:hover .pro-name > a{ color: #dbb83d;}
.product-box .pro-list li:hover .pro-name span a:hover{ color: #dbb83d;}

.about-top{ height:210px;background: url("../Image/about_top_bg.jpg") center/cover no-repeat; position: relative;}
.about-top .contact-box{ position: absolute; right:10px; height:210px;}
.about-top .contact-box .wx-img{ width:120px; height:120px;}
.about-top .contact-box p{ line-height:26px; color: #fff;}
.about-box{ width:720px;}
.about-img{margin-top: 40px;}
.index-about{ margin-top:30px !important;}
.about-box .box-head{ padding-right:10px; border-bottom:1px solid #dcdcdc;}
.about-box .box-head .head-name{ height:32px;line-height: 32px; font-size: 16px; position: relative; color: #222222; font-weight:bold; padding:0 5px;}
.about-box .box-head .head-name:after{ content: ''; display: block; position: absolute; height:0; width:100%; border-bottom:1px solid #cf010e; bottom:0;   left: 0;}
.about-box .box-head .head-more{ line-height:32px;}
.about-box .about-intro{ padding:10px 0; line-height:26px; text-indent:2em;}
.about-box .about-nav{ }
.about-box .about-nav .nav-item{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border:1px solid #eee; display: inline-block; margin:5px 10px; width:205px; height:140px;}
.about-box .about-nav .nav-item .icon{ margin:20px auto 10px; display: block; width:60px; height:60px;background: url("../Image/icon.png") 6px -82px no-repeat; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.about-box .about-nav .nav-item .icon.icon-style{background-position: 6px -82px;}
.about-box .about-nav .nav-item .icon.icon-honor{background-position: -87px -79px;}
.about-box .about-nav .nav-item .icon.icon-contact{background-position: -178px -77px;}
.about-box .about-nav .nav-item p{text-align: center;}
.about-box .about-nav .nav-item.on ,.about-box .about-nav .nav-item:hover{ background-color: #cf010e; color: #fff;}
.about-box .about-nav .nav-item.on .icon-style,.about-box .about-nav .nav-item:hover .icon-style{background-position-y: -159px;}
.about-box .about-nav .nav-item.on .icon-honor,.about-box .about-nav .nav-item:hover .icon-honor{background-position-y: -155px;}
.about-box .about-nav .nav-item.on .icon-contact,.about-box .about-nav .nav-item:hover .icon-contact{background-position-y: -153px;}
.about-box .about-nav .nav-item.on a,.about-box .about-nav .nav-item:hover a{ color: #fff;}

.section-adv{}
.section-adv .sec-adv-title{ height:190px;background:url("../Image/adv_title_bg.png") center/cover;}
.sec-box{ position: relative; z-index:3; background: url("../Image/adv_bg_line.png") center no-repeat;}
.section-adv .adv-left{ margin-top:30px; width:600px;}
.section-adv .adv-right{ width:550px; margin-top:40px; margin-bottom:40px;}
.section-adv .sec-item .sec-count:before{ content: ''; display: block; width:75px; height:75px;background: url("../Image/icon.png") 0 0 ; }
.section-adv .sec-item .sec-count.count-1::before{background-position: -284px -70px;}
.section-adv .sec-item .sec-count.count-2::before{background-position: -396px -70px;}
.section-adv .sec-item .sec-count.count-3::before{background-position: -510px -72px}
.section-adv .sec-item .sec-count.count-4::before{background-position: -623px -69px;}
.section-adv .sec-item h3{font-size: 40px; color: #cf010e; font-weight:bold;}
.section-adv .sec-item h3 span{font-size: 16px;vertical-align: text-bottom; color: #333;}
.section-adv .sec-item p{ color: #232323; line-height:36px;font-size: 16px;}
.section-adv .sec-item p::before{ content: ''; display: inline-block; margin-right:10px; width:10px; height:10px; border:1px solid currentColor;border-radius: 100%;}
.section-adv .sec-item .sec-img{ text-align: center; 	margin: 20px auto;}
.section-adv .adv-right .sec-item h3{ color: #dbb83d;}

.section-adv .sec-adv-title .adv-title{ position: absolute; margin:auto; top: 0; left: 0; right: 0;}
.section-adv .sec-adv-foot{ height:300px;background:url("../Image/adv_foot_bg.png") center/cover;}
.section-adv .sec-adv-foot .adv-foot{ position: absolute; margin:auto;  bottom: -1px;left: -16px;}

.section-news{background-color: #f7f9f8;}
.news-box{ padding-left:10px; padding-right:10px;}
.news-box.w800{ width:800px;}
.news-box.w380{ width:400px;}
.news-box .box-head{ line-height:2;}
.news-box .box-head .head-name{ color: #555555; font-size:28px;}

.news-list{}
.news-list .news-item{ margin-bottom:20px;}
.news-list .news-item::after{ content: ''; display: block; clear: both;}
.news-list .news-item .news-img{ width:22%; float: left;}
.news-list .news-item .news-img img{ max-width:100%; vertical-align: bottom;}
.news-list .news-item .news-info{ padding-left:10px; width:78%;}
.news-list .news-item .news-info .news-title{overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.news-list .news-item .news-info .news-desc{ color: #7d7d7d;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-list .news-item .news-info .news-more{ margin-top:10px; display: block;}


.news-list.style-1 .news-item .news-time{ width:10%; background-color: #cccccc; border:1px solid #ccc; text-align: center; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.news-list.style-1 .news-item .news-time .news-day{ font-weight:bold;font-size: 24px; color: #fff; line-height: 2; }
.news-list.style-1 .news-item .news-time .news-year-month{ background-color: #f6f6f8; color: #333;font-size: 12px; line-height:21px;}
.news-list.style-1 .news-item .news-info{ width:90%;}
.news-list.style-1 .news-item .news-info .news-desc{-webkit-line-clamp: 2;}
.news-list.style-1 .news-item:not(.first):hover .news-time{ background-color: #cf010e;border-color: #cf010e;}


.news-list.style-1 .news-item.first .news-img{ width:40%; float: left; position: relative;}
.news-list.style-1 .news-item.first .news-img .news-time{background-color: #cf010e; position: absolute; color: #fff; text-align: center; top:0; left: 0; padding:10px 15px;width: auto; border:none; color: #fff;}
.news-list.style-1 .news-item.first .news-img .news-time .news-day{ line-height: 1; font-weight:bold;font-size: 24px; display: block;}
.news-list.style-1 .news-item.first .news-img .news-time .news-year-month{ color: #fff; display: block;background-color: transparent;}
.news-list.style-1 .news-item.first .news-info{ padding-left:10px; width:60%;}
.news-list.style-1 .news-item.first .news-info .news-title{font-size: 18px; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}

.news-list.style-2 .news-video{ position: relative; margin-bottom:40px;}
.news-list.style-2 .news-video img{ display: block; width: 100%;}
.news-list.style-2 .news-video .overlay{ position: absolute; width:100%; height:100%; top:0; z-index:3;}
.news-list.style-2 .news-video .overlay a{ display: flex;flex-direction: column; justify-content:center;align-items: center; width: 100%;height: 100%;}
.news-list.style-2 .news-video .overlay .play-icon{ display: block;background: url("../Image/icon-play.png") center/cover; width:66px; height:66px;}
.news-list.style-2 .news-video .overlay .caption{ position: absolute; width:100%; position: absolute; bottom:0; color: #fff; font-weight:bold;font-size: 16px;text-align: center;background-color: rgba(207,1,14,.6); height:46px; line-height:46px;}
.news-list.style-2 .news-item .news-desc{-webkit-line-clamp: 2;}

.news-list.style-3{}
.news-list.style-3 .news-item { border-bottom:1px dashed #b0b0af;padding-bottom: 20px;}
.news-list.style-3 .news-item .news-img img{ border:1px solid #df1f2a;}
.news-list.style-3 .news-item .news-title a{font-size: 18px; font-weight:bold; color: #535353;}
.news-list.style-3 .news-item .news-title:after{ content: ''; display: block; width:50px; border-bottom:2px solid #535353; height:0; margin-top:5px;margin-bottom: 5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.news-list.style-3 .news-item .news-info{ padding-left:16px;}
.news-list.style-3 .news-item .news-desc{ padding-top: 5px;}
.news-list.style-3 .news-item .news-bottom{ margin-top:5px;}
.news-list.style-3 .news-item .news-bottom .news-time{ color: #8c8c8c;}
.news-list.style-3 .news-item .news-bottom .news-more{ color: #df1f2a; margin-top:0;}
.news-list.style-3 .news-item:last-child{ border-bottom:none;}
.news-list.style-3 .news-item:hover .news-title a{ color: #c6a469;}
.news-list.style-3 .news-item:hover .news-title:after{ border-bottom-color: #c6a469; width:80px;}
.news-list.style-3 .news-item:hover .news-img img{border-color: #c6a469;}

/*样式一*/
.main-wrapper{ margin-top:20px; margin-bottom:20px;}
.main-wrapper .sidebar{ float: left; width:260px;}
.main-wrapper .location{}
.widget-box{ margin-bottom:10px;background-color: #fff;}
.widget-box .box-head{ background-color: #cf010e; color: #fff; text-align: center; padding:20px 0 15px;}
.widget-box .box-head .head-name p{font-size: 22px; position: relative;}
.widget-box .box-head .head-name p::before,.widget-box .box-head .head-name p::after{ content: ''; display: block; position: absolute; margin:auto; top: 0; bottom: 0; height:0; width:30px; border-bottom:1px solid #fff;}
.widget-box .box-head .head-name p::before{ left:20px;}
.widget-box .box-head .head-name p::after{ right:20px;}
.widget-box .box-head .head-name span{text-transform: uppercase; opacity:.8;}
.widget-box .category-list{ border:1px solid #eee; border-top:none; border-bottom:none;}
.widget-box .category-list li{padding:0 15px;line-height: 46px; border-bottom:1px solid #eee; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.widget-box .category-list li a{ display: block;}
.widget-box .category-list li a span{ text-transform: uppercase; color: #b8b8b8;font-size: 12px;}
.widget-box .category-list li:hover{ -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); -webkit-box-shadow: 0px 3px 3px #eee ; -moz-box-shadow: 0px 3px 3px #eee    ; box-shadow: 0px 3px 3px #eee ; border-bottom-color: #fff;;}

.sidebar .contact-box{ padding-top:15px;background: url("../Image/side_tel.png") 90% 10px no-repeat #333; padding:20px 10px 10px; position: relative;  color: #fff;}
.contact-box .contact-top{margin-bottom: 10px;}
.contact-box .contact-top .name{ font-size: 16px;}
.contact-box .contact-top .tel{font-size: 24px; color: #cf010e; line-height:1; font-weight:bold;}
.contact-box .contact-btn{ display: block; height:42px;text-align: center; color: #fff; background-color: #eee; line-height:42px;text-align: center; background-color: #ebb234; -webkit-transition: all .2s;	 -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; font-size:16px;}
.contact-box .contact-btn:hover{ background-color: #cf010e;}
.right-main{ width:920px; float: right;}
.right-main .right-top{ height:46px;background-color: #f9f9f9; line-height:46px; padding-right:10px;}
.right-main .right-top .channel-name{background-color: #cf010e; color: #fff; padding:0 25px;}
.right-main .article{ background-color: #fff;}
.right-main .article .detail{ padding:10px; line-height:26px;}
.right-main .article .detail img{ max-width:100%;}
.sbanner img{ vertical-align: bottom;}

/*样式二*/
.page{text-align: center; height:42px; line-height:42px; padding-top:6px;}
.page a{color: #777;display:inline-block;height:26px;line-height:26px;border:1px solid #c9c9c9;padding:0 6px 0; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; min-width:30px;}

.page a:hover,.page .current {padding:0 6px 0;height:26px;line-height:26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background:#cf010e;color:#fff;    vertical-align: middle; display: inline-block;min-width:30px;}
.page select{ display: none;}

.page-container{padding: 30px 0;background: url("../Image/inner_bg.jpg") 0 0 repeat; }
.page-container::after{ content: ''; display: block;background: url("../Image/inner_bottom.png") center/cover no-repeat; height:110px; margin:50px auto 30px;}
.page-container .location{text-align: right; height:32px; line-height:32px;}
.page-container .location .icon-home{ display: inline-block; width:20px; height:32px;background: url("../Image/icon-home.png") 0 center no-repeat; vertical-align: bottom;}
.page-container .left-bar{  float: left;background: url("../Image/leftbar_bg.png") top center no-repeat; width:245px; position: relative;}
.page-container .left-bar .leftbar-wrap{height:610px;padding: 50px 17px 60px; position: relative;}
.page-container .left-bar .leftbar-wrap .con{ position: relative; height:100%;}
.page-container .left-bar .left-head{ color: #fff; padding-top: 30px;padding-left: 30px;}
.page-container .left-bar .left-head .en-name{font-size: 20px; text-transform: uppercase;}
.page-container .left-bar .left-head .channel-name{font-size: 30px;}
.page-container .left-bar .left-nav{ width:208px; margin-top:20px;}
.page-container .left-bar .left-nav li{ height:54px;}
.page-container .left-bar .left-nav li a{ position: relative; line-height:42px; text-align: center;font-size: 16px; display: block; color: #fff; height:42px; -webkit-transition: none; -moz-transition: none ; -ms-transition: none ; -o-transition: none ; transition: none ;}
.page-container .left-bar .left-nav li.on a,.page-container .left-bar .left-nav li:hover a{ background-color: #c6a469; width: 246px;margin-left: -19px;}
.page-container .left-bar .left-nav li.on a:before,.page-container .left-bar .left-nav li.on a:after,
.page-container .left-bar .left-nav li:hover a:before,.page-container .left-bar .left-nav li:hover a:after{ content: ''; width:0; height:0;     border: 10px solid transparent; position: absolute; z-index:0;  border-top: 10px solid #a1772d;  }
.page-container .left-bar .left-nav li.on a:before,.page-container .left-bar .left-nav li:hover a:before{left: 0;bottom: -20px;border-right: 10px solid #a1772d;}
.page-container .left-bar .left-nav li.on a:after,.page-container .left-bar .left-nav li:hover a:after{right:0;bottom: -20px;border-left: 10px solid #a1772d;}

.page-container .left-bar .left-bottom { width:208px; color: #ffffff; text-align: center; position: absolute; bottom:0;}
.page-container .left-bar .tel{font-size: 22px;}
.page-container .left-bar .address{}
.page-container .right-bar{ width:870px; float: right;}

.detail{ line-height:26px; color: #6f6f6f;}
.detail h3{ line-height:2.5;}

.detail.about{}
.detail.about .since-title{ color: #bfbfbf;font-size: 46px; text-transform: uppercase; line-height:36px;}
.detail.about .about-title{ color: #a5a5a5;font-size: 28px;line-height:2}
.detail.about h3{ color: #c6a469;}

.news-page .news-title{ text-align: center;  color: #6f6f6f;  font-size: 18px;}
.news-page .news-meta{ text-align: center; color: #8c8c8c;font-size: 12px; line-height:2;}
.news-page .detail.news{ margin-top:15px; padding-top:10px; border-top:1px solid #ccc;}

.image-list{}
.image-list .image-item{ width:270px; margin:10px; float: left; height:203px; text-align: center; background-color: #fff; position: relative; overflow: hidden;}
.image-list .image-item:nth-child(3n){ margin-right:0;}
.image-list .image-item img{ max-width:100%; max-height:100%;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.image-list .image-item .item-name{ -webkit-transform: translateY(42px); -moz-transform: translateY(42px); -ms-transform: translateY(42px); -o-transform: translateY(42px); transform: translateY(42px); position: absolute; height:42px; line-height:42px; width:100%;background-color: #c6a469; color: #fff; bottom:0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.image-list .image-item:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

.image-list .image-item:hover .item-name{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}



/*联系方式*/
.contact-info{}
.contact-info .info-left{}
.contact-info .info-left h3{color: #858585;font-size: 28px;line-height: 2; font-weight:normal;/*text-shadow: 1px 1px #a5a5a5,2px 2px #a3a3a3,3px 3px #a1a1a1,4px 4px #999,5px 5px #777,6px 6px #555*/; }
.contact-info .info-left p{ line-height:32px;}
.contact-info .info-right{text-align: center;width: 300px;padding-top: 60px;}
.contact-info .info-right img{ width:120px;}
.contact-info .info-right p{color: #df1f2a;}


.product-list{}
.product-list .pro-item{ float: left; width:290px; text-align: center; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.product-list .pro-item .item-img{width:100%;height:218px;padding:10px;}
.product-list .pro-item .item-img a{  display: block;background-color: #fff; height:100%; position: relative; }
.product-list .pro-item .item-img img{ max-width:100%; max-height:90%; vertical-align: bottom; position: absolute; margin:auto; top: 0; bottom: 0; left: 0; right: 0;}
.product-list .pro-item .item-info{ padding: 10px 0;}
.product-list .pro-item .item-catname{font-size: 12px; color:#c6a469;}
.product-list .pro-item .item-name{ color: #777; line-height:26px; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.product-list .pro-item:hover{ -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}
.product-list .pro-item:hover .item-name{ color: #df1f2a;}

.g_gallery{ float: left; width:400px; height:300px;}
.g_gallery .g_pic{ width:100%; height:100%;text-align: center; padding: 20px; background-color: #fff;}
.g_gallery .g_pic img{ max-height:100%;}
.g_sumary{ float: left; margin-left: 20px; width:440px;}
.g_sumary .goods_title{font-size: 18px;}
.g_sumary .goods_catname{ color:#c6a469; line-height:2;}
.g_sumary .goods_attr{ margin-bottom:5px;}
.g_sumary .goods_attr .attr_item{ line-height:32px;}
.g_sumary .goods_attr .attr_item .attr_name{ color: #333;}
.g_sumary .goods_attr .attr_item .attr_con{ color: #666;}
.g_sumary .goods_attr .attr_item .attr_con .attr_v{ margin:0 3px;}

.g_sumary .goods_contact .online_info{}
.g_sumary .goods_contact .online_info a{ display: inline-block;  min-width: 150px; padding:0 20px; height:46px; text-align: center; color: #fff; background-color: #c6a469; line-height:46px; margin-right:16px;font-size: 16px; }
.g_sumary .goods_contact .online_info a.online{ background-color: #df1f2a;}
.g_sumary .goods_contact .online_info i.fa{  font-size: 18px;line-height: 1;vertical-align: middle; margin-right:5px;}
.g_sumary .goods_contact .online_info a:hover{ opacity:.8;}


#goods_prev_next{ margin-top:10px;}
#goods_prev_next li{ float: left; margin-right:10px;}
#goods_prev_next li a{ width:90px;height: 90px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:10px; border:1px solid #e3e3e3; position: relative;}
#goods_prev_next li a::before{ content:  attr(title); background: rgba(255,255,255,.7); display: block; position: absolute; width:100%; height:100%;color: #df1f2a; left: 0; top: 0; display: flex; justify-content:center;align-items: center; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
#goods_prev_next li img{ max-height:100%; display: block; margin:0 auto;}
#goods_prev_next li a.none::before{ background-color: #d3d3d3; color: #c6a469; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#goods_prev_next li a:hover::before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#goods_prev_next li a.none:hover::before{ color: #df1f2a;}

.product-section{ margin:20px auto;}
.product-section .sec-name{ font-size: 16px; background-color: #fefefe; height:42px; line-height:42px; padding-left:10px;}
.product-section .sec-name:before{ content: ''; display: inline-block; height:20px; width:3px; background-color: #df1f2a; margin-right:10px; margin-top:11px; float: left;}
.product-detail{ padding:10px; }

.order-form{}
.order-form .order-line{ margin-bottom:10px;}
.order-form .order-line lable{ display: inline-block; width:80px;text-align: right; vertical-align: top;}
.order-form .order-line .order-zhi{ display: inline-block;}


.form{ clear: both;}
.form .form_head{font-size: 14px;color: #35a55d;margin-bottom: 20px; height: 42px;line-height: 42px;border-bottom: 1px solid;}
.form .form_head:before{ content: ''; display: inline-block; margin-right:10px; vertical-align: middle; height:15px; width:3px; background-color: #35a55d;}

.form .pro_check_list{}
.form .pro_check_list .pro_item{ display: inline-block; margin-bottom:10px;}
.form .pro_check_list span{ cursor: pointer; display: block; padding:4px 10px; border:1px solid #ccc; margin:5px;}
.form .form_item{ margin-bottom: 12px;}
.form .form_item:after{ content: ''; clear: both; display: block;}
.form .form_item .form_lable{ display: block; float: left; line-height:38px; width: 72px; text-align: right; padding-right:10px;}
.form .form_item .form_value{ display: block; float: left;  width: calc(100% - 72px);}
.form .form_item.form_inline{  width:50%; float: left; display: inline-block; vertical-align: middle; }

.form .form_item .input_txt{outline:none; display: block; border:1px solid #e3e3e3; height: 38px; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%;}
.form .form_item.form_textarea textarea{ height:150px;resize: none; outline:none;}
.form .form_item .input_txt:focus,.online_message_form .form_item.form_textarea textarea:focus{border-color: #c6a469;}
.form .form_item .input_txt.captcha {width: 200px;display: inline-block;}
.form .form_item .verify_img {height: 32px;vertical-align: middle;margin-left: 5px;margin-right: 3px; cursor: pointer;}
.form .form_item .form_btn{ display: inline-block; height:46px; line-height:46px; text-transform: uppercase;text-align: center; color: #fff;background-color: #dd3938;border: none;width: 150px; cursor: pointer;font-size: 16px; margin-right:5px;}
.form .form_item .form_btn.reset{ background-color: #555555;}
.form .form_item .form_btn:hover{ opacity:.9;}
.form .form_item .radio_check:checked + label{ color: #c6a469;border-color: initial;}
.form .form_item .radio_check + label{ display: inline-block; padding:4px  16px; border:1px solid #e7e7e7; text-transform: capitalize; position: relative; cursor: pointer; margin-right:5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.form .form_item .radio_check:checked + label:after{ content: ''; display: block; position: absolute; bottom:0; right:0;  width:0; height:0;border-left: 4px solid transparent;border-top: 4px solid transparent;border-right: 4px solid #c6a469;border-bottom: 4px solid #c6a469;}
.form .form_item .radio_check{position: absolute; left: -9999em;}