*{ font-family: "SimSun";}
html{background:#FFF;color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0; list-style: none;}
body{ width: 100%; height: auto; max-height: 2046px;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none;transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;}
.clear{ clear: both;}
.jogger{  text-align: center; margin: 30px auto;}
/*******CSS reset*************/
body{position:relative;  color:#444;font-size:14px;font-family:'SimSun';z-index:2;}
/*********************  Index  Start   *****************************************/
.top_w{ width: 100%; height: auto; overflow: hidden;}
.top_cn{ width: 1200px; height: 106px; margin: 0 auto; box-sizing: border-box; padding: 29px 0;}
.logo{ width: 550px; height: 55px; background: url("../images/logo.png")left center no-repeat; float: left;}
.phone{ display: inline-block; height:70px;float:right; color: #8c8c8c;
    background: url("../images/top_tel.png") left center no-repeat; padding-left: 80px;}
.phone p{display: inline-block;  width:180px; height: 70px; float: left; }
.phone span{ font-size:30px;  color: #d5000b;}
.com_container{ width: 100%;  }
.wrapper{ width: 1200px; height: auto; max-height: 1575px; margin: auto; overflow: hidden; padding-bottom: 20px;}
/*nav*/
.nav_w{ width: 100%; height: 53px; border-top: 3px solid #d5000b;}
.nav_cn{ width: 1200px; height: 53px; margin: auto; line-height: 50px;}
.nav_cn a{ display: block; width: 150px; height: 53px; float: left; text-align: center; color: #323232; }
.nav_cn a:hover{ background-color: #d5000b; color: #fff;}
/*search*/
#key{ width: 100%; height: 52px; line-height: 52px; box-sizing: border-box; }
.key{  width:1200px; height: 52px; margin: auto; font-size: 14px; line-height: 52px; color: #666666; font-weight: bold;  }
.key li{background: url("../images/news_icon.png") left center no-repeat;  padding-left: 30px;}
.banner_w{ width: 100%; height: 450px; overflow: hidden;}
/*******Css sprite*******/
.index_t{ width: 100%;  color: #2d2d2d; font-size: 24px; line-height: 60px;}
/*left*/
.allleft{ width:250px; height:100%; overflow:hidden;float:left; padding-bottom:20px;}
.prolist{ width:250px; height:auto; background: #d5000b; padding-bottom: 6px;}
.prolist_title{ width:100%; height:90px; float:left; font-size:20px;  color:#fff; line-height:60px; text-align: center;}
.prolist_title span{ display: block; font-size: 14px; line-height: 0;}
.prolist_con{ width:240px; height:auto; overflow:hidden; margin: auto; background: #fff; border-radius: 6px; padding: 11px 4px; box-sizing: border-box;}
.prolistcon{ width:100%; height:auto; overflow:hidden;}
.prolistcon li.pro_type a{ width:232px; height:38px; display:block; font-size:13px; color:#3c3c3c; line-height:38px;
    text-indent:8px; background:url(../images/prolistli.png) no-repeat 0 0; margin-bottom:13px; }
.prolistcon a:hover, .prolistcon li a.current{background:url(../images/prolistli.png) no-repeat 0 -38px !important; color:#d5000b !important;  }
.left_contact{ width: 238px; height: auto; border: 6px solid #d5000b; margin-top: 17px;}
.left_contact ul{ padding: 16px; box-sizing: border-box;}
.left_contact li{ color: #949494; font-size: 12px; line-height: 30px; list-style :none; border-bottom: 1px dashed #e2e2e2;}
/*product*/
.pro_w{ width: 100%; height: auto;}
.pro_w h2{ font-size: 30px; text-align: center; line-height: 100px;}
.pro_cn {width: 1150px; height: auto; margin: auto; }
.pro_list_w{ width: 1150px; height: 220px; margin: 10px auto 0; position: relative;}
.pro_lists{ width:1150px; overflow:hidden; height:190px; margin: auto;}
.pro_lists:first-child{ display: block;}
.info_img ul li{width:220px;height:190px;float:left;text-align:center; margin: 30px;}
.info_img ul li a{ display:block; width:220px;height:190px; overflow: hidden; font-size: 14px;background: #e5e5e5;}
.info_img ul li a:hover{ background: #d5000b;}
.info_img ul li a img{ display: block; width: 210px; height: 150px; margin: 5px auto 0;}
.info_img ul li a span{ line-height: 36px; font-size: 14px; color: #777777;}
.info_img ul li a:hover span{ color: #fff;}
.food_info_tit_bg{margin:30px 0 20px 0;width:100%;height:30px;background:#ececec; clear: both;  }
.food_info_tit{display:inline-block;padding: 0 10px;height:100%;border-right:1px solid #fff;background: #d5000b;color:#fff;line-height:30px; font-size:14px;}
/*company*/
.comp_cn , .case_cn{ width: 1200px; height: 310px; margin: auto;  box-sizing: border-box; overflow: hidden; }
.compL{ width: 384px; height: 294px; background: #fff; padding: 0 20px; box-sizing: border-box; float: left;}
.compL h2{ font-size: 20px; color: #3e3e3e; font-weight: bold; line-height: 39px;}
.compL p{ color: #4c4c4c; font-size: 14px; line-height: 28px;}
.compL a{ color: #d5000b;}
.newsR{ width: 797px; height: 294px; float: right; background: #fff; box-sizing: border-box; padding: 0 20px;}
.newsR img{ float: left;}
/****************************    Index  End   ***********************************/
/****************************    Company  Start   ***********************************/
/*com_top*/
.main_w{ width: 1150px; height: auto; background: #fff; margin: auto;}
.main_cn{ width: 100%; height: auto; overflow: hidden; margin: auto;}
.com_top{ width: 100%; height: 50px; border-bottom: 1px solid #e5e5e5; margin: 10px auto;}
.com_top span{ font-size: 20px; font-weight: bold;}
.comp_top_cn{ width: 100%; line-height: 50px; margin: auto;}
.loc{ float: right; background: url("../images/loc.png") left center no-repeat; padding-left: 30px;}
.com_comp{ line-height: 25px; font-size: 16px;}
/****************************    Company  End   ***********************************/
/****************************    Product  Start   ***********************************/
.pro_prod_cn{ width: 850px; float: right;}
.pro_prod_cn .info_img li{ margin-top: 17px; margin-bottom: 20px;}
.pro_info_img{ display: block; margin: auto; max-height: 700px;}
.pro_info_txt{ font-size: 18px; text-align: center; line-height: 50px;}
.pro_info_cn{ padding: 10px; box-sizing: border-box; font-size: 16px;    max-height: 880px; overflow-y: auto;}
.pro_info_cn img{ display: block; margin: auto;}
/****************************    Product  End   ***********************************/
/****************************    News  Start   ***********************************/
.new_news_w{ width: 100%; height: auto; overflow: hidden;}
.new_news_cn{ width: 1200px; height: auto; overflow: hidden; margin: auto;}
#prev_next li{ display: block; width: 100%; height: 30px; text-align: left;}
/*news_list*/
.rnewys{ width:100%; height:30px; border-bottom:#d9d9d9 solid 1px; padding-top:10px; font-size: 15px;}
.rnewys a:hover{ color: #d5000b;}
/****************************    News  End   ***********************************/
/****************************    Contact  Start   ***********************************/
.con_cont_link{ width: 100%; height: auto; overflow: hidden; margin: 50px auto;}
.con_cont_link li{ display: block;width: 400px; float: left; font-size: 15px; line-height: 30px; }
.con_cont_link li span{ display:inline-block; width: 60px;text-align-last: justify;-webkit-text-align-last: justify;  text-align: justify; }
#allmap{width:100%;height:440px;overflow:hidden;  margin: 50px auto;}
#allmap p{line-height:10px;margin:10px;}
/****************************    Contact  End   ***********************************/
/****************************    Message  Start   ***********************************/
.msg_w{ width: 100%; height: auto;}
.msg_cn{ width: 800px; height: auto; overflow: hidden; margin: 30px auto;}
.form_cn{ padding-left: 12.5%; font-size: 15px; line-height: 30px;}
.col-sm-9{ width: 75%; float: left;}
.col-sm-12{ width: 100%; float: left;}
.col-sm-2{ width: 16.6666%; float: left;}
.col-sm-3{ width: 25%; float: left;}
.code_img{ position: relative; left: 30px; top: 6px;}
.form-control {
    display: inline-block;
    width: 100%; padding: 0 10px; margin-bottom: 15px; font-size: 14px; line-height: 35px; color: #7a7a7a;
    border: 1px solid #dadada; resize: none; vertical-align: middle;
    -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
    -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
}
[type="text"]:hover, textarea:hover{ outline: 1px solid #efefef; border-color: #555;}
[type="text"]:focus, textarea:focus { outline: 1px solid #efefef; border-color: #a6a6a6; }
#submit{width:90px;height:34px;border:none; background: #d5000b; color:#fff;cursor:pointer;}
/****************************    Message  End   ***********************************/
 
.page{ margin:10px 20px 15px 0; clear: both;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px; border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-100px;background:#d5000b; float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#d5000b;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#d5000b;text-align:center;}
.info_title{ width:100%;height:30px;background:#ececec; margin: 20px 0;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:90px;height:34px;border:none; background:#d5000b; color:#fff;cursor:pointer;}
/**************order&message********/
/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#d5000b;text-decoration:underline;}
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:#d5000b}
.f{ float:right; margin-right:10px; _margin-top:7px;}
.news_type{ width: 435px; height: 30px; float: right;line-height: 30px;}
.news_type li{ width: 90px; height: 30px; float: left; text-align: center;}
.news_type li a{ display: block; width: 90px; height: 30px; border-bottom: 2px solid #fff;}
.news_type li a:hover{ border-bottom-color: #d5000b; color: #d5000b;}
.news_list_w{ width: 435px; height: 160px;  float:right; position: relative;}
.news_lists{ width:435px; overflow:hidden; height:190px; margin: auto; position: absolute; top: 10px; left: 0; display: none;}
.news_lists:first-child{ display: block;}
.news_lists li{ line-height: 35px;}
.news_lists li span{ float: right;}
.news_lists li a:hover{ color: #d5000b;}
.info_img ul li{width:220px;height:190px;float:left;text-align:center; margin-right:15px;}
.info_img ul li a{ display:block; width:220px;height:190px; overflow: hidden; font-size: 14px;background: #e5e5e5;}
.info_img ul li a:hover{ background: #d5000b;}
.info_img ul li a img{ display: block; width: 210px; height: 150px; margin: 5px auto 0;}
.info_img ul li a span{ line-height: 36px; font-size: 14px; color: #777777;}
.info_img ul li a:hover span{ color: #fff;}
.pro_scroll{ width: 1230px; height: auto; margin: auto; position: relative;}
.arrow{ width: 110px; margin: 40px auto; text-align: center;}
.arrow a{ display: inline-block; width: 14px; height: 14px; background: #c3c3c3; border-radius: 50%; margin: 6px 2px;}
.arrow a:hover , .arrow_active{ background: #d5000b !important;}
.arrow a:first-child{ background: #d5000b;}
.scrollL , .scrollR{ display: inline-block; width: 15px; height: 28px; top: 0; cursor: pointer;}
.scrollL{ left: 0; background: url("../images/scrollL.png") no-repeat;}
.scrollR{ right: 0; background: url("../images/scrollR.png") no-repeat;}
.pro_scroll_cn{ width: 1230px; height: auto; margin: auto; overflow: hidden;}
.pro_scroll_cn ul{ width: 4170px; position: relative; left: 0; overflow: hidden; padding: 0; margin: 0;}
.pro_scroll_cn li{ width: 380px; height: 416px; margin: 0 15px; float: left; list-style: none; padding: 0;}
.pro_scroll_cn li a{ display: block; width: 100%; height: 100%; background: #f1f0f0; position: relative;}
.pro_scroll_cn li img{ width: 378px; height: 266px; border: 1px solid #e5e5e5;}
.pro_scroll_cn li a div{ height: 148px; padding: 10px 20px; box-sizing: border-box;}
.pro_scroll_cn li a h3{ color: #2d2d2d; font-size: 18px; line-height: 40px;}
.pro_scroll_cn li a p{ color: #5e5e5e; font-size: 14px; line-height: 30px;}
.pro_scroll_cn li a small{ position: absolute; bottom: 20px; right: 20px; font-size: 14px;}
/*advt*/
.advt{ width: 100%; height: 240px; background: #ebebeb; overflow: hidden;}
.compR{ width: 1200px; height: 219px; margin: 10px auto;}
.compR li{ width: 300px; height: 219px; float: left; }
.compR li a{ display: block; width: 271px; height: 219px; background: #ebebeb; box-sizing: border-box; padding: 48px 7px; text-align: center;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s; }
.compR li a h2{ font-size: 20px !important; color: #292929; line-height: 2em;}
.compR li a:hover h2{ color: #fff; font-size: 20px !important; }
.compR li a p{ font-size: 14px; color: #848381; line-height: 2em;}
.compR li a:hover p{ color: #f0e1d4;}
.compR li a:hover{ background: #d5000b; padding: 18px 7px;}
.compR li span{ display: block; width: 39px; height: 39px; background: #fff; line-height: 39px;  text-align: center; border-radius: 50%; color: #d5000b; font-size: 30px; margin: auto; opacity: 0;}
.compR li a:hover span{ opacity: 1;}
.compR_icon{ width: 59px; height: 53px; margin: auto;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s; }
.compR_icon1{ background-image: url("../images/compR_icon1.png"); background-position: 0 53px;}
.compR_icon2{ background-image: url("../images/compR_icon2.png"); background-position: 0 53px;}
.compR_icon3{ background-image: url("../images/compR_icon3.png"); background-position: 0 53px;}
.compR_icon4{ background-image: url("../images/compR_icon4.png"); background-position: 0 53px;}
.compR li a:hover .compR_icon1{ background-position: 0 0;}
.compR li a:hover .compR_icon2{ background-position: 0 0;}
.compR li a:hover .compR_icon3{ background-position: 0 0;}
.compR li a:hover .compR_icon4{ background-position: 0 0;}
.end{ width: 100%; height: 188px; background: #333;}
.end_cn{ width: 1200px; height: 188px; margin: auto; padding: 40px 0; box-sizing: border-box;}
.endL{ width: 840px; color: #9b9b9b; line-height: 30px; margin: auto; text-align: center;}
.endL a{ color: #9b9b9b; padding: 0 10px;}