@charset "utf-8";
/*index.html==========================*/
body { background: #FFF; font-size: 12px; font-family: "微软雅黑"; }
.clear { clear: both; border: 0px; height: 0px; width: 0px; font-size: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.clear { LINE-HEIGHT: 0; CLEAR: both; overflow: hidden; font-size: 0px; }
/*标题颜色样式*/
.tb{font-weight:bold;}
.c1{color: #000000;}
.c2{color: #FFFFFF;}
.c3{color: #FFFF00;}
.c4{color: #00FF00;}
.c5{color: #00FFFF;}
.c6{color: #FF00FF;}
.c7{color: #FF0000;}
.c8{color: #0000FF;}
.c9{color: #008080;}
.container{width:1200px; margin:0 auto;}
.container:after{ display:block; content:" "; clear:both;}
.cmsimg{ position:relative; overflow:hidden; text-align:center;}
.cmsimg .cmsimg-box{overflow:hidden; text-align:center;width:100%;height:0px; padding-bottom:100%;position:relative; overflow:hidden;}
.cmsimg.prop1 .cmsimg-box{ padding-bottom:100%;}
.cmsimg.prop2 .cmsimg-box{ padding-bottom:200%;}
.cmsimg.prop3 .cmsimg-box{ padding-bottom:133.333%;}
.cmsimg.prop4 .cmsimg-box{ padding-bottom:75%;}
.cmsimg.prop5 .cmsimg-box{ padding-bottom:50%;}
.cmsimg.prop6 .cmsimg-box{ padding-bottom:62%;}
.cmsimg .cmsimg-box img.img{width:100%;height:100%;position:absolute; display:block;}
.divtable{display: table; width: 100%; height: 100%;}
.divtable-cell{display: table-cell;vertical-align: middle;}
.cmsimg .cmsimg-box .img img{ max-height:100%; max-width:100%;}
.message{ padding:30px 0;}
.message dl.form-group{ overflow:hidden; padding-bottom:15px;}
.message dl.form-group dt{ width:100px; float:left;}
.message dl.form-group dd{ width:calc(100% - 100px); float:left;}
.message dl.form-group dd .form-control{ width:calc(100% - 2px);min-height:25px; line-height:25px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background-color:rgba(255,255,255,.5); border:1px #f1f1f1 solid;}
.message dl.form-group dd .form-control.txts{ width:120px;}
.message dl.form-group dd .textarea{ height:132px;}
.message dl.form-group dd img.codeimage{ height:27px;}
.message .form-send{ text-align:center;}
.message .form-send input[type="submit"],.message .form-send input[type="reset"]{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;background-color:rgba(0,0,0,.5); color:#fff; border:1px #fff solid; line-height:32px; padding:0 50px; margin:0 5px; cursor:pointer;}
.message .form-send input[type="submit"]:hover,.message .form-send input[type="reset"]:hover{background-color: rgba(180,17,20,.8);}
/*header*/
.top { width: 100%; height: 30px; background: #eee; color: #999; line-height: 30px; font-size: 12px; }
.welcome { float: left; margin-left: 15px; }
.top_nav { float: right; margin-right: 15px; }
.top_nav a { color: #999; }
.header { width: 100%; background: #FFF;height:auto!important; }
.header.on1{height:0!important;}
.container { width: 1200px; margin: auto; }
.header .logo { width: 220px; margin: auto; padding-top: 13px; }
.header .logo img { width: 100%; }
.header .nav { height: 40px; padding: 5px 0; margin: auto; /*width: 780px;*/  text-align:center;margin:0;box-sizing: content-box;}
.header .nav li { height: 40px; line-height: 40px; background: url(../images/nav_li.jpg) left center no-repeat; /*float: left;*/ display:inline-block; width: 130px; text-align: center; }
.header .nav li a { display: block; height: 40px; color: #666; font-size: 12px; transition: all 0.3s; text-transform:uppercase;padding:0}
.header .nav li.nobg { background: none; }
.head_fixed { width: 100%; position: fixed; z-index: 99999; top: 0; background: #000; border: 0; height: 95px; display: none; }
.head_fixed .nav { margin-top: 13px; height: 65px; overflow: hidden; }
.head_fixed .nav li { width: 140px; text-align: center; float: left; height: 65px; line-height: 65px; background: url(../images/nav_li.jpg) left center no-repeat; font-family: "microsoft yahei"; }
.head_fixed .nav li a { color: #ccc; font-size: 12px; transition: all 0.3s;  text-transform:uppercase;}
.head_fixed .nav li.logo { width: 280px; margin: 0 22px; background: none; }
.head_fixed .nav li.logo img { height:100%; }
.head_fixed .nav li.nobg { background: none; }
.head_fixed .nav li a:hover { color: #FFF; }
.head_fixed .nav li.logo a{padding:0}
.indexbanner{ height:780px; position:relative;}
.indexbanner .hd{overflow:hidden; position:absolute; width:100%;left:0; bottom:5px; z-index:1; text-align:center;}
.indexbanner .hd ul{ overflow:hidden; zoom:1; display:inline-block;}
.indexbanner .hd ul li{ float:left; margin:0 5px;  width:15px; height:15px; display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent:-9999px;}
.indexbanner .hd ul li.on{ background:#f00; color:#fff; }
.indexbanner .bd{ position:relative; height:100%; z-index:0;   }
.indexbanner .bd li{ zoom:1; vertical-align:middle; }
.indexbanner .bd img{ display:none;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.indexbanner .prev, .indexbanner .next { position: absolute; z-index:100; top: 50%; margin-top: -20px; width: 40px; height: 100px; text-align: center; line-height: 100px; color: #fff!important; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; z-index: 10; }
.indexbanner .prev:hover,.indexbanner .next:hover{ opacity: 1; filter: alpha(opacity=100); }
.indexbanner .prev { left: 0%; background: rgba(0,0,0,0.8) url(../images/prev.png) center no-repeat;}
.indexbanner .next{ right: 0%; background: rgba(0,0,0,0.8) url(../images/next.png) center no-repeat;}

.leibies {padding: 20px 0px;text-align: center;border-bottom: #CCC 1px solid; padding-bottom:30px; margin-bottom:30px;}
.leibies ul{  overflow:hidden; text-align:center; margin-left:-5px; margin-right:-5px; font-size:0;}
.leibies ul li {display:inline-block; width:20%; /*float:left;*/}
.leibies ul li a { border:1px #62606b solid;color: #62606b;display: block;line-height: 42px; padding:0 15px; margin:5px;font-size:14px;}
.leibies ul li a:hover,.leibies ul li a.active{background:#d0101b; border-color:#d0101b;color: #fff;}

/*轮播图*/
.banner { width: 100%; }
.bg-img { background-position: center center!important; background-repeat: no-repeat!important; -webkit-background-size: cover!important; background-size: cover!important; }
.carousel2 { position: relative; padding: 0px; width: 100%; overflow: hidden; }
.carousel-inner2 { position: relative; }
.carousel-inner2 .banner-item { float: left; text-align: center; font-size: 2em;height: 80vh!important;}
.carousel-inner2 .banner-item p { text-align: center; }
.carousel-inner2 div{height: 780px;}
.carousel2 .carl-prev, .carousel2 .carl-next { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 100px; text-align: center; line-height: 100px; color: #fff!important; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; z-index: 10; }
.carousel2:hover .carl-prev, .carousel2:hover .carl-next { opacity: 1; filter: alpha(opacity=100); }
.carousel2 .carl-prev { left: 0%; background: rgba(0,0,0,0.8) url(../images/prev.png) center no-repeat;}
.carousel2 .carl-next { right: 0%; background: rgba(0,0,0,0.8) url(../images/next.png) center no-repeat;}
/*轮播图*/
.index_pro { background: #CCC; padding: 60px 0; margin-right: -15px; margin-left: -15px; }
.index_pro .hd{ overflow:hidden;padding:10px;  }
.index_pro .hd ul{ text-align:center; overflow:hidden; zoom:1;zoom:1; }
.index_pro .hd ul li{ display:inline-block;  width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#000;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;
-ms-border-radius:12px;-o-border-radius:12px;}
.index_pro .hd ul li.on{background:#fff;}
.index_pro .bd{ padding:10px;   }
.index_pro .bd ul{ overflow:hidden; zoom:1; }
.index_pro .bd ul li{ width: 33.33333333%; float: left; _display:inline; overflow:hidden; text-align:center;}
.index_pro .bd ul li IMG{
    width:100%;height:auto;
}
.index_pro .col_sm {text-align: center; padding-right: 15px; padding-left: 15px; box-sizing: border-box; margin-bottom: 20px; }
.index_pro .col_sm .thumbnail { display: block; line-height: 1.42857143; background-color: #fff; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
.index_pro .col_sm .thumbnail .img { }
.index_pro .col_sm .thumbnail .img img{width:100%;height:auto}
.index_pro .caption { height: 55px; line-height: 55px; padding: 0; position: relative; }
.index_pro .bg_pro_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 9; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); -moz-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); -ms-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); -o-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); opacity: 0; filter: alpha(opacity=0); }
.index_pro .caption span { font-size: 14px; position: relative; z-index: 10; }
.index_pro .thumbnail:hover .bg_pro_text { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; filter: alpha(opacity=100); }
.index_pro .thumbnail:hover span { color: #FFF; }
.mainbg1 { background: url(../images/mainbg1.jpg) center center fixed; background-size: cover; height: 800px; }
.mainpro { position: relative; padding-top: 40px; }
.mainpro .screen1_title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 60px; letter-spacing: 5px; text-align: center; text-transform: uppercase; margin-bottom: 30px; }
.mainpro .screen1_title p { padding-bottom: 10px; }
.mainpro .screen1_title span { padding-top: 15px; display: block; height: 60px; line-height: 60px; }
.mainpro .screen1_title .txt { font-size: 12px; margin-top: 10px; }
/**/
#index-products { position: relative; display: block !important; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
.carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 5%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 1); filter: alpha(opacity=100); opacity: 1; z-index: 999; }
.carousel-control.left { background-repeat: repeat-x; }
.carousel-control.right { right: 0; left: auto; background-repeat: repeat-x; }
.carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=60); outline: 0.6; opacity: 0.6; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .fa-angle-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .fa-angle-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; }
#index-products .col-xs-4 { /*padding: 30px 5px;*/ box-sizing: border-box; width: 33.33333333%; float: left; position: relative; min-height: 1px; }
#index-products .brand_culture_list2{margin:0 5px;}
.thumbnail-img { width: 100%; position: relative; overflow: hidden; }
.bianan { width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 100; }
.ind_sec3_line { width: 0px; left: 16%; bottom: 20px; height: 1px; background: #fff; position: absolute; z-index: 9999999; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.shimg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.line-t { width: 0%; height: 1px; background: #d4130b; position: absolute; left: 0; top: 0; z-index: 99; }
.line-r { width: 1px; height: 0%; background: #d4130b; position: absolute; right: 0; bottom: 0; z-index: 99; }
.line-b { width: 0%; height: 1px; background: #d4130b; position: absolute; right: 0; bottom: 0; z-index: 99; }
.line-l { width: 1px; height: 0%; background: #d4130b; position: absolute; left: 0; top: 0; z-index: 99; }
.overlay_more { font-family: 'news_gothicregular'; position: absolute; bottom: 30px; left: 16%; color: #FFF; font-size: 14px; opacity: 0; z-index: 99999; text-transform: uppercase; letter-spacing: 2px; }
.wenzi_linian { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 100; color: #FFF; text-align: left; font-size: 12px; letter-spacing: 2px; position: absolute; width: 64%; left: 42%; margin-left: -25%; top: 35%; }
.wenzi_linian h2 { font-size: 30px; line-height: 30px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
.carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: block; }
.thumbnail-img:hover .ind_sec3_line { width: 80px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.carousel-control { cursor: pointer; position: absolute; top: 0; bottom: 0; left: 0; width: 5%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 1); filter: alpha(opacity=100); opacity: 1; z-index: 999; }
.carousel-control.right { right: 0; left: auto; background-repeat: repeat-x; }
.carousel-control.left { background-repeat: repeat-x; }
.arrow-left { cursor: pointer; width: 80px; height: 80px; position: relative; top: 40%; left: 15px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.arrow-right { cursor: pointer; width: 80px; height: 80px; position: relative; top: 40%; right: 15px; }
#vid { height: 600px; background: url(../images/mainbg3.jpg) fixed center center no-repeat; background-size: cover; position: relative; }
#vid > div { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; left: 0; font-family: "Radikal-Light", Helvetica, Arial, sans-serif; right: 0; color: #fff; font-size: 29px; }
#vid>div { display: block; position: absolute; top: 45%; text-align: center; width: 80%; }
#vid>div p { display: block; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 50px; color: #FFF; text-transform: uppercase; position: relative; margin-bottom: 10px; line-height: 50px; padding-bottom: 10px; }
#vid>div span { display: block; font-size: 22px; position: relative; }
.index-news { padding-top: 60px; padding-bottom: 60px; margin-right: -15px; margin-left: -15px; background: #CCC; }
.index-news .col-sm-3 { margin-bottom: 20px; box-sizing: border-box; width: 25%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.index-news .thumbnail { background: #FFF; padding: 0; border: 0;/* height: 460px;*/ box-shadow: 0 0 20px #999; border-radius: 0; -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); -moz-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); -ms-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); -o-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); }
.index-news .thumbnail img { display: block;width: 100%; height: auto; }
.index-news .thumbnail .caption { padding: 9px; color: #333; text-align: center; position: relative; }
.index-news .media-heading { margin-top: 0; margin-bottom: 5px; font-size: 14px; font-weight: 500; }
.index-news .media-body p { color: #666; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index-news .thumbnail:hover { background: #000; }
.index-news .thumbnail:hover h4 { color: #FFF; }
.index-news .thumbnail:hover .caption .media-body p { color: #999; }
.featurevideo { height: 600px; background: url(../images/mainbg2.jpg) fixed center center no-repeat; background-size: cover; position: relative; }
.featurevideo>div { display: block; position: absolute; top: 45%; text-align: center; width: 80%; }
.featurevideo > div { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; left: 0; font-family: "Radikal-Light", Helvetica, Arial, sans-serif; right: 0; color: #fff; font-size: 29px; }
.featurevideo>div p { display: block; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 50px; color: #FFF; text-transform: uppercase; position: relative; margin-bottom: 10px; line-height: 70px; }
.featurevideo>div span { display: block; font-size: 22px; position: relative; }
.icontact { background: #f6f6f6; width: 100%; padding: 50px 0; }
.icontact .wrap { width: 1200px; margin: auto; }
.icontact_box { width: 800px; float: left; }
.icontact_box .txt { font-size: 14px; color: #666; padding-top: 25px; }
.icontact_box .txt li { float: left; height: 32px; line-height: 32px; margin-right:20px; }
.icontact_box .txt .add { width: 320px; }
.icontact_box .txt .cod { width: 320px; }
.icontact_box .txt .tel { width: 170px; }
.icontact_box .txt .fax { width: 170px; }
.icontact_box .txt .eml { width: 200px; }
.icontact_box .txt .web { width: 200px; }
.follow { width: 255px; float: left; padding-left: 45px; height: 134px; border-left: 1px solid #ddd; box-sizing: border-box; }
.follow .tit { font-size: 20px; color: #333; font-family: "微软雅黑"; }
.follow .txt { padding-top: 55px; }
.follow .txt a { padding:0; width: 40px; height: 40px; display: inline-block; margin-right: 25px; background-image: url(../images/fx.png); background-repeat: no-repeat; }
.follow .txt a.wx { background-position: 0 0; }
.follow .txt a.qq { background-position: -40px 0; }
.follow .txt a.wb { background-position: -80px 0; }
.follow .txt a.wx:hover { background-position: 0 -40px; }
.follow .txt a.qq:hover { background-position: -40px -40px; }
.follow .txt a.wb:hover { background-position: -80px -40px; }
.qrcode{width: 140px;float: left;}
.qrcode img{width:140px;height:140px;}
/*index*/
.ban { width: 100%; height: 650px; position: relative; }
.banner_bg { width: 100%; height: 90px; background: url(../images/banner_bg2.png) center center no-repeat; position: absolute; z-index: 200; bottom: 0; background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; }
.banner_bg h1 { font-size: 22px; font-family: 'news_gothicregular3'; margin-bottom: 0px; text-transform: uppercase; font-weight: normal; text-align: center; color: #FFF; text-align: center; color: #ffffff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); margin-top: 15px; }
.banner_bg .line { width: 20px; height: 1px; background: #fff; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
.banner_bg p { font-family: 'news_gothicregular'; text-transform: uppercase; font-size: 10px; line-height: 12px; letter-spacing: 1px; text-align: center; color: #ffffff; line-height: 15px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); }
.wrap_box { width: 100%; background: #f3f3f3; padding-bottom: 40px; }
.wrap_box .wrap { width: 1200px; margin: auto; }
.news_list { float: left; margin-top: 65px; width: 50%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
.news_list_img { width: 100%; }
.news_list_img img { width: 570px; height:356px; }
.news_list_text { margin: 0 auto; padding: 60px; background: #FFF; }
.news_list_text span { padding-top: 35px; padding-bottom: 10px; color: #666; text-transform: uppercase; }
.news_list_text h4 { font-size: 26px; color: #000; line-height: 35px; margin-bottom: 20px; font-weight: 500; height:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_list_text p { color: #72716c; font-size: 13px; height: 44px; overflow: hidden; }
.news_neiye h2 { text-align: center; color: #333; font-weight: 400; padding-top: 40px; font-size: 30px; padding-bottom: 10px; line-height: 1.1; }
.news_neiye h4 { text-align: center; color: #999; font-size: 18px; font-weight: 400; padding-top: 10px; padding-bottom: 10px; }
.news_neiye_rq { width: 90%; margin: 0 auto; }
.news_neiye p { font-size: 14px; line-height: 30px; text-indent: 2em; color: #666; margin-bottom: 10px; }
.news_neiye_zw { width: 90%; margin: 0 auto; border-top: 1px solid #ddd; padding: 30px 0 0px 0; }
.news_neiye_zw { max-width:100%;}
.news_neiye_zw img { max-width:100%;}
.news_fanhui { padding-bottom: 40px; }
.news_fanhui a { width: 105px; margin: 0 auto; margin-top: 50px; background: #000; font-size: 14px; color: #fff; text-align: center; line-height: 45px; display: block; padding: 0 20px; }
.news_fanhui a:hover { color: #fff; background: #d7140c; }
.product-list { overflow: hidden; }
.posre { position: relative; overflow: hidden; }
.product-list .left, .product-list .right { width: 50%; height: 100%; overflow: hidden; }
.product-list .left { float: left; }
.bg-line { position: absolute; left: 0; top: 0; z-index: 102; margin: 0.65% 0.85%; width: 98%; height: 98%; border: 2px solid #fff; opacity: 0; filter: alpha(opacity=0); }
.bg-covering { position: absolute; left: 0; top: 0; z-index: 100; width: 0%; height: 100%; background: #000; opacity: 0.5; }
.list-1 .bg-pic, .list-2 .bg-pic, .list-3 .bg-pic, .list-4 .bg-pic, .list-5 .bg-pic { position: absolute; z-index: 98; width: 100%; height: 100%; }
.list-2 .bg-pic { background-image: url(../images/pro_list2.jpg); background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: contain!important; background-size: contain!important; background-attachment: fixed; }
.list-3 .bg-pic { background-image: url(../../images/pro_list3.jpg); background-position: 100% 0; background-repeat: no-repeat; -webkit-background-size: contain!important; background-size: contain!important; background-attachment: fixed; }
.product-list .right { float: right; }
.list-2 .bg { background: #fff; color: #333; }
.product-list .bg { position: relative; }
.product-list .text { position: absolute; top: 40%; left: 50%; margin-left: -140px; margin-top: -79px; width: 280px; }
.product-list .text .txt_title { font-size: 25px; letter-spacing: 3px; text-align: center; line-height: 28px; color: #333; padding-bottom: 100px; }
.product-list .text .txt_content { width: 136px; margin: 0 auto; padding-top: 40px; color: #333; }
.product-list img { position: absolute; top: 30%; text-align: center; }
/**/
.pro_box { width: 100%; background: #FFF; }
.pro_box_tit { width: 40%; margin: 0 auto; padding-top: 50px; padding-bottom: 60px; }
.pro_box_tit .screen_title { font-size: 36px; letter-spacing: 5px; text-align: center; text-transform: uppercase; }
.pro_box_tit .screen_title img { width: 64px; margin-right: 20px; }
.pro_danpin_content { width: 1200px; margin: auto; padding-bottom:30px; }
.pro_danpin_list { width: 270px; float: left; padding: 0 15px; }
.pro_danpin_list_img{ width:270px; height:152px; overflow:hidden;}
.pro_danpin_list_img img { width:100%; height:152px; }
.pro_danpin_list p { text-align: center; margin-bottom: 10px; font-size: 14px;padding:8px 0;}
/*126*/
.screen1>div { width: 90%; max-width: 1400px; padding-top: 60px; padding-bottom: 60px; margin: auto; }
.screen1-left { float: left; width: 40%; font-size: 12px; min-height: 330px; color: #666; border-right: 1px solid #ddd; line-height: 28px; }
.screen1-left-title { font-size: 30px; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.screen1-left-con { font-size: 13px; width: 80%; }
.screen1-right { float: right; font-size: 12px; width: 56%; color: #666; }
.join_sec2 { width: 100%; background: #f3f3f3; padding: 70px 0; }
.join_sec2_con { width: 90%; margin: 0 auto; max-width: 1400px; min-width:1300px;}
.col-sm-4 { width: 33.33333333%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
.screen1-title { line-height: 1.42857143; font-family: Georgia, "Times New Roman", Times, serif; font-size: 60px; letter-spacing: 5px; text-align: center; text-transform: uppercase; margin-bottom: 30px; }
.join_sec2_con_list_zi { background: #FFF; padding: 15px; margin-bottom: 30px; min-height: 151px; }
.join_sec2_con_list_zi>h5 { font-size: 15px; color: #000; margin: 10px 0; font-weight: 400; }
.join_sec2_con_list_zi>p { font-size: 12px; color: #444; line-height: 25px; margin-bottom: 10px; }
.join_content_two { background: url(../images/bg_join1.jpg) center center no-repeat fixed; background-size: cover; height: 700px; }
.join_sec3 { padding: 120px 0; padding-top: 70px; }
.join_sec3_con { width: 90%; margin: 0 auto; max-width: 1400px; margin-top: 50px; }
.join_sec3_con>ul { padding: 0; margin: 0; float: left; width: 45%; }
.join_sec3_con>ul>li { width: 25%; float: left; text-align: center; }
.join_sec3_con>ul>li>p { width: 80%; margin: 10px auto; text-align: center; font-size: 13px; color: #666; line-height: 22px; }
.join_sec3_icon { width: 10%; float: left; text-align: center; }
.join_sec3_icon>img { margin-top: 30px; }
.case_danpin_content { width: 80%; margin: auto; padding-bottom: 30px; }
.case_danpin_list { width: 33.33333333%; float: left; box-sizing: border-box; padding: 0 15px; }
.case_danpin_list_img, .case_danpin_list_img img { width: 100%; height: 100%; }
.case_danpin_list p { text-align: center; margin: 30px 0; font-size: 14px; }
.design_content { width: 572px; margin: auto; padding-top: 60px; color: #333; }
.design_content img { max-width: 100%; }
.design_content_text h2 { font-size: 14px; font-weight: 500; line-height: 1.1; margin: 20px 0 10px 0; }
.design_content_text span { color: #999; }
.design_info p { padding: 20px 0; line-height: 32px; }
.brand_profile { width: 100%; background: url(../images/brand_one.jpg) center top no-repeat; }
.brand_profile_text { width: 50%; margin: 0 auto; padding-top: 20%; }
.screen1-titlew { color: #333; font-size: 50px; letter-spacing: 5px; text-align: center; text-transform: uppercase; margin-bottom: 30px; line-height: 1.1; }
.about_info p { line-height: 30px; color: #666; padding: 10px 0; }
.page_scrolldown { width: 20%; margin: 0 auto; text-align: center; margin-top: 8%; }
.page_scrolldown .fa_down { display: block; background: url(../images/idot.jpg) center no-repeat; width: 14px; height: 10px; margin: auto; }
.page_scrolldown p { text-transform: uppercase; padding-top: 5px; font-weight: 300; color: #666; padding-bottom: 30px; letter-spacing: 2px; font-size: 13px; line-height: 25px; }
.featurevideo { height: 600px; position: relative; background: url(../images/brand_five.jpg) fixed center center no-repeat; background-size: cover; }
.featurevideo>div { display: block; position: absolute; top: 50%; text-align: center; width: 80%; }
.more_more_black { width: 150px; line-height: 35px; text-align: center; color: #FFF; margin: 30px auto; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
.more_more_black a { display: block; border: 1px solid #FFF; color: #FFF; text-decoration: none; cursor: default; }
.brand_factory { width: 70%; margin: 30px auto; padding-bottom: 20px; }
.screen5 { padding-top: 50px; padding-bottom: 50px; }
.gongyi_list { width: 33.333333%; float: left; padding: 0 15px; box-sizing: border-box; }
#contact_3 { padding-top:50px;}

.contact_info { padding-bottom:50px;}
.contact_info p{ text-align:center; padding:4px 0; font-size:14px;}
#allmap { width:100%; height:500px;}
/*page*/
.pagelink { font-size: 0px; text-align: center; margin-top: 50px; margin-bottom: 40px; }
.pagelink a, .pagelink span { font-size: 12px; color: #000; padding: 6px 12px; margin-right: 1px; background: #fff; transition: color .6s, border-color .6s, background-color .6s, border .6s; }
.pagelink a.on, .pagelink a:hover { background: #d2110a; color: #fff; transition: color .6s, border-color .6s, background-color .6s, border .6s; }
.pagelink select { font-size: 12px; color: #000; padding: 6px 12px; margin-right: 1px; background: #fff; transition: color .6s, border-color .6s, background-color .6s, border .6s; border: none; }
.pagelink select:focus { outline: none; }
.pagelink2 { font-size: 0px; text-align: center; margin-top: 50px; margin-bottom: 40px; }
.pagelink2 a, .pagelink2 span { font-size: 12px; color: #000; padding: 6px 12px; margin-right: 1px; background: #f3f3f3; transition: color .6s, border-color .6s, background-color .6s, border .6s; }
.pagelink2 a.on, .pagelink2 a:hover { background: #d2110a; color: #fff; transition: color .6s, border-color .6s, background-color .6s, border .6s; }
.pagelink2 select { font-size: 12px; color: #000; padding: 6px 12px; margin-right: 1px; background: #f3f3f3; transition: color .6s, border-color .6s, background-color .6s, border .6s; border: none; }
.pagelink2 select:focus { outline: none; }
.pagenav { background: #f5f5f5; height: 40px; line-height: 40px; color: #666; margin: 40px 15px 0; font-size: 14px; }
.pagenav span.prev { float: left; margin-left: 20px; }
.pagenav span.next { float: right; margin-right: 20px; }
.pagenav span:hover, .pagenav span:hover a { color: #015bac; }
.pagenav span a { color: #666; }
/*footer*/
.footer { width: 100%; height: 84px; background: #000; font-size: 14px; line-height: 84px; }
.footer .wrap { width: 1200px; margin: auto; }
.copyright { color: #c7c6c7; float: left; width:760px; }
.foot_nav { float: right; width: 400px; text-align: right; color: #c7c6c7; }
.foot_nav a { color: #c7c6c7; display: inline-block; margin: 0 8px; }
.foot_link { float: right;text-align: right; color: #c7c6c7; }
.foot_link a { color: #c7c6c7; display: inline-block; margin: 0 8px; }

.validationinfo{border:1px #eee solid;}
.validationinfo dl{ overflow:hidden;border-top:1px #eee solid;}
.validationinfo dl:first-child{ border-top:none;}
.validationinfo dl dt{ width:25%; float:left; text-align:center;}
.validationinfo dl dt span{ line-height:35px; border-right:1px #eee solid; display:block;}
.validationinfo dl dd{ width:75%; float:left; text-align:left;}
.validationinfo dl dd span{line-height:35px; padding:0 5px; display:block;}