@charset "utf-8";

html,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,img{ margin:0; padding:0;}

table{ border-collapse:collapse; border-spacing:0; empty-cells:show; margin:0; padding:0; }

th,td { vertical-align:top; text-align:left; }

fieldset,img{ border:0; }

address,caption,cite,code,dfn,em,th,var,optgroup{ font-style:inherit; font-weight:inherit; }

del,ins{ text-decoration:none; }

ul,li{ list-style:none; }

caption,th{ text-align:left; }

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }

q:before,q:after{ content:''; }

abbr,acronym{ border:0; font-variant:normal; }

sup{ vertical-align:baseline; }

sub{ vertical-align:baseline; }

legend{color:#333333;}

em { font-style:normal;}

input,button,textarea,select,optgroup,option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }

input,button,textarea,select{ *font-size:100%; }

input { vertical-align:middle; }

img{vertical-align:middle;}

a img, :link img, :visited img{border:0;}

a:link, a:visited{text-decoration:none;color: #333333;}

a:hover,a:focus{text-decoration:underline;text-decoration:none;color: #333333;}

ul, ul li{list-style-type:none;}

body { font: 14px "Microsoft YaHei",Arial;}

h1{font-size: 48px;font-weight: bold;line-height: 48px;}

h2{font-size: 36px;line-height: 36px;letter-spacing:2px;}

h3{font-size: 36px;line-height: 48px;letter-spacing:2px;margin-left: 33px;}

h4{font-size: 24px;}





/*导航样式*/

header{width: 100%;margin: 0 auto;}

header .top_box{width: 1200px;margin: 0 auto;height: 150px;}

header .top_box .logo_box{float: left;}

header .top_box .logo_box img{width: 100%;display: block;}

header nav ul li a .img_shouye{width: 16px;height: 14px;margin-right: 10px;}

header nav {float: left;text-align: center;height: 60px;width: 800px;margin-top: 65px;margin-left: 90px;}

header nav ul ul { display: none;} 

header nav ul li:hover > ul {  display: block;width: 140px; }

header nav ul {width:800px;margin: 0 auto; line-height: 60px; list-style: none; position: relative; display: inline-table;}

header nav ul:after { content: ""; clear: both; display: block;}

header nav ul li { float: left;    width: 130px;}

header nav ul li:hover {  color:#930000;}

header nav ul .raiwi{color: #333333;}

header nav ul li a:hover { color: #930000;}

header nav ul li a {display: block; line-height: 86px; text-decoration: none; }

header nav ul ul {padding: 0;position: absolute; top: 85px;z-index: 24;background: #fff;}

header nav ul ul li {float: none;position: relative;}

header nav ul ul li a {color: #fff;line-height: 60px;}   

header nav ul ul li a:hover { color:#930000;}

header nav ul ul ul { position: absolute; left: 100%; top:0;}

/*导航*/

/*语言切换表单*/

.con {width:110px;float: right;margin-top: 78px;}

.con h1 {text-align:center;font-weight:normal;}

.select_box {width:110px;height:60px;position:relative;float:right;}

.select_box span {display:inline-block;width:110px;height:72px;line-height:60px;cursor:pointer;text-align:center;}

.select_box .span_aa {color:#C36;}

.select_box ul {width:110px;position:absolute;top:72px;left:-1px;display:none;background:#fff;z-index: 1;}

.select_box li {cursor:pointer;line-height:60px;text-align:center;}

.select_box li:hover {color:#c36;}

.select_box font {position:absolute;right:10px;font-size:30px;color:#b9b9b9;transform:rotate(90deg);margin-top: 10px;}

/*语言切换表单 结束*/

/*banner*/

.example {width: 100%;height: 900px;font-size: 40px;text-align: center;margin: 0 auto;overflow: hidden;}

.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}

.ft-carousel {position: relative;width: 100%;height: 100%;overflow: hidden;}

.ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}

.ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}

.ft-carousel .carousel-item img {width: 100%;}

.ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;font-size: 0;}

.ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px;background-color: #fff;margin: 0 4px;border-radius: 50%;cursor: pointer;}

.ft-carousel .carousel-indicators span.active {background-color: #de3a3a;}

.ft-carousel .carousel-btn {position: absolute;top: 50%;width: 50px;height: 45px;margin-top: -25px;cursor: pointer;}

.ft-carousel .carousel-prev-btn {left: 0;background: url(images/prev.png) no-repeat;}

.ft-carousel .carousel-next-btn {right: 0;background: url(images/next.png) no-repeat;}

/*banner/结束*/

/*产品*/

.title{ text-align:center; padding:50px 0 15px 0;}

.important{width: 1100px;margin: 0 auto;overflow: hidden;margin-bottom: 60px;}

.important li{ float:left;}

.important li a{ display:block;width:60px; height:60px; display:block; }

.important li:hover a{ border:1px dotted #696969; background:#fff;}

.important li span{ width:60px;display:block;}

.important .rcsp_9{ margin-right:0px;}

.important li p{cursor: pointer; text-align: center;display: inline-block;color: #bcbcbc;float: left;/*width: 65px;*/}

.important li:hover p{ color:#a20000;}

.important li strong{ border-bottom:1px solid #24d2b0; position:relative; display:block;margin-top:15px;z-index:4;}

.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #1dd2af;}

.important li span{float: left;text-align: center;color: #bcbcbc;}

.contents .cl{width: 1200px;}

.cl:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}

.w1200{ width:1200px; margin:0 auto;margin-top: 107px;}

.w1200 h1{font-size: 48px;font-weight: bold;text-align: center;color: #000000;}

.w1200 .bloak{width: 45px;height: 6px;background: #a20000;margin: 0 auto;margin-bottom: 56px;margin-top: 26px;}

.bhuer{ width:1200px;}

.bhuer .chanpin{width: 212px;height: 338px;border: 2px solid #fff;float: left;margin-right: 20px;}

.bhuer .chanpin:hover{border: 2px solid #a20000;}

.bhuer .chanpin .chanpin_img{width: 212px;height: 272px;overflow: hidden;}

.bhuer .chanpin span{line-height: 60px;text-align: center;display: block;}

.w1200 .shudao{width: 1px;height: 33px;background: #000;margin: 0 auto;margin-bottom: 13px;margin-top: 93px;}

.w1200 .more{width: 121px;height: 35px;border: 1px solid #000;text-align: center;line-height: 35px;margin: 0 auto;border-radius: 21px;}

/*产品（完）*/

.thtu_img{width: 1200px;height: 1177px;overflow: hidden;margin: 0 auto;margin-top: 120px;}

.gjjjhz_box{width: 1200px;margin: 0 auto;}

.gjjjhz_box .gjjjhz{width: 1200px;height: 330px;}

.gjjjhz_box .gjjjhz .gjjjhz_left{float: left;width: 450px;height: 330px;background: url(images/img3.jpg) no-repeat;background-position:right;background-position-y: 240px;}

.gjjjhz_box .gjjjhz .gjjjhz_left .gjjjhz_left_nei{width: 421px; height: 320px;border: 5px solid #a20000;}

.gjjjhz_box .gjjjhz .gjjjhz_left .gjjjhz_left_nei ul{margin-left: 60px;margin-top: 75px;} 

.gjjjhz_box .gjjjhz .gjjjhz_left .changkuang{width: 97px;height: 6px;background:#a20000;margin-top: 250px;float: right;}

.gjjjhz_box .gjjjhz .gjjjhz_right{float: right;}

/***** 产品 *****/

.gjjjhz_box .gjjjhz_img{margin-top: 32px;}

figure.effect-oscar {margin: 0;margin-left: 6.6px; background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);background: linear-gradient(45deg, #000 0%,#000 40%,#000 100%);}

figure.effect-oscar img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}

figure.effect-oscar figcaption {/*background-color: rgba(58,52,42,0.7);*/-webkit-transition: background-color 0.35s;transition: background-color 0.35s;}

figure.effect-oscar figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;content: '';}

figure.effect-oscar h4 {margin: 20% 0 10px 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}

figure.effect-oscar figcaption::before,figure.effect-oscar p {color: #fff; opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}

figure.effect-oscar:hover h4 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

figure.effect-oscar:hover figcaption {background-color: rgba(0,0,0,0.4);}

figure.effect-oscar:hover img {opacity: 0.4;}

figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;width: 295px;height: 270px;text-align: center;cursor: pointer;}

figure img {position: relative;display: block;min-height: 100%;opacity: 0.8;}

figure figcaption {color: #fff;text-transform: uppercase;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

figure figcaption::before,figure figcaption::after {pointer-events: none;}

figure figcaption,figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

figure figcaption .zitikd{margin-top: 50px;}

/***** 产品 结束*****/

/***** 内页 产品*****/

.product_box{width: 400px;height: 320px;float: left;margin-bottom: 30px;}

.product_box span{text-align: center;display: block;margin-top: 27px;}

.product_box span img{margin-right: 5px;}

.product_box span:hover{color: #990000;}

.product_box .product_img_box img{margin: 0 auto;display: block;}

.product_box .product_hover{width: 258px;height: 320px;margin: 0 auto;}

.product_box .product_hover:hover{box-shadow: 1px 2px 10px #bfbfbf;}

/***** 内页 产品 结束*****/

/***** 商品 产品*****/

.goods_box{width: 1200px;height: 1023px;border: 1px solid #a0a0a0; margin: 0 auto;}

/* box */

.goods_left{width:620px;margin:40px 0px 0px 40px;float: left;}

#magnifier {position: relative;width: 450px;}

.small-box { position: relative;width: 620px;height: 620px;margin-bottom: 20px;border: 1px solid #eee;}

.small-box img {display: block;}

.small-box .hover {display: none;position: absolute; left: 0;top: 0;width: 200px; height: 200px;border: 1px solid #aaa;background: #0099ff; opacity: .5;filter: alpha(opacity: 50); cursor: move;}

.thumbnail-box {position: relative; width: 100%;}

.thumbnail-box .btn { position: absolute;top: 50%;width: 22px;height: 32px; margin-top: -16px; }

.thumbnail-box .btn-prev { left: 0; background: url(images/btn_prev.png) no-repeat;}

.thumbnail-box .btn-next { right: 0;background: url(images/btn_next.png) no-repeat;}

.thumbnail-box .list { overflow: hidden; width:620px; margin: 0 auto;}

.thumbnail-box .wrapper { width: 100000px;}

.thumbnail-box .list .item { float: left; margin: 0 3px;}

.thumbnail-box .list .item-cur {}

.thumbnail-box .list .item img {border: 2px solid #fff;}

.thumbnail-box .list .item-cur img { border: 2px solid #e53e41;}

.big-box {display: none; overflow: hidden; position: absolute; left:640px; top: 0; width:400px;height:400px; border: 1px solid #e4e4e4;}

.big-box img { display: block; }



.goods_right{float: left;margin-left: 30px; width: 480px;margin-top: 40px;height: 1000px;}

.goods_right .tivirj{width: 480px;background: #f3f3f3;height: 60px;}

.goods_right .tivirj h4{float:left;line-height: 60px;margin-left: 20px;}

.goods_right ul{overflow: hidden;}

.goods_right ul .xht{width: 240px;float: left;margin-top: 50px;}

.goods_right ul .xht span{font-size: 16px;}

.goods_right .blod{font-weight: bold;margin-right: 10px;}

.goods_right ul .xht .yuan{width: 15px;height: 15px;border: 1px solid #a4a4a4;margin-right: 45px;float: left;border-radius: 15px;}

.goods_right ul .xht .huang{background: #deb644;}

.goods_right ul .xht .bai{background: #ffffff;}

.goods_right ul .xht .hei{background: #000000;}

.goods_right ul .stqth{width: 500px;} 

.goods_right ul .stqth .wryuf{margin-right: 30px;}

.goods_right .csrtqc {width: 420px;margin-top: 80px;}

.goods_right .csrtqc .one_dianhua{overflow: hidden;}

.goods_right .csrtqc .one_dianhua a{color: #fff;display: block;float: left; width: 130px;line-height: 41px;text-align: center;background: #404040;border-radius: 3px;}

.goods_right .csrtqc .one_dianhua h4{font-weight: bold;margin-left: 30px;float: left;}

.goods_right .csrtqc .two_dianhua a{color: #333333;display: block;width: 130px;line-height: 41px;text-align: center;background: #eeeeee;border-radius: 3px;}

.goods_right .csrtqc .two_dianhua{margin-top: 30px;overflow: hidden;}

.goods_right .csrtqc .weixin_qq{margin-top: 50px;}

.goods_right .csrtqc .weixin_qq img{float: left;margin-right: 20px;}

/***** 商品 产品 结束*****/



/*底部*/

footer{background: #000000;height: 350px;width:100%;margin-top:80px;}

footer .bottom{width: 1200px;margin: 0 auto;color: #a0a0a0;}

footer .bottom .bottoamm_box{border-bottom: 1px solid #dddddd;height: 220px;}

footer .bottom .bottoamm_left{float: left;margin-left: 65px;}

footer .bottom .bottoamm_left ul{margin-top: 55px;overflow: hidden;}

footer .bottom .bottoamm_left ul li{float: left;}

footer .bottom .bottoamm_left ul li span{float: right;margin-right: 7px;margin-left: 7px;}

footer .bottom .bottoamm_left .lxfs_box{overflow: hidden;width: 341px;margin-top: 60px;}

footer .bottom .bottoamm_left .lxfs_box .dianhua{float: left;}

footer .bottom .bottoamm_right{float: right;width: 500px;margin-top: 55px;}

footer .bottom .bottoamm_right img{display: block;margin: 0 auto;margin-bottom: 17px;}

footer .bottom .bottoamm_right .dianhua{width: 325px;background: #d9d9d9;margin: 0 auto;}

footer .bottom .bottoamm_right .dianhua span{color: #333333;}

footer .bottom .bottoamm_right .dianhua .rexian{font-size: 20px;line-height:33px;margin-left: 8px;}

footer .bottom .bottoamm_right .dianhua .rexian_dianhua{font-size: 24px;font-weight: bold;}



footer .bottom .yqlj_box{width: 1200px;margin: 0 auto;}

footer .bottom .yqlj_box ul{overflow: hidden;}

footer .bottom .yqlj_box ul li{float: left;margin-left:28px;margin-top: 18px;}

footer .bottom .yqlj_box ul li span{float: left;}

footer .bottom p{text-align: center;display: block;margin-top: 30px;}

footer .bottom p a{color: #a0a0a0;margin-left: 10px;}







