.smouse{ position:absolute; left:50%; margin-left:-48px; text-align:center; bottom:24px; z-index:99999;}
.smouse small{ display:block; text-align:center; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; text-transform:uppercase;}
.mouse{ width:25px; height:39px; background:url(../img/mouse.png) center no-repeat; position:relative; margin:auto; margin-top:18px;}
.mouse i{ display:block; width:5px; height:9px; background:url(../img/dit.png) center no-repeat; position:absolute; left:50%; margin-left:-3px; top:7px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}


.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1005; height: 86px; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.header a { color: #fff; }
.header .logo { float: left; margin-top: 10px; -webkit-transition: 400ms; transition: 400ms; }
.header .logo .lg-1 { -webkit-transition: 400ms; transition: 400ms; }
.header .nav { float: right; margin-top: 16px; -webkit-transition: 400ms; transition: 400ms; }

.sheader { background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.sheader a { color: #333; }
.sheader .logo { margin-top: 10px; }
.sheader .logo .lg-1 { margin-top: -60px; }
.sheader .nav { margin-top: 19px; }

.menuBox { position: fixed; width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; right: -300px; height: 100%; background: #f2f2f2; z-index: 1010; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; }
.menuBox a { color: #666; }
.logo { width:215px; height: 60px; overflow: hidden; }
.nav li { float: left; }
.nav li + li { margin-left: 38px; }
.nav li > a { display: block; position: relative; font-size: 16px; padding: 12px 0; }
.nav li > a:before { content: ""; position: absolute; left: auto; right: 0; bottom: 0; width: 0; background: #da241d; -webkit-transition: 600ms; transition: 600ms; height: 3px; }
.nav li > a:hover, .nav li > a.act { color: #da241d; }
.nav li > a:hover:before, .nav li > a.act:before { left: 0; right: auto; width: 100%; }

.menuBlack { position: fixed; z-index: 1009; display: none; }

.f-cta a { float: left; overflow: hidden; line-height: 24px; }
.f-cta a + a { margin-left: 85px; }
.f-cta .aico { float: left; width: 24px; height: 24px; margin-right: 5px; }
.f-cta .addr .aico { background-position: -156px 0px; }
.f-cta .tel .aico { background-position: -132px 0px; }
.f-cta .email .aico { background-position: -132px -48px; }

.navMobile a { display: block; position: relative; line-height: 24px; }
.navMobile p a { border-bottom: 1px solid #ccc; padding: 18px 25px; font-size:16px; }
.navMobile p a.act { background: #da241d; color: #fff; }
.navMobile .mtnav { display: none; padding: 12px 35px; background: #fff; }
.navMobile .mtnav a { padding: 12px 0; font-size: 16px; }
.ix-pa { padding-left: 7.5%; padding-right: 7.5%; }
.pw {
    width: 1424px;
    max-width: 90%;
    margin: 0 auto;
}
.pw2 {
    width: 1150px;
    max-width: 90%;
    margin: 0 auto;
}
.pw3 {
    width: 950px;
    max-width: 90%;
    margin: 0 auto;
}
.logo{ 
	display:block; 
	}
.lgImg{ 
	display:block; 
	width:100%; 
	}

/* menuBtn */
.mtrans, .mtrans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.mtrans-fast, .mtrans-fast:hover { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; background: #da241d; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position: fixed; right:0; top: 0px; z-index:1012; -webkit-transition: background 300ms; transition: background 300ms; }
.menu-handler .burger { width: 32px; height: 4px; background: #fff; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active{ background: #da241d; }
.menu-handler.active .burger-1 { top: 30px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } 


.con-item{background: #fff;background-attachment: fixed;position: relative;overflow: hidden}
.about-con{width: 50%;float: left;background: #f4f4f4;padding: 100px 100px;}
.head-name{font-size: 3.6em;color: #da221a;}
.head-en p{font-size: 24px;color: #007cc3;line-height: 28px;}
.head-xt{width: 40px;height: 3px;background: #007CC3;margin-top: 20px;}
.con-box{margin-top: 30px;font-size: 16px;width: 60%;color: #656565;}
.con-more{margin-top: 40px;cursor: pointer;}
.more-url{font-size: 13px;color: #007CC3;}
.more-xt{width: 55px;height: 1px;background: #007CC3;transition: all 0.6s linear;}
.con-more:hover .more-xt{width: 0px;transition: all 0.6s linear;}
.about-ico{float: left;background: #fff;padding: 100px 100px;width: 50%;}
.ico-list{width: 32%;float: left;margin-right: 2%;}
.ico-list{-webkit-transform: translate(0);transform: translate(0);opacity: 1;visibility: visible;}

.ico-con{color: white;width: 100%;position: relative;}
.ico-name{font-size: 16px;}
.ico-name-en{font-size: 14px;}
.ico-con-box{position: absolute;bottom: 0px;padding: 20px 10px;}
.ico-img{width: 100%;-webkit-filter: grayscale(0.8);-moz-filter: grayscale(0.8);-ms-filter: grayscale(0.8);-o-filter: grayscale(0.8);filter: grayscale(0.8);filter: gray;transition: all 0.6s ease;overflow: hidden;}
.ico-img img{width: 100%;height: auto;transition: all 0.8s ease;}
.ico-list{overflow: hidden;cursor: pointer;position: relative;}
.ico-list:hover .ico-img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;transition: all 0.6s ease;}
.ico-list:hover .ico-img img{transform: scale(1.2);transition: all 0.8s ease;}
.line-xt{position: absolute;}
.line-xt-one{top: 0px;width: 0px;height: 2px;transition: all 0.6s ease;}
.line-xt-two{top: 0px;left: 0px;width: 2px;height: 0px;transition: all 0.6s ease;}
.line-xt-thr{top: 0px;right: 0px;bottom:0px;width: 2px;height: 0px;transition: all 0.6s ease;}
.line-xt-four{left: 0px;bottom:0px;width: 0px;height: 2px;transition: all 0.6s ease;}
.ico-list:hover .line-xt-one{width: 100%;transition: all 0.6s ease;background: #DA221A;transition-delay:0.3s;}
.ico-list:hover .line-xt-two{height: 100%;transition: all 0.8s ease;background: #DA221A;transition-delay:0.6s;}
.ico-list:hover .line-xt-thr{height: 100%;transition: all 1s ease;background: #DA221A;transition-delay:0.9s;}
.ico-list:hover .line-xt-four{width: 100%;transition: all 1.2s ease;background: #DA221A;transition-delay:1.2s;}
.pro-one{float: left;position: relative;width: 31.25%;cursor: pointer;}
.pro-two{float: left;position: relative;width: 68.75%;}
.pro-ix-con{position: absolute;top:0px;width: 100%;background: rgba(219,37,29,0.7);}
.pro-list{float: left;width: 20%;position: relative;cursor: pointer;}
.pro-con{position: absolute;top: 0px;}
.pro-ix-img,.pro-img{width: 100%;}
.pro-ix-img img,.pro-img img{width: 100%;height: auto;}
.pro-ix-bpx{width: 80%;margin: auto;opacity: 0;transition: all .8s;transform: translateY(50px);}
.pro-ix-xt{width: 80px;height: 1px;background: white;margin: auto;}
.pro-ix-con-name{font-size: 18px;color: white;text-align: center;}
.pro-ix-con-desc{font-size: 14px;color: white;text-align: center;}
.pro-xt{position: absolute;}
/*.pro-xt-one{top: 5%;left: 5%;width: 0px;height: 2px;transition: all 0.6s ease;}
.pro-xt-two{top: 5%;left: 5%;width: 2px;height: 0px;transition: all 0.6s ease;}
.pro-xt-thr{bottom: 5%;left: 5%;width: 0px;height: 2px;transition: all 0.6s ease;}
.pro-xt-four{right: 5%;bottom: 5%;width: 2px;height: 0px;transition: all 0.6s ease;}*/
.pro-one :hover .pro-xt-one{width: 90%;background: white;transition-delay: 0.3s;}
.pro-one :hover .pro-xt-two{height: 90%;background: white;transition-delay: 0.5s;}
.pro-one :hover .pro-xt-thr{width: 90%;background: white;transition-delay: 0.8s;}
.pro-one :hover .pro-xt-four{height: 90%;background: white;transition-delay: 1.1s;}
.pro-ix-con{visibility: hidden;opacity: 0;transition: all .8s;transform: translateY(100px);}
.pro-one:hover .pro-ix-con{opacity: 1;visibility: visible;transform: translateY(0px);}
.pro-one:hover .pro-ix-bpx{opacity: 1;visibility: visible;transform: translateY(0px);transition-delay: 0.8s;}
.pro-con{width: 100%;background: rgba(219,37,29,0.7);visibility: hidden;opacity: 0;transition: all .8s;transform: translateX(100px);}
.pro-con-box{width: 80%;margin: auto;visibility: hidden;opacity: 0;transition: all .8s;transform: translateY(50px);}
.pro-con-name{font-size: 18px;color: white;text-align: center;}
.pro-con-desc{text-align: center;font-size: 14px;color: white;}
.pro-con-xt{width: 80px;height: 1px;background: white;margin: auto;}
.pro-list:hover .pro-con{opacity: 1;visibility: visible;transform: translateX(0px);}
.pro-list:hover .pro-con-box{opacity: 1;visibility: visible;transform: translateY(0px);transition-delay: 0.8s;}
.pro-list :hover .pro-xt-one{width: 90%;background: white;transition-delay: 0.3s;}
.pro-list :hover .pro-xt-two{height: 90%;background: white;transition-delay: 0.5s;}
.pro-list :hover .pro-xt-thr{width: 90%;background: white;transition-delay: 0.8s;}
.pro-list :hover .pro-xt-four{height: 90%;background: white;transition-delay: 1.1s;}
.honor-item{background:url(../img/bjt.jpg);background-attachment: fixed;position: relative;overflow: hidden;padding:200px 0px;}
.honor-box{width: 1180px;margin: auto;}
.honor-list{float: left;width: 33.33%;padding:0px 1%;}
.honor-list-name{text-align: center;}
.honor-list-name span{color: #DA221A;}
.list-name{font-size: 3em;font-weight: bold;}
.list-name-t{font-size: 1.2em;position: relative;left: 5px;top: -10px;}
.honor-list-desc{font-size: 1.5em;text-align: center;}
.desc-ch{color: #DA221A;}
.desc-en{color: #007CC3;position: relative;left: 10px;}
.news-item{background: url(../img/bews.jpg);padding: 100px;}
.news-left{width: 30%;float: left;}
.news-right{width: 70%;float: left;}
.news-list{width: 40%;margin-left:10%;float: left;}
.news-img{width: 90%;overflow: hidden;}
.news-img img{width: 100%;height: auto;transition-duration: 2s;}
.news-con{background: #007CC3;width: 90%;position: relative;left: 5%;top: -20px;padding: 10px 10px;transition-duration: 0.8s;}
.news-time{width: 20%;float: left;}
.news-day{font-size: 18px;font-weight: bold;color: white;text-align: center;border-bottom: 1px solid #fff;line-height: 27px;}
.news-year{font-size: 15px;color: white;text-align: center;line-height: 23px;}
.news-name{float: left;line-height: 50px;padding-left: 10px;font-size: 18px;color: white;overflow: hidden;width: 80%;height: 50px;}
.news-list:hover .news-img img{transform: scale(1.1);transition-duration: 2s;}
.news-list:hover .news-con{background: #DA221A;transition-duration: 0.8s;transition-delay: 0.6s;}
.case-item{width: 100%;}
.case-left{width: 40%;float: left;}
.case-right{width: 60%;float: left;}
.case-left{padding: 100px;background: #007CC3;}
.case-head{margin-bottom: 30px;}
.case-head .head-name,.case-head .head-en p{color: white;}
.case-head .head-xt{background: white;}
.case-con-name{font-size: 18px;color: white;line-height: 34px;overflow: hidden;}
.case-con-desc{font-size: 14px;color: white;line-height: 28px;height: 56px;overflow: hidden;}
.pre-next{width: 100%;height: 2px;background: white;}
.pre-next-box{position: relative;margin-top: 40px;}
/*.xt-box{}*/
.pre-xt{width: 0px;height: 2px;left: 0px;position: absolute;top: 0px;float: left;transition-duration: 0.6s;}
.next-xt{right: 0px;width: 0px;height: 2px;float: right;position: absolute;top: 0px;transition-duration: 0.6s;}
.pre-hit,.next-hit{width: 60px;color: white;font-size: 15px;line-height: 40px;text-align: center;cursor: pointer;}
.pre-hit{float: left;transition-duration: 0.3s;}
.next-hit{float: right;transition-duration: 0.3s;}
.pre-next-box .pre-hit:hover .pre-xt{width: 60px;transition-duration: 0.6s;background: #DA221A;}
.pre-next-box .next-hit:hover .next-xt{width: 60px;transition-duration: 0.6s;background: #DA221A;}
.pre-next-box .pre-hit:hover p,.pre-next-box .next-hit:hover p{color: #DA221A;transition-duration: 0.3s;}
.case-con{height: 90px;overflow: hidden;position: relative;width: 100%;}
.case-con-list{float: left;position: absolute;top: 0px;opacity: 0;transition-duration: 0.6s;transition: all 0.6s ease;visibility: hidden;transform: translateX(50px);}
.case-list-img{float: left;position: absolute;top: 0px;opacity: 0;transition-duration: 1s;transition: all 1s ease;visibility: hidden;transform: translateX(10px);}
.active-case{opacity: 1;visibility: visible;transform: translateX(0px);transition-duration: 0.6s;}
.active-case-img{opacity: 1;visibility: visible;transform: translateX(0px);transition-duration: 0.6s;}
.case-right{padding-right: 100px;height: 558px;}
.case-right-box{width: 90%;float: left;position: relative}
.case-list-img{width: 100%;height: 558px;overflow: hidden;}
.case-list-img img{width: 100%;height: 100%;transition-duration: 5s;}
.case-num{width: 10%;float: right;position: relative;}
.num-xt{width: 100%;height: 1px;background: #DA221A;}
.num-act{width: 100%;text-align: center;font-size: 20px;color: #007CC3;}
.num-count{width: 100%;text-align: center;font-size: 20px;color: #656565;}
.num-box{margin:242.5px auto;width: 50%;}
.case-list-img img:hover{transform: scale(1.1);transition-duration: 5s;}
.parther-item{padding: 100px;}
.parther-list{width: 16.6%;float: left;padding: 0px 20px;cursor: pointer;}
.parther-box{width: 100%;border: 1px solid #f4f4f4;padding: 5px;overflow: hidden;transition-duration: 3s;}
.parther-box img{width: 100%;height: auto;transition-duration: 3s;}
.parther-box img:hover{transform: scale(1.05);transition-duration: 3s;}
.footer-item{width: 100%;padding: 50px 100px;background: #444444;}
.footer-top-item{width:100%;float: left;}
.footer-bq,.footer-bq a{color: white;font-size: 14px;font-family: "微软雅黑";line-height: 28px;}

.footer-it-b-list{float: left;margin-right: 30px;}
.footer-ix-img{width: 32px;height: 32px;float: left;}
.footer-ix-img img{width: 100%;height: auto;}
.footer-it-name{float: left;font-size: 14px;color: white;line-height: 32px;margin-left: 10px;font-family: "微软雅黑";}
.footer-item-box{margin-bottom:60px;}
.footer-top{position: relative;}
.footer-it-code{width: 100px;float: left;position: absolute;top: 0px;right: 0px}
.code-img{width: 120px;height: 120px;float: right;}
.code-img img{width: 100%;height: auto;}
.footer-bo-xt{width: 100%;background: #fff;height: 1px;margin: 20px auto;}
.footer-n-name{float: left;font-size: 14px;padding-right: 30px;}
.footer-n-name a{color: white;transition-duration: 0.6s;}
.footer-n-name:hover a{color: #DA221A;transition-duration: 0.6s;}
.con-bg{position: relative;}
.con-bg-img{width: 100%;}
.con-bg-img img{width: 100%;height: auto;}
.con-down{position: absolute;bottom: 50px;width:30px;left: 50%;z-index: 999;cursor: pointer;}
.down-xt{display: block;font-size: 30px;color: white;text-align: center;transform:rotate(90deg);-ms-transform:rotate(90deg); 	/* IE 9 */-moz-transform:rotate(90deg); 	/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg);}
.xt-one{animation: moveDownSpot 900ms 900ms linear infinite running;-webkit-animation: moveDownSpot 900ms 900ms linear infinite ;}
.xt-two{margin-top: -40px;animation: moveDownSpot 900ms 600ms linear infinite running;-webkit-animation: moveDownSpot 900ms 600ms linear infinite running;}
.xt-thr{margin-top: -40px;animation: moveDownSpot 900ms 300ms linear infinite running;-webkit-animation: moveDownSpot 900ms 300ms linear infinite running;}
.page-item{padding: 100px;}
.page-left{float: left;width: 40%;padding-right: 5%;}
.page-right{float: left;width: 60%;padding-top: 50px;}
.page-right p{font-size: 18px;color: #656565;line-height:40px;text-indent: 2em;margin-bottom: 15px;}
.page-left-img{width: 100%;overflow: hidden;margin-top:50px;cursor: pointer;}
.page-left-img img{width: 100%;height: auto;transition: all 0.6s ease;}
.page-left-img img:hover{transform: scale(1.1);transition: all 0.6s ease;}
.jg-tiem{background: url(../img/bjt.jpg);background-attachment: fixed;/*webkit-filter: grayscale(0.3);-moz-filter: grayscale(0.3);-ms-filter: grayscale(0.3);-o-filter: grayscale(0.3);filter: grayscale(0.8);filter: gray;*/cursor: pointer;}
.jg-img{width:1200px;margin: auto;}
.jg-img img{width: 100%;height: auto;}
.cult-list{width: 100%;cursor: pointer;}
.cult-left,.cult-right{width: 50%;float: left;background: #007CC3;overflow: hidden;position: relative;transition-duration: 2s;}
.cult-img{width: 100%;height: 300px;transition: all 0.6s ease;cursor: pointer;}
.cult-con{width: 100%;height: 300px;}
.cult-list:hover .cult-img{transform: scale(1.2);transition: all 0.6s ease;}
.cult-con p{text-align: center;color: white;font-size: 18px;padding: 20px 30px;position: absolute;top:37%;width: 100%;}
.cult-list:hover .cult-right{background: #DA221A;transition-duration: 2s;}
.hon-list{width: 25%;float: left;}
.hon-list:hover .hon-img{border: 3px solid #DA221A;transition: all 0.6s ease;transition-duration: 2s;}
.hon-img{width: 94%;margin: auto;overflow: hidden;transition: all 0.6s ease;transition-duration: 2s;border: 3px solid #F4F4F4;}
.hon-img img{width: 100%;height: auto;transition: all 0.6s ease;}
.hon-img img:hover{transform: scale(1.1);transition: all 0.6s ease;}
.hon-ch{font-size: 3em;color: white;text-align: center;}
.hon-en{font-size: 1.5em;color: white;text-align: center;}
.hon-xt{width: 50px;height: 2px;margin: auto;background: white;}
.hon-name{width: 100%;background: #007CC3;padding: 50px 0px;}
.hon-it{padding-top: 0px !important;display: none;}
.hon-box{margin-top: 50px;}
.hon-list{margin-bottom:30px;}
.cult-yj{margin-top:120px;}
.yj-name{font-size: 2em;color: #656565;}
.yj-con{font-size: 1.6em;}
/*.team-item{padding-top: 0px;}*/
.team-list{width: 25%;padding: 0px 10px;float: left;cursor: pointer;}
.team-img{width: 100%;overflow: hidden;}
.team-img img{width: 100%;height: auto;transition: all 0.6s;}
.team-con{padding: 15px 10px;background: #007CC3;transition: all 0.6s;}
.team-n{font-size: 16px;color: white;float: left;}
.team-desc{font-size: 14px;color: #fff;float: right;}
.team-list:hover .team-img img{transform: scale(1.1);transition-duration: 1s;transition: all 0.6s;}
.team-list:hover .team-con{background:#DA221A;transition-duration: 1.6s;transition: all 0.6s;}
.cult-con p{text-indent: initial;margin-bottom: inherit;}
.page-nav-list{float: left;padding: 20px;background: #007CC3;}
.page-nav-ico{width: 28px;margin: auto;}
.page-nav-name{font-size: 15px;color: white;margin-top: 5px;}
.contact-item{width: 100%;}
.cont-left,.map{width: 50%;float: left;}
.cont-left{padding: 100px;background: #e3e9f3;}
.cont-con{margin-top: 31px;}
.cont-con p{font-size: 15px;line-height: 40px;}
.map{height: 552px;}
.contact-box{background: url(../img/banner3.jpg);background-attachment: fixed;padding: 150px 0px;}
.ly-box{width: 90%;margin: auto}
.ly-mess{width: 100%;margin-top: 50px;}
.ly-left,.ly-right{width: 50%;float: left;padding-right: 20px;}
.ly-in{width: 100%;background: #fff;height: 50px;margin-bottom: 10px;}
.ly-right{height: 110px;background: white;}
.ly-in input{width: 90%;padding: 10px 0px;position: relative;left: 5%;height: 30px;top:10px}
.ly-right textarea{width: 90%;padding: 10px 0px;position: relative;left: 5%;height: 90px;top: 10px;}
.ly-sub{width: 120px;height: 32px;cursor: pointer;}
.ly-sub input{ background: #007CC3;width: 100%;height: 32px;text-align: center;font-size: 14px;color: white;transition: all 0.6s ease;cursor: pointer;}
.ly-sub input:hover{background: #DA221A;transition-duration: 2s;transition: all 0.6s ease;}
.news-b-list{width: 22%;float: left;transform: translateY(0px);transition:all 0.6s;position: relative;cursor: pointer;background: white;margin: 1.5%;}
.n-time-box{padding: 10px;background: #007CC3;transition: 1s;}
.n-time-box span{display: block;color: white;text-align: center;font-size: 15px;line-height: 24px;}
.n-time-box{float: left;}
.n-time-box span:nth-child(2){font-size: 14px;line-height: 21px;}
.n-sort{float: right;padding: 10px;line-height: 45px;background: #E3E9F3;font-size: 16px;}
.news-l-img{width: 100%;height: 200px;overflow: hidden;}
.news-l-img img{width: 100%;height: 100%;transition: 1s;}
.news-l-con{padding:0px 10px;font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;margin: 10px 0px;}
.news-l-more{padding: 10px 0px 20px 10px;}
.news-l-more span{font-size: 14px;color: #007CC3;border-bottom: 2px solid #007CC3;transition:all 1s;}
.news-b-list:hover{transform: translateY(-10px);transition: all 0.6s;box-shadow: 2px 5px 10px rgba(0,0,0,0.3);}
.xt-com{position: absolute;}
.xt-o{top: 0px;left: 0px;width: 0px;height: 2px;transition-duration: 0.3s;}
.xt-t{top: 0px;right: 0px;width: 2px;height: 0px;transition-duration: 0.3s;}
.xt-th{bottom: 0px;right: 0px;width: 0px;height: 2px;transition-duration: 0.3s;}
.xt-fo{bottom: 0px;left: 0px;width: 2px;height: 0px;transition-duration: 0.3s;}
.news-b-list:hover .xt-o{width: 100%;background: #DA221A;transition-duration: 0.3s;}
.news-b-list:hover .xt-t{height: 100%;background: #DA221A;transition-duration: 0.3s;transition-delay: 0.3s;}
.news-b-list:hover .xt-th{width: 100%;background: #DA221A;transition-duration: 0.3s;transition-delay: 0.6s;}
.news-b-list:hover .xt-fo{height: 100%;background: #DA221A;transition-duration: 0.3s;transition-delay: 0.9s;}
.news-b-list:hover .n-time-box{background: #DA221A;transition-duration: 1s;transition-delay: 0.9s;}
.news-b-list:hover .news-l-more span{color: #DA221A;border-bottom-color:#DA221A;transition-delay: 1.9s;transition-duration: 1s;}
.news-b-list:hover .news-l-img img{transition-duration: 1s;transform: scale(1.2);}
.n-con{background: #e8e8e8;}
.page-show{width: 65%;margin: auto;}
.page-show-name{font-size: 3.6em;text-align: center;color: #656565;}
.page-show-time{text-align: center;}
.page-show-xt{width: 100%;height: 1px;background: #ccc;margin: 20px auto;}

.case-it{width: 30.3%;float: left;margin: 1.5%;position: relative;overflow: hidden;height: 344px;overflow: hidden;}
.case-it-img{width: 100%;height: 344px;overflow: hidden;}
.case-it-img img{width: 100%;height:100%;}
.case-it-name{height: 50px;line-height: 50px;font-size: 16px;text-align: center;color: white;background: rgba(218,34,26,0.8);opacity: 1;visibility: visible;transform: translateY(-50px);transition-duration: 0.6s;}
.case-it-sort{z-index: 99;line-height: 50px;top: 0px;left: 25%;width: 50%;height: 50px;background: #DA221A;color: white;font-size: 14px;text-align: center;position: absolute;opacity:0;visibility: hidden;transform: translateY(-50px);transition-duration: 0.6s;}
.case-it:hover .case-it-sort{opacity: 1;visibility: visible;transform: translateY(-0px);transition-duration: 0.6s;transition-delay: 0.3s;}
.case-it:hover .case-it-name{opacity: 0;visibility: hidden;transform: translateY(-0px);transition-duration: 0.6s;}
.case-xt-box .xt-o{top: 5%;left: 5%;width: 0px;height: 2px;transition-duration: 0.3s;}
.case-xt-box .xt-t{top: 5%;right: 5%;width: 2px;height: 0px;transition-duration: 0.3s;}
.case-xt-box .xt-th{bottom: 5%;right: 5%;width: 0px;height: 2px;transition-duration: 0.3s;}
.case-xt-box .xt-fo{bottom: 5%;left: 5%;width: 2px;height: 0px;transition-duration: 0.3s;}
.case-it:hover .case-xt-box .xt-o{width: 90%;background: #DA221A;transition-duration: 0.3s;}
.case-it:hover .case-xt-box .xt-o{width: 90%;background: #DA221A;transition-duration: 0.3s;}
.case-it:hover .case-xt-box .xt-t{height: 90%;background: #DA221A;transition-duration: 0.3s;transition-delay: 0.3s;}
.case-it:hover .case-xt-box .xt-th{width: 90%;background: #DA221A;transition-duration: 0.3s;transition-delay: 0.6s;}
.case-it:hover .case-xt-box .xt-fo{height: 90%;background: #DA221A;transition-duration: 0.3s;transition-delay: 0.9s;}
.case-xt-box{width: 100%;height: 344px;background:rgba(1,124,194,0.8);top: 0px;position: absolute;opacity: 0;visibility: hidden;transform: translateY(-50px);transition-duration: 0.6s;}
.case-it:hover .case-xt-box{opacity: 1;visibility: visible;transform: translateY(-0px);transition-duration: 0.6s;}
.oc-name{position: absolute;text-align: center;color: white;font-size: 16px;top:45%;width: 100%;}
/*.page-nav{width: 500px;position: relative;margin-top: -300px;}
.page-nav-list{width: 50%;float: left;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.page-nav-name{text-align: center;}
.page-nav-list-one{}*/
.pro-header{width: 100%;}
.pro-head-left{width: 50%;float: left;position: relative;height:600px;overflow: hidden;}
.pro-head-right{width: 50%;float: left;position: relative;height:600px;overflow: hidden;}
.pro-head-l-list{width: 100%;}
.pro-l-name{font-size: 3em;color: #DA221A;line-height: 65px;}
.pro-l-xt{width: 50px;height: 3px;background: #007CC3;margin: 10px 0px 30px;}
.pro-l-desc{font-size: 16px;}
.pro-ico-list{float: left;width: 20%;float: left;cursor: pointer;}
.ico-img-p{width: 50px;height: 50px;border: 1px solid #ccc;border-radius: 3px;overflow: hidden;position: relative;transition:all 0.6s;margin: auto;}
.ico-img-on{width: 100%;height: auto;position: absolute;visibility: visible;opacity: 1;transform: translateY(0px);transition: all 1s;}
.ico-img-on img{width: 100%;height: auto;}
.ico-img-down{width: 100%;height: auto;position: absolute;top: 0px;visibility: hidden;opacity: 0;transform: translateY(20px);transition: all 1s;}
.ico-img-down img{width: 100%;height: auto;}
.pro-ico-list:hover .ico-img-p{background:#DA221A;border-color:#DA221A;transition-duration: 0.6s;}
.pro-ico-list:hover .ico-img-p .ico-img-on{visibility: hidden;opacity: 0;transform: translateY(-20px);transition: all 1s;}
.pro-ico-list:hover .ico-img-p .ico-img-down{visibility: visible;opacity: 1;transform: translateY(0px);transition: all 1s;transition-delay: 0.3s;}
.pro-l-ico{width: 100%;margin: 50px auto 40px;}
.pro-ico-name{text-align: center;font-size: 14px;color: #656565;line-height: 32px;height: 32px;width: 100%;padding: 0px 10px;}
.pro-ico-list{margin-bottom: 10px;}
.pro-l-more{width: 120px;background: #007CC3;height: 36px;color: white;text-align: center;line-height: 36px;cursor: pointer;transition: all 0.6s;}
.pro-l-more:hover{background: #DA221A;transition-duration: 1s;}
.pro-head-l-list{height: 600px;}
.pro-r-list{width: 100%;height: 600px;overflow: hidden;visibility: hidden;opacity: 0;transform: translateY(100px);transition: all 0.6s;position: absolute;top: 0px;}
.r-list-active{visibility: visible;opacity: 1;transform: translateY(0px);}
.pro-r-list img{width: 100%;height: 100%;}
.pro-head-nav{position: absolute;width: 200px;background: rgba(0,0,0,0.3);top: 0px;}
.h-nav-ico{width: 50px;height: 50px;margin: auto;}
.h-nav-ico img{width: 100%;height: auto;}
.h-nav-name{text-align: center;font-size: 14px;color: white;line-height: 30px;}
.head-nav-list{cursor: pointer;width: 50%;float: left;padding: 10px 5px;transition: all 0.6s;}
.active-nav{background: #DA221A;}
.head-nav-list:hover{background: #DA221A;transition: all 0.6s;}
.pro-head-l-list{position: absolute;visibility: hidden;top: 0px;opacity: 0;transform: translateX(-100px);transition: all 0.6s ease;width: 100%;padding-right: 100px;transition-duration: 2s;}
.active-pro{visibility: visible;opacity: 1;transform: translateX(0px);transition: all 0.6s ease;transition-duration: 2s;transition-delay: 0.3s;}
.pro-body-head{width: 100%;margin: 50px auto;position: relative;}
.pro-body-head-list{width: 100%;background: #DA221A;cursor: pointer;}
.head-img,.head-con{width: 50%;float: left;height: 500px;overflow: hidden;transition: all 0.8s ease;}
.head-con{padding: 100px;}
.head-img img{width: 100%;height: auto;transition: all 1s ease;}
.head-con-name{font-size: 3em;color: white;}
.head-con-xt{width: 50px;height: 3px;background: white;}
.head-con-desc{font-size: 16px;color: white;line-height: 28px;margin-top: 20px;}
.more-st{width: 30px;height: 5px;background: #007CC3;cursor: pointer;margin: 0px 5px;float: left;}
.more-st-active{background: #DA221A;}
.pro-body-head-list:hover .head-con{background: #007CC3;transition-duration: 1.5s;}
.pro-body-head-list:hover .head-img img{transform: scale(1.1);transition: all 1s ease;}
.pro-case-head .head-name{text-align: center;}
.pro-case-head .head-xt{margin: auto;}
.pro-case-head .head-en{text-align: center;}
.pro-cae{margin-top: 20px;}
.pro-body{width: 100%;position: relative;}
.pro-body-list{opacity: 0;visibility: hidden;transform: translateY(100px);position: absolute;top: 0px;transition: 1s;width: 100%;}
.pro-body-list-ac{opacity: 1;visibility: visible;transform: translateY(0px);transition: 1s;}

.in-pro-list{width:33.33%;float: left;position: relative;}
.in-pro-img{width: 100%;overflow: hidden;position: relative;}
.in-pro-img img{width: 100%;transition: all 0.6s ease;position: absolute;display: block;}
.in-pro-con{position: absolute;top: 0px;background:rgba(219,37,29,0.7);;width: 100%;opacity: 0;visibility: hidden;transition-duration: 0.6s;transform: translateY(50px);}

.in-pro-list:hover .in-pro-img img{transform: scale(1.02);transition: all 0.6s ease}
.in-pro-list:hover .in-pro-con{opacity: 1;visibility: visible;transition-duration: 0.6s;transform: translateY(0px);}

.in-pro-list:hover .in-pro-con{opacity: 1;visibility: visible;transform: translateX(0px);}
.in-pro-list:hover .pro-con-box{opacity: 1;visibility: visible;transform: translateY(0px);transition-delay: 0.8s;}

.pro-xt-one{top: 5%;left: 5%;width: 0px;height: 2px;transition: all 0.6s ease;}
.pro-xt-two{top: 5%;right:5%;width: 2px;height: 0px;transition: all 0.6s ease;}
.pro-xt-thr{bottom:5%;right:5%;width:0px;height:2px;transition: all 0.6s ease;}
.pro-xt-four{bottom:5%;left: 5%;width:2px;height:2px;transition: all 0.6s ease;}

.in-pro-list:hover .pro-xt-one{width: 90%;background: white;transition-delay: 0.3s;}
.in-pro-list:hover .pro-xt-two{height: 90%;background: white;transition-delay: 0.5s;}
.in-pro-list:hover .pro-xt-thr{width: 90%;background: white;transition-delay: 0.8s;}
.in-pro-list:hover .pro-xt-four{height: 90%;background: white;transition-delay: 1.1s;}

.in-pro-name{font-size: 16px;color: #fff;text-align: center;line-height: 40px;transform: translateY(50px);transition: all 0.6s ease;transition-delay: 1.1s}
.in-pro-desc{font-size: 14px;color: #fff;text-align: center;line-height: 30px;transform: translateY(50px);opacity: 0;visibility: hidden;transition: all 0.6s ease;transition-delay: 1.1s}
.in-pro-more{width: 120px;background: #fff;height: 32px;border-radius: 5px;margin:10px auto 0px;text-align: center;line-height: 32px;transform: translateY(80px);opacity: 0;visibility: hidden;transition-delay: 1.3s}

.in-pro-list:hover .in-pro-name{transform: translateY(0px);transition: all 0.6s ease;}
.in-pro-list:hover .in-pro-desc{transform: translateY(0px);opacity: 1;visibility: visible;transition: all 0.6s ease;}
.in-pro-list:hover .in-pro-more{transform: translateY(0px);opacity: 1;visibility: visible;transition: all 0.6s ease;}



.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
.case-box-n{width: 120px;height: 32px;margin-bottom: 20px;background: #da241d;text-align: center;color: #fff;line-height: 32px}
.nn-num{margin-top: 20px;}
.c-con-list{float: left;padding: 10px 20px;font-size: 16px}

.pro-top{width: 100%;}
.pro-top-sort{border-bottom: 1px solid #ccc;width: 100%;position: relative;padding-bottom: 20px;margin-bottom: 20px;min-height: 60px}
.t-sort-name{width: 60px;position: absolute;top:0px;line-height: 40px;}
.t-sort-box{padding-left: 60px;width: 100%;position: absolute;}
.act-on{color: #da241d}
.t-sort-b-l{float: left;line-height: 40px;font-size: 14px;padding:0px 20px;cursor: pointer;}
.pro-pp{min-height: 80px}
.pro-list-n{width: 25%;float: left;}
.pro-list-img{width: 96%;margin: auto;overflow: hidden;}
.pro-list-img img{max-width: 100%;transition: all 0.6s ease}
.pro-list-name{text-align: center;line-height: 40px;font-size: 16px;transition: all 0.6s ease;width: 96%;margin: auto;}
.pro-list-n:hover .pro-list-img img{transform: scale(1.05);transition: all 0.6s ease}
.pro-list-n:hover .pro-list-name{background: #da241d;color: #fff;transition: all 0.6s ease}
.nn-name{position: absolute;top: 48%;width: 100%;color: #fff;text-shadow: 2px 5px 10px #da241d;text-align: center;}
.qb,.pro-pp .t-sort-name{line-height: 50px}
.qb{float: left;width: initial;}
.tp_img img{max-width: 100%}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}
