*{padding: 0;margin: 0;outline: none;border: none;font-weight: normal;list-style: none;text-decoration: none;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
ul li{display: block;}
.opacity0{opacity: 0;}
.bg12{width: 1200px;margin: 0 auto;position: relative;}
.fl,
.left{float: left;}
.fr,
.right{float: right;}
.clear{clear: both;}
.c{clear: both;}
.clearfix:after{content: '';display: block;height: 0;clear: both;}
.fixed{position: fixed;}
html,
body{font: 16px/1.5em Microsoft Yahei, tahoma, Srial, helvetica, sans-serif;}
a,
a:hover,
a:visited{outline: none;border: none;text-decoration: none;color: #000;}
.fix{*zoom: 1}
.fix:after{clear: both;content: "";display: table}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.mod-hd{padding: 2em 0;width: 90%;margin: 0 auto;text-align: center;}
.mod-hd h2{font-size: 1.56em;font-weight: 600;color: #1a1a1a;display: block;}
.mod-hd h3{color: #3f3f3f;font-size: 0.9em;display: flex;align-items: center;justify-content: center;margin-top: 1em;}
.mod-hd h3 i{display: inline-block;border: 2px solid #026ed0;width: 10px;height: 10px;margin: 0 15px;border-radius: 50%;}
.mod-bd{width: 80%;margin: 0 auto;}
.mod-bd ul.prds{width: 80%;zoom: 1;}

.h15{height: 15px;width: 100%;background: #ffffff;}
.product{width: 100%;margin: 0px auto;background: #f3f3f3;clear: both;padding-bottom: 1em;}
.case{width:100%;margin: 0 auto;position: relative;}
.index_case{width: 100%;height: auto;}
.index_case li{cursor: pointer;width: 30.33%;height:3.75rem;margin:0 1.5%;float: left;background: #ffffff;position: relative;overflow: hidden;display: inline;}
.index_case li img{width: 100%;height:auto;position: absolute;}
.index_case li:nth-child(1) img{bottom: 1rem;}
.index_case li:nth-child(2) img{top: 1rem;}

.index_case li:nth-child(3) img{bottom: 1rem;}
.index_case li:nth-child(4) img{bottom: 1rem;}

.index_case li:nth-child(5) img{top: 1rem;}
.index_case li:nth-child(6) img{bottom: 1rem;}

.index_case li a{color: #ffffff;}

.index_case li:nth-child(1) span{height: 1rem;line-height: 1rem;background: #0d71d1;width: 100%;font-size: 0.7em;overflow: hidden;text-align: center;bottom: 0;position: absolute;}
.index_case li:nth-child(1) span p{width: 0;height: 0;border-bottom: 10px solid #0d71d1;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: -10px;margin-left: 45%;}

.index_case li:nth-child(2) span{height: 1rem;line-height: 1rem;background: #0d71d1;width: 100%;font-size: 0.7em;overflow: hidden;text-align: center;top: 0;position: absolute;}
.index_case li:nth-child(2) span p{top: 1rem;border-top: 10px solid #0d71d1;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 0;width: 0;height: 0;position: absolute;margin-left: 45%;}

.index_case li:nth-child(3) span{height: 1rem;line-height: 1rem;background: #0d71d1;width: 100%;font-size: 0.7em;overflow: hidden;text-align: center;bottom: 0;position: absolute;}
.index_case li:nth-child(3) span p{width: 0;height: 0;border-bottom: 10px solid #0d71d1;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: -10px;margin-left: 45%;}


.index_case li:nth-child(4) span{height: 1rem;line-height: 1rem;background: #0d71d1;width: 100%;font-size: 0.7em;overflow: hidden;text-align: center;bottom: 0;position: absolute;}
.index_case li:nth-child(4) span p{width: 0;height: 0;border-bottom: 10px solid #0d71d1;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: -10px;margin-left: 45%;}

.index_case li:nth-child(5) span{height: 1rem;line-height: 1rem;background: #0d71d1;width: 100%;font-size: 0.7em;overflow: hidden;text-align: center;top: 0;position: absolute;}
.index_case li:nth-child(5) span p{top: 1rem;border-top: 10px solid #0d71d1;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 0;width: 0;height: 0;position: absolute;margin-left: 45%;}


.index_case li:nth-child(6) span{height: 1rem;line-height: 1rem;background: #0d71d1;width: 100%;font-size: 0.7em;overflow: hidden;text-align: center;bottom: 0;position: absolute;}
.index_case li:nth-child(6) span p{width: 0;height: 0;border-bottom: 10px solid #0d71d1;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: -10px;margin-left: 45%;}

.buy_box{height: 35px;}
.buy_box .buy{background-color: #0d71d1;height:35px;line-height: 35px;color: #fff;width: 80%;display: block;float: left;text-align: center;font-size: 14px;}
 .buy_box .buy:hover{background-color: #1f1f1f;}
.buy_box .car{width: 35px;height: 35px;background-color: #1f1f1f;width: 20%;float: left;display: inline-block;}



.iabout_bg{margin-top:2em;background: url(../images/about_bg.jpg) center top no-repeat scroll;padding-bottom:3em;}
.iabout{width: 100%;margin: 0 auto;}
.mod-hd2{padding: 2em 0;width: 90%;margin: 0 auto;text-align: center;}
.mod-hd2 h2{font-size: 1.56em;font-weight: 600;color: #ffffff;display: block;}
.mod-hd2 h3{color: #ffffff;font-size: 0.9em;display: flex;align-items: center;justify-content: center;margin-top: 1em;}
.mod-hd2 h3 i{display: inline-block;border: 2px solid #026ed0;width: 10px;height: 10px;margin: 0 15px;border-radius: 50%;}
.mod-bd2{width: 80%;margin: 0 auto;}
.mod-bd2 ul.prds{width: 80%;zoom: 1;}
.mod-hd2 p{color: #ffffff;font-size: 0.9em;}
/* 下面是前/后按钮代码，如果不需要删除即可*/