/* CSS Document */
*{padding: 0; margin: 0;}
body {  margin: 0 auto; overflow-x: hidden;  background: #e7e7e7; color:#5a5a5a; font:normal 14px/22px 微软雅黑;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#444;}
a:hover{text-decoration:none;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both; margin-top:50px;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}
.ft12{ font-size: 12px }
.wh{ color: #fff }
button,input{
    /*消除默认样式*/
    margin: 0px;
    padding: 0px;
    /*自定义边框*/
    border: 0px;
    /*消除默认点击蓝色边框效果*/
    outline: none;
}
/*顶部样式*/
.top{ height:40px; line-height:40px; color:#666; font-size:12px; background: #f4f4f4}
.top .sysc a img{ vertical-align: middle; padding:0 10px;}

/*LOGO*/
.header{ background:#fff; overflow:hidden; padding:7px 0;}
.header .topdh{ margin-right: 50px; margin-top: 15px;}
.header .topdh img{ width: 50px; height: auto; float: left; padding-top: 5px;}
.header .topdh span{ font-size: 40px;font-family: fantasy; padding-top: 20px; display: inline-block;}
.header .topewm img{ width: 88px; height: auto;}

/*导航栏*/
.menu{ background:#fff; border-top:1px solid #e6e6e6; height:50px; line-height:50px; position: relative; z-index: 9999;}
.nav_li{ float:left; width:133.33px;}
.nav_li a{ text-align:center; display:block; font-size: 15px;}
.nav_li a:hover,.nav .cur{ background:#ce2029; color:#fff;}
.cur a{  color:#fff;}
.cur{ background:#ce2029; color:#fff}
.showmenu{ background: #ce2029; padding: 10px 5px; display: none;}
.nav_li:hover .submenu{display:block;}
.submenu{background:#ce2029 none repeat scroll !important; /*实现FF背景透明，文字不透明*/
         background:#000; filter:Alpha(opacity=55);/*实现IE背景透明*/ overflow: hidden;z-index:999; display:none;}
.submenu_item { min-width:133.33px; }
.submenu_item a{ color:#fff !important; font-weight:100 !important; line-height:3em !important;}
.submenu_item a:hover{ color:#ce2029 !important; background:#ddd; filter:Alpha(opacity=55); background:rgba(255, 255, 255, 0.88) none repeat scroll !important; }

/*banner*/
.banner{ height:600px;}
.banner img{ height: 600px;}
.banner1{ height:300px;}
.banner1 img{ height: 300px;}

/*首页搜索*/
.posi{ position:relative; background: #F4F4F4; height: 107px}
.dh{ position:absolute; top:-50px; background:url(../img/ss_bj.jpg) repeat; padding:25px 40px; overflow:hidden; left:50%; margin-left:-600px; width:1120px;}

.search{ padding: 15px 0}
.search_box{ background:#fff; width: 323px; padding: 10px 20px; overflow: hidden;}
.search_k{ border: 2px solid #ce2029; width: 270px; color: #333; height: 19px}
.search_btn{ width: 40px; height: 23px; background-color: #ce2029!important; color: #fff; border: 2px solid #ce2029; line-height: 19px}
.search_btn:hover{ cursor: pointer; }

.key{ margin-top: 15px; color: #fff; font-size: 12px;}
.key a{ color: #fff; margin:0 7px }
.lxwm{ width: 560px}
.lxwm i{ background:url(../img/tel.png) left center no-repeat; height: 55px; width: 61px; margin-top: 28px; display: inline-block;}
.lxwm i:hover{ -webkit-transition:-webkit-transform 0.7s ease-out;-moz-transition:moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;-webkit-transform:rotateY(360deg);moz-transform:rotateY(360deg);transform:rotateY(360deg); }
.lxwm_cont{ line-height: 26px; margin-left: 30px; width: 280px; height: 105px}
.lxwm_cont span{ font-size: 16px;}
.lxwm_btn a{ width: 150px; line-height: 50px; font-size: 16px; border: 1px solid #fff; display: block; border-radius: 3px; margin-top: 30px}
.lxwm_btn a:hover{ background: #fff; color: #ce2029; border: 1px solid #fff; -o-transition-timing-function:ease-in;transition-duration:.2s;transition-timing-function:ease-in;}

/*首页公共样式*/
.tt h2{ font-size: 18px; color: #1A1A1A; font-weight: normal;}
.tt span{ text-transform: uppercase; color: #888888; font-size: 12px; font-family: 'Arial'}
.tt i{ background: url(../img/flxian.png) center no-repeat; height: 15px; display: block; margin: 5px auto}
.tt em{ font-style: normal; color: #888; padding: 10px 190px; display: block; line-height: 20px; font-size: 12px}

/*首页产品*/
.sycp{ background: #F4F4F4; padding:60px 0;}
.product_left{ margin-top: 60px}
.product_left ul{ width: 200px; height: 480px; background: url(../img/cpbj.png) center no-repeat;}
.product_left ul li a{ line-height: 80px; color: #fff; font-size: 16px; text-align: center; display: block;}
.product_left ul li a:hover,.product_left ul li.cur{ background:#ce2029;}

.product_right{ width: 970px; margin: 60px auto;}
.product_right li{ background-color: #fff; float: left; width: 220px; height: 220px; margin: 0 5px 15px 5px; padding: 5px; border: 1px solid #ccc;}
.product_right li:hover{ border-color: #1a1a1a;} 
.product_right .cpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 220px; height: 180px; overflow: hidden;}
.product_right .cpimg img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.product_right .cpimg img:hover{ transform: scale(1.4);}
.product_right .cptitle{ font-size: 16px; color: #666; text-align: center; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-family: "微软雅黑"; }
.product_right .cptitle:hover{ color: #1a1a1a;}

/*首页优势*/
.reason_bg{ background:#fff; padding-top: 40px; position: relative; height: 850px}
.reason h2{ font-size: 24px; color: #333; font-weight: normal; text-align: center; padding: 10px}
.reason .why{ text-align: center;}

.reason_s{ position: absolute; top: 240px; background: url(../img/youshi.jpg) top center no-repeat; height: 648px; width: 100%}
.reason_sh{ padding: 50px 0 }
.reason_txt{ text-align:right; margin:0 180px 20px 0 }
.reason_txt h2{ color: #fff; font-size: 24px }
.reason_txt span{ color: #F1C1C3; text-transform: uppercase; line-height: 30px; font-size: 12px; letter-spacing: 1px}
#tab_left{width:547px;height:380px;}
#tab_left li{margin-bottom: 20px; height:82px;display: block; padding-left: 80px; padding-right: 20px; overflow: hidden;}
#tab_left li p{display: block; font-weight: bold; padding-top: 20px;color: #000;}
#tab_left li a:hover{text-decoration: none;color: #000;}
#tab_left li span{ font-size: 12px }
#tab_left_1{ background: url(../img/1_ys.png) center no-repeat;}
#tab_left_1:hover{ background: url(../img/1_ys_h.png) center no-repeat; color:#fff;}
#tab_left_2{ background: url(../img/2_ys.png) center no-repeat; }
#tab_left_2:hover{ background: url(../img/2_ys_h.png) center no-repeat; color:#fff;}
#tab_left_3{ background: url(../img/3_ys.png) center no-repeat; }
#tab_left_3:hover{ background: url(../img/3_ys_h.png) center no-repeat; color:#fff;}
#tab_left_4{ background: url(../img/4_ys.png) center no-repeat; }
#tab_left_4:hover{ background: url(../img/4_ys_h.png) center no-repeat; color:#fff;}

/*首页关于我们*/
.about_bg{ background: url(../img/gy_bj.png) top center no-repeat; padding: 80px 0}
.about_cont{ overflow: hidden; margin-top: 50px }
.about_i{ width: 522px; height: 359px; background: url(../img/gy_xian.png) no-repeat; position: relative;}
.about_i .img{ width: 465px; height: 290px; position: absolute; top: 34px; z-index: 9999; left: 70px;}
.about_c{ width: 610px; line-height: 30px;}
.about_c a{ display: block; width: 150px; background: #ce2029; text-align: center; line-height: 43px; border-radius:3px; color: #fff; margin-top: 15px}
.about_c a:hover{ background:#1a1a1a; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}

/*首页中部联系*/
.ljzx{ background: url(../img/tel.jpg) top center no-repeat; height: 165px }
.zxnr{  margin: 30px 100px 10px 0;}
.zxnr span{ display: inline-block; width: 130px; height: 35px; line-height: 35px; text-align: center; border-radius: 10px; background-color: #fff; color: #666;}
.zxnr span:hover{ background-color: #ce2029; color: #fff;}
.zxnr h5{ color: #fff; font-weight: normal; padding: 10px 20px;}
.zxnr h2{ font-size: 20px; color: #fff; font-weight: normal;}

/*首页新闻动态*/
.newslist_bg{ padding:50px 0 20px; background: #fff }
.more1{ margin-left: -75px; left: 50%; text-align: center; color: #fff; width: 150px; background: #ce2029; position: absolute; bottom: 0; line-height: 43px; border-radius: 3px; }
.more1:hover{ background:#1a1a1a; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.newslist{ position: relative; }
.newslist_cont{ margin-top: 50px; overflow: hidden; height: 340px}
.newslist_img{ overflow: hidden; margin-bottom: 8px; background-image: url(../img/xinwen.jpg); width: 380px; height: 160px;}
.newslist_img img{ width: 100%; height: 100%; object-fit: cover;}
.newslist_img a{ display:inline-block; margin-right: 30px}
.newslist_img .mr{ margin-right: 0px; }
.newslist_s li{ width: 380px; margin-right: 30px }
.newslist_s li:last-child{ margin-right: 20px }
.newslist_s li a{ color:#333; font-weight: bold; display: block;}
.newslist_s li a:hover{ color:#ce2029;}
.newslist_s li i{ font-style: normal; font-size: 12px; line-height: 30px; display: block; color: #999;}
.newslist_s li span{ font-size: 12px }

/*地图留言*/
.maply{ height: 580px; background-color: #fff;}
.map{ float: left; width: 550px; padding-top: 50px;}
.map span{ width: 550px; height: 65px; background-color: #1a1a1a; display: inline-block; line-height: 65px; text-align: center; color: #fff;}
.liuyan{ float: right; width: 600px; margin-top: 50px;}
.nybd{ padding: 0 40px;}
.nybd table tr td{ border: none!important;}
.biaodan th{ font-size: 14px; color: #5a5a5a; font-weight: normal;}
.biaodan tr{ height: 70px;}
.biaodan .input-text { border: 1px solid #dedede; font-size: 12px; text-indent: 5px; height: 38px; line-height: 38px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;}
.biaodan textarea{ border: 1px solid #dedede; font-size: 12px; text-indent: 5px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.biaodan .button{ width: 250px; height: 45px; background-color: #ce2029; line-height: 45px; text-align: center; font-size: 16px; color: #fff; cursor:pointer;}
.biaodan .button:hover{ background-color: #1a1a1a; color: #fff;}
.biaodantu img{ max-width: 550px!important; max-height: 390px;}
input[type="button"], input[type="submit"], input[type="reset"] { border: 0; background-color: transparent; outline: none;}
#mapbox{ height:385px!important;}
#mapbox img{ width:auto; height:auto;}

/*首页友情链接*/
.friendlink{ background: #fff; line-height: 60px; width: 100%; min-width: 1200px;}
.friendlink span{  font-size: 16px;}
.friendlink a{ padding:0 20px; text-decoration: underline;}

/*底部版权*/
.footer_bg{ background: #1A1A1A; padding:35px 0 10px}
.navlist{ border-bottom: 1px solid #666; overflow: hidden;}
.navlist li{ line-height: 50px; width: 11%;}
.navlist li a{ display: block; text-align: center; color: #666 }
.navlist li a:hover{ color:#ce2029 }
.copyright{ margin-top: 40px }
.copy_f{ width: 820px; color: #6D6C6C; line-height: 28px; margin-top: 10px; font-size: 13px}
.copy_f a{ color: #6D6C6C; }
.qk{ margin: 18px 20px 0 0; width: 310px; height: 180px; overflow: hidden;}
.qk span{ color: #666; font-size: 12px; float: right; margin: 60px 10px 0 0;}


/*内页公共区域样式*/
.neiye{ overflow: hidden; position: relative; z-index: 1; margin-top: -25px;}
.position{ height: 50px; line-height: 50px; background: url(../img/mbx_2.jpg) bottom right no-repeat #fff; margin-bottom: 30px; padding-left: 15px}
.position a{ color: #5A5A5A }
.position .bg{ background: url(../img/mbx_1.jpg) left center no-repeat; padding-left: 15px}

.nypage{ background: #fff; overflow: hidden; padding: 30px 20px; margin-bottom: 30px}
.ny_cats{ overflow: hidden; text-align: center;}
.ny_cats ul{display: inline-block; overflow: hidden;}
.ny_cats li{ margin: 40px 5px;  float: left; padding: 15px 20px; font-size: 14px; background:#ce2029; border-right: 1px solid #eeeeee; text-align: center; color: #fff; overflow: hidden;}
.ny_cats .cur, .ny_cats .mc:hover{ background: #292929; color: #fff;}

.page_content{ padding-top: 20px; line-height: 2em;}
.page_content .tt{ font-size: 26px; font-weight: bold; color:#1a1a1a; line-height: 30px}
.page_content .date{ color: #999999; padding: 10px 0px; font-size: 13px;}
.page_content .desc{ margin: 20px 0; padding: 5px 10px; font-size: 12px; color: #868686; font-weight: normal; text-decoration: none; line-height: 18px; background: #F5F5F5; border: 1px solid #E5E5E5;}
.page_content img{ max-width: 1160px;}
.page_content table tr td{ padding: 10px; box-sizing: border-box;    border: 1px solid #ccc; }
.page_content table tr td img{ max-width: 100%; height: auto;}
.pre_next{ margin-top: 20px;}
.pre_next{ margin: 40px 20px 0;}
.pre_next a:hover{ color: #1a1a1a; text-decoration: underline;}

/*内页图片列表*/
.img_content{ width: 1160px; overflow: hidden;}
.img_list{ width:220px; padding: 15px; margin: 10px 19px; border:1px solid #e3e3e3; border-radius: 3px}
.img_list .img{ display: table-cell; overflow: hidden; text-align: center; width: 220px; height: 150px; vertical-align: middle;}
.img_list img{ max-width: 220px; max-height: 135px}
.img_list .img:hover img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3); }
.img_list a{ text-align: center; display: block; }
.img_list:hover{ border: 1px solid #ce2029; box-shadow: 0px 10px 30px 1px #dedede; -moz-box-shadow: 0px 10px 30px 1px #dedede; -webkit-box-shadow: 0px 10px 30px 1px #dedede; -o-box-shadow: 0px 10px 30px 1px #dedede;}
.img_list:hover > a{ color: #ce2029 }
.imgshow_content{ margin: 20px; line-height: 30px }
.imgshow_content table{ margin: 10px auto!important;}
.imgshow_content .img{ width: 100%; height: auto; text-align: center; margin: 20px 0;}
.imgshow_content img{ max-width: 800px; height: auto;}
.imgshow_content p{ font-family: 微软雅黑!important; font-size: 16px; line-height: 2em;}
.imgshow_content span{ font-family: 微软雅黑!important; font-size: 16px; line-height: 2em;}

/*翻页样式*/
#pre{margin-top:20px; padding-top:10px; font-size:14px; clear:both; text-align:right; margin-bottom:15px}
#pre a{ color:#ce2029;}
#pages {width: 100%;height: 50px;text-align: center;line-height: 50px;padding-top: 1px; clear:both;}
#pages a, #pages span {background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #666;font-size: 14px;}
#pages .page-num-current {background: #ce2029; color: #fff;border: #DDD solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}
#pages .disabled{ background: #eee; color: #c5bdbd;}

/*内页新闻列表*/
.news_list{ padding-top: 15px }
.news_list li{border-bottom: 1px solid #dedede;position: relative;padding-bottom: 36px;margin: 25px 45px; overflow: hidden;}
.news_list li img{float: left;}
.news_list li span{display: inline-block;background-color: #ce2029;color: #fff;text-align: center;padding: 5px;font-size: 16px;position: absolute;left: 0px;top: 0px}
.news_list li span b{font-size: 24px;}
.news_list li div{float: right;width: 960px;}
.news_list li div h3 a{font-size: 22px;color: #222222;margin-bottom: 6px;display: block;}
.news_list li div h3 a:hover{color: #ce2029}
.news_list li div p{ color: #777777;line-height: 22px;text-align: justify;}
.news_list li div .more{display: block;width: 108px;line-height: 30px;color: #7d7d7d;text-align: center;font-size: 12px;border-radius: 3px;margin-top: 15px;border: 1px solid #7d7d7d}
.news_list li:hover div .more{border-color: #1a1a1a;color: #1a1a1a;}
.news_list li:hover span{background-color: #1a1a1a;}
.news_content{ margin: 20px; line-height: 30px }
.news_content table{ margin: 10px auto!important;}
.news_content img{ max-width: 800px; margin: 10px auto!important; display: flex;}
.news_content p{ font-family: 微软雅黑!important; font-size: 16px; line-height: 2em;}
.news_content span{ font-family: 微软雅黑!important; font-size: 16px; line-height: 2em;}

.job_list li{border-bottom: 1px solid #dedede;position: relative;padding-bottom: 10px;margin: 25px 45px; overflow: hidden;}
.job_list li a{ float: left; width: 85%;}
.job_list li p{ float: right; width: 10%; text-align: right;}
.job_list li a:hover{ color: #db082a;}

/*内页联系我们*/
.lxwm_yc{ width: 560px; padding: 10px;}
.lxwm_yc p{ padding: 10px 0;}
.lxwm_zc{ width: 560px; float: left;}

/*悬浮客服*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#db082a url(../img/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#db082a url(../img/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#db082a url(../img/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#db082a url(../img/rightbar.png) no-repeat 0 -169px;}
.hd_qr{ display:block; width:120px; height:120px; margin:0 auto; margin-top:10px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*搜索页样式*/
.ny_sousuo{width: 1080px; height: auto; overflow: hidden; padding-bottom: 10px; margin: 12px auto; border-bottom:1px dashed #ccc;}
dl.nrydlt{height: 118px;overflow: hidden;width: 1080px; text-align:left}

dt{overflow: hidden;float: left; padding:0 15px;}
dl.nrydlt dt img { width: 135px;display: block; height:118px}
dl.nrydlt dt dd {float:right; overflow: hidden;}
dl.nrydlt dd .nrybt{ color: #333;font-size: 16px; font-weight:bold !important}
dl.nrydlt dd .nrybt:hover{ color:#ce2029;}
dl.nrydlt dd p {overflow: hidden; color:#676767; text-indent:0 !important}
dl.nrydlt dd a.nryxq { font-size: 12px; width: 83px; height: 24px; color: #ce2029;}
dl.nrydlt dd a.nryxq:hover{ font-weight:bold}