.title{text-align:center;font-size:33px;font-weight:bold;line-height:34px;padding:55px 0 53px}
.title p{font-size:20px;color:#bbb;border-bottom:2px solid #BCBCBC;line-height:32px;max-width:1200px;margin:0 auto;position:relative}
.title p:after{display:block;content:'';width:140px;height:6px;background:#FE0000;position:absolute;left:50%;margin-left:-70px;bottom:-4px}
.title2{text-align:center;font-size:33px;font-weight:bold;line-height:34px;padding:45px 0;color:#fff;margin:0 auto}
.title2 p{font-size:20px;color:#bbb;border-bottom:2px solid #fff;line-height:32px;width:722px;margin:0 auto;position:relative}
.title2 p:after{display:block;content:'';width: 140px;height: 6px;background: #FE0000;position: absolute;left: 50%;margin-left: -70px;bottom: -4px;}
/*ABOUT*/
#about{overflow:hidden;padding:14px 0 75px 0}
.aboutL{width:565px}
.about-nav{margin-top:17px}
.about-nav a{display:inline-block;width:98px;line-height:33px;border:1px solid #7D7D7D;margin-right:5px;text-align:center}
.about-nav a:hover{background:#FE0000;border-color:#FE0000;color:#fff}
.aboutL p{line-height:24px;margin-top:42px;font-size:14px;color:#666}
.aboutL>a{border:1px solid #7B7B7B;line-height:38px;display:block;width:70px;border-radius:20px;padding-left:37px;font-size:14px;background:url(../images/index/you.png) no-repeat 10px center;margin-top:37px}
.aboutR{width:600px}
.aboutR img{width:100%;display:block}
/*youshi*/
#youshi{padding:27px 0 61px;overflow:hidden;background:url(../images/index/ys_bg.jpg) no-repeat center 0}
#youshi h6{text-align:center;color:#fff;font-size:14px;line-height:24px}
#youshi ul{padding-top:60px;width:1000px;margin:0 auto}
#youshi li{width:280px;color:#fff;font-size:14px;text-align:center;float:left}
#youshi li div{}
#youshi li img{}
#youshi li p:nth-child(2){font-size:18px;margin:3px 0 6px 0}
#youshi li p:nth-child(3){line-height:18px}
.ys1{margin:0 25px}
.ys2{margin:35px 0 0 30px}
.ys3{margin:0 0 0 52px}
.ys4{margin:36px 0 0 52px}
/*product*/
#product{padding:14px 0 77px 0}
.iprolist{margin-top:10px}
.iprolist li{width:378px;height:267px;position:relative;float:left;margin-right:32px}
.iprolist li:nth-child(3n){margin-right:0}
.iprolistT{position:relative;height:100%}
.iprolistT img{width:100%;height:100%;margin:0 auto;display:block}
.iprolistT span{position:absolute;bottom:0;width:100%;height:70px;line-height:70px;background:rgba(0,0,0,0.5);text-align:center;font-size:22px;color:#fff;transition:0.5s all;transform:scale(1)}
.iprolistB{transform:scale(0);position:absolute;width:100%;height:100%;box-sizing:border-box;top:0;background:rgba(0,0,0,0.5);transition:0.5s all}
.iprolistB img{margin:73px auto 0;display:block}
.iprolistB span{display:block;width:100%;text-align:center;color:#fff;font-size:28px;line-height:66px}
.iprolist a:hover .iprolistB{transform:scale(1)}
.iprolist a:hover .iprolistT span{transform:scale(0)}
.iproduct{}
.iproduct li{margin-top:28px;width:270px;float:left;margin-right:33px;position:relative}
.iproduct li:nth-child(4n){margin-right:0}
.iproduct li .img{position:relative;padding:0 0 100% 0;border:1px solid #A8ADB6;border-bottom:0}
.iproduct li .img a{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%}
.iproduct li p{display:block;text-align:center}
.iproduct li p a{display:block;line-height:2.6;background:#666;color:#fff}
.iproduct li:hover p a{background:#FE0000}
.iproduct>a{}
.iproduct img{display:block;max-width:100%;max-height:100%}
.iproduct p{}
#case{padding:25px 0 45px 0;background:url(../images/index/gcal.jpg)}
#focus_Box{position:relative;}
#focus_Box ul{position:relative;width: 1200px;height: 372px;margin: 0 auto;}
#focus_Box li{z-index:0;position:absolute;width:0px;height:0;top:0px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;position:relative;border-radius: 35px;}
#focus_Box li span{height:50px; line-height:50px;text-align:center; color:#fff; position:absolute; bottom:0; width:100%;display:none;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:67px;height:140px;top:25%; margin-top:-6px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:-50px;}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-50px;}
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box li:hover span{display: block;}
/*news*/
#news{padding:0 0 59px 0}
.picScroll-left{position:relative}
.hd{overflow:hidden;height:60px;position:absolute;top:50%;margin-top:-30px;width:1300px;left:-50px}
.prev,.next{display:block;width:40px;height:60px;overflow:hidden;cursor:pointer}
.next{background:url(../images/common/next.jpg);float:right}
.prev{background:url(../images/common/prev.jpg);float:left}
.bd{}
.picList{overflow:hidden;zoom:1}
.picList li{float:left;_display:inline;overflow:hidden;width:380px;height:218px;padding:0 10px}
.picList li:nth-child(3n-1){box-shadow:0px 0px 2px #000}
.newsL{width:95px;padding-top:15px;line-height:1;float:left;height:100%}
.newsL strong{font-size:50px}
.newsL p{line-height:30px;color:#666}
.newsR{width:270px;float:left}
.newsR dt{line-height:38px;position:relative}
.newsR dt:after{display:block;content:'';clear:both;width:50px;height:2px;background:#4C4C4C}
.newsR dd{font-size:15px;line-height:24px;margin-top:14px;height:96px;overflow:hidden}
.news-more{display:block;width:97px;line-height:23px;text-align:center;border:1px solid #999;color:#666;margin-top:15px}