@charset "utf-8";

/* sgy_product */
.sgy_product{padding-bottom: 45px;background: #f3f3f3;}
.sgy_product .cpter{padding-top:5px;position: relative;z-index: 3;margin:0 auto;text-align: center;}
.sgy_product .cpterft{ background: url(../images/cp02.png) no-repeat center center;width:280px;height:100px;float: left;}
.sgy_product .cpterft P{font-size: 24px;color: #ffffff;font-weight: bold;text-indent: 98px;margin-top: 25px;}
.sgy_product .cpterft span{display: block;font-size: 12px;color: #f3a4a7;text-indent: 98px;}
.sgy_product .cpter ul{}
.sgy_product .cpter ul li{display: inline-block;position: relative;margin-bottom: 10px;}
.sgy_product .cpter ul li>a{display: block;width:174px;height:45px;text-align: center;line-height:45px;font-size:18px;color: #404040;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.sgy_product .cpter ul li>a:hover{color: #E50012;}
.sgy_product .cpter ul li>div{width:174px;position: absolute;top: 45px;left: 0;z-index: 1000;}
.sgy_product .cpter ul li>div{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.sgy_product .cpter ul li>div:before{content: '';border-style: solid dashed dashed dashed;border-color: transparent transparent #FFF transparent;border-width: 10px;width: 0;height: 0;overflow: hidden;position: absolute;left: 50%;margin-left: -10px;top: -10px;}
.sgy_product .cpter ul li>div>a{background: #FFFFFF;display:block;width:174px;height:45px;text-align: center;line-height: 45px;color: #404040;font-size: 15px;border-bottom: 1px solid #e6e6e6;}
.sgy_product .cpter ul li>div>a:nth-child(1){margin-top: 10px;}
.sgy_product .cpter ul li:hover div{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.sgy_product .cpter ul li>div>a:hover{background: #e6e6e6;}
.sgy_product .cpter ul li.cpp1>a{background: #ff9203;}
.sgy_product .list{width:100%;}
.sgy_product .list li{position: relative;float:left;width:285px;margin-top:30px;margin-right:20px;background: #ececec;transition:all .5s;}
.sgy_product .list li:nth-child(4n){margin-right: 0;}
.sgy_product .list li a{display:block;}
.sgy_product .list li .img{width: 100%;height: 215px;overflow: hidden;}
.sgy_product .list li .img img{width: 100%;height: 100%;transition: all .5s;}
.sgy_product .list li .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(../images/more.png) center no-repeat;background-color: rgba(0,0,0,.7);opacity: 0;transition: all .5s;}
.sgy_product .list li .bg h3{color: #fff;font-size: 16px;text-align: center;padding-top: 180px;}
.sgy_product .list li:hover .bg{opacity: 1;}
.sgy_product .list li:hover .img img{transform: scale(1.0);}
/* xbanner */
/*小banner*/
.sgy_xbanner{height:250px;background: url(../images/xbanner.jpg) center no-repeat;}
.sgy_xbanner .in_title{color: #fff;padding-top: 50px;}
.sgy_xbanner .in_title h3{position: relative;}
.sgy_xbanner .in_title p{letter-spacing: 0;padding-bottom: 20px;}
.sgy_xbanner .in_title p span {font-size: 18px;color: #fff;font-weight: bold;}
.sgy_xbanner a{display: block;width: 170px;height: 40px;margin: auto;background: #ff9203;text-align: center;line-height: 40px;font-size: 15px;color: #fff;}
.sgy_xbanner a:hover{background: #fff;color: #ff9203;}

/*四大优势*/
.sgy_advantage{max-width: 1920px;padding-bottom: 50px;background: #f3f3f3;margin: auto;}
.sgy_advantage ul{margin-top: 50px;}
.sgy_advantage ul li{height:250px;margin-bottom: 30px;}
.sgy_advantage ul li:nth-child(2n) .txt{float: right;}
.sgy_advantage ul li:nth-child(2n) .txt i{background: #1b63b8;}
.sgy_advantage ul li:nth-child(2n) .img{float: left;}
.sgy_advantage ul li .img{width:560px;height:250px;float: right;}
.sgy_advantage ul li .img img{width: 100%;height: 100%;}
.sgy_advantage ul li .txt{position: relative;width:560px;height:250px;float: left;}
.sgy_advantage ul li .txt i{position: absolute;top: 58px;display: block;width: 55px;height: 78px;color: #fff;font-size: 28px;line-height: 70px;font-weight: bold;text-align: center;background: #ff9203;}
.sgy_advantage ul li .txt i:after{content: '';position: absolute;bottom: 10px;left: 50%;margin-left: -13px;width: 26px;height: 2px;background: #fff;}
.sgy_advantage ul li .txt h3{margin-left: 74px;font-size: 24px;color: #404040;font-weight: bold;margin-top: 58px;padding-bottom: 12px;border-bottom: 1px dashed #404040;}
.sgy_advantage ul li .txt p{margin-left: 74px;margin-top: 12px;height:90px;color: #777;line-height: 30px;text-align: justify;}
.sgy_advantage ul li .txt p span{color: #ff9203;font-weight: bold;}
/*关于我们*/
.sgy_about{padding-bottom: 50px;background: url(../images/about_bg.jpg) center top no-repeat;}
.sgy_about .text{padding-top: 30px;}
.sgy_about .text .con{width: 580px;}
.sgy_about .text .con h3{font-size: 26px;line-height: 30px;color: #404040;}
.sgy_about .text .con p{color: #818181;font-size: 14px;line-height: 30px;text-align: justify;margin-top: 20px;height: 240px;overflow: hidden;}
.sgy_about .text .con a{display: block;width:140px;height:40px;color: #666;font-size: 14px;line-height: 40px;text-align: center;border: 1px solid #cbcbcb;margin-top: 28px;}
.sgy_about .text .con a:hover{color: #fff;background: #ff9203;border: 1px solid #ff9203;}
.sgy_about .text .img{width: 590px;height: 360px;overflow: hidden;}
.sgy_about .text .img img{width: 100%;height: 100%;transition: all .5s;}
.sgy_about .text .img:hover img{transform: scale(1.1);}
/* 合作客户 */
.sgy_dingzhi{}
.sgy_dingzhi ul{margin-top: 50px;}
.sgy_dingzhi ul li{float: left;margin-bottom: 46px;}
.sgy_dingzhi ul li a{display: block;width: 240px;height: 100px;cursor: pointer;background-repeat: no-repeat;background-position: center top;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.sgy_dingzhi ul li p{text-align: center;line-height: 35px;font-size: 15px;color: #404040;padding-top: 65px;}
.sgy_dingzhi ul li a img{width:200px;height:80px;}
.sgy_dingzhi ul li a:hover{-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}

/*客户案例*/
.sgy_case{max-width: 1920px;padding-bottom: 50px;background: #f3f3f3;margin: auto;}
.sgy_case .tab{text-align: center;padding-top: 40px;}
.sgy_case .tab a{padding: 0 16px;line-height: 40px;font-size: 16px;display: inline-block;margin: 5px;color: #fff;background: #404040;}
.sgy_case .tab a:hover{background: #ff9203;}
.sgy_case .proCase{position: relative;padding-top: 40px;}
.sgy_case .proCase .bd{overflow: hidden;}
.sgy_case .proCase .list{width: 100%;}
.sgy_case .proCase .list li{position: relative;display: block;float: left;width: 370px;margin-right: 42px;border: 1px solid #f1f1f1;background: #fff;transition: all .5s;}
.sgy_case .proCase .list li a{display: block;}
.sgy_case .proCase .list li .img{position: relative;width: 370px;height: 278px;overflow: hidden;border-bottom: 1px solid #f1f1f1;}
.sgy_case .proCase .list li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.sgy_case .proCase .list li .img .mask{position:absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all .5s;}
.sgy_case .proCase .list li .img .mask .see{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;font-size: 16px;line-height: 20px;text-align: center;padding: 10px 0;color: #fff;}
.sgy_case .proCase .list li .img .mask .see:before,.sgy_case .proCase .list li .img .mask .see:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s;}

.sgy_case .proCase .list li .img .mask .see:after{top: 0;}
.sgy_case .proCase .list li .tit{position: relative;overflow: hidden;padding: 20px 20px 10px;box-sizing: border-box;}
.sgy_case .proCase .list li .tit h3{color: #333;font-size: 16px;line-height: 22px;transition: all .5s;}
.sgy_case .proCase .list li .tit p{color: #777;line-height: 20px;text-align: justify;padding: 10px 0;height: 40px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.sgy_case .proCase .list li .tit span{position: relative;display: block;font-size: 14px;line-height: 38px;color: #777;}
.sgy_case .proCase .list li .tit span i{position: absolute;top: 50%;right: 0;margin-top: -4px;display: block;width: 24px;height: 8px;background: url(../images/you.png) no-repeat;}
.sgy_case .proCase .list li:hover .img img{transform: scale(1.1);}
.sgy_case .proCase .list li:hover .img .mask{opacity: 1;}
.sgy_case .proCase .list li:hover .img .mask .see:before,.sgy_case .proCase .list li:hover .img .mask .see:after{width: 10%;}
.sgy_case .proCase .list li:hover .tit h3{color: #ff9203;}
.sgy_case .proCase .hd{position: absolute;width: 100%;}
.sgy_case .proCase .hd span{position: absolute;top: -240px;display: block;width: 25px;height: 50px;cursor: pointer;}
.sgy_case .proCase .hd .prev{left: -80px;}
.sgy_case .proCase .hd .next{right: -80px;}
.sgy_case .proCase .hd .prev:after,.sgy_case .proCase .hd .prev:before,
.sgy_case .proCase .hd .next:after,.sgy_case .proCase .hd .next:before{content:"";display: block;position: absolute;top: 19px;width: 30px;height: 2px;background: #616161;transition: all .5s;}
.sgy_case .proCase .hd .prev:after,.sgy_case .proCase .hd .next:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.sgy_case .proCase .hd .prev:before,.sgy_case .proCase .hd .next:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.sgy_case .proCase .hd .prev:after{top: 34px;}
.sgy_case .proCase .hd .prev:before{top: 14px;}
.sgy_case .proCase .hd .next:after{right: 0;top: 14px;}
.sgy_case .proCase .hd .next:before{right: 0;top: 34px;}
.sgy_case .proCase .hd .prev:hover:after,.sgy_case .proCase .hd .prev:hover:before,
.sgy_case .proCase .hd .next:hover:after,.sgy_case .proCase .hd .next:hover:before{background: #ff9203;}
.sgy_case .more{margin-top: 50px;text-align: center;}
.sgy_case .more a{position:relative;display: inline-block;width: 240px;height: 50px;font-size: 16px;line-height: 50px;text-align: center;border: 1px solid #cbcbcb;background: #fff;color: #666;transition: all .5s;}
.sgy_case .more a:hover{color: #fff;border-color: #ff9203;background: #ff9203;box-shadow: 0 0 30px rgba(0,0,0,.2);}
/*新闻中心*/
.sgy_inews{padding: 50px 0;}
.sgy_news{width: 790px;margin-right: 25px;float: left;}
.sgy_qa{width: 380px;margin-right: 0;float: left;}
.sgy_inews .title{width: 100%;height: 39px;line-height: 39px;margin-bottom: 20px;border-bottom: 1px solid #434343;}
.sgy_inews .title h3{display: inline-block;color: #434343;font-size: 16px;font-weight: bold;line-height: 36px;padding-right: 20px;border-bottom: 3px solid #434343;}
.sgy_inews .title h3 s{position: relative;width: 4px;height: 16px;display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 10px;background: #ff9203;}
.sgy_inews .title h3 span{font-weight: normal;}
.sgy_inews .title a{color: #434343;}
.sgy_inews .item{width: 100%;display: block;padding-bottom: 20px;border-bottom: 1px dashed #d4d4d4;}
.sgy_inews .item img{width: 100px;height: 75px;float: left;display: block;margin-right: 20px;}
.sgy_inews .item h3{color: #333;line-height: 24px;height: 24px;overflow: hidden;margin-bottom: 10px;transition: all .5s;}
.sgy_inews .item .txt{line-height: 20px;height: 40px;text-align: justify;overflow: hidden;color: #999999;}
.sgy_inews .item:hover h3{color: #ff9203;}
.sgy_inews .list{line-height: 55px;}
.sgy_inews .list li{width: 100%;height: 55px;line-height: 55px;overflow: hidden;border-bottom: 1px dashed #dbdbdb;}
.sgy_inews .list li a{width: 100%;display: block;}
.sgy_inews .list li .time{color: #c5c5c5;float: right;font-weight: normal;}
.sgy_inews .faq{height: 375px;overflow: hidden;}
.sgy_inews .faq li{width: 100%;padding: 15px 0;overflow: hidden;border-bottom: 1px dashed #dbdbdb;}
.sgy_inews .faq li a{display: block;}
.sgy_inews .faq li i{position: absolute;top: 0;left: 0;display: inline-block;width: 20px;height: 20px;color: #fff;font-size: 12px;line-height: 20px;font-weight: normal;text-align: center;background: #434343;border-radius: 5px;}
.sgy_inews .faq li h3{position: relative;color: #434343;font-size: 16px;line-height: 20px;font-weight: bold;padding-left: 30px;}
.sgy_inews .faq li p{position: relative;color: #707070;font-size: 14px;line-height: 22px;text-align: justify;margin-top: 5px;overflow: hidden;padding-left: 30px;}
.sgy_inews .faq li p i{background: #ff9203;top: 1px;}
.contact_map{width: 100%;background: url(../images/contact_bg.jpg) no-repeat center top;padding-top: 60px;background-size: cover;padding-bottom: 50px;}
.contact_map .title{height: 44px;padding-bottom: 40px;}
.contact_map .title div{display: inline-block;height: 44px;position: relative;line-height: 100%;font-size: 30px;color: #fff;border-bottom: 1px solid #DDDDDD;}
.contact_map .title div i{color: #ff9203;}
.contact_map .title div:before{content: '';width: 38px;height: 3px;background-color: #ff9203;position: absolute;bottom: -1px;left: 0px;}
.contact_map .contact{float: left;width: 410px;height: 352px;padding:30px 0px 18px 30px;background: rgba(255,146,3,.8);}
.contact_map .contact h3{line-height: 100%;font-size: 24px;color: #FFF;height: 44px;position: relative;margin-bottom: 15px;}
.contact_map .contact h3:before{content: '';position: absolute;bottom: 0;left: 0;width: 47px;background-color: #fff;height: 2px;}
.contact_map .contact dd{color: #fff;font-size: 14px;line-height: 2.5;}
.contact_map .contact dd span{font-size: 20px;padding-right: 10px;}
.contact_map .book{float: right;width: 760px;height: 400px;background: rgba(255,146,3,.8);}
.contact_map .book #container{width: 100%;height: 400px;}