@charset "utf-8";
*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, .head, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-teht-size-adjust: 100%; -ms-teht-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#666666;  width: 100%; height: 100%; overflow: hidden;}
body{overflow-x:hidden}
article, aside, details, figcaption, figure, footer, .head, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong,i,em,b{ font-style:normal; font-weight:normal; }
img { border:0; display: block;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; teht-shadow: none; }
::selection { background: #ebb112; color: #fff; teht-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#666666; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { teht-decoration: none; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.bgf5f5f5{background: #f5f5f5;}
.w1200{ width:1200px; margin:0px auto;}
.w1260{ width:1260px; margin:0px auto;}
.w1300{ width:1300px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
.bg0{background: none !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.h150{height: 150px;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mb40{margin-bottom: 40px !important;}

input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 

input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 

input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} 



.white{color: #fff !important;}

.red{color: #a21f24 !important;}

.gray333{color: #333 !important;}

.gray999{color: #999 !important;}


.f12{font-size: 12px;}

.f14{font-size: 14px !important;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 26px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f36{font-size: 36px;}

.f38{font-size: 38px !important;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

.ml20{margin-left: 20px;}
.index-table{display: table;  height: 100%; width: 100%;}
.index-cell{display: table-cell;
    vertical-align: middle;

}


/*首页*/
.head{ width:100%; position:relative; background:#fff; border-bottom: 1px solid #e5e5e5;}
.head .toper{ width:100%; line-height:40px; position:relative;  }
.head .toper .right span{ display:block; float:left; color:#555555;}
.head .toper .right strong{ color:#555; display:block; float:right; overflow:hidden; padding-left:50px;}
.head .toper .right strong a{ color:#555; display:inline-block; padding:0 40px 0 25px; position: relative;}

.head .toper .right strong a:hover{ color:#e60012;}
.head .toper .right strong a.a1{background: url(../images/icon1.png) no-repeat center left;}
.head .toper .right strong a.a2{background: url(../images/icon2.png) no-repeat center left;position: relative;}
.head .toper .right strong a.a3{background: url(../images/icon3.png) no-repeat center left; }
.head .toper .right strong a:before{position: absolute; content: ""; width: 1px; height: 14px; right: 16px; top: 50%; margin-top: -7px; background: #888888;}
.head .toper .right strong .erweima{display: none; position: absolute; top: 41px; right: 0; z-index: 25; border: 1px solid #d8d8d8;}
.head .toper .right strong a.a3 b{font-size: 20px; color: #df0023;}


.index-nav{padding: 20px 0;} 
.index-nav .box{height: 55px; line-height: 55px ; display: flex; align-items: center; justify-content: space-between;}
.index-nav .logo{width: 380px;}
.index-nav .logo img{ max-width: 100%;}
.index-nav .nav{width: 750px; display: flex;}
.index-nav .nav li{ flex: 1; text-align: center; font-size: 16px;}
.index-nav .nav li a{color: #141418; transition: all 0.6s;}
.index-nav .nav li.on a{color: #df0023; }
.index-nav .nav li a:hover{color: #df0023; }


.banner{ position: relative;  width: 100%; height: 500px; overflow: hidden;}
.banner .prev{ display: block; position: absolute; left: 20px; top: 45%; font-size: 46px; color: #fff; 
z-index: 3; cursor: pointer; font-family: "新宋体"; width:50px; height: 100px;}
.banner .next{ display: block; position: absolute; right: 20px; top: 45%; font-size: 46px; color: #fff; 
z-index: 3; cursor: pointer; font-family: "新宋体"; width:50px; height: 100px; cursor: pointer;}
.banner .hd{ position: absolute; bottom: 20px; text-align: center; width: 100%; height: 10px; display: none;}


.quanwei{

        padding: 40px 0 20px 0;
    background: #f5f5f5; overflow: hidden;
}

 
.quanwei-list-common{width:300px;  margin-left: 20px;  float: left; text-align: center;  padding:  25px;display: inline-block; background: #fff; margin-bottom:30px; transition: all 0.3s;}
.quanwei-list-common:hover{ margin-top: -8px;box-shadow:0 15px 30px rgba(0,0,0,.1);}
.quanwei .w1260 .quanwei-list-common:nth-child(4n+1){ margin-left: 0px;}
.quanwei .w1260 .quanwei-list-common:nth-child(4):hover{ margin-top: -8px; margin-bottom:38px;}

.entries-item-info{    float: left;
    text-align: left;}
.entries-item-info>h5{font-size: 24px;    line-height: 44px;    font-weight: 400;    color: #333;}
.entries-item-info>span{    display: block; line-height: 17px;color: #666;}
.entries-item-banner{    float: right; height: 85px;margin-top: 5px;}
.entries-item-banner img {
    display: block;
    width: 60px;
    height: 60px;
}

.index-title{text-align: center; padding: 40px 0;}
.index-title h2{color: #141418; font-size: 34px; margin-bottom: 35px;}
.index-title p{font-size: 18px; color: #666666; margin-top: 15px;}
.index-title p a{padding: 10px 30px; border:1px solid #E62129; border-radius: 15px;}
.index-title p span{ margin: 0 5px;}
.index-title p a:hover{color: #fff; background: #E62129;}

.index-pro{ padding: 65px 0;}
.index-pro>table{border-left: 1px solid #e0e0e0;}
.index-pro table{border-collapse:collapse;}
.index-pro table tr{border-bottom:  2px solid #e0e0e0;}
.index-pro table tr th{background: #6c6969; text-align: center; height: 60px; border-left: 1px solid #ffcccc; font-weight: normal; color: #ffffff; font-size: 16px;}
.index-pro table.top-table:first-of-type{text-align: center; background: #f5f5f5; font-size: 18px; border-left: none;}
.index-pro table.top-table tr td { border-left: 1px solid #e0e0e0;}
.index-pro table.top-table tr td:first-child{ border-left: none;}
/* padding: 0 15px; */
.index-pro table.top-table tr td p{ box-sizing: border-box; line-height: 30px;}
.index-pro table.top-table tr td p:nth-child(2n){background: #f5f5f5; }
.index-pro table.top-table tr td p img{display: inline-block; vertical-align: middle; margin-right: 5px;}

.index-pro table tr td .p{padding: 0 15px; box-sizing: border-box; line-height: 40px;}
.index-pro table tr td .p:nth-child(2n){background: #f5f5f5; }
.index-pro table tr td .p img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.index-pro table.top-table .p{font-size:14px;}
.index-pro table.sc-table tr td{padding: 0 15px; box-sizing: border-box; }

.onePro{ width: 204px;}
.twoPro{ width: 314px;}
.therePro{ width: 542px;}
.fourPro{ width: 200px;} 

/* .index-pro table.sc-table tr td:nth-child(2n){background: #f5f5f5; } */
.index-pro table.sc-table{background:#fff;}
.index-pro table.sc-table td{border:none !important;border-right: 1px solid #e0e0e0 !important;}
.index-pro table.sc-table tr{border:none !important;}
/* .sc-table .sc-td-lf p{line-height:50px !important;} */
/* .index-pro table.sc-table .prodel{border-bottom: 1px solid #e0e0e0 !important; } */
/* .index-pro table.sc-table .prodel td img{margin-left:-25px;} */
.index-pro table.sc-table .prodel td{padding-left:20px;}
.index-pro table.sc-table .prodel .prodel-rt{border-right:none !important;padding-left:20px; text-align: center;line-height: 50px;}
.index-pro table.sc-table .prodel .prodel-rt a{color:#df0023;}
.index-pro table.sc-table .prodel .prodel-rt img{width: 34px;margin-right:5px;}
.index-pro table.sc-table .p{padding: 0 15px; box-sizing: border-box; line-height: 40px; text-align:left;}
.top-table .top-td-name{ color:#df0023;font-size:24px; line-height: 30px;  box-sizing: border-box;}
.top-table .top-td-name div{color:#df0023; margin: 0 auto; font-weight:bold; font-size:16px; padding:10px 0; line-height: 30px;}
/* .index-pro table.sc-table .sc-table-tab{background:#fff;} */
.index-pro table.sc-table .p:nth-child(2n){background: #f5f5f5 !important; }
.index-pro table.sc-table .p img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.index-pro table.sc-table .sc-table-tab td{border-left: 1px solid #e0e0e0;}
/* .index-pro table.sc-table .sc-table-tab tr:nth-child(2n+1){background: #f5f5f5; } */
/* .index-pro .pro-con:nth-child(3) .top-table .top-td-name div{ height: 220px !important;} */
/* .index-pro .pro-con:nth-child(4) .top-table .top-td-name div{ height: 300px !important;} */
/* .index-pro .pro-con:nth-child(5) .top-table .top-td-name div{ height: 300px !important;} */
/* .index-pro .pro-con:nth-child(11) .sc-table-tr p{ height: 80px !important;} */
/* .index-pro .pro-con:nth-child(12) .top-table .top-td-name div{ height: 300px !important;} */
.pro-con{table-layout: fixed}
.poster-txt{position: relative;overflow: hidden;transition: height 0.24s;}
/*  height: 1454px; */

.poster-txt.xg:after{content: "";position: absolute;bottom: 0;display: block;width: 100%;height: 40px;background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), #fff);background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), #fff);background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);}

.poster-btn{      outline: none;
    /* display: block; */
    width: 20%;
    margin: 10px auto;
    color: #141418;
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
    border: 2px solid rgb(223,0,35);
    border-radius: 6px;
    padding: 10px 0;
	cursor: pointer;
	margin-top: 15px;
}
.poster-btn a{display: block;}
.poster-btn i {
    display: block;
    color: green;
    font-size: 23px;line-height: 16px;}
.current-menu {content: '';display: block; 	cursor: pointer;margin-top: 30px;}

        @-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(10px);}
         50%, 100% {-webkit-transform: translateY(0);}
         75% {-webkit-transform: translateY(-10px);}
        }
 
        @keyframes bounce-up {
         25% {transform: translateY(10px);}
         50%, 100% {transform: translateY(0);}
         75% {transform: translateY(-10px);}
        }
		.animate-bounce-up{ -webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}




.index-case{background: url(../images/bg1.jpg) no-repeat center top; height: 762px; background-size: cover;}
.louc-list{margin-bottom: 30px; border-top: 1px solid #dddddd;}
.louc-list .left{width: 400px; border: 1px solid #dddddd; background: #ffffff; border-top: none;}
.louc-list .left .img{width: 100%; height: 280px;}
.louc-list .left .img img{display: block; width: 100%; height: 100%;}
.louc-list .left .text{padding: 20px; box-sizing: border-box; height: 279px; }
.louc-list .left .text h2{font-size: 20px; color: #141418; font-weight: bold; padding: 15px 0;}
.louc-list .left .fenlei{height: 95px; overflow: hidden; width: 100%;}
.louc-list .left .fenlei a{ margin-right: 10px;}
.louc-list .left .more{width: 135px; height: 40px; line-height: 40px; background: #ffffff; border: 1px solid #d8d8d8; text-align: center; margin-bottom: 20px; margin-top: 10px; transition: all 0.6s;}
.louc-list .left .more a{font-size: 14px; color: #666666;transition: all 0.6s;}
.louc-list .left .more:hover{background: #e62129;}
.louc-list .left .more:hover a{color: #ffffff;}
.louc-product{width: 860px; background: #ffffff;}
.louc-product li{float: left; width:calc(100%/3); width: -moz-calc(100%/3); width: -webkit-calc(100%/3);  height: 280px; text-align: center; margin: 0 auto; border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.louc-product li .img img{display: block; margin: 0 auto;width: 200px; height: 200px; padding: 10px; box-sizing: border-box;}
.louc-product li .text{width: 100%;}
.louc-product li .text h2{color: #141418; font-size:16px ;}
.louc-product li .text p{color: #666666;font-size:14px;line-height: 20px;padding: 0 10px;}
/* .louc-product li .text p{color: #e62129; font-size:18px ;} */
.louc-product li .text:hover h2{color: #e62129;}


.z_content .louc-product{width: 982px; background: #ffffff;border-top: 1px solid #dddddd; margin-top:20px;}
.z_content .louc-product li{float: left; width:calc(100%/4); width: -moz-calc(100%/4); width: -webkit-calc(100%/4);  height: 280px; text-align: center; margin: 0 auto; border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.z_content .louc-product li:nth-child(4n+1){border-left: 1px solid #dddddd;}
.news-tab-nav{display: flex; background: #f7f7f7;}
.news-tab-nav li{flex: 1;
display: flex;
align-items: center;
justify-content: center; height: 70px; line-height: 70px; text-align: center; font-size: 22px; cursor: pointer;}
.news-tab-nav li.on{background: #df0023; color: #ffffff;}


.news{ overflow: hidden;display: flex;  display: -moz-box; flex-wrap: wrap; margin-bottom: 60px; }
.news li{ width: 50%; margin-top: 40px; }
.news li .item{ display: flex;  display: -moz-box;}
.news li .item .news-img{ display: flex; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.news li .item .news-img img{ width: 250px; height: 160px;}
.news li .item .wenzi{ width: 360px; -webkit-box-flex: 1; -mos-box-flex:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 15px;}
.news li .item .wenzi h2{ overflow: hidden; color: #141418; line-height: 35px; font-size: 18px; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap;}
.news li .item .wenzi p{ margin-top: 20px; color: #888888; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news li .item .wenzi span{margin-top: 10px; display: block; color: #888888; font-size: 14px;}

.index-youshi{display: flex;}
.index-youshi .div1{ text-align: center; color: #ffffff; width: 50%; height: 360px;}
.index-youshi .div2{  text-align: center; color: #ffffff; width: 50%; height: 360px;}

.index-youshi p{font-size: 36px; margin-bottom: 20px; line-height: 40px;}
.index-youshi a{display: block; width: 225px; height: 55px; line-height: 55px; color: #ffffff; text-align: center; 
 margin: 50px auto 0; border: 1px solid #ffffff; transition: all 0.6s; font-size: 15px;}
.index-youshi a:hover{background: #ffffff; color: #141418;}


/*footer*/
.index-footer{background: #ffffff;}
.index-footer .foot{ width:100%; overflow:hidden; }
.index-footer .foot .logo{padding: 40px 50px 0 0;}
.index-footer .foot .logo img{margin-bottom: 20px;}
.index-footer .foot .logo p{color: #666666;}

.footLogo{ max-width: 300px;}


/*.index-footer .foot .logo h3{color: #141418; font-size: 26px; font-family: arial; margin-bottom: 10px;}*/
.index-footer .foot .wenzi{ overflow:hidden; color:#141418; padding-right:95px;}
.index-footer .foot .wenzi h2{ color:#df0023; font-size:20px;}
.index-footer .foot .wenzi span{display: block; width: 20px; background: #ffffff; height: 2px; margin: 20px 0;}
.index-footer .foot .wenzi figure{ overflow:hidden; padding-top:20px;}
.index-footer .foot .wenzi figure a{ line-height:34px; color:#666666; font-size: 14px; display:block;}
.index-footer .foot .wenzi figure a:hover{ color:#df0023;}
.index-footer .foot .what{ overflow:hidden;}
.index-footer .foot .what strong{ display:block; float:left; padding:0 25px; text-align:center;}
.index-footer .foot .what strong img{ display:block; width:130px;}
.index-footer .foot .what strong span{ display:block; color:#fff; font-size:16px;}
.index-footer .foot .lian{ overflow:hidden; text-align:center;}

.index-footer .weibu{ width:100%; overflow:hidden; padding:20px 0; color:#141418; background: #eeeeee;}
.index-footer .weibu span{display: inline-block;}
.index-footer .weibu span a{color: #141418; margin: 0 10px;}


.index-footer .right{ border-left: 1px solid #d8d8d8;  padding: 40px 0 40px 70px;}

/* 子页面 */
.page-banner{width:100%;height:auto;}
.page-banner img{display: block; width:100%;}
.page-nav{background: #A21F24;}
.page-nav .top_nav a{color: #ffffff;}



/*当前位置*/
.position-weizhi{padding: 25px 0; color: #666666; border-bottom: 1px solid #e0e0e0; box-sizing: border-box;}
.position-weizhi img{display: inline-block; vertical-align: sub; margin-right: 10px;}
.position-weizhi a{color: #666666;}
/*二级*/
.column{ width:100%; overflow:hidden; position:relative; z-index:90; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); background:#fff;}

.position-weizhi .lanmu{ overflow:hidden;}
.position-weizhi .lanmu li{ float:left; padding-right:50px; overflow:hidden;}
.position-weizhi .lanmu li a{ font-size:16px;}
.position-weizhi .lanmu li.on a{ color:#c11820;}


.z_main{border-bottom: 1px solid #d8d8d8;}
.z_main_son{ padding: 40px 0;}
.z_main_left{width: 240px; margin-bottom: 2em;  box-sizing: border-box;}
.sidebar{ width:240px; margin-right:30px;  margin-bottom: 2em;}
.sidebar_title{ width:100%;  padding-top:30px; padding-bottom: 30px; background:#df0023; text-align:center; color:#ffffff; border-bottom:1px solid #ffffff;}
.sidebar_title h2{ font-size:24px; font-weight:normal; }
.sidebar_title P{  text-transform: uppercase;font-size: 13PX; }
.i-menu{border: 1px solid #df0023; border-top: none;}
.i-menu li a{display:block; height:50px; overflow:hidden; line-height:50px; font-size:15px; transition: all 0.5s; background:url(../images/i-menu.jpg) no-repeat 0 -51px; padding-left:15px; margin-bottom:1px;}
.i-menu li a:hover {font-weight:bold; color:#ffffff; background:url(../images/i-menu.jpg) no-repeat 0 0px;}
.z_main_left_case{width: 240px;  background: #ffffff;  margin-bottom: 2em; }

.i-menu li{position: relative; border-bottom:1px solid #f8d1d7;}
.i-menu li .item-list{position: absolute; display: none;  top: 0;width: 100%; box-sizing: border-box;  background: #fff; padding: 10px; border: 1px solid #df0023; position: absolute; left: 238px;  top: 0;   z-index: 25;}
.i-menu li .item-list li { margin-right: 10px; height: 35px; line-height: 35px; border-bottom: none;}
.i-menu li .item-list li a{height: 35px; line-height: 35px; transition: all 0.5s;}
.i-menu li:hover .item-list{display: block;}
.i-menu li .item-list .item-list li a{background: none; padding-left: 0;color: #666666; font-weight: normal;}
.i-menu li:hover .item-list li a{background: none; color: #141418;}


.Contact_tel{text-align: center; padding: 10px; box-sizing: border-box;border: 1px solid #df0023; border-top: none; }
.Contact_tel h1{line-height: 33px;}
.Contact_tel h1 b{font-size: 22px;color: #df0023; font-weight: bold; font-family: arial;}
.Contact_tel p{line-height: 40px; border-bottom: 1px dashed #d8d8d8; padding: 5px 0;}
.Contact_tel p:last-child{border-bottom: none;}



/*点击页面*/
.displayTitle {margin: 20px auto;}
.displayTitle h2{ font-size:23px; font-weight:normal; color:#333333; text-align: center;}
.dianji_num{ font-size:15px; color:#666666; margin:23px auto; text-align: center; height: 33px; line-height: 33px;}
.dianji_num .clearfix{text-align: center; margin: 0 auto 0 100px;}
.dianji_num span{display: inline-block; margin-right: 20px; }
.displayMain{  margin-top:20px;  line-height:30px; overflow:hidden;}
.displayMain p{ font-size:15px; color:#666666; text-align:left; margin-bottom: 5px;}
.displayMain img{ margin:20px auto; display: block; max-width: 100%;}
.share{ border-top:1px dotted #cccccc; margin-top:40px; margin-bottom:20px; padding-top:25px;}
.share_l{ width:560px; color:#666666;}
.share_l li{ height:35px; line-height:35px; overflow:hidden; margin-right: 1em;}
.share_l li a{ color:#666666; font-size:16px;}
.share_l li a:hover{ color:#172a7e;}
.share_r{ margin-top:10px;}
.share_r span a{ background:#EDEDED; width:100px; height:45px; color:#666666; display:block; text-align:center; line-height:45px; font-size:16px;}


/* 产品 */
.z_product{margin: 20px auto;}
.z_product li{float: left; width: 483px; transition: all 0.5s; height: 290px; overflow: hidden; padding: 15px; margin-left: 15px; box-sizing: border-box; margin-bottom: 30px; background: #f5f5f5;}
.z_product li .img{width:170px; height: 170px; margin-right: 15px; overflow: hidden; border: 2px solid #df0023;}
.z_product li .img img{display: block; width: 100%; height: 100%;}
.z_product li h2{color: #141418; font-size: 16px; font-weight: bold;}
.z_product li:nth-child(2n-1){margin-left: 0;}
.z_product li:hover{background: #ffffff;  -webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0;}
.z_product li.pro-pic{width:315px;height: 300px; padding: 0;}
.z_product li.pro-pic:nth-child(2n-1){margin-left: 15px}
.z_product li.pro-pic:nth-child(3n+1){margin-left: 0 !important;}
.z_product li.pro-pic .img{width:100%; height: 250px; margin-right: 15px; border:none; overflow: hidden; }
.z_product li.pro-pic h2{color: #141418; font-size: 16px; line-height:50px; font-weight: normal; text-align:center;}
/*分页*/
.i-page{height:41px; overflow:hidden; text-align:center; margin-top:25px; margin-bottom: 55px;}
.i-page a{display:inline-block; height:39px; overflow:hidden; line-height:39px; font-size:14px; color:#666666; border:1px solid #bebebe; padding:0 15px; margin-right:-1px;}
.i-page span{ background:#df0023; color:#ffffff; display:inline-block; height:39px; overflow:hidden; line-height:39px; font-size:14px; border:1px solid #bebebe; padding:0 15px; margin-right:-1px;}
.i-page a:hover{text-decoration:none; background:#df0023; color:#ffffff;}
.i-page .current{color:#ffffff; background:#df0023; }



.z_content .xinwen2{width: 100%; padding: 0;}
.z_main_right{ width:78%; background:#ffffff; margin-bottom: 50px;}
.z_main_title{ height:60px; line-height:60px; border-bottom:1px solid #E6E6E6;}
.z_main_title h2{ padding:0 20px; font-size:20px; color:#141418; font-weight:normal; float:left; }
.z_main_title .location{ margin-right:15px;}
.z_main_title .location a{ font-size:15px; margin:0 5px;}

.z_main_title h3{ display:block; float:right; overflow:hidden;}
.z_main_title h3 a{ padding:0 6px; font-size: 14px;}
.z_main_title img{ display: inline-block; vertical-align: middle; }


.z_content .z_about{color:#666666; font-size:15px; line-height:30px;}
.z_display{padding-top: 10px;}
.z_content .news li{width: 100%; transition: all 0.6s; border-bottom: 1px solid #d9d9d9; margin-top: 30px; padding-bottom: 30px;}
.z_content .news li .item .wenzi{width: 80%;}
.z_content .news li .item .wenzi p{margin-top: 10px;}
.z_content .news li .item .wenzi i{ transition: all 0.6s; display: block; margin-top: 10px; width: 140px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d8d8d8;}
.z_content .news li:hover .item .wenzi i{background: #df0023; color: #ffffff;}

.z_product2{margin: 0;}
.z_product2 li{width: 100%; height: auto; background: none;}
.z_product2 li .text{width: 60%;}
.z_product2 li .img  { width: 350px; height: 350px;}
.z_product2 li .text h2{font-size: 22px; margin-bottom: 10px; margin-top: 10px;}


.z_product2 li .text dl{width: 100%;display: block;margin-top: 20px;}
.z_product2 li .text dl dd {   display: inline-block;   float: left;   margin-right: 15px;}
.z_product2 li .text dl dd a {   display: block;    font-size: 16px;   color: #fff;   padding: 0 40px;   line-height: 40px;   background: #1ca45d;}
.z_product2 li .text dl dt{position: relative;}
.z_product2 li .text dl dt em {   display: none;   position: absolute;   bottom: 6px;   width: 160px; left: 159px;}
.z_product2 li .text dl dt a.weixin {  position: relative;   border: none;    display: block;    display: inline-block;    float: left;    padding: 0 40px;    line-height: 40px;    background: #df0023; 
  font-size: 16px;   color: #fff;    cursor: pointer}
.shang-info-tel{font-size: 18px; margin: 30px auto;}
.shang-info-tel b{color: #df0023; font-size: 26px; font-weight: bold;  font-family: arial; }

.shang-info-bottom{width: 100%; margin: 0 auto 50px;}
.shang-info-bottom .bati{background: #f9f9f9; height: 45px; line-height: 45px; margin-bottom: 20px;}
.shang-info-bottom .bati i{display: block; background: #df0023; width: 140px; text-align: center; color: #ffffff; font-style: normal; font-size:16px;}

.I_contact_form { width: 100%; box-sizing: border-box;margin-top: 40px; font-size:15px;}
.I_contact_form .text{border: 1px solid #d8d8d8; width: 100%;  padding-left: 10px; font-size:15px; height: 45px; line-height: 45px; text-indent: 5px;  color: #666666; margin-bottom: 22px;}
.I_contact_form .form1{width: 40%; }
.I_contact_form .form2{width: 58%; height: 178px; border: 1px dashed #d8d8d8; text-indent: 5px;padding-top: 10px;}
.I_contact_form .form2 textarea{font-size:15px;}
.I_contact_form .form3 .text{margin-bottom: 0px; transition: all 0.6s; background: #df0023;color: #ffffff; cursor: pointer;}
.I_contact_form h2{color: #141418; font-size: 20px; font-weight: bold; margin-bottom: 30px;}


.map-list{width:99%;margin:0 auto; margin-bottom:20px; }
.map-list h2{width:100%; font-size:18px; line-height:30px; }
.map-list h2 i{width:5px; display:block;float:left; height:25px; background:#df0023;margin-right:10px; }
.map-list h2 a{ font-size:18px; line-height:30px;color:#000;}
.map-list .map-ul{ width:100%;height:50px; margin-top:15px; border-bottom:1px solid #e0e0e0;}
.map-list .map-ul li {float:left; line-height:35px;}
.map-list .map-ul li a{  display:block; line-height:35px; padding:0 10px;}


.search_field {	 margin: 40px auto 0;
	width: 100%;
	height: 70px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.search_field .container {	max-width: 800px;	margin: 0 auto;}
.search_field form {position: relative;}
.search_field form input {width: 100%;	height: 55px; border: 1px solid #df0023;	background-color: #ffffff;	color: #262626;	font-size: 17px;	padding: 0 30px;		box-sizing: border-box;	border-radius:45px;}
.search_field form button {position: absolute;	top: 5px;	right:5px;	background-color: inherit;	border:0; background: #df0023; width: 100px; height: 45px; border-radius:45px;}
.close-search {	position: absolute;	top: 55px;	right: 70px;	color: #c6c7ca;	font-size: 40px;}
.close-search:hover {color: #c6c7ca;}
.search_field form button img{margin: 0 auto;}

.linkcon{  overflow:hidden;margin:0 auto;height:40px;margin-top: 20px;}
.foot-link{margin:0 auto;}
.foot-link .hd{ width:90px; float:left; overflow:hidden;}
.foot-link .hd h1{ font-size:16px; font-weight: normal; display: block;}
.foot-link .bd{width:900px !important; height:14px; line-height:14px;  overflow:hidden; zoom:1; float:left; margin-top: 8px; }
.foot-link .bd .tempWrap{ width:900px !important; height:14px;}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.foot-link .bd ul{ overflow:hidden; zoom:1; }
.foot-link .bd ul li{height:14px; line-height:14px; border-right:1px #a8a8a8 solid; padding:0 20px; float:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.foot-link .bd ul li a{ color:#888; font-size:14px;height:14px; line-height:14px;}
.foot-link .bd ul li:hover a{ color:#006960;}


.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.block{  display: block;}

.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}

.pt-40{ padding-top: 40px;}
.pb-40{ padding-bottom: 40px;}
.posi{ position: relative;}
.radius50{ border-radius: 50%;}


.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.block{  display: block;}

.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}

.font20 {font-size: 20px; }
.font16{ font-size: 16px;}
.font14 {font-size: 14px;} 
.font12{ font-size: 12px;}
.font30{ font-size: 30px;}
.font-weight{ font-weight: bold;}
.text-uppercase{ text-transform: uppercase;}
.ml-20{ margin-left: 20px;}
.ml-15{ margin-left: 15px;}

.prosubNav{ margin-bottom: 50px;}
.prosubNav a{ background: url(/static/home/images/xyfn.png) no-repeat bottom right #FFF ; width: 12.4%; position: relative; padding:10px 25px  ; margin: 0 10px; border-radius: 5px; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.prosubNavIcon{ margin-right: 10px; height: 24px;filter: grayscale(100%) brightness(500%);  }
.prosubNav .round{ width: 50px; height: 50px; border: 1px dashed #e11232; }
.prosubNav .round::after{ transition: all .36s; width:80%; height: 80%;top: calc(10% - 1px); left: calc(10% - 1px); border: 1px dashed #e11232; position: absolute; display: block; content: '' ; border-radius:50% ; }
.prosubNav .round::before{ transition: all .36s; width:80%; height: 80%;top: calc(10% - 1px); left: calc(10% - 1px); background: rgba(255, 255, 255, .28); transform: scale(0); position: absolute; display: block; content: '' ; border-radius:50% ; }
.prosubNav .round .idxProIcon{ height: 36%;}
.prosubNav a:hover{background: url(/static/home/images/xyfn-white.png) no-repeat bottom right #e11232; color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
.prosubNav a:hover .engTit,.prosubNav:hover .more{  color: #fff;}
.prosubNav a:hover .more .iconfont{ font-size: 24px;  color: #fff;}
.prosubNav a:hover .round{  border: 1px dashed rgba(255, 255, 255, .28); }
.prosubNav a:hover .round::after{ border: 1px solid transparent;}
.prosubNav a:hover .round::before{ transform: scale(1);}
.prosubNav a:hover .round .idxProIcon{filter: grayscale(100%) brightness(500%); }

.text-nowrap{ white-space: nowrap;}

@media screen and (max-width:1440px) {
    /* 60 */
	.w1260 .index-pro { width:1200px; margin:0 auto; }

 
    .onePro{ width: 194px;}
    .twoPro{ width: 294px;}
    .therePro{ width: 522px;}
    .fourPro{ width: 190px;} 
 
     
}