@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0; }
iframe { background-image: none; }
input,textarea{outline:none;}
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
img{ border:0px;}
body{font-family:"微软雅黑"; color:#333333; font-weight:400; overflow-x: hidden; -webkit-text-size-adjust:none; font-size:12px; min-width: 1200px; background:#fff; background-size: cover;}
a{text-decoration:none; color:#333333; transition: all 0.5s ease;}
a:hover{text-decoration:underline; color:#c52214;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.ani5{transition: all ease-in-out .5s;}
.ani{overflow: hidden;}
.ani img{transition: all ease-in-out .3s; display: block;}
.ani:hover img{ transform: scale(1.05);}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}
.h50px{ height:50px; width:100%; clear:both;}
.mt15px{ margin-top:15px;}
.mt10px{ margin-top:10px;}
.mt20px{ margin-top:20px;}
.mr15px{margin-right: 15px;}
.w1200{width:1200px; margin:0 auto;}
.blod{ font-weight:bold;}
html{ -webkit-text-size-adjust:none; font-size:12px;}
.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
center{ text-align:center; line-height:60px; font-family:"微软雅黑"}
em{ font-style:normal;}
.tecen{ text-align: center !important;}
.red{color: red;}
i,em{ font-style: normal;}
/*
内容样式开始

头部信息
*/
#head{background: url(../images/h_head.jpg) center center no-repeat #c52214;}
.head_con{height: 120px; position: relative;}
.head_con .bg{width: 1000px; position: absolute; top: 0; right: 826px; height: 120px; background: #fff; z-index: 0;}
.logo{display: block; width: 313px; height: 59px; position: absolute; top: 28px; left: 0;}
.nav_con{padding-left: 373px; float: left; height: 120px;}
.nav_con li{float: left; width: 69px; border-right: #ec655a solid 1px; height: 120px; text-align: center; font: 400 14px/15px "微软雅黑";}
.nav_con li a{display: block; color: #fff; padding: 29px 25px 0 24px; height:91px; background: url(../images/nav_ico.png) center -30px no-repeat;}
.nav_con li a:hover{background: url(../images/nav_ico.png) center 30px no-repeat; padding-top: 40px; height: 80px; color: #fff; text-decoration: none;}
.nav_con li.hover a{background: url(../images/nav_ico.png) center 30px no-repeat; padding-top: 40px; height: 80px; color: #fff;}
.h_tel{float: right; text-align: right; padding: 32px 0 0; width: 250px;}
.h_tbt{height: 25px; font: 400 14px/25px "微软雅黑"; color: #fff; background: url(../images/h_tel.png) left center no-repeat; float: right; padding-left: 20px;}
.h_tel b{font: bold 30px/30px arial; color: #fff; display:block; float:right}

/*
 banner
 * */
.w100{width: 100%; min-width: 1200px;}
#iban{height: 550px; position: relative;}
#ibanner{width: 1920px; height: 550px; position: absolute; left: -360px; top: 0;}
#ibanner .rslides{width:1920px;height:550px;overflow:hidden;position:relative;}
#ibanner .rslides li{height:550px;}
#ibanner .rslides a{display: block;}
#ibanner .rslides_tabs{ position:absolute; bottom:15px; left:0; height: 18px; width:100%;text-align:center;}
#ibanner .rslides_tabs li{ display: inline-block; vertical-align: top; height: 18px; width: 18px; margin-right:10px; background: #fff; border-radius: 50em;}
#ibanner .rslides_tabs a{display: block; overflow: hidden; text-indent: 100px; width: 18px; height: 18px;}
#ibanner .rslides_tabs .rslides_here{ background: none; border: #fff solid 3px; width: 12px; height: 12px;}

#sear{background: #e4e5e2;}
.se_con{height: 56px; padding: 14px 0 0;}
.se_form{float: left; background: #fff url(../images/se_btn.jpg) 16px center no-repeat; border: #c52214 solid 2px; width: 343px; height: 41px; margin:0 32px 0 127px; padding-left: 44px;}
.se_form input{width: 270px; height: 41px; font:400 14px/40px "微软雅黑"; color: #333; border: none; background: none; float: left;}
.se_form input.btn{width: 73px; background: #c52214; cursor: pointer; height: 41px; text-align: center; color: #fff; font-size: 18px;}
.se_ftit{float: left; font: 400 14px/45px "微软雅黑"; color: #7b7b7b;}
.se_fnr{float: left; width: 580px; height: 45px; font: 400 14px/45px "微软雅黑"; color: #333;}
.se_fnr a{color: #333; margin-right: 20px;}

/*
 首页开始
 * */
#imain1{height: 763px; padding: 57px 0 0; overflow:hidden}
.im_tit{border-bottom: #dfe1dc solid 1px; height: 72px; text-align: center;}
.im_tit h3{font: bold 28px/36px "微软雅黑"; color: #c52214;}
.im_tit p{font: 400 14px/24px "微软雅黑"; color: #999;}
.im_con1{padding: 640px; padding:30px 0 0;}
.i_type{text-align: center; height: 50px;}
.i_type a{display: inline-block; vertical-align: top; width: 148px; height: 30px; background: #f5f5f4; border: #dadcd7 solid 1px; font: 400 14px/30px "微软雅黑"; color: #333; margin: 0 5px;}
.i_type a:hover{background: #c52214; border: #c52214 solid 1px; color: #fff; overflow: hidden;}
.im_con1 .pic{position: relative; float: left; overflow: hidden;}
.im_con1 .pic .text{background: url(../images/bg70.png); position: absolute; top: 0; left: 0;}
.im_con1 .pic .text .txt{display: block; font: bold 18px/42px "微软雅黑"; color: #ccd981;}
.im_con1 .pic .text .txt2{font: 400 14px/22px "微软雅黑"; color: #fff; padding-bottom: 12px; min-height:45%}
.im_con1 .pic .text .show{font: 400 14px/22px "微软雅黑"; color: #fff;}
.im_con1 .pic1{width: 300px; height: 550px; margin-right: 3px;}
.im_con1 .pic1 .text{height: 350px; padding:100px 30px; width:240px;}
.im_con1 .pic2{width: 531px; height: 273px; margin-right: 3px; margin-bottom: 4px;}
.im_con1 .pic2 .text{width: 431px; padding:30px 50px; height:213px;}
.im_con1 .pic3{width: 363px; height: 273px; margin-bottom: 4px;}
.im_con1 .pic3 .text{width: 263px; padding:30px 50px; height:213px;}
.im_con1 .pic4{width: 363px; height: 273px; margin-right: 3px;}
.im_con1 .pic4 .text{width: 263px; padding:30px 50px; height:213px;}
.im_con1 .pic5{width: 531px; height: 273px;}
.im_con1 .pic5 .text{width: 431px; padding:30px 50px; height:213px;}
.im_con1 .pic img{display:block; width:100%; height:100%;}





#imain2{background: #c52214; overflow:hidden}
.im_tit2{border-bottom: #ffa79f8f solid 1px; height: 76px; text-align: center; padding: 62px 0 0;}
.im_tit2 h3{font: bold 28px/36px "微软雅黑"; color: #fff;}
.im_tit2 p{font: 400 14px/24px "微软雅黑"; color: #fff;}
.im_c2{position: relative; background: url(../images/wdys.jpg) center 30px no-repeat; height: 667px;}
.im_c2 .pic{position:absolute; display:block;}
.im_c2 .pic1{left:12px; top:74px;}
.im_c2 .pic2{left:310px; top:30px;}
.im_c2 .pic3{left:198px; top:372px;}
.im_c2 .pic4{left:656px; top:264px;}
.im_c2 .pic5{left:903px; top:110px;}


#imain3{background: url(../images/ia_bg.jpg) center bottom no-repeat #f7f7f5; height: 540px; overflow:hidden}
.im_tit3{border-bottom: #dfe1dc solid 1px; height: 80px; text-align: center; padding: 60px 0 0;}
.im_tit3 h3{font: bold 28px/42px "微软雅黑"; color: #c52214;}
.im_tit3 h3 em{font-weight: 400;}
.im_tit3 p{font: 400 14px/24px "微软雅黑"; color: #999;}
.im_c3nr{padding: 50px;}
.im_c3lf{width: 370px; height: 250px; float: left; padding-left: 130px;}
.im_c3ri{float: right; width: 480px; padding: 22px 140px 0 0;}
.im_c3ri .ialogo{display: block; width: 350px; height: 62px; margin: 0 auto;}
.im_c3ri .ianr{padding: 22px 0 0; text-align: center; font: 400 14px/26px "微软雅黑"; color: #666;}
.im_c3ri .ianr a{color: #c52214;}

#imain4{height: 725px; padding: 40px 0 0; overflow:hidden}
.im_c4nr{overflow-y: hidden; height:364px; padding: 55px 0 0; width: 100%;}
.im_c4nr li{width: 385px; height: 335px; float: left;}
.im_c4nr li a{display: block; width: 380px; height: 335px;}
.im_c4nr li a p{width:380px; height:285px;}
.im_c4nr li h3{padding: 0 5px; height: 50px; background: #f1f2f0; text-align: center; font: 400 16px/50px "微软雅黑"; color: #333; margin: 2px 0 0;}
.im_c4tel{padding:116px 0 0; background: url(../images/i_telt.jpg) center 45px no-repeat;}
.im_c4tel p{display: block; margin: 0 auto; width: 303px; height: 50px; background: #c52214; text-align: center; font: bold 38px/50px arial; color: #fff;}

#imain5{background: url(../images/i_nbg.jpg); height: 584px; overflow:hidden}
.im_c5tit{padding: 62px 0 0; border-bottom: #ffa79f solid 1px; text-align: center; font: bold 28px/64px "微软雅黑"; color: #fff; height: 64px;}
.im_c5tit em{font-weight: normal;}
.im_c5nr{padding: 42px 0 0 12px;}
.im_c5nr dl{float: left; width: 350px; padding-right: 50px;}
.im_c5nr dl dt{height: 80px;}
.im_c5nr dl dt .tim{height: 42px; font: 400 30px/42px arial; color: #fff;}
.im_c5nr dl dt .tim span{float: right; font-size: 18px;}
.im_c5nr dl dt .txt{display: block; font: 400 14px/32px "微软雅黑"; color: #fff;}
.im_c5nr dl dd .pic{ width: 350px; height: 150px; display: block; margin-bottom: 12px;}
.im_c5nr dl dd .txt2{font: 400 14px/22px "微软雅黑"; color: #fff; padding: 0 6px;}

#imain6{padding: 0 0 15px; overflow:hidden}
.im_c6{padding: 40px 0 20px;}
.im_c6 li{float: left; padding:0 25px 20px 0; width: 220px; height: 60px;}
.im_c6 li a{display: block;}
/*.im_c6 li .hui {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}*/

#foot{background: #c52214 url(../images/bt_line.jpg) left 130px repeat-x;height: 473px; overflow:hidden}
.ft_con{height: 473px; overflow:hidden}
.ft_tit{height: 145px; padding: 55px 0 0; text-align: center; font: 400 16px/26px "微软雅黑"; color: #fff;}
.ft_tit h2{font: bold 26px/34px "微软雅黑"; color: #fff;}
.ft_lf{float: left; width: 335px; padding: 22px 40px 0 97px; background: url(../images/bt_ico.jpg) 58px 21px no-repeat;}
.ft_lf div{height: 36px; font: 400 16px/18px "微软雅黑"; color: #fff;}
.ft_cen{float: left; width: 400px;}
.ft_logo{display: block; height: 122px; width: 270px;}
.ft_fx{width: 110px; height: 32px; background: url(../images/fxd_bg.jpg); margin: 40px 0 0 75px;}
.ft_ewm{float: left; width: 152px; height: 132px;padding-top: 12px;}
.ft_ewmt{float: left; width: 140px; padding: 60px 15px 0; font: 400 16px/25px "微软雅黑"; color: #fff;}

#boot{background: #960f11; height:86px; overflow:hidden}
.bt_con{height: 86px; padding: 24px 0 0; text-align: center; font: 400 14px/25px "微软雅黑"; color: #fff; overflow:hidden}
.bt_con a{color: #fff;}
.bt_nav{height: 25px;}
.bt_nav a{margin: 0 15px;}

/*
 联系我们
 * */
#nmain{padding: 0 0 40px;}
.n_dqwz{height: 50px; padding: 18px 0 0 13px; border-bottom: #e4e5e2 solid 1px;}
.n_dqwz h3{float: left; font: bold 20px/50px "微软雅黑"; color: #c52214;}
.n_dqwz p{float: right; background: url(../images/dqwz_ico.jpg) left center no-repeat; padding-left: 24px; font: 400 14px/50px "微软雅黑"; color: #666;}
.n_dqwz p a{color: #666;}
.n_dqwz p a:hover{color: #da0c1b;}

#nban{height: 249px; position: relative;}
.nbanner{width: 1920px; height: 249px; position: absolute; top: 0; left: -360px;}

.n_cont{padding: 54px 550px 50px 10px; min-height: 340px; background: url(../images/ct_bg.jpg) right center no-repeat;}
.n_cmap{border: #e9e9e9 solid 12px; height: 405px; width:1176px; margin-bottom: 30px;}
.n_back{display: block; width: 140px; height: 45px; margin: 35px auto; background: #7bc136; border-radius: 5px; text-align: center; font: 400 18px/45px "微软雅黑"; color: #fff;}

/*
 新闻
 * */
.n_type{padding: 20px 0; text-align: center;}
.n_type a{display:inline-block; width: 231px; height: 43px; border: #e0dede solid 1px; background: #f1f2f0; text-align: center; font: 400 14px/42px "微软雅黑"; margin: 0 3px 10px; vertical-align: top;}
.n_type a:hover{border: #c52214 solid 1px; color: #c52214; text-decoration: none;}
.n_type a.hover{border: #c52214 solid 1px; color: #c52214;}

.news_list{padding: 0 20px 30px;}
.news_list dl{background: #f8f5f5; padding: 10px 20px 0; height: 175px; margin-bottom: 10px;}
.news_list dl dt{width: 222px; height: 166px; margin-right: 20px; float: left;}
.news_list dl dt a{display: block;}
.news_list dl dd{float: left; width: 868px;}
.news_list dl dd .txt{padding: 12px 0 0; height: 45px;}
.news_list dl dd .txt a{float: left; font: 400 18px/36px "微软雅黑"; color: #333;}
.news_list dl dd .txt span{float: right; font: 400 14px/36px arial; color: #c52214;}
.news_list dl dd .txt2{height: 74px; font: 400 14px/20px "微软雅黑"; color: #666;}
.news_list dl dd .more{font: 400 14px/20px "微软雅黑"; color: #c52214;}

.page{padding:50px 20px 20px; text-align: center; font: 400 14px/38px "微软雅黑"; color: #000; border-top: #e4e5e2 solid 1px;}
.page a{display: inline-block; vertical-align: middle; color: #000; width: 38px; height: 38px; border: #e5e5e5 solid 1px; margin-left: -1px;}
.page a.auto{width: auto; padding: 0 12px;}
.page a:hover{background: #7bc136; color: #fff; text-decoration: none;}
.page a.hover{background: #7bc136; color: #fff; text-decoration: none;}
.page span{display: inline-block; vertical-align: middle; color: #666; padding: 0 10px;}
.page form{display: inline-block; vertical-align: middle;}
.page form input{width: 38px; height: 38px; margin: 0 5px; display: inline-block; vertical-align: middle; text-align: center; border: #E5E5E5 solid 1px; font: 400 14px/38px "微软雅黑"; color: #3b57a6;}
.page form input.btn{width: 60px; height: 40px; background:#7ac135; border: #7ac135 solid 1px; cursor: pointer; color: #fff;}
.page p{padding-top:10px;}

.nv_tit{text-align: center; font: bold 18px/60px "微软雅黑"; color: #333333; border-bottom: #d6d6d6 solid 1px;}
.nv_tim{text-align: center; padding: 14px 0; font: 400 14px/24px "微软雅黑"; color: #999;}
.nv_tim span{display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 15px; cursor: pointer;}
.nv_tim .fx{display: inline-block; vertical-align: middle; width: 150px;}
.nv_ncon{padding: 0 5px 15px; font: 400 14px/200% "微软雅黑"; color: #666666; min-height: 300px;}
.nv_ud{padding: 10px 0 10px;}
.nv_ud div{width: 48%; border-top: #d6d6d6 solid 1px; border-bottom: #d6d6d6 solid 1px; height: 58px; font: 400 14px/58px "微软雅黑"; color: #333;}
.nv_ud div a{color: #333;}
.nv_ud div a:hover{color:#f84e3f;}

/*
 成功案例
 * */
.case_list{padding: 35px 0 0;}
.case_list li{float: left; width: 290px; height: 302px; margin-right: 11px;}
.case_list li .pic{display: block; width: 290px; height: 218px;}
.case_list li .txt{display: block; padding: 0 5px; height: 50px; background: #f1f2f0; text-align: center; font: 400 16px/50px "微软雅黑"; color: #333; margin: 2px 0 0;}

.pro_list{padding: 35px 0;}
.pro_list li{float: left; width: 290px; height: 280px; margin-right: 11px;}
.pro_list li .pic{display: block; width: 290px; height: 218px;}
.pro_list li .txt{display: block; padding: 0 5px; height: 50px; text-align: center; font: 400 16px/50px "微软雅黑"; color: #333; margin: 2px 0 0;}

/*
 产品详细
 * */
.pv_con1{border-top: #e4e5e2 solid 1px; padding: 50px 0 0; min-height: 450px;}
.pv_c1pic{float: left; width: 600px; height: 450px;}
.pv_c1txt{float: right; width: 580px;}
.pv_c1txt .c1{height: 58px; border-bottom: #999999 dotted 1px; padding: 8px 0 0;}
.pv_c1txt .c1 h2{float: left; width: 468px; overflow: hidden; font: bold 18px/58px "微软雅黑"; color: #333;}
.pv_c1txt .c1 a{display: block; float: right; background: url(../images/lxwm.jpg) left center no-repeat; padding-left: 18px; font: 400 14px/58px "微软雅黑"; color: #dc2e38;}
.pv_c1txt .text{padding: 50px 0 0; height: 234px; font: 400 14px/26px "微软雅黑"; color: #666; overflow: hidden;}
.pv_c1txt .hottel{font: 400 14px/28px "微软雅黑"; color: #666;}
.pv_c1txt .hottel b{display: inline-block; vertical-align: middle; color: #c52214; font-family: arial; font-size: 28px;}
.pv_ncon{padding: 20px 0 30px; font: 400 14px/200% "微软雅黑"; color: #666; min-height: 300px;}
.pv_ncon h3{font:400 22px/50px "微软雅黑"; color: #dc2e38; background: url(../images/pv_line.jpg) left bottom no-repeat; padding: 20px 0 0 20px; margin-bottom: 20px;}

/*
 厂房厂貌
 * */
.n_left{float: left; width: 250px; padding: 30px 0;}
.n_ltit{background: url(../images/lf_pic.jpg); height: 100px; font: bold 18px/100px "微软雅黑"; color: #fff; text-indent: 85px;}
.n_ltype{background: url(../images/lf_bg.jpg) left bottom no-repeat #c52214; padding: 20px 20px 145px;}
.n_ltype li{border-bottom: #fff dotted 1px; height: 52px;}
.n_ltype li a{display: block; background: url(../images/lf_ico1.jpg) 65px center no-repeat; font: 400 14px/52px "微软雅黑"; color: #fff; padding-left: 77px;}
.n_ltype li a:hover{background: url(../images/lf_ico2.jpg) 145px center no-repeat; padding-left: 85px; color: #ade478; text-decoration: none;}
.n_ltype li.hover a{background: url(../images/lf_ico2.jpg) 145px center no-repeat; padding-left: 85px; color: #ade478;}

.n_right{float: right; width: 930px; padding: 0 0 20px;}
.n_ncon{padding: 20px 15px; font: 400 14px/200% "微软雅黑"; color: #333; min-height: 400px; text-align: justify; text-justify: inter-ideograph;}

.pv_pic{text-align:center; padding:20px; overflow:hidden;}
.pv_pic img{display:block; max-width:100%; margin:0 auto;}