/* 默认样式定义 */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,blockquote,fieldset,input,label,span,em,i,p,strong{margin:0;padding:0;color:#222;font:normal normal 12px/24px "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif}
html,body{color:#333;height:auto;margin:0 auto;background:#fff;}

/*font:normal normal 12px/24px "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif;*/

input,select,textarea{}
fieldset,iframe{border:none}
ul,ol,li{list-style:none}
th{text-align:left}
img{border:none}
em,i{font-style:normal}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#057fe2;text-decoration:none;}
a:focus{outline:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
/*字体大小*/
.f11{font-size:11px;-webkit-text-size-adjust:none;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
/*行高*/
.l16{line-height:16px;}
.l18{line-height:18px;}
.l20{line-height:20px;}
.l22{line-height:22px;}
.l25{line-height:25px;}
.l30{line-height:30px;}
/*外边距*/
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}
.mgt40{ margin-top:40px;}
.mgt50{ margin-top:50px;}
.mgt60{ margin-top:60px;}
.mgt70{ margin-top:70px;}
.mgt80{ margin-top:80px;}
/*颜色*/
.s1{ color:#be0000;}/*红色*/
.red{color:red;}
.red1{color:#b00;}
.red2{color:#c00;}
.white{color:#fff;}
.b,.fw{font-weight:700;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
/* other */
.hide{display:none;}
.nodata{text-align:left;padding-left:15px;}
p.nodata{font-size:12px;margin:35px auto;text-align:center;color:#666;}
.entitle{font-size:11px;font-weight:400;}
#imgplayer{text-align:center;margin:15px auto;}
.yc a{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
/* clearfix */
.clear{clear:both;width:100%;height:0;overflow:hidden;}
.clearb{clear:both;display:block;margin:0;padding:0;height:10px;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
/** html .clearfix{zoom:1;} !* IE6 *!*/
/**:first-child+html .clearfix{zoom:1;} !* IE7 *!*/
/*!* form *!*/
/**:focus{outline:none;}*/
/*select {padding:1px;font-size:12px;}*/
/*textarea {width:88%;padding:2px;line-height:16px;overflow:auto;}*/
/*button {cursor:pointer;}*/
/*textarea,input,select{color:#222;border:1px solid #c0c0c0;*/
    /*-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;*/
    /*-moz-transition: border linear 0.2s, box-shadow linear 0.2s;*/
    /*transition: border linear 0.2s, box-shadow linear 0.2s;*/
    /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);*/
    /*-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);*/
    /*-webkit-border-radius:3px;*/
    /*-moz-border-radius:3px;*/
    /*border-radius:3px;*/
/*}*/
/*textarea:focus,input:focus,select:focus{background:#e1f1fd;border-color: rgba(82, 168, 236, 0.8);*/
    /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);*/
    /*-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);*/
    /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);*/
/*}*/
/*form .input {padding:3px 2px;height:16px;}*/
/*form img {float:none;cursor:pointer;}*/
/*form #codestr{width:50px;}*/
/*form #vcodeimg{cursor:pointer;}*/
/*form .vcodebg {background-color:#eee;text-align:center;padding:2px 3px 2px 7px;}*/
/*form input.button{padding:0;margin-right:5px;border:0;background:url(../../../lib/images/btn_h30.gif) no-repeat;width:80px;height:30px;color:#fff;font-size:14px;cursor:pointer;}*/
/*form input.button:hover,form input.hover{background-position:0 -30px;}*/
/*!* webkit scrollbar *!*/
/*::-webkit-scrollbar{width:12px;height:12px;}*/
/*::-webkit-scrollbar-button{display:none;}*/
/*::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:#f0f0f0;}*/
/*::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:10px;background:#5f5f5f;}*/
/*::-webkit-scrollbar-thumb:hover{background:#3d3d3d;}*/
/*::-webkit-scrollbar-thumb:active{background:#333;}*/
/*!* webkit forms *!*/
/*@media screen and (-webkit-min-device-pixel-ratio:0){*/
    /*input[type=checkbox],select,input[type=radio]{position:relative;-webkit-appearance:none;-webkit-user-select:none;border:1px solid rgba(0,0,0,0.25);border-radius:2px;box-shadow:0 1px 0 rgba(0,0,0,0.08), inset 0 1px 2px rgba(255,255,255,0.75);margin:0 1px 0 0;!*background-image:-webkit-linear-gradient(#ededed, #ededed 38%, #dedede);*!}*/
    /*input[type=checkbox]{bottom:1px;height:15px;vertical-align:middle;width:15px; margin-right:5px;}*/
    /*input[type=checkbox]:checked::before{position:absolute;left:3px;top:6px;content:'';height:2px;background-color:#666;width:72%;-webkit-transform:rotate(120deg);}*/
    /*input[type=checkbox]:checked::after{position:absolute;left:2px;top:8px;content:'';height:2px;width:4px;background-color:#666;-webkit-transform:rotate(-150deg);}*/
    /*input[type=radio]{border-radius:100%;bottom:1px;height:15px;vertical-align:middle;width:15px;}*/
    /*input[type=radio]:checked::before{background-color:#377bcb;border-radius:100%;bottom:3px;content:'';display:block;left:3px;position:absolute;right:3px;top:3px;}*/
    /*input[type=checkbox]:active,select:active,input[type=radio]:active{background-image:-webkit-linear-gradient(#fcfcfc, #f8f8f8 38%, #e7e7e7);box-shadow:none;text-shadow:none;}*/
    /*select{-webkit-appearance:none;height:22px;-webkit-padding-end:10px;-webkit-padding-start:6px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC),-webkit-linear-gradient(#fcfcfc,#fcfcfc38%,#fcfcfc);background-position:right center;background-repeat:no-repeat;}*/
    /*select:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC), -webkit-linear-gradient(#fbfbfb,#f5f5f538%,#f2f2f2);}*/
    /*select:active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC), -webkit-linear-gradient(#fcfcfc,#f8f8f838%,#e7e7e7);}*/
    /*select:disabled{color:#999;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC),-webkit-linear-gradient(#f8f8f8,#f8f8f838%,#f8f8f8);}*/
/*}*/

.container{ width:100%; clear:both; min-width:1400px;}
.row{ width:1400px; margin:0 auto; clear:both; overflow: hidden}
.row03{ width:1400px; margin:0 auto; clear:both; }

.container02{ width:100%; clear:both; min-width:1200px;}
.row02{ width:1200px; margin:0 auto; clear:both; overflow: hidden}

.header{height: 77px; background: url("../images/index_x.png") center top; width: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.logo{ padding-top: 10px; float: left;}
.logo img{display: block;}

.nav{float: left; margin-left: 170px;}
.nav>li{float: left; margin-right: 75px; position: relative; }
.nav>li>a{ font-size: 16px;line-height: 75px; display: inline-block; color: #FFFFFF;border-bottom: 2px solid transparent}
.nav>li:hover>a{ border-bottom: 2px solid #b01f24;}
/*.nav>li:hover>ul>li>a{border-bottom: none}*/
/*.nav li ul{ width: 100%; background: rgba(255,255,255,0.6); height: 49px; border-bottom: 1px solid #d4d4d4; position: absolute; left: 0;  right: 0; margin: 0px auto; text-align: center;  display: none; z-index: 9;}*/
/*.nav li ul li{margin-right: 45px;}*/
/*.nav li ul li a{ font-size: 16px; color: #707070; line-height: 49px;}*/
/*.nav li ul li:hover a{color: #b01f24; }*/

.nav-content{
    width:200px; background: rgba(255,255,255,0.6); border-bottom: 1px solid #d4d4d4; position: absolute; left: -68px;  margin: 0px auto; text-align: center;  display: none; z-index: 9;
}
.nav-content-box{padding: 10px 30px;}
.nav-content-box h3 a{ color: #b01f24; font-size: 16px; font-weight: bold;}
.nav-content-box .nav-row .nav-col a{ font-size: 16px; padding:8px 0; color: #333; display: block;}
.nav-content-box .nav-row .nav-col a:hover{ color: #b01f24;}

/*.nav .nav01 ul{ padding-left: 20%}*/
/*.nav .nav02 ul{ padding-left: 25%}*/
/*.nav .nav03 ul{ padding-left: 40%}*/
/*.nav .nav05 ul{ padding-left: 55%}*/
/*.nav .nav06 ul{ padding-left: 50%}*/

.header_right{float: right; line-height: 75px;}
.header_right a{margin-right: 20px; padding: 3px 15px; border: 1px solid #ffffff; border-radius: 30px; font-size: 16px; color: #FFFFFF;}
.header_right a i{margin-right: 10px; vertical-align: -2px;}
.header_right button{border: 0; background: none; vertical-align: -4px; outline: none; resize: none}
.header_right button img{display: block; cursor: pointer;}
.header_select{position: absolute; bottom: -32px;  right: 0px; width: 240px; }
.header_select .indexSelect{display: none; }
.header_select p{float: left;}
.header_select p input{width: 150px; height: 30px; font-size: 14px; color: #000; padding: 0 10px; line-height: 30px; outline: none}
.header_select em{float: left;}
.header_select em input{ height: 34px; width: 50px; background: url("../images/icon02.png") no-repeat center #8a8988; display: block; border: 0; cursor: pointer; resize: none; outline: none}

/*banner*/
.sw01 img{width: 100%; display: block; min-width: 1400px;}
.sw01 .swiper-button-prev{background: url("../images/left01.png") no-repeat center top; width: 48px; height: 48px; left: 50px;}
.sw01 .swiper-button-next{background: url("../images/right01.png") no-repeat center top; width: 48px; height: 48px; right: 50px;}
.sw01 .swiper-pagination-bullet{width: 42px; height: 3px; background: #FFFFFF; border-radius: 0;}

/*百年岁月*/
.HundredYears{margin-top: 100px;}
.HundredYears_left{ width: 793px; height: 408px; float: left;}
.HundredYears_left video{width: 793px; height: 408px; display: block; background: #000000;}
.HundredYears_right{width: 607px; height: 298px; float: left; background:
#b01f24; display: block; text-align: center; padding-top: 110px;}
.HundredYears_right h2{ font-size: 30px; color: #ffffff; font-weight: bold; margin-bottom: 30px;}
.HundredYears_right p{ font-size: 16px; color: #ffffff; margin-bottom: 15px;}
.HundredYears_right a{ width: 150px; height: 34px; background: #ddaf64; display: block; margin: 40px auto auto auto; border-radius: 30px; font-size: 16px; color: #FFFFFF; line-height: 34px;}

.index_gy{ width: 100%; max-width: 1920px;  min-width: 1400px;overflow: hidden; margin: 110px auto 0 auto}
.index_gy li{ float: left; overflow: hidden;width: 16.6%}
.index_gy li img{ display: block; transition: 0.5s all; width: 100%}

.index_gy li span{display: none}
.index_gy li:hover span{display: block}
.index_gy li:hover em{ display: none}

    /*产品展示*/
.index_Product{ padding-top: 120px; background: url("../images/bg01.jpg") no-repeat center top; width: 100%;}

.index_Product_cp{ background: #FFFFFF; padding: 70px 0 50px 0;}
.index_Product_cp li{width: 33.3%; float: left; text-align: center; background: url("../images/index_x03.png") no-repeat center right;}
.index_Product_cp li:last-of-type{background: none}
.index_Product_cp i{width: 100%; display: block; height: 272px; overflow: hidden;}
.index_Product_cp em{ font-size: 22px; color: #b01f24; font-weight: bold; display: block; margin: 40px 0; padding-bottom: 10px;}
.index_Product_cp span{ font-size: 14px; color: #b01f24; width: 145px; height: 34px; border: 1px solid #b01f24; border-radius: 30px; display: block; margin: 0px auto; text-align: center; line-height: 34px;}

.index_Product_cp li img{ transition: 0.5s all}
.index_Product_cp li:hover img{transform: scale(1.05)}

.index_Product_sm{ padding-top: 135px; padding-bottom: 200px;}
.index_Product_sm li{width: 302px; padding: 0 82px; text-align: center; float: left;}
.index_Product_sm li em{ font-size: 42px; color: #b01f24; font-weight: bold; padding-bottom: 40px; display: block;}
.index_Product_sm li .index_Product_smP{ height: 275px; border-top: 1px solid #959595; border-bottom: 1px solid #959595; padding-top: 40px;}
.index_Product_sm li .index_Product_smP p{ font-size: 14px; color: #212121; text-align: left; line-height: 26px;}
.index_Product_sm li .index_Product_smI{ padding-top: 40px;}
.index_Product_sm li .index_Product_smI i{ width: 279px; height: 277px;  margin-bottom: 30px; display: block;}
.index_Product_sm li .index_Product_smI span{font-size: 14px; color: #212121;}

.index_ban02{width: 100%;min-width: 1400px; margin-bottom: 140px;}
.index_ban02 img{width: 100%; display: block;}

.index_New_qh li{float: left; width: 445px; height: 450px; margin-right: 21px; background: #eeeeee; position: relative; padding-bottom: 50px;}
.index_New_qh li:last-child{margin-right: 0}
.index_New_qh li i{ height: 279px; overflow: hidden; display: block}
.index_New_qh li i img{display: block;}
.index_New_qh li em{ font-size: 16px; color: #b01f24; font-weight: bold; padding-left: 25px; padding-top: 30px; display: block; margin-bottom: 30px;}
.index_New_qh li p{padding-left: 25px; font-size: 14px; color: #707070; line-height: 24px;}
.index_New_qh li span{position: absolute; bottom: 20px; left: 0; padding-left: 25px; display: block; font-size: 14px; color: #707070;}
.index_New_qh li strong{position: absolute; left: 0; top:0; width: 65px; height: 32px; font-size: 14px; color: #FFFFFF; background: rgba(0,0,0,0.4); text-align: center; line-height: 32px;}

.index_video{padding-top: 130px; padding-bottom: 190px;}


.index_video_ul li{ width: 460px; height: 258px; overflow:hidden; position: relative; float: left; margin-right: 10px;}
.index_video_ul li a img{ display: block;}

.index_video_ul li em{ position: absolute; top: 0; margin: 0px auto; width: 100%; text-align: center; padding-top: 100px; }
.index_video_ul li em img{ display: block; margin: 0px auto;}
.index_video_ul li em p{ font-size: 18px; color: #fefefe; display: block; text-align: center; margin-top: 40px;}

.index_video_ul li:last-of-type{margin-right: 0;}

.click_btn{width: 400px; height: 400px;}

.layui-m-layercont{width: auto!important; height: auto!important; padding: 0!important;}
.layui-m-layer0 .layui-m-layerchild{width: auto!important; height: auto!important; padding: 0!important;}
.index_viedo0{display: block; outline: none; resize: none}
.btn_tc{position: absolute; top: 5px; right: -32px; cursor: pointer;}


    /*底部*/
.bottom{height: 295px; width: 100%; background: url("../images/bottom.jpg") no-repeat center top; padding-top: 94px; position: relative;}
.bottom_left{ float: left;}
.bottom_center{float: left; margin-left: 190px;}
.bottom_center em{ font-size: 16px; color: #ffffff; font-weight: bold; margin-bottom: 30px; display: block;}
.bottom_center p{ margin-bottom: 15px; color: #FFFFFF; font-size: 14px;}
.bottom_center p i{ vertical-align: -5px; margin-right: 10px;}
.bottom_right{ margin-left: 110px; float: left; position: relative;}
.bottom_right em{ font-size: 16px; color: #ffffff; font-weight: bold; margin-bottom: 30px; display: block;}
.bottom_right a{ margin-bottom: 15px; color: #FFFFFF; font-size: 14px; display: block;}
.bottom_right a i{ vertical-align: -5px; margin-right: 10px;}
.bottom_right .bottom_right_ewm{margin-top: 20px; display: none; position: absolute; top: -20px;}
.bottom_right .on:hover .bottom_right_ewm{display: block}

.bottom_ewm{ margin-left: 240px; float: left;}
.bottom_ewm p{display: block; text-align: center; margin-bottom: 10px; font-size: 14px; color: #FFFFFF;}
.bottom_ewm p i{ vertical-align: -5px; margin-right: 10px;}

.bottom_bottom{ position: absolute; bottom: 20px;  left: 0; right: 0; text-align: center; margin: 0px auto;}
.bottom_bottom span{font-size: 14px; color: #FFFfFF; display: inline-block; margin-right: 10px;}
.bottom_bottom a{font-size: 14px; color: #FFFFFF;}

    /*moder*/
.moder_title{ display: block; text-align: center; position: relative; margin-bottom: 50px;}
.moder_title h2{font-size: 28px; color: #b01f24; font-weight: bold; background: url("../images/index_x02.jpg") no-repeat center bottom; padding-bottom: 20px;}
.moder_title span{position: absolute; right: 0; bottom: 0;}
.moder_title span a{ font-size: 14px; color: #b01f24;}
.moder_title samp{ position: absolute; right: 0; bottom: 5px;}
.moder_title samp a{ width: 170px; height: 36px; border: 2px solid #000000; display: inline-block;  font-size: 14px; color: #000000; line-height: 36px; margin-left: 30px;}
.moder_title samp .on{border: 2px solid #b01f24; color: #b01f24;}

.none{display: none}
.block{display: block;}