/*produc列表*/
.product_lists{}
.product_lists ul{ display:flex; flex-wrap: wrap; }
.product_lists li{ width:33.3333333333333333333%;padding: 10px;box-sizing: border-box;  overflow: hidden;}
.product_lists li .pic{  overflow: hidden; width: 100%}
.product_lists li img{ width: 100%;overflow: hidden;transition: all 0.6s; -ms-transition: all 0.6s;border: 1px solid #f5f5f5;box-sizing: border-box;}
.product_lists li h5{font-size: 16px; text-align: center;line-height: 50px}
.product_lists li img:hover{ transform: scale(1.05);}

/*详情页*/

.xsy_pro_banner{height: 520px; width: 100%}
.xsy_pro_banner .fr{ width: 720px; }
.xsy_pro_banner .fl{ width: 500px; }
.xsy_pro_banner .fl h1{color: #fff;padding-top: 120px; font-size: 36px;text-align: left;position: relative;line-height: 80px}
.xsy_pro_banner .fl h1:after{content: '';position: absolute;border-top: 2px solid #fff;width: 80px;bottom: 0;left: 0}
.xsy_pro_banner .fl .com{padding: 20px 0}
.xsy_pro_banner .fl p{color: #fff;line-height: 30px;}

.xsy_pro_page_01{border-bottom: 1px dashed #efefef;padding: 40px 0;}
.xsy_pro_page_01 strong{font-size: 26px; color: #333}
.xsy_pro_page_01 span{color: #999;padding-left: 20px}
.xsy_pro_page_02{padding: 50px 0}
.xsy_pro_page_02 h2{font-size: 26px; width: 100%;text-align: center;}

.xsy_pro_page_03{padding: 30px 0}
.xsy_pro_page_04{background: url(../images/xsy_16.jpg) center; height: 500px;padding: 50px 0;box-sizing: border-box;}
.xsy_pro_page_04 .fl{color: #fff; width: 500px}
.xsy_pro_page_04 .fl span{font-size: 26px;}
.xsy_pro_page_04 .fr{}
.xsy_pro_page_05{padding: 50px 0}
.xsy_pro_page_06{padding: 50px 0;background: url(../images/xsy_17.jpg) center;}
.xsy_pro_page_06 .fl{width: 629.5px;}
.xsy_pro_page_06 .fl dl{display: block;padding: 0 30px 0 100px;text-align: right;color: #fff;margin-top: 50px; height: 147px}
.xsy_pro_page_06 .fl dl .l1{ width: 240px; float: left;text-align: right}
.xsy_pro_page_06 .fl dl img{ float: right }
.xsy_pro_page_06 .fl dl dt{ font-size: 30px;font-weight: bold; }
.xsy_pro_page_06 .fl dl dd{font-size: 16px;line-height: 35px;text-align: right}


.xsy_pro_page_06 .mid{float: left}
.xsy_pro_page_06 .fr{width: 629.5px}
.xsy_pro_page_06 .fr dl{display: block;padding: 0 100px 0 30px;text-align: left;color: #fff;margin-top: 50px; height: 147px}
.xsy_pro_page_06 .fr dl:first-child{margin-top: 150px}
.xsy_pro_page_06 .fr dl .l1{ width: 240px; float: right;text-align: left}
.xsy_pro_page_06 .fr dl img{ float: left }
.xsy_pro_page_06 .fr dl dt{ font-size: 30px;font-weight: bold; }
.xsy_pro_page_06 .fr dl dd{font-size: 16px;line-height: 35px;text-align: left}

.xsy_pro_page_07{padding: 50px 0;text-align: center;}
.xsy_pro_page_07 ul{display: flex;flex-wrap: wrap;}
.xsy_pro_page_07 li{ width: 25%;text-align: center;}
.xsy_pro_page_07 li img{ width: 90%;display: block; }
.xsy_pro_page_07 li span{display: block;line-height: 40px;font-weight: bold}

.xsy_pro_page_07 .more{display: inline-block;padding: 10px 40px; font-size: 18px; color: #fff;font-weight: bold;background: #005ca1; border-radius: 30px;margin-top: 30px}


.xsy_pro_page_08{padding: 50px 0;background: url(../images/xsy_19.png) center #f9f9f9 no-repeat; height: 500px;box-sizing: border-box;}
.xsy_pro_page_08 ul{display: flex;flex-wrap: wrap;padding: 30px 0}
.xsy_pro_page_08 li{ width: 50%;text-align: center;}
.xsy_pro_page_08 li span{padding: 30px 50px;font-size: 30px; display: inline-block;color: #fff;background:#0075c1}
.xsy_pro_page_08 li p{padding: 50px 100px; box-sizing: border-box; text-align: center;font-size: 14px; color: #333;line-height: 35px;}


/*xsy_pro_page*/
.xsy_pro_page{padding: 10px 0 30px 0; width: 1200px; margin: 0 auto}
.xsy_pro_page .left{ width: 860px; float: left }
.xsy_pro_page .left .pic{padding: 20px 0}
.xsy_pro_page .left .tit{border-bottom: 1px solid #efefef;font-size: 24px; line-height: 50px}
.xsy_pro_page .left .tit span{display: inline-block; padding: 0 30px 0 0; border-bottom: 3px solid #c81113}
.xsy_pro_page .left .tit span h1{display: inline-block;font-size: 24px; line-height: 50px;color: #c81113}
.xsy_pro_page .left .des{padding: 20px 0;line-height: 35px}
.xsy_pro_page_form{ width: 100%;padding: 20px 0; box-sizing: border-box;background: url(../images/from_bg02.jpg) right bottom no-repeat; }
.xsy_pro_page_form p{font-size: 30px;font-weight: bold; }
.xsy_pro_page_form b{font-size: 36px;color: #c81113 }
.xsy_pro_page_form form {padding: 10px 0}
.xsy_pro_page_form form .l1 {font-size: 16px;font-weight: bold;color: #262626;line-height: 40px;text-align: left;float: left;width: 80px;}
.xsy_pro_page_form form .l2{ float: left;}
.xsy_pro_page_form form input {border: 1px solid #ccc;font-size: 15px;box-sizing: border-box;padding: 5px}
.xsy_pro_page_form form button {padding: 10px 80px 10px 30px;background: #c81113;color: #fff;border: none;position: relative;cursor: pointer;transition: all 0.5s;text-align: left}
.xsy_pro_page_form form button:hover {background: #c81113}
.xsy_pro_page_form form button:after {content: '>';font-family: 'Kaiti';font-size: 18px;color: #fff;position: absolute;right: 30px;top: 11px;transition: all 0.5s}
.xsy_pro_page_form form button:hover:after {content: '>';font-family: 'Kaiti';font-size: 18px;color: #fff;position: absolute;right: 20px;}
.xsy_pro_page_form form .clearfix {margin-bottom: 10px}
.xsy_pro_page .left .procon_01{background: url(../images/pro_02.jpg); height: 250px;text-align: center;display: flex;justify-content:center;align-items:center;font-size: 4rem;color: #fff;font-weight: bold;line-height: 160%}
.xsy_pro_page .left .procon_02 img{ width: 100% }
.xsy_pro_page .left .procon_03{background: url(../images/pro_03.jpg); height: 450px;padding: 30px; box-sizing: border-box;}
.xsy_pro_page .left .procon_03 ul{}
.xsy_pro_page .left .procon_03 li{ font-size: 28px;color: #fff;line-height: 70px}
.xsy_pro_page .left .procon_03 li span{padding-right: 10px;font-family: 'Impact';font-size: 40px}
.xsy_pro_page .left .procon_04 table {margin: 0 auto;color: #262626}
.xsy_pro_page .left .procon_04 table td {border: 1px solid #e5e5e5;line-height: 2rem;padding: 0.4rem;text-align: center;font-size: 0.875rem}
.xsy_pro_page .left .procon_04 table tr:first-child {text-align: center;background: #c81113;color: #fff;font-weight: bold;}
.xsy_pro_page .left .procon_04 table tr:last-child td{font-size: 1.4rem;font-weight: bold;}
.xsy_pro_page .left .procon_04 table tr:hover {background: #c81113;color: #fff;cursor: pointer;}
.xsy_pro_page .left .procon_04 table .bold {font-weight: bold;background: #f5f5f5}
.xsy_pro_page .left .procon_04 table a {font-weight: bold;font-size: 16px;color: #0064a0}
.xsy_pro_page .left .procon_05{}
.xsy_pro_page .left .procon_05 dl{padding: 20px 0;border-bottom: 1px dashed #efefef}
.xsy_pro_page .left .procon_05 dl dt{font-size: 30px;font-weight: bold;}
.xsy_pro_page .left .procon_05 dl dt span{color: #c81113}
.xsy_pro_page .left .procon_05 dl dt i{display: block; font-style: normal;font-size: 12px;font-family: 'Arial';font-weight: 100;text-transform: uppercase;color: #999}
.xsy_pro_page .left .procon_05 dl dt:nth-child(1){background: url(../images/pro_04.png) 0 0 no-repeat;padding-left: 70px;height: 50px;margin-bottom: 10px}
.xsy_pro_page .left .procon_05 dl dd{padding: 10px 0 10px 70px;color: #333;font-size: 18px;font-weight: bold;}

.xsy_pro_page .right{ width: 310px;float: right; }
.xsy_pro_page .right .procon_01{text-align: center; width: 100%;padding-top: 20px;background: #fff}
.xsy_pro_page .right .procon_01 .procon_01_01{padding: 5px;border: 1px solid #efefef;border-radius: 50%}
.xsy_pro_page .right .procon_01 .tit{font-size: 16px;font-weight: bold;padding: 10px 0}
.xsy_pro_page .right .procon_01 .tit img{display: inline-block;padding-right:5px;padding-top: 0}
.xsy_pro_page .right .procon_01 .tit h2{display: inline-block;}
.xsy_pro_page .right .procon_01 .wechat{border: 1px solid #efefef; width: 70%}

.xsy_pro_page .right .procon_02{padding: 30px 0 ;background: #fff}
.xsy_pro_page .right  .xsy_tit{border-bottom: 1px solid #efefef;position: relative; z-index: 2; margin: 0 auto 10px;text-align: left;display: block; padding-left: 40px;box-sizing: border-box; width: 100%}
.xsy_pro_page .right  .xsy_tit strong{font-size: 24px;font-weight: bold; z-index: 2;position: relative;margin-right: 25px}
.xsy_pro_page .right  .xsy_tit strong:after{content: ''; height: 3px; width: 32px;background: #c81113;position: absolute;left: -40px;top:20px}
.xsy_pro_page .right  .xsy_tit span{color: #e8e8e8;line-height: 30px; font-size: 18px;display: block; font-family: 'Arial';text-transform: uppercase;}
.xsy_pro_page .right  .xsy_tit a{position: absolute;right: 0; top: 25px}
.xsy_pro_page .right  .xsy_tit a:before{content: '';height: 3px; width: 30px; background: #ffcc33;left: -35px;top: 10px;position: absolute;}

.xsy_pro_page .right .procon_02 ul{}
.xsy_pro_page .right .procon_02 ul li{ border-bottom: 1px solid #EFEFEF;text-indent: 40px }
.xsy_pro_page .right .procon_02 ul li a{line-height: 50px;display: block;font-size: 14px}
.xsy_pro_page .right .procon_02 ul li a:hover{background: #c81113; color: #fff;}
.xsy_pro_page .right .procon_02 ul li .on{background: #c81113; color: #fff;}

.xsy_pro_page .right .procon_03{padding: 0 0 }
.xsy_pro_page .right .procon_03 .ranking{margin-top: 10px; margin-bottom: 5px;}
.xsy_pro_page .right .procon_03 .ranking .li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.xsy_pro_page .right .procon_03 .ranking .li .title_color{display: inline;font-size: 14px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.xsy_pro_page .right .procon_03 .ranking .li{padding:8px 0; height: 25px; line-height: 25px; border-bottom: 1px dashed #e4e3e3}
.xsy_pro_page .right .procon_03 .ranking .li em{display: inline-block; width: 18px; line-height: 18px; height: 18px; background: #626262; color: #fff; text-align: center; float: left; margin-right: 5px; font-style: normal;margin-top: 5px}
.xsy_pro_page .right .procon_03 .ranking .li .date{float: right;font-size: 14px}
.xsy_pro_page .right .procon_03 .ranking .li:nth-child(-n+3)>em{background: #E12726;}
.xsy_pro_page .right .procon_03 .ranking .li:nth-child(-n+3)>.date{color: #E12726;}
.xsy_pro_page .right .procon_03 .ranking .li:nth-child(-n+3)> a{color: #E12726;}
.xsy_pro_page .right .procon_03 .ranking .li a{font-size: 14px}