/* CSS Document */
.inbt{background: url('../images/index_03.png') no-repeat center 90px;margin:40px auto 20px;}
.index1_p{ color:#000; font-size:36px; text-align:center; margin-top:0px; line-height:45px;}
.index1_pp{ color:#666666; font-size:16px;letter-spacing: 20px; text-align:center; line-height:25px; margin-bottom:35px;}

.incom{ overflow:hidden;}
.intrbodybg{width: 1200px;height: 450px;background: url(../images/comintrimg.png)no-repeat 0;}
.toptitle{width: 46%;margin-left: 40px;border-bottom: 1px solid #dedede;padding-bottom: 37px;}
.toptitle>div:first-child{color: #c2c0c0;font-size: 40px;padding-top: 40px;}
.toptitle>div:last-child{color: #c71219;font-weight: bold;font-size: 22px;}
.intrcon{width: 50%;float: left;}
.intrcon>div{color: #525353;font-size: 14px;}
.intrtext{margin-top: 20px;line-height: 28px;margin-left: 40px;}
.intrtext>p:nth-child(2){height: 10px;}
.aboutusmore{width: 125px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: white;margin-left: 40px;margin-top: 30px;	background: #c71219;}
.aboutusmore a{color: white;}
.imgpart1{width: 500px;height: 412px;float: right;margin-top: -121px;margin-right: 25px;}
.imgpart1>img{width: 500px;max-height: 412px;margin-top: -8px;}

.sy_news{ margin:50px 0;}
.container { width: 1200px; margin: 0 auto; }
.fr {float: right !important;}
.img-news-l{ width:45%; float:left; margin-bottom:30px;}
.img-news-l .imgnews-list{ width:100%;}
.img-news-l .imgnews-list li{width:100%;position: relative; height: 330px;}
.img-news-r{ width:50%; float:right; margin-bottom:30px;}
.img-news-r .imgnews-list li{transform: translateY(100%); width: 100%; float: right; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; padding: 8px 0; }
.imgnews-list li .time{ display: inline-block; line-height: 30px; float: right; color: #999; font-size: 12px; position: relative; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.imgnews-list li .iconfont{ display: inline-block; line-height: 30px; float: right; color: #fff; color: #c4261d; font-size: 13px; position: relative; right: 35px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: 0; }
.imgnews-list li:hover .iconfont { right: 0; opacity: 1 }
.imgnews-list li:hover .time { right: 15px }
.imgnews-list li .date{ text-align:center;float: left;}
.imgnews-list li .date .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #fff; color: #999;}
.imgnews-list li .date .year { color: #fff; color: #999; position: relative; display: block }
.imgnews-list .item-1 { width: 40%; float: left; padding: 0; border: none; opacity: 1; transform: none; }
.imgnews-list .item-1 .text{background:rgba(196, 38, 29, 0.78);padding:18px 20px 0 40px;height: 120px;overflow:hidden;position: relative;top: 193px;}
.imgnews-list .item-1 .text .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #fff; }
.imgnews-list .item-1 .text .year { color: rgba(255, 255, 255, 0.6); position: relative; display: block }
.imgnews-list .item-1 .text .content { color: #fff; width: 75%; float: right }
.imgnews-list .item-1 .text .content h3 { color: #fff; line-height: 30px;font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) ;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.imgnews-list .item-1 .text .content h3 a{ color:#fff;font-weight: bold; font-size: 15px;}
.imgnews-list .item-1 .text .content p { color: rgba(255, 255, 255, 0.7); padding-top: 15px;font-size: 12px;}
.imgnews-list .item-1 .img {overflow: hidden;max-height: 330px;position: absolute;width: 540px;text-align: center;}
.imgnews-list .item-1 .img img { -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: .78;max-height: 330px;max-width: 540px; }
.imgnews-list .item-1:hover { -webkit-box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); padding: 0 }
.imgnews-list .item-1:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 1 }
.imgnews-list .item-2 { margin-bottom:10px; border: none !important }
.imgnews-list li.item-other b.title{transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; display:inline-block; font-weight:normal;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:70%; font-size:14px;}
.imgnews-list li.item-other:hover b.title {color: #c4261d; padding-left:1.5%;}
.imgnews-list .item-2 .text { float: left; width: 80%;transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; }
.imgnews-list .item-2:hover .text{padding-left:1.5%;}
.imgnews-list .item-2 .text h3 { width: 100%; padding-bottom: 15px; border-bottom: 1px solid; border-color: #fff; border-color: #f2f2f2; font-size: 16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.imgnews-list .item-2:hover .text h3{ color:#c4261d;}
.imgnews-list .item-2 .text p { margin-top: 15px;  color: #999; font-size: 13px; line-height: 26px; height: 52px; overflow: hidden }
.btn-more { clear:both;border: 1px solid; color: #fff; color: #c4261d; display: block; width: 110px; text-align: center; margin: 30px auto 0; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; height:30px; line-height:30px; }
.btn-more:hover {background: #c4261d;color: #fff;border-color: #c4261d; text-decoration: none; }
.iconfont{display:inline; width:10px; height:17px;font: normal normal normal 14px/1 FontAwesome;}
.iconfont::before{display:inline; content:"\FF1E"; width:10px; height:17px;}

.inPeoduct_List ul li{ float: left; width: 24%; height: 440px; margin: 4px; background-color: #e5e5e5;}
.inPeoduct_List ul li .listImg{ margin: 10px;  height: 290px; background-color: #FFFFFF; display: table; width: 268px;}
.inPeoduct_List ul li .listImg a{text-align: center;    align-content: center; vertical-align: middle; display: table-cell;}
.inPeoduct_List ul li .listImg img{ max-width: 268px; max-height: 290px;}
.inPeoduct_List ul li p{ text-align: center;font-size: 15px; line-height: 25px;overflow: hidden;height: 52px;padding: 0px 5px;display: grid;align-items: center;}
.inPeoduct_List ul li span{ display: block; text-align: center; color: #999; margin-bottom: 10px;font-size: 12px;}
.inPeoduct_List ul li a.aa{display: block; float: left; width: 100px; height: 40px; margin-left: 11%; color:#fff;line-height: 40px;text-align: center;}
.inPeoduct_List ul li a.proZX{ background:#000 url(../images/inZXBJ.png) no-repeat center;}
.inPeoduct_List ul li a.proLJ{ background:#c71219 url(../images/inLJXQ1.png) no-repeat center;}
.inPeoduct_List ul li:hover{ background-color: #c71219;}
.inPeoduct_List ul li:hover p,.inPeoduct_List ul li:hover span{ color: #FFFFFF;}
.inPeoduct_List ul li:hover a.proLJ{ background:#fff url(../images/inLJXQ2.png) no-repeat center; color:#333;}

.newsCon{ margin: 40px auto 20px; width: 1200px; height:460px;overflow: hidden;}
.newsList{ width: 586px;}
.newsProblem{ margin: 20px auto; width: 1220px; height: 290px; background: url(../images/newsProblemBG.png) no-repeat center top;}
.newsTit{ width: 100%; height: 46px; background-color: #EEEEEE;}
.newsTit p{ float: left; width:300px; height: 46px; background-color: #fff; border-left: 5px solid #cb0e16;}
.newsTit p span{ display: block; margin-left: 30px; padding: 10px 0; font-size: 20px; font-weight: bold;float: left;}
.newsTit p i{ display: block; text-indent: 10px;text-transform: uppercase;line-height: 46px;color: #a9a9a9;}
.newsTit a{ float: right;line-height: 46px;margin-right: 20px;}
.newsUl1{ width: 552px; margin: 10px auto;}
.newsUl1 li{ width: 100%; display: inline-block;}
.newsUl1 li div{ border-bottom: 1px solid #CCCCCC;}
.newsUl1 li a{ text-decoration: none; color: #000000;}
.newsDiv1 h1,.newsDiv2 h1{ float: left; width: 100px; padding-top: 18px; font-size: 26px; text-align: center; font-weight: 100;}
.newsDiv1 p,.newsDiv2 p{ float: right; width: 430px; padding-top: 10px; font-size: 15px; line-height: 25px;}
.newsDiv2 h1 i{ font-style: normal; font-size: 18px; line-height: 40px;}
.newsDiv2 p{ font-weight: bold; font-size: 16px;}
.newsDiv2 p em{ display: block; font-size: 14px; font-weight: 100; line-height: 20px; margin-top: 10px;}
.newsDiv1{ display: block; width: 100%; height: 66px;}
.newsDiv2{ display: none; width: 100%; height: 110px;}

.yqlj {}
.yqlj_t{float: left; margin:15px 0; background: url(../images/image47.png) no-repeat 0px center;  border-right: 1px #ededed solid;font-size: 24px;color: #8a8b8b;line-height: 30px; width:95px;padding-left:50px; }
.yqlj_t strong{display: block; color: #cb0e16; font-size: 20px;}
.yqlj .yqlj_1 {float:left;width: 1030px;} 
.yqlj .yqlj_1 a {float:left;margin:20px 0px 0px 30px; font-size:14px;}

.list { margin-top:20px;}
.list .listtxt{ width:920px} 
.title { padding-bottom: 10px;overflow: hidden;margin-bottom: 10px;border-bottom: 1px solid #d6d6d6;}
.title h4 { border-left: 3px solid #c71219; font-size: 24px; padding-left: 16px; color: #c71219;}
.title span{ line-height:31px; color:#999;background:url(../images/home.jpg) no-repeat 0 50%; padding-left: 18px;}
.title span a{color:#999;}
.title span a:hover{color:#c71219;}

.news ul { padding: 0; list-style: none }
.news ul li { border-bottom: 1px solid #f0f2f5; padding-bottom: 20px; margin-bottom: 20px }
.news ul li img{ width:160px; max-height:106px;}
.news ul li h4 {  margin-bottom: 10px }
.news ul li h4 a { color: #2a333c;font-size: 18px; }
.news ul li:hover h4 a { color: #c71219; }
.news ul li p { margin-bottom: 0 }
.news ul li p.des { color: #76838f; font-size: 13px; font-weight: 300; margin-bottom: 10px }
.news ul li p.info { color: #a3afb7; font-size: 12px; font-weight: 300 }
.news ul li p.info i { color: #a3afb7; font-weight: 300 }
.media-left{ padding-right: 20px;  display: table-cell;vertical-align: top;}
.media-body{overflow: hidden;display: table-cell;}

.list .listpro{width:260px;}
.stylebox_top{text-align: center;height: 70px;line-height: 60px;background: #c71219;}
.stylebox_top .a {font-size: 27px;color: #fff;line-height: 26px;padding-top: 20px;}
#pro_nav_lb{}
#pro_nav_lb li{/*width:260px;*/margin:1px auto 0;line-height:47px;color:#fff;background: #c71219;border-bottom: 1px solid #fff;}
#pro_nav_lb li:hover{background: #ffffff;}
#pro_nav_lb li:hover a{color: #c71219;}
#pro_nav_lb li a{font-size: 14px;color: #ffffff;display: block;height: 48px;overflow: hidden;line-height: 48px;padding-left: 10px;background:url(../images/arrow.png) no-repeat 240px 50%;}
#pro_nav_lb>li a:hover{color: #c71219;}
#pro_nav_lb li.dd_hover a{ color:#fff; }
#pro_nav_lb li:hover .two_profl li a{border-left:none;}
#pro_nav_lb .twonav { color:#d71922!important; z-index:1px; margin:0px;}
#pro_nav_lb li.dd_hover .twonav { color:#fff!important;}
.pro_nav li ul{width:260px;display:block;border-top:none; background:#f3f3f3;}
.pro_nav li ul li{ border:none; background:none!important; line-height:30px !important; height:auto!important; overflow:hidden; padding-left:12px;  border-bottom:none!important;}
.pro_nav li ul li a{  height:30px !important; padding-left:15px;line-height:30px!important; display:block; color:#333!important; font-size:13px !important; margin-top:3px; background:url(../images/liback.png) no-repeat -4px 50% !important;}
.pro_nav li ul li a:hover{color:#c71219 !important;}

.newsdet h1{ text-align:center; font-size:28px; margin:20px 0;}
.newsdet .p{ text-align:center; color:#999;}
.newsdet .p span{ margin:0 20px;}
.newsdet .newstxt{ margin-top: 20px; line-height: 30px;}
.newsdet .newstxt table{ max-width:100%;}
.newsdet .newstxt img{ max-width:100%;}

.down ul li{border-bottom: 1px solid #f3f3f3;}
.down ul li a{display: block;padding:20px 10px 20px 20px;overflow: hidden;height: 18px;}
.down ul li .ico{width: 15px;height: 17px;background: url(../images/sprite.png) -110px -300px;float: left;margin-right: 15px;margin-top: 1px;}
.down ul li .cnt{width: 670px;float: left;color: #333;}
.down ul li .time{float: right;color: #999;margin-right: 20px;}
.down ul li a:hover{background: #f5f5f5;}
.down ul li a:hover .ico{background-position: -130px -300px;}
.down ul li a:hover .cnt{color: #0085d5;}

.article ul li{background:#ffffff;display:block;padding:20px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-shadow: 0px 0px 20px 0px #eaeaea;margin-bottom:20px;position:relative;}
.article ul li .news_time{position:absolute;left:24px;top:24px;width:90px;text-align:center;padding:10px 0;overflow:hidden;border-radius:4px 0 4px 0;}
.article ul li .news_time p{font-size:24px;font-weight:bold;color:#999;}
.article ul li .news_time span{font-size:14px;color:#999;}
.article ul li .news_con{padding-left:110px;}
.article ul li .news_con p{font-size: 17px;font-weight:bold;color:#515671;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;    text-align: left;}
.article ul li .news_con p a{font-size:16px}
.article ul li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden;text-align: left;}
.article ul li:hover{box-shadow: 0px 0px 20px 0px #d3e6ff;}
.article ul li:hover p a{ color:#c71219; }
.article ul li:hover .news_time{ background:#c71219;}
.article ul li:hover .news_time p{color:#fff;}
.article ul li:hover .news_time span{color:#fff;}
.article ul li:hover{cursor: pointer;}

.products{ overflow:hidden;}
.products ul li{ width:32%;}

.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.col-xl-3 { -ms-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%; margin: 0 1%;  }
.icon_box_05{ position: relative; padding-top: 59px;text-align: center;}
.icon_box_05.ib5_left{padding-top: 0;padding-left: 59px; text-align: left;margin-bottom: 30px;}
.icon_box_05.ib5_right{padding-top: 0; padding-right: 59px;text-align: right;margin-bottom: 30px;}
.icon_box_05 i{width: 120px;height: 120px;border: 1px solid #ecebff;color: #ff5e14;text-align: center;line-height: 118px;border-radius: 50%; font-size: 36px;position: absolute;left: 0;right: 0;top: 0;margin: 0 auto;}
.icon_box_05.ib5_left i{left: 0;top: 0;bottom: 0;right: auto;margin: auto 0;}
.icon_box_05.ib5_right i{left: auto;top: 0;bottom: 0;right: 0;margin: auto 0;}
.ib5_inner{border: 1px solid #ecebff;padding: 100px 25px 32px;background: #FFF;}
.icon_box_05.ib5_left .ib5_inner{padding: 29px 20px 21px 90px;}
.icon_box_05.ib5_right .ib5_inner{padding: 29px 90px 21px 20px;}
.ib5_inner h3{font-size: 26px;line-height: .8;letter-spacing: -.52px;text-transform: uppercase;margin: 0 0 26px;}
.ib5_inner p{font-size: 14px;line-height: 26px;color: #959ba9;letter-spacing: 0;height: 32px;}
.ib5_inner p span{color: #ff5e14;}
.formSections{background: #06163a; padding: 180px 0 120px;margin: -60px 160px 0;position: relative;z-index: 2;}
.mb45{margin-bottom: 45px;}
.cotactForm{position: relative;}
.iconInput{position: relative;margin-bottom: 20px;}
.iconInput input:not([type="submit"]), .iconInput textarea{padding: 0 0 0 50px;background: transparent;border: none;border-bottom: 2px solid #5b6c90;display: block;width: 100%;color: #8b97b1;font-weight: 600;letter-spacing: 0;height: 57px;transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;}
.iconInput input:not([type="submit"]):focus, .iconInput textarea:focus{color: #FFF;border-bottom-color: #fff;}
.light_form .iconInput input:not([type="submit"]), .light_form .iconInput textarea{color: #959ba9;border-color: #ecebff;margin-bottom: 30px;}
.light_form .iconInput input:not([type="submit"]):focus, .light_form .iconInput textarea:focus{color: #06163a;border-color: #06163a;}
.iconInput textarea{padding: 15px 0 0 50px;resize: none;height: 156px;}
.fa-map-marker-alt{background: #fff url(../images/contact_icon01.png) center center no-repeat; }
.fa-phone {background: #fff url(../images/contact_icon02.png) center center no-repeat; }
.fa-envelope { background: #fff url(../images/contact_icon03.png) center center no-repeat;}

.Contact_h3{color:#333333;font-size: 26px;padding-left: 22px;position: relative;margin-bottom:20px;}
.Contact_h3::before{content:" ";width: 4px;height: 26px;background: #0070c7;position: absolute;top:5px;left:0;}
.Contact_top{padding:30px 0;overflow: hidden;margin: 20px 0;}
.Contact_top .left .p{color:#666666;font-size: 16px;padding-bottom: 8px;line-height: 30px;}
.Contact_top .left .p a{font-size: 16px; color:#333;}
.Contact_top .left{width: 56%;float: left;}
.Contact_top .right {float: right; width: 42%;}

.ly_msg { width: 100%; overflow: hidden; margin: 0 auto 20px; padding: 0;}
.ly_msg h3 { width: 100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0 auto; padding: 0; color: #c71219; font-size: 18px; font-weight: bold; text-align: center;}
.ly_msg ul { width: 100%; overflow:hidden; margin: 20px auto; padding: 0;}
.ly_msg ul li { width: 100%; overflow: hidden; margin: 0 auto 12px; padding: 0;}
.ly_msg ul li h4 { width:17%;  overflow: hidden; line-height: 45px; margin: 0; padding: 0 20px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_msg ul li h4 {height: 45px;font-size:12px;}
.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background:url(../images/tb_img.png) top right no-repeat; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_msg ul li .msg_ipt1 { height: 47px;line-height: 47px;}
.ly_msg ul li .msg_tara { height: 118px;}
.msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.msg_tara textarea { height: 118px; line-height: 20px; resize: none;}
.ly_msg .msg_ipt1 input { height: 45px;/* line-height: 45px;*/}
.ly_msg ul li .msg_ipt2 { width: 120px; overflow: hidden; margin-right: 10px; padding:0; float: left;}
.ly_msg .msg_ipt2 input { display: block; width: 120px; height: 45px; overflow: hidden; line-height: 16px; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_msg input{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;}
.ly_msg  textarea{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;}
.ly_msg ul li .msg_btn { width:83%; overflow: hidden; margin: 0; padding: 0; float: left;}
.ly_msg .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 20px 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;}
.ly_msg .msg_btn input{width:150px;height:45px;line-height:45px;cursor:pointer;}
.ly_msg .msg_btn input:first-child{background:#c71219;color:#fff;}

.prodet .news_bt1{ height: 36px;border-bottom: 1px solid #e5e5e5; position: relative;clear: both;margin-bottom: 20px;}
.prodet .pro-bt b{ width: 95px;height: 36px;line-height: 36px;text-align: center;display: inline-block; color:#777; background:#f1f1f1; font-size:15px;padding: 0 8px;}
.prodets ul li{ height:320px;width: 24%;}
.prodets ul li p a{ text-align: center;font-size: 15px; line-height: 25px;overflow: hidden;height: 52px;padding: 0px 5px;display: grid;align-items: center;float: inherit; width: inherit;color: #333;margin-left: 0;}
.prodets ul li:hover p a{color: #FFFFFF;}
.prodets ul li .listImg{ height:220px;width: 200px;}
.prodets ul li .listImg img{ max-width: 200px;max-height: 220px;}

.prodernews{ margin-bottom:20px; overflow:hidden;}
.prodernews ul li{ float:left; width:48%; margin:0 1%;    background: url(../images/news_tb1.png) no-repeat 5px center;}
.prodernews ul li .cnt{ width:98%; height:20px; overflow:hidden;}
.prodernews ul li a:hover .cnt{ color:#c71219;}
.prodernews ul li:hover a {background: #f5f5f5 url(../images/news_tb1.png) no-repeat 5px center;}

.prodet .ppp{ margin:10px; line-height:24px;clear: both;}
.prodet .ppp img{ max-width:100%;}
.prodet .ppp table{ max-width:100%;}

.conn{color:#555;font-size:14px;line-height:28px; z-index:1; position:relative;overflow: hidden;margin-bottom: 20px;}
.ny_content .ny_news_con2{min-height:300px;}
.conn .pro_name{font-size:24px;line-height:38px;color:#353535;margin-bottom:10px;font-weight: bold;}
.conn .proshow1{position:relative;}
.conn .proshow1 .js-silder{float:left;width:40%;margin-top:0 !important;border:1px solid #ddd;    display: table;}
.proshow1 .js-silder .silder-main-img {width:370px;text-align:center;height:340px;align-content: center;vertical-align: middle;display: table-cell;}
.proshow1 .js-silder .silder-main-img img {  max-width: 370px;max-height: 340px;vertical-align:middle}
.proshow1 .prodesc p{font-size:14px;line-height:24px;margin-bottom:10px;}
.proshow1 .prodesc p.bt{font-size:20px;color:#c71219;}
.conn .proshow1 .prodesc{float:right;width:58%;}
.conn .proshow1 .prodesc p.desc{overflow:hidden;color:#999;background: #f3f3f3;padding: 10px;}
.conn .proshow1 .pro_btn{padding-top:20px;overflow:hidden;}
.conn .proshow1 .pro_btn1{display:block;width:28%;margin-right:10px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background:#c71219;border-radius:2px;float:left;border:1px solid #fff;}
.conn .proshow1 .pro_btn2{display:block;margin-right:0;height:45px;line-height:45px;text-align:center;float:left;}
.conn .proshow1 .pro_btn2 span{ font-size:16px; color:#f60;}
.conn .proshow1 .pro_btn1:hover{background:#fff;border:1px solid #333;color:#333;}
.productdet .ppp{ margin:10px; line-height:24px;clear: both;}
.prodetppp{margin: 20px 0;background: #f3f3f3;padding: 10px 20px;}
.prodetppp .spanppp{font-size: 16px;border-left: 4px solid #00a9ae;padding-left: 10px;}