*{margin: 0;padding: 0;font-family: "微软雅黑";font-weight: normal;list-style:none;font-style:normal;text-decoration:none}
.container{width: 1440px;margin: 0 auto;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding: 35px 0 30px 0;background: #ffffff;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{text-align: right;margin-bottom: 50px;margin-top: 44px;}
.pro-content{width: 100%;padding-top: 40px;}
.pro-right{height:600px;background-color: #f2f2f2;}
.pro-left .left-title{background: #317fff;text-align: center;}
.pro-left .left-category ul li{
    font-size: 16px;
    cursor: pointer;
    color: #333;
    text-align: center;
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #ccc;
    border-radius: 5px;}
.pro-left .left-category ul li h1{}
.pro-left .left-category ul li.on{background: #ff0000;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #ff0000;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;background: #fff;padding: 30px 0;height: 640px;}
.pro-right ul li{display: inline-block;}
.pro-right ul li a{padding:10px 30px;border-radius: 5px;border: 1px solid #ccc;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;background: #fff;padding: 30px 0;}
.pro-right ul li:hover a{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;background: red;border: 1px solid red;color: #fff;}

.ys2_l{    
	width: 400px;
    float: left;
    padding-top: 110px;
    padding-left: 40px;}
.ys2_l h1{font-size: 30px;line-height: 60px;}
.ys2_l p{line-height: 30px;}
.ys2_l a{
    border-radius: 5px;
    border: 1px #666 solid;
    margin-top: 30px;
    display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;}
.ys2_l a:hover{background: #007eb2;border: 1px solid #007eb2;color: #fff;}
.ys2_r{width: 580px;float: right;}
.ys2_r img{display: block;padding-top: 20px;padding-right: 20px;}