/*全局初始化 */
*{ margin:0; padding:0;border: none; box-sizing: border-box;outline: none;} 
body{
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-y;
    font-family: "Arial","微软雅黑";font-size: 14px;color: #fff;}
h1, h2, h3, h4, h5, h6,{text-decoration:none;font-weight:normal;}
ul, ol, li { list-style:none; }
select, option, button, input{outline:medium;border: none;}
/*去掉日期的上下箭头*/
/*
input , button{appearance: none;-moz-appearance: none;-webkit-appearance: none;}

*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{                
-webkit-appearance: none !important;            
}
input{background-color: transparent;border: 1px solid #dddddd;padding-left: 10px;font-size: 14px;color: #666;}
input[type='text']:hover,input[type='tel']:hover,input[type='email']:hover{
    box-shadow: inset 1px 1px 5px #ddd;
}



textarea { resize:none; border: 1px solid  #d7d7d7;font-size: 14px;color: #6f6f6f;}
textarea:hover{
    box-shadow: inset 1px 1px 5px #ddd;
}
/*resize是否允许用户调整大小*/
a{text-decoration:none; outline: 0; list-style-type: none;cursor: pointer;}
table, th, td{border-collapse:collapse; }/*border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开*/
input::-webkit-input-placeholder{ color: #DDDDDD;}
input:-moz-placeholder{ color: #DDDDDD;}
input::-moz-placeholder{ color: #DDDDDD;}
input:-ms-input-placeholder{ color: #DDDDDD;}
textarea::-webkit-input-placeholder{ color: #DDDDDD;}
textarea:-moz-placeholder{ color: #DDDDDD;}
textarea::-moz-placeholder{ color: #DDDDDD;}
textarea:-ms-input-placeholder{ color: #DDDDDD;}

/*公共类*/
.clear {clear: both;height: 0px;overflow: hidden;}
.fl {float: left;} .fr{float: right;}
.ac{text-align: center;} .ar{text-align: right;} .al{text-align: left;}
.txtc{text-overflow: clip;white-space: nowrap;overflow: hidden;}
.txte{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.dis{display: block;}
.hide{display: none;}


.ma{margin: auto;}
.mb{margin: 0 auto;}
.mc{margin: 0;}

.mt_20{margin-top: 20px;}

.mr_10{margin-right: 10px;}
.mr_11{margin-right: 11px;}
.mr_38{margin-right: 38px;}
.mr_40{margin-right: 40px;}

.ml_25{margin-left: 25px;}

.ha{height: auto;}

.w100{width: 100%;}
.wb{width: 1300px;margin:0 auto;}

.bg1{background-color: #fff;}
.bg2{background-color: #ddd;}
.bg3{background-color: #ccc;}
.bg4{background-color: #bbb;}
.bg5{background-color: #aaa;}

.c1{color: #fff;}
.c2{color: #000;}
.c3{color: #da251c;}
.c4{color: #2c2c2c;}
.c5{color: #666;}

.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f24{font-size: 24px;}
.f32{font-size: 32px;}

.fa{font: 16px/30px;}/*高、行高*/
.fb{font: 18px/36px;}
.fc{font: 24px/36px;}

/*编写样式*/
/*top*/
.top{
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
    height: 100px;
    position: relative;
}
.top_view{
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}
.top_view>form{
    float: right;
    margin:34px 25px 0 0;
    width: 315px;
    height: 32px;
}
.search_input{
    float: left;
    width: 235px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    background-color: #fff;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.search_button{
    float: left;
    height: 32px;
    width: 80px;
    font-size: 12px;
    background-color: #da251c;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -ms-transition: background-color 1s;
    -moz-transition: background-color 1s;
}
.search_button:hover{
    background-color: #bc1f18;
}
.nav{
    bottom: -40px;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 40px;
    background-image: url(../images/nav_bg.png);
    background-position: center;
    background-repeat: no-repeat;
}
.nav_view{
    margin: 0 auto;
    width: 1200px;
    height: 40px;
}
.nav_view li{
    float: left;
}
.nav_view>li>a{
    display: inline-block;
    padding: 0 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -ms-transition: background-color 1s;
    -moz-transition: background-color 1s;
}
.nav_view li:hover>a{
    background-color: #da251c;
}
.nav_active{
    background-color: #da251c;
}
.menu{
    width: 144px;
    overflow: hidden;
    background-color: #fff;
    filter:Alpha(opacity=90);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
}
.menu a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #da251c;
    border-bottom: 1px solid rgba(218,37,28,0.15);
}
.menu a:hover{
    color: #fff;
}
.menu a{
    position: relative;
    z-index: 1;
}
.menu div{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.menu em{
    top: 0;
    left: -100%;
    position: absolute;
    display: block;
    width:100%;
    height: 100%;
    background-color: #da251c;
    filter:Alpha(opacity=85);
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    -ms-opacity: 0.85;
    -o-opacity: 0.85;
    opacity: 0.85;
    transition: left 1s;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    -ms-transition: left 1s;
}
.menu a:hover em{
    left: 0;
}

/*banner*/
#banner_wrap{
    position: relative;
    margin: 0!important; 
    width: 100%;
    min-width: 1200px;
    height: auto;
}
.flexslider{
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
}
.slides{
    left: 0;
    top: 0;
    position: relative;
    display: block;
}
.slides:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.slides>li{
    display:none;-webkit-backface-visibility:hidden;
    float: left;
}
.slides>li>img{
    width: 100%;
    min-width: 1200px;
    height: auto;
    display: block;
}

/*index_body*/
.body_wrap{
    width: 100%;
    min-width: 1200px;
    height: auto;
    min-height: 1000px;
    position: relative;
}
/*index_tit*/
.index_title{
    width: 100%;
    height: 70px;
    padding-top: 15px;
    border-bottom: 1px solid #f2f2f2;
}
.index_tit{
    
    text-align: center;
    font-size: 24px;
    color: #f00;
    margin: 0 auto;
    width: 1400px;
    height: 55px;
    line-height: 55px;
}
.index_title p{
    display: inline-block;
    float: left;
    width: 160px;
    height: 100%;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    color: #2a1a1c;
    border-bottom: 5px solid #da251c;
}
.index_title a{
    font-size: 12px;
    float: right;
    margin-right: 25px;
    line-height: 55px;
    color: #da251c;
}

/*special*/
.partFourM{
    height:202px;
    width:1200px;
    position:relative; 
    margin:30px auto;
}
.partFourCon{ 
    display:inline;
    width:1090px;
    height:202px; 
    float:left;
    margin: 0 15px;
    overflow:hidden;
    position:relative;
}
.pro{ 
    float:left;
}
.pro li{ 
    float:left; 
    position: relative;
    margin-right: 20px;
    width:202px;
    height:100%;
    display:inline;
    border:1px solid #f2f2f2;
}
.proimg{ 
    float:left; 
}
.proname{ 
    float:left; 
    display:inline-block;
    left: 0;
    bottom: 0;
    position: absolute;
    width:100%;
    height: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height:35px; 
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap;
    background-color: #da251c;
    filter:Alpha(opacity=90);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
    transition: height 1s;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
}
.pro li:hover .proname{
    height: 35px;
}
.left,.right {
    float:left;
    width:40px;
    height:52px;
    display:inline;
    margin-top: 75px;
}
.left{ 
    background-image:url(../images/left_but.png) ;
    background-position: bottom;
    background-repeat: no-repeat;
}
.left:hover{
    background-position: top;
}
.right{ 
    background-image:url(../images/rigth_but.png) ;
    background-position: bottom;
    background-repeat: no-repeat;
}
.right:hover{
    background-position: top;
}

/*index_prdouct*/
.index_pro{
    margin: 0 auto;
    padding: 15px 0;
    width: 1200px;
    height: 546px;
}
.index_pro_view{
    float: left;
    width: 100%;
    height: auto;
}
.index_pro_view li{
    float: left;
    position: relative;
    margin: 15px 15px 15px 0;
    width: 228px;
    height: 228px;
    border: 1px solid #f2f2f2;
    overflow: hidden;
}

.index_pro_view li a{
    display: block;
    width: 100%;
    height: 100%;
}
.index_pro_view li a span{
    float:left; 
    display:inline-block;
    left: 0;
    bottom: 0;
    position: absolute;
    width:100%;
    height: 35px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height:35px; 
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap;
    background-color: #da251c;
    filter:Alpha(opacity=90);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
    transition: height 1s;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
}
.index_pro_view li a:hover span{
    height: 35px;
}

/*index_new index_about*/
.index_body{
    width: 100%;
    height：590px;
    margin-top: 20px;
    /*background-color: #fff;*/
}
.index_body_view{
    width: 1200px;
    margin: 0 auto;
    height: 830px;
    padding-bottom: 45px;
}
.index_new{
    float: left;
    margin-right: 50px;
    width: 610px;
    height: 100%;
}
.index_new_list {
    float: left;
    width: 100%;
}
.index_new_list li{
    width: 100%;
    height: 159px;
    padding:25px 0;
    border-bottom: 1px dotted #cccccc;
}
.index_new_list li a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index_new_list li a:hover p{
    color: #da251c;
}
.index_new_list li img{
    width: 151px;
    height: 109px;
    float: left;
    margin-right: 20px;
}
.index_new_list li p{
    line-height: 35px;
    font-size: 16px;
    color: #2c2c2c;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.index_new_list li span{
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #6f6f6f;
    height: 36px;
    overflow: hidden;
}
.index_new_list li font{
    display: block;
    line-height: 35px;
    font-size: 12px;
    color: #aaa;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.index_about{
    float: right;
    width: 540px;
    height: 100%;
}
.index_about_view{
    width: 100%;
    height: 100%;
    padding-top: 25px;
    overflow: hidden;
}
.index_about_view img{
    width: 100%;
    margin-bottom: 20px;
}
.index_about_view p{
    display: block;
    padding: 0 20px;
    font-size: 14px;
    color: #2c2c2c;
    line-height: 30px;
}
.footer{
    width: 100%;
    height: 250px;
    background-color: #ae1d03;
	float:left;
}
.foot{
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}
.foot_view{
    width: 100%;
    height: 175px;
    padding: 30px 40px;
    border-bottom: 1px solid #b5503e;
}
.foot_copy{
    width: 100%;
    height: 75px;
    line-height: 75px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.foot_copy a{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.foot_contact{
    float: right;
    height: 100%;
    width: 409px;
    padding-left: 90px;
    overflow: hidden;
}
.foot_contact p{
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.foot_nav{
    float: left;
    width:711px;
    height: 100%;
    overflow: hidden;
}
.foot_nav a{
    float: left;
    display: block;
    width: 237px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.left_nav{
    left: 15px;
    top: 690px;
    position: absolute;
    z-index: 999;
    width: 112px;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
}
.left_nav_tit{
    width: 100%;
    height: 50px;
    background-color: #da251c;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.left_nav_view{
    width: 100%; background-color:#E9E9E9;
}
.left_nav_view a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35px;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}
.left_nav_view div{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.left_nav_view em{
    top: 0;
    left: -100%;
    position: absolute;
    display: block;
    width:100%;
    height: 100%;
    background-color: #da251c;
    filter:Alpha(opacity=75);
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    -ms-opacity: 0.75;
    -o-opacity: 0.75;
    opacity: 0.75;
    transition: left 1s;
    -webkit-transition: left 1s;
    -moz-transition: left 1s;
    -ms-transition: left 1s;
}
.left_nav_view a:hover em{
    left: 0;
}

/*内页*/

.web_body{
    margin: 35px auto;
    width: 1200px;
    background-color: #fff;
    padding: 35px 20px;
}
.about_tit{
    width: 100%;
    height: 35px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
}
.pro_tit{
    position: relative;
    width: 100%;
    height: 35px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
}
.about_tit a{
    display: block;
    float: left;
    margin-right: 5px;
    width: 130px;
    height: 100%;
    border: 1px solid #eee;
    border-bottom: none;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #878787;

}
/*
.about_tit a:first-child{
    
}
*/
.about_tit a:hover{
    background-color: #da251c;
    border: 1px solid #da251c;
    color: #fff;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
}
.pro_tit a{
    position: absolute;
    display: block;
    float: left;
    width: 130px;
    height: 100%;
    border-bottom: none;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #878787;
    background-repeat: no-repeat;
    background-position: top
}
.pro_tit_active{
    background-position: bottom;
    color: #fff;
}
.pro_tit a:hover{
    background-position: bottom;
    color: #fff;
}
.tit_img1{
    background-image: url(../images/tit_but.png);
}
.tit_img2{
    background-image:url(../images/tit_but2.png)
}
.about_view{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 1000px;
}
.about_view>img{
    margin-bottom: 35px;
}
.about_view>p{
    padding: 0 25px;
    color: #2c2c2c;
    font-size: 14px;
    line-height: 40px;
}
.pro_view{
    width: 100%;
    height:1000px;
}
.pro_view li{
    float: left;
    position: relative;
    margin: 15px 15px 15px 0;
    width: 218px;
    height: 218px;
    border: 1px solid #f2f2f2;
    overflow: hidden;
}

.pro_view li a{
    display: block;
    width: 100%;
    height: 100%;
}
.pro_view li a span{
    float:left; 
    display:inline-block;
    left: 0;
    bottom: 0;
    position: absolute;
    width:100%;
    height: 35px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height:35px; 
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap;
    background-color: #da251c;
    filter:Alpha(opacity=90);
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
    transition: height 1s;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
}
.pro_view li a:hover span{
    height: 35px;
}
.pages{
    width: 100%;
    height: 35px;
    margin: 25px 0;
    text-align: center;
}
.btn{
    display:inline-block;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #da251c;
    border: 1px solid #da251c;
    margin-right: 20px;
}
.change2{
    color: #fff;
    background-color: #da251c;
    width: 35px;
    height: 35px;
}
.btn:hover{
    color: #fff;
    background-color: #da251c;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
}
.btn_view{
    width: 100px;
    height: 35px;
}
.change{
    width: 35px;
    height: 35px;
}
/*详情页*/
.pro_view_tit{
    width:100%;
    height: 45px;
    line-height: 45px;
    color: #333;
    font-size: 24px;
    text-align: center;
}
.pro_view_ret{
    width: 100%;
    height: 35px;
    margin-top: 15px;
    text-align: center;
}
.pro_view_ret a{
    display: inline-block;
    width: 60px;
    line-height: 35px;
    background-color: #da251c;
    color: #fff;
    font-size: 14px;
}
.pro_view_img{
    width: 640px;
    min-height: 640px;
    border: 1px solid #eee;
    overflow: hidden;
    margin:35px auto;
}
.pro_view_btn{
    display: inline-block;
    position: absolute;
    top:375px;
    width: 50px;
    height: 150px;
    background-color: #eeeeee;
    background-repeat: no-repeat;
}
.pro_view_btn:hover{
    background-color: #da251c;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
}
.pro_view_prev{
    left: 50px;
    background-image: url(../images/pro_view_btt.png);
    background-position: left center;
}
.pro_view_next{
    right: 50px;
    background-image: url(../images/pro_view_btt.png);
    background-position: right center;
}
.product_view{
    width: 100%;
    min-height: 500px;
}
.product_view img{ max-width:100%;
    
}
.new_view{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
}
.news{
    width: 100%;
}
.news li{
    width: 100%;
    height: 229px;
    margin-bottom: 60px;
    padding-right: 50px;
}
.news li a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news>li>a>img{
    width: 317px;
    height: 229px;
    float: left;
    margin-right: 50px;
}
.news li p{
    line-height: 70px;
    font-size: 16px;
    color: #2c2c2c;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news li span{
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #6f6f6f;
    height: 60px;
    overflow: hidden;
}
.new_time{
    display: block;
    padding-left: 22px;
    line-height: 34px;
    font-size: 12px;
    color: #aaa;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-image: url(../images/new_time.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.new_more{
    display: block;
    width: 100px;
    line-height: 50px;
    font-size: 14px;
    color: #6f6f6f;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-image: url(../images/new_more.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.news li em{
    left: 0;
    top: 0;
    position: absolute;
    z-index: 99;
    width: 317px;
    height: 0;
    text-align: center;
    background-color:rgba(0,0,0,0.3);
    overflow: hidden;
}
.news li em img{
    top: 100px;
    position: absolute;
}
.news li a:hover p{
    color: #da251c;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
}
.news li a:hover em{
    height: 229px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
}
.news li a:hover .new_more{
    color: #da251c;
    background-image: url(../images/new_more_hover.png);
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
}
.new_view_tit{
    width: 100%;
    line-height: 45px;
    font-size: 24px;
    color: #333;
    text-align: center;
}
.new_view_info{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 30px;
    color: #aaa;
    font-size: 12px;
}
.new_view_show{
    width: 100%;
}
.new_view_show center{
    margin: 35px 0;
}
.new_view_show p{
    font-size: 14px;
    color: #6f6f6f;
    line-height: 30px;
}
.marketing_left{
    float: left;
    width: 420px;
    height: 525px;
    padding-top: 125px;
}
.marketing_left h1{
    font-size: 36px;
    line-height: 65px;
    color: #eee;
    font-weight: 900;
    text-align: center;
}
.marketing_left p{
    color: #444;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.marketing_right{
    float: left;
    width: 600px;
    height: 525px;
}
.marketing_tit{
    display: block;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    color: #6f6f6f;;
}
.market_inp{
    width: 600px;
    height: 35px;
    background-color: #eeeeee;
    border: 1px dashed #ccc;
}
.market_text{
    width: 600px;
    height: 130px;
    background-color: #eeeeee;
    border: 1px dashed #ccc;
}
.market_btn{
    margin-top: 20px;
    width: 120px;
    height: 30px;
    background-color: #da251c;
    color: #fff;
    font-size: 14px;
}
.market_btn:hover{
    background-color: #ed4d45;
}
.video{position:fixed; bottom:50px; right:0; width:300px; height:300px; z-index:999;}





			.l, .r {
    position: fixed;
    top: 50%;
    margin-top: -130px;
	z-index:9999;
				

}


.l video {
	width:50%
}