html,body{

	font-family: "mircosoft yahei";

}



/*公共*/

.fl{float: left;}

.fr{float: right;}

.cb{clear: both;}

.c12{width: 1200px;margin:auto;}

.cover{background-repeat: no-repeat;background-position: center;background-size: cover;}

.tran{transition: all 0.3s;-webkit-transition:all 0.3s;}

.pic{transition: all 0.3s;-webkit-transition:all 0.3s;}

.big-b{width: 100%;overflow: hidden;}

.big-b img,.index-b img{width: 100%;}

.big-pic{width: 100%;overflow: hidden;position: relative;padding-bottom: 25%;}

.big-link{position: absolute;z-index: 1;bottom: 10%;left: 10%;color: #fff;}

.big-link a{color: #fff;}

.big-nav{width: 100%;height: 60px;}

.big-nav li{display: inline-block;height: 60px;line-height: 60px;background: #fff;color: #666666;transition: all 0.3s;-webkit-transition:all 0.3s;text-align: center;float: left;border-right:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing:border-box;position: relative;}

.big-nav li .min-nav{position: absolute;width: 100%;z-index: 1;left: 0;top: 60px;z-index: 100;display: none;}

.big-nav li .min-nav a{display:block;width: 100%;height: 40px;line-height: 40px;background: #fff;}

.big-nav li .min-nav a:hover{background: #d82128;color: #fff;}

.big-nav li a{color: #2f2f2f;}

.big-nav li>a{display: block;width: 100%;}

.big-nav li:last-child{border:none;}

.big-nav li:hover,.big-nav li.on{background: #d82128;color: #fff;}

.big-nav li:hover>a,.big-nav li.on>a{color: #fff;}

.pages{clear: both;width: 100%;text-align: center;padding-top: 60px;margin-bottom: 100px;}

.pages a{margin: 0 10px;display: inline-block;width: 40px;height: 40px;border:1px solid #e6e6e6;color: #333;line-height: 38px;background: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;}

.pages a.prev,.pages a.next{width: 120px;}

.pages a:hover,.pages a.on{background: #d82128;color: #fff;}



/*首页*/

.header{padding: 25px 5%;overflow: hidden;}

.header .logo{width: 165px;height: 50px;float: left;background-size: contain !important;}

.header .light{float: left;width: 162px;height: 31px;margin-top: 19px;margin-left: 20px;}

.header .nav{float: left;margin-left: 20px;}

.header .nav li{float: left;margin-left: 90px;margin-top: 19px;height: 30px;-webkit-transition:all 0.3s;transition:all 0.3s;border-bottom: 2px solid #fff;}

.header .nav li:hover,.header .nav li.on{border-bottom: 2px solid #d82128;}

.header .nav li:hover a,.header .nav li.on a{color: #d82128;}

.header .nav li a{color: #333333;}

.header .line{float: right;height: 20px;width: 1px;background: #ccc;margin-right: 75px;margin-top: 20px;}

.header .search{float: right;width: 155px;height: 25px;border-bottom: 1px solid #cccccc;margin-top: 20px;}

.header .search input{float: left;width: 120px;border:none;text-indent: 10px;}

.header .search button{float: right;width: 19px;height: 19px;background: none;border:none;cursor: pointer;outline: none;margin-right: 10px;}

.header .nav-icon{float: right;overflow: hidden;width: 20px;margin-top: 8px;cursor: pointer;margin-left: 20px;display: none;}

.header .nav-icon img{width: 100%;}

.fix-bg{width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; background: rgba(0,0,0,0.5); z-index:99999;}

.slide_nav{background: #fff; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; width: 250px; position:fixed; right: -300px; top: 0; height: 100%; z-index: 999999;}

.left_active{right: 0;}

.slide_nav .slide_logo{background: #fff; text-align: center; padding: 15px 0;}

.slide_nav .slide_logo a{display: block;}

.slide_nav .slide_logo a img{max-width: 90%;}

.slide_nav .slide_nav_ul{margin-top: 10%;}

.slide_nav .slide_nav_ul li{ text-align: center;height: 50px; position: relative; width: 100%;line-height: 50px; }

.slide_nav .slide_nav_ul>li>a{font-size: 15px; color: #d82128;position: relative;width: 100%;z-index: 9;background: #fff;display: block;height: 100%;}

.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;z-index: 8;}









.index-swiper{width: 100%;overflow: hidden;}

.index-swiper .swiper-slide{width: 100%;padding-bottom: 40%;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top: 45%;width: 30px;right: 3%;left: auto;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 30px;height: 4px;background: #fff;border-radius: 0;opacity: 1;margin:0;float: right;margin-bottom: 15px;}

.swiper-pagination-bullet-active{width: 15px !important;background: #d82128 !important;}

.index-case{width: 100%;overflow: hidden;}

.index-case .index-top{padding: 40px;background: #fff;overflow: hidden;}

.index-case .index-top .pic{width: 13px;height: 21px;float: left;margin-top: 5px;margin-left: 20%;}

.index-case .index-top .title{float: left;margin-left: 10px;}

.index-case .index-top .title .chn{color: #333333;margin-bottom: 15px;}

.index-case .index-top .title .eng{color: #999;}

.index-case .index-top .case-nav{float: left;margin-left: 150px;}

.index-case .index-top .case-nav li{float: left;margin-right: 50px;margin-top: 15px;color: #666;transition:all 0.3s;-webkit-transition:all 0.3s;border-bottom: 2px solid #fff;height: 30px;cursor: pointer;}

.index-case .index-top .case-nav li:hover,.index-case .index-top .case-nav li.on{color: #fb0000;border-bottom: 2px solid #fb0000;}

.index-case .case-main{overflow: hidden;}

.index-case .case-main ul{display: none;}

.index-case .case-main ul.on{display: block;}

.index-case .case-main li{width: 24.5%;overflow: hidden;float: left;margin:0 0.66% 0.66% 0;}

.index-case .case-main li:nth-child(4n){
	margin-right: 0;
}
.index-case .case-main li .pic-w{position: relative;width: 100%;padding-bottom: 310px;overflow: hidden;}

.index-case .case-main li .pic-w .pic{position: absolute;z-index: 1;left: 0; top: 0; right: 0; bottom: 0;}

.index-case .case-main li:hover .pic{transform: scale(1.1);}

.index-case .case-main li .txt{padding: 25px;-webkit-transition:all 0.3s;transition: all 0.3s;}

.index-case .case-main li .txt .name{color: #333;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index-case .case-main li .txt .des{color: #666;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: none;}

.index-case .case-main li .txt .bot{color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: none;}

.index-case .case-main li:hover .txt{background: #d82128;color: #fff;}

.index-case .case-main li:hover .txt .name,.index-case .case-main li:hover .txt .des,.index-case .case-main li:hover .txt .bot{color: #fff;}

.index-pro{overflow: hidden;padding: 70px 0;background: #f2f2f2;}

.index-pro .index-top{padding: 40px;background: #f2f2f2;overflow: hidden;}

.index-pro .index-top .pic{width: 13px;height: 21px;float: left;margin-top: 5px;margin-right: 15px;margin-left: 5px;}

.index-pro .index-top .title{float: left;margin-left: 20%;}

.index-pro .index-top .title .chn{color: #333333;margin-bottom: 15px;}

.index-pro .index-top .title .eng{color: #999;}

.index-pro .index-top .case-nav{float: left;margin-left: 150px;}

.index-pro .index-top .case-nav li{float: left;margin-right: 50px;margin-top: 15px;color: #666;transition:all 0.3s;-webkit-transition:all 0.3s;border-bottom: 2px solid #f2f2f2;height: 30px;cursor: pointer;}

.index-pro .index-top .case-nav li:hover,.index-pro .index-top .case-nav li.on{color: #fb0000;border-bottom: 2px solid #fb0000;}

.index-pro-main{width: 100%;overflow: hidden;margin: 40px 0; padding: 0 10%;position: relative;}

.index-pro .swiper-slide{overflow: hidden;position: relative;padding-bottom: 30%;}

.index-pro .swiper-slide .pic{position: absolute;z-index: 1;left: 0;top: 0;bottom: 0;right: 0; }

.index-pro .swiper-slide .ob{position: absolute;z-index: 2;left: 0;top: 0;bottom: 0;right: 0; }

.index-pro .swiper-slide{transform: scale(0.8);transition:all 0.3s;-webkit-transition:all 0.3s;}

.index-pro .swiper-slide.swiper-slide-active{transform: scale(1);}

.index-pro .swiper-slide.swiper-slide-active .ob{display: none;}

.index-pro .swiper-button-prev{left: 6%;background-image:url(../../images/prev.png);width: 23px;height: 72px;background-size: cover;}

.index-pro .swiper-button-next{right: 6%;background-image:url(../../images/next.png);width: 23px;height: 72px;background-size: cover;}





.about-us{overflow: hidden;padding: 60px 13%;}

.about-us .about-main{width: 100%;overflow: hidden;background: url(../../images/ob.png);padding: 60px 15%;}

.about-us .index-top{overflow: hidden;}

.about-us .index-top .pic{width: 13px;height: 21px;float: left;margin-top: 5px;margin-right: 15px;margin-left: 5px;}

.about-us .index-top .title{float: left;}

.about-us .index-top .title .chn{color: #fff;margin-bottom: 15px;}

.about-us .index-top .title .eng{color: #999;}

.about-us .des{color: #fff;line-height: 25px;margin-top: 30px;overflow: hidden;}

.about-us .more{float: right; width: 90px;height: 45px;border:1px solid #fff;display: block;color: #fff;text-align: center;line-height: 43px;border-radius: 3px;margin-top: 40px;transition: all 0.3s;-webkit-transition:all 0.3s;}

.about-us .more:hover{background: #fff;color: #666;}

.index-news{overflow: hidden;padding: 60px 16%;}

.index-news .index-top{padding: 40px;background: #fff;overflow: hidden;}

.index-news .index-top .pic{width: 13px;height: 21px;float: left;margin-top: 5px;}

.index-news .index-top .title{float: left;margin-left: 10px;}

.index-news .index-top .title .chn{color: #333333;margin-bottom: 15px;}

.index-news .index-top .title .eng{color: #999;}

.index-news .index-top .more{float: right; width: 90px;height: 45px;border:1px solid #d82128;display: block;color: #d82128;text-align: center;line-height: 43px;border-radius: 3px;transition: all 0.3s;-webkit-transition:all 0.3s;margin-top: 10px;}

.index-news .index-top .more:hover{background: #d82128;color: #fff;}

.index-news .news-main{width: 100%;overflow: hidden;}

.index-news .news-main .news-list{width: 55%;float: right;overflow: hidden;}

.index-news .news-list ul{width: 100%;overflow-x: auto;height: 310px;}

.index-news .news-list li{overflow: hidden;margin-bottom: 20px;position: relative;}

.index-news .news-list li .time{width: 90px;height: 90px;text-align: center;background: #d82128;color: #fff;overflow: hidden;float: left;position: relative;z-index: 2;}

.index-news .news-list li .time p{margin-top: 20px;margin-bottom: 5px;}

.index-news .news-list li .des{position: relative;height: 90px;background: #fff;padding: 25px;float: left;color: #999999;width: 80%;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;transition: all 0.4s;-webkit-transition:all 0.4s;}

.index-news .news-list li .des .name{color: #333;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;z-index: 2;}

.index-news .news-list li .des .js{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;z-index: 2;}

.index-news .news-list li:last-child{margin-bottom: 0;}

/*.index-news .news-list li:hover .des{background: #d82128;border-color:#d82128; }*/

.index-news .news-list li:hover .des{border:none;}

.index-news .news-list li:hover .des .name{color: #fff;}

.index-news .news-list li:hover .des .js{color: #fff;}

.index-news .news-list li .bg{position: absolute;z-index: 1;left: 0;height: 100%;top: 0;width: 0;transition:all 0.4s;background:#d82128; }

.index-news .news-list li:hover .bg{width: 100%;}

.index-news .news-main .news-swiper{width: 42%;float: left;overflow: hidden;height: 310px;}

.index-news .news-main .news-swiper .swiper-slide{position: relative;}

.index-news .news-main .news-swiper .swiper-slide:hover .pic{transform: scale(1.1);}

.index-news .news-main .news-swiper .pic{position: absolute;left: 0;bottom: 0;top: 0;right: 0;background-size: cover;transition:all 0.3s;-webkit-transition:all 0.3s;}



.index-news .news-main .news-swiper .txt{position: absolute;width: 100%;bottom: 0;left: 0;height: 90px;z-index: 2;background: url(../../images/ob.png);}

.index-news .news-main .news-swiper .left{width: 80%;overflow: hidden;float: left;color: #fff;padding: 25px;}

.index-news .news-swiper .left .name{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index-news .news-swiper .left .js{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index-news .news-swiper .right{width: 90px;height: 90px;line-height: 90px;background: url(../../images/or.png);float: right;text-align: center;color: #fff;}



.footer{overflow: hidden;background: #002d52;}

.footer .footer-bot{color: #909090;font-size: 12px;padding: 10px 5%;background: #001a2f;overflow: hidden;line-height: 15px;}

.footer .footer-bot .left{float: left;}

.footer .footer-bot .right{float: right;text-align: right;}

.footer-top{padding: 40px 8% 60px 8%;overflow: hidden;}

.footer-top .left{float: left;overflow: hidden;width: 84%;}

.footer-top .left .logo{margin-top: 60px;width: 226px;float: left;}

.footer-top .left img{width: 100%;}

.footer-top .left .nav{overflow: hidden;}

.footer-top .left a{color: #fff; font-size: 14px;transition: all 0.3s;-webkit-transition:all 0.3s;}

.footer-top .left a:hover{margin-left: 8px;}

.footer-top .left .nav span{display: inline-block;width: 1px;height: 6px;background: #fff;margin: -5px 25px 0 25px;}

.footer-top .right{float: right;}

.footer-top .right .share{overflow: hidden;margin-top: 20px;float: right;}

.footer-top .right .share li{float: left;text-align: center;color: #ffffff;font-size: 12px;cursor: pointer;margin-left: 18px;}

.footer-top .right .share li p{margin-top: 10px;}
.footer .l-bot{justify-content: space-between;display: flex;display: -webkit-flex;}
.footer .lx{float: left;color: #fff;/*margin:51px 0 0 55px ;*/width: 79.2%;display: flex;justify-content: space-between;margin-top: 51px;}

.footer .lx span{display: inline-block;float: left;width: 20px;margin-right: 8px;margin-top: -4px;}

.footer .lx span img{width: 100%;}

.footer .lx p{font-size: 16px;overflow: hidden;margin-bottom: 20px;float: left;}

.footer .lx .tel{float: left;margin-top: 2px;/*margin-right: 5%;*/}
.footer .lx .tel h1:first-child{
	/*text-align: center;*/
	font-size: 16px;
}

.footer .lx h1{font-size: 14px;font-weight: normal;margin-bottom: 22px;}

.footer .lx h1:nth-child(3){margin-top: -5px;}

.link_left_select{width: 175px; position: relative; background: #fff;margin-left: 75px;}

.link_left_select .link_left_input{width: 100%; height: 34px; line-height: 34px; padding-left: 20px; padding-right: 34px; font-size: 12px; background: none;  border: 1px #fff solid; color: #5c5c5c;}

.link_left_select .link_left_botom{width: 34px; transition:all 0.4s; height: 34px; cursor: pointer; background: #0b5da0 url(../../images/link_bottom.png) center center no-repeat; position: absolute; right: 0; top: 0;}

.link_left_select .link_left_mark{ height: 0px; width: 100%; z-index: 10;}

.link_left_select .link_left_mark li{width: 100%; height: 30px; line-height: 30px; padding: 0 20px; cursor: pointer; background: #fff; }

.link_left_select .link_left_mark li a{color: #5c5c5c; display: block; width: 100%; height: 30px; font-size: 12px;}

.link_left_select .link_left_mark li:hover{background: #0b5da0; color: #fff;}

.link_left_select .link_left_mark li:hover a{color: #fff;}

.link_left_select .link_left_mark ul{display: none;max-height: 150px;overflow: auto;}



/*案例展示*/

.case-detail{background: #f5f5f5;width: 100%;overflow: hidden;}

.case-box{padding: 60px 10.2%;}

.case-box .case-li{width: 31%;margin: 1% 1% 0 1%;margin-top: 0;margin-bottom: 20px;float: left;overflow: hidden;}

.case-box .case-li .pic-w{position: relative;width: 100%;overflow: hidden;padding-bottom: 65%;}

.case-box .case-li .pic-w .pic{position: absolute;z-index: 1;left: 0;top: 0;bottom: 0;right: 0;overflow: hidden;}

.case-box .case-li:hover .pic{transform: scale(1.1);}

.case-box .case-li .txt{padding:20px;-webkit-transition:all 0.3s;transition: all 0.3s;}

.case-box .case-li .txt .name{color: #333;/*margin-bottom: 8px;*/overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.case-box .case-li .txt .des{color: #666;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: none;}

.case-box .case-li .txt .bot{color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: none;}

.case-box .case-li:hover .txt{background: #d82128;color: #fff;}

.case-box .case-li:hover .txt .name,.case-box .case-li:hover .txt .des,.case-box .case-li:hover .txt .bot{color: #fff;}

.case-detail-main{padding: 60px 13.2%;}

.case-detail-main .title{text-align: center;color: #353333;}

.case-detail-main .des{color: #a3a3a3;text-align: center;margin-top: 15px;}

.case-detail-main .des span{margin:0 10px;}

.case-detail-main .main{color: #666666;margin-top: 40px;overflow: hidden;text-indent: 20px;line-height: 20px;}

.case-detail-main .main img{max-width: 100% !important;margin:10px auto;display: block;}

.case-detail-main .detail-bottom{width: 100%;margin-top: 50px;border-top: 1px solid #a3a3a3;overflow: hidden;}

.case-detail-main .detail-bottom .left{float: left;padding-top: 25px;color: #a3a3a3;}

.case-detail-main .detail-bottom .left span{display:block;margin-bottom: 15px;}

.case-detail-main .detail-bottom .left a{color: #a3a3a3;}

.case-detail-main .detail-bottom .left a:hover{color: #d82128;}

.detail-bottom .right{float: right;display: block;width: 190px;height: 35px;background: #d82128;color: #fff;line-height: 35px;margin-top: 30px;}

.detail-bottom .right img{float: left;margin-top: 10px;margin-right: 10px;margin-left: 60px;transition: all 0.3s;-webkit-transition:all 0.3s;}

.detail-bottom .right:hover img{margin-left: 30px;}



/*关于我们*/

.article{background: #f5f5f5;width: 100%;overflow: hidden;}

.article .article-main{padding: 60px 0;}

.article .article-box{width: 100%;overflow: hidden;position: relative;}

.article .article-box .txt{width: 50%;background: #fff;padding: 5% 10%;overflow: hidden;position: absolute;height: 100%;}

.article-box .txt .des{color: #878787;margin:20px 0;}

.article-box .txt .line{width: 20px;height: 4px;background: #d82128;}

.article-box .txt .word{margin-top: 75px;text-indent: 30px;line-height: 25px;color: #666;left: 0;top: 0;}

.article-box .pic-w{float: right;width: 50%;position: relative;padding-bottom: 30%;overflow: hidden;}

.article-box .pic-w .pic{position: absolute;left: 0;top: 0;bottom: 0;right: 0;}

.article-box .pic-w:hover .pic{transform: scale(1.1);}

.swiper-slide .article-box .pic-w{float: left;}

.swiper-slide .article-box .txt{right: 0;}

.article-swiper{overflow: hidden;position: relative;}

.article-swiper .swiperbutton{position: absolute;bottom: 0;width: 120px;left: 50%;margin-left: -60px;height: 60px;}

.article-swiper .swiperbutton .swiper-button-next{width: 60px;height: 60px;right: 0;top: 0;background: url(../../images/art-next.png);margin: 0;}

.article-swiper .swiperbutton .swiper-button-prev{width: 60px;height: 60px;left: 0;top: 0;background: url(../../images/art-prev.png);margin: 0;}

.article .culture{padding: 60px 10.2%;}

.article .culture .culture-title{text-align: center;overflow: hidden;}

.article .culture .culture-title p.eng{color: #878787;margin:15px;}

.article .culture .culture-title .line{width: 20px;height: 4px;background: #d82128;margin: auto;}

.culture .culture-main{width: 100%;overflow: hidden;margin-top: 25px;}

.culture-main li{float: left;width: 50%;position: relative;background: #fff;}

.culture-main li .pic-w{width: 50%;float: left;padding-bottom: 40%;overflow: hidden;position: relative;}

.culture-main li .pic-w .pic{left: 0;top: 0;right: 0;bottom: 0;position: absolute;z-index: 1;}

.culture-main li:hover .pic{transform: scale(1.1);}

.culture-main li .txt{position: absolute;width: 50%;top: 0;right: 0;height: 100%;padding: 10% 8%;overflow: hidden;cursor: pointer;}

.culture-main li .txt h1{margin-bottom: 15px;}

.culture-main li .txt h2{margin-bottom: 30px;}

.culture-main li .txt p{color: #999999;margin-bottom: 12px;}

.culture-main li:hover{background: #d82128;color: #fff;}

.culture-main li:hover p{color: #fff;}

.culture-main li:nth-child(3) .pic-w,.culture-main li:nth-child(4) .pic-w{float: right;}

.culture-main li:nth-child(3) .txt,.culture-main li:nth-child(4) .txt{left: 0;}

.article .speak{padding: 60px 12.3%;overflow: hidden;}

.article .speak .left{width: 65%;float: left;overflow: hidden;}

.article .speak .eng{color: #878787;margin:18px 0;}

.article .speak .line{width: 20px;height: 4px;background: #d82128;}

.article .speak .main{margin-top: 50px;overflow: hidden;color: #666;line-height: 30px;text-indent: 20px;}

.article .speak .right{float: right;width: 28%;overflow: hidden;}

.article .speak .right img{width: 100%;}

.article .honor{padding: 60px 10.2%;overflow: hidden;}

.article .honor ul{width: 105%;overflow: hidden;}

.article .honor li{width: 22%;overflow: hidden;float: left;margin-right: 2%;margin-bottom: 50px;}

.article .honor .pic-w{width: 100%;overflow: hidden;position: relative;background: #fff;text-align: center;height: 340px;line-height: 340px;}

.article .honor .pic-w img{transition: all 0.3s;-webkit-transition:all 0.3s;max-width: 80%;vertical-align: middle;max-height: 80%;}

.article .honor .pic-w:hover img{transform: scale(1.1);}



.article .honor .pic{position: absolute;z-index: 1;top: 20px;bottom: 20px;right: 20px;left: 20px;z-index: 1;background-repeat: no-repeat;background-position: center;}

.article .honor .txt{font-size: 12px;color: #676767;text-align: center;margin-top: 30px;line-height: 20px;padding:0 5px;}



/*新闻中心*/

.press{padding: 60px 17%;background: #f5f5f5;overflow: hidden;}

.press .press-box{overflow: hidden;background: #fff;margin-bottom: 20px;}

.press .press-box .pic-w{float: left;width: 32%;padding-bottom: 20%;position: relative;overflow: hidden;}

.press .press-box .pic{position: absolute;z-index: 1;left: 0;top: 0;right: 0;bottom: 0;}

.press .press-box .txt{float: left;width: 68%;padding: 3% 5%;overflow: hidden;}

.press .press-box .txt .title{color: #3b3b3b;font-family: "simhei";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.press .press-box .txt .des{color: #999999;line-height: 30px;margin-top: 30px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.press .press-box .txt .time{float: right;color: #999999;margin-top: 50px;}

.press .press-box:hover .pic{transform: scale(1.1);}

.press .press-box:hover{background: #d82128;}

.press .press-box:hover .title,.press .press-box:hover .des,.press .press-box:hover .time{color: #fff;}



/*人才队伍*/

.job-txt{padding: 3% 14.3%;background: #fff;line-height: 30px;}

.job-txt span{color: #007bd9;}

.job_Main{padding-top: 3.1%; padding-bottom: 3.1%; background: #f5f5f5}

.job_Main .job_lists {width: 75%;margin: 0 auto;}

.job_Main .job_lists .firsts {color: #332c2b; font-weight: normal;}

.recruit_markA{margin-top: 30px;}

.job_Main .jobs {  position: relative;  margin-bottom: 1%;}

.job_Main table {  width: 100%;  color: #332c2b;  border-collapse: collapse;  border-spacing: 0;  table-layout: fixed;}

.job_Main td:nth-child(2){width: 60% !important}

.job_Main td { width: 16%; padding: 1.3% 5px; text-align: center;}

.job_Main td.fst { width: 40px;}

.job_Main td.ico { background-color: #f5f5f5; padding-right: 10px;cursor: pointer;}

.job_Main td.ico img { width: 51%;}

.job_Main .pd_lt {width: calc(100% - 0.39px); padding-left: 41px;}

.job_Main tr.bg2 { color: #fff;background-color: #a8a8a8;}

.job_Main .btn_close { position: absolute; margin-top: -3.5%; margin-left: -3%; width: 2%;}

.job_Main .job_desc { padding: 5% 5% 7%; border: 1px solid #a8a8a8; line-height: 34px;}

.job_Main .job_desc { color: #332c2b; line-height: 2;}

.job_Main tr.bg { color: #fff; background-color: #e84024;}

.job_Main .job_desc { display: none;}

.job_Main .job_desc { padding: 4% 5% 5%; border: 1px solid #e84024;}

.job_Main .jobs .email { color: #f15d22;}

.job_Main .pages { margin-top: 7%; text-align: center;}

.job_Main .pages a { font-family: "microsoft yahei"; background-color: #008fd7; color: #fff; font-size: 20px; display: inline-block; padding: 1% 1.5%; margin-right: 3%;}

.job_Main .pages a.selected {  background-color: #008fd7;}



/*产品展示*/

.pro{background: #f5f5f5;width: 100%;overflow: hidden;}

.pros-main{padding: 60px 10.2%;background: #f5f5f5;overflow: hidden;}

.pros-main ul{width: 105%;overflow: hidden;}

.pros-main li{width: 22%;float: left;overflow: hidden;margin-right: 2%;margin-bottom: 40px;}

.pros-main li .pic-w{width: 100%;position: relative;/*border:10px solid #fff;*/padding-bottom: 100%;overflow: hidden;}

.pros-main li .pic{position: absolute;z-index: 1;left: 0;top: 0;bottom: 0;right: 0;}

.pros-main li:hover .pic{transform: scale(1.1);}

.pros-main li .txt{background: #fff;border-top: 1px solid #e6e6e6;padding: 25px;color: #333;transition:all 0.3s;-webkit-transition:all 0.3s;}

.pros-main li .txt span{transition:all 0.3s;-webkit-transition:all 0.3s;}

.pros-main li:hover .txt{background: #d82128;}

.pros-main li:hover .txt span{margin-left: 40%;color: #fff;}

.pros-main li .line{float: left;width: 0px;height: 1px;background: #fff;margin-top: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;}

.pros-main li .line2{float: right;width: 20px;height: 1px;background: #e6e6e6;margin-top: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;}

.pros-main li:hover .line{width: 20px;}

.pros-main li:hover .line2{width: 0px;}

.pro-detail{background: #f5f5f5;width: 100%;overflow: hidden;}

.pro-detail-main{padding: 60px 13.2%;position: relative;}

.pro-detail-main .detail-bottom{width: 100%;margin-top: 50px;border-top: 1px solid #a3a3a3;overflow: hidden;}

.pro-detail-main .pro-detail-pic{float:right;width: 35%;position: relative;top: 10%;margin-right:2%;overflow: hidden;padding-bottom: 35%;transition: all 0.3s;-webkit-transition:all 0.3s;}
.pro-detail-main .pro-detail-pic:hover{box-shadow: 0 0 15px 0 #ccc;}
.pro-detail-main .pro-detail-pic .pic{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.pro-detail-main .pro-detail-pic:hover .pic{
	transform: scale(1.1);
}
.pro-detail-main .pro-info{width: 60%;overflow: hidden;padding:0 5%;min-height: 500px;}

.pro-info .title{color: #333333;overflow: hidden;}

.pro-info .download{display: none;width: 120px;height: 40px;line-height: 40px;color: #fff;text-align: center;background: #d82128;border-radius: 5px;margin-top: 18px;	}

.pro-info .download:hover{background: #fff;color: #d82128;}

.pro-info .info-des{margin-top: 40px;overflow: hidden;width: 60%;}

.pro-info .info-des.pic{width: 100%;overflow: hidden;}

.pro-info .info-des.pic .bot {margin-left: 0;}

.pro-info .info-des.pic .bot img{max-width: 100% !important;}

.pro-info .info-des .top{color: #333333;}

.pro-info .info-des .top .line{float: left;width: 5px;height: 12px;background: #d82128;margin-top: 2px;margin-right: 10px;}

.pro-info .info-des .bot{color: #676767;margin-top: 15px;margin-left: 15px;line-height: 20px;}

.pro-info .tips{color: #666666;margin-top: 20px;}

.pro-info .tips span{color: #d82128;}



/*联系我们*/

.contact{width: 100%;overflow: hidden;background: #f5f5f5;}

.contact .address{width: 100%;overflow: hidden;background: #fff;margin-top: 60px;padding: 70px 10.2%;}

.contact .address .add-box{width: 100%;overflow: hidden;margin-top: 60px;display: flex;display: -webkit-flex;justify-content: space-between;}

.contact .address .adds .title{color: #333;margin-bottom: 30px;}

.contact .address .adds p{color: #666;margin-bottom: 25px;}

.contact .address .adds p img{float: left;margin-right: 10px;margin-top: 1px;}

.contact .address .add-box .line{background: #e6e6e6;width: 1px;height: 160px;margin-top: 20px;}

.contact .map{width: 100%;padding-bottom: 40%;}

.contact .download,.contact .shop{padding: 60px 10.2%;}

.contact .download ul{width: 100%;overflow: hidden;}

.contact .download li{width: 31%;float: left;margin:1% 1% 1% 1%;}

.contact .download li .pic-w{width: 100%;overflow: hidden;position: relative;padding-bottom: 65%;}

.contact .download li .pic{position: absolute;z-index: 1;left: 0;top: 0;right: 00px;bottom: 0;}

.contact .download li .pic-w:hover .pic{transform: scale(1.1);}

.contact .download li .txt{padding: 30px 20px;background: #fff;overflow: hidden;}

.contact .download li .txt .title{color: #333333;}

.contact .download li .txt .left{float: left;color: #999999;margin-top: 20px;}

.contact .download li .txt .left p{margin-bottom: 10px;}

.contact .download li .txt .left p:last-child{margin-bottom: 0;}

.contact .download li .txt .right{display: block;float: right;width: 150px;height: 40px;line-height: 38px;background: #d82128;color: #fff;text-align: center;border:1px solid #d82128;margin-top: 16px;border-radius: 5px;}

.contact .download li .txt .right:hover{background: #fff;color: #d82128;}

.down-detail{padding: 60px 13.2%;}

.down-detail .detail-bottom{width: 100%;margin-top: 50px;border-top: 1px solid #a3a3a3;overflow: hidden;}



.down-detail .txt{padding: 0 10%;}

.down-detail .txt .title{color: #333;text-align: center;}

.down-detail .txt .des{color: #a3a3a3;text-align: center;margin-top: 15px;}

.down-detail .txt .des span{margin:0 15px;}

.down-detail .down{display: block;margin:auto;width: 150px;height: 40px;line-height: 38px;background: #fff;color: #666666;text-align: center;border:1px solid #ccc;margin-top: 40px;border-radius: 5px;}

.down-detail .down:hover{background: #d82128;color: #fff;}

.down-detail .word{margin-top: 45px;overflow: hidden;}

.down-detail .word img{display: block;margin:auto;max-width: 100% !important;}

.contact .shop ul{width: 100%;overflow: hidden;}

.contact .shop li{width: 31%;float: left;margin:1% 1% 1% 1%;}

.contact .shop li .pic-w{width: 100%;overflow: hidden;position: relative;padding-bottom: 65%;}

.contact .shop li .pic{position: absolute;z-index: 1;left: 0;top: 0;right: 00px;bottom: 0;}

.contact .shop li .pic-w:hover .pic{transform: scale(1.1);}

.contact .shop li .txt{padding: 30px;background: #fff;overflow: hidden;transition: all 0.3s;}

.contact .shop li .txt .title{color: #333333;margin-bottom: 30px;}

.contact .shop li .txt p{margin-top: 15px;color: #666666;line-height: 20px;}

.contact .shop li:hover .txt{background: #d82128;}

.contact .shop li:hover .txt p,.contact .shop li:hover .txt .title{color: #fff;}







@media (max-width: 1601px){
	.footer-top .left{
		width: 80%;
	}
	.footer-top .left .logo{
		width: 170px;
		margin-top: 65px;
	}
	.footer .lx{
		margin:50px 0 0 10px;
	}
	.footer .lx .tel{
		margin-right: 0;
	}
    .header .nav{margin-left: 120px;}

    .header .nav li{margin-left: 50px;}

    .header .line{display: none;}

    .header .search{margin-top: 18px;}

    .index-pro .index-top .title{margin-left: 10%;}

    .index-case .index-top .pic{margin-left: 10%;}

    .index-case .index-top .case-nav li{margin-right: 20px;}

    .index-pro .index-top .case-nav li{margin-right: 20px;}

    .article-box .txt .word{margin-top: 30px;overflow-y: auto;height: 250px;}

    .press .press-box .txt .time{margin-top: 20px;}

}

@media (max-width: 1441px){
	/*.footer-top .left{
		width: 100%;
	}*/
	.footer-top{
		padding: 40px 5% 60px 5%;
	}
	.footer-top .right{
		/*float: left;*/
	}
	.footer .lx{
		float: right;
	}
	.footer-top .right .share li{
		margin-left: 0;
		margin-right: 30px;
	}
	.link_left_select{
		margin-left: 0;
	}
    .header .nav li{margin-left: 50px;}

    .header .nav{margin-left: 0px;}

    .case-detail-main,.case-box,.contact .download,.contact .shop,.pro-detail-main {padding: 40px 8.2%;}

    .pro-detail-main .pro-info{padding: 2%;width: 100%;}

	/*.pro-detail-main .pro-detail-pic{width: 25%;}*/

	.pro-info .info-des{width: 50%;margin-top: 10px;}

	.article-box .txt .word{height: 200px;}

	.article .culture,.article .honor{padding: 30px 5.2%;}

	.culture-main li .txt{overflow-y: auto;}

	.down-detail .txt{padding: 0;}

	.press .press-box .txt .des{margin-top: 20px;}

	.press,.pros-main{padding: 60px 5.2%;}

	.pros-main li .pic-w{padding-bottom: 95%;}

}

@media (max-width: 1366px){

	.press .press-box .txt .des{-webkit-line-clamp:2;}

}

@media (max-width: 1281px){

    .header .nav{margin-left: 150px;}

    .header .nav li{margin-left: 30px;}

    .index-case .index-top .case-nav,.index-pro .index-top .case-nav{margin-left: 50px;}

    .index-news{padding: 60px 12%;}

    .index-case .case-main li .pic-w{padding-bottom: 270px;}

    .index-swiper .swiper-slide{padding-bottom: 56%;}

    .pros-main ul{width: 100%;}

    .pros-main li{width: 31%;margin:1%;}

}

@media (max-width: 1025px){
	.footer-top .right{
		display: none;
	}
	.footer .lx{
		float: left;
	}

    .header .logo{width: 120px;height: 35px;}

    .header .light{display: none;}

    .header .nav{margin-left: 30px;}

    .header .nav li{margin-top: 6px;}

    .header .search{margin-top: 6px;}

    .index-case .case-main li .pic-w{padding-bottom: 250px;}

    .index-news .news-list li .des{width: 70%;}

    .index-news .news-list li .time p{font-size: 24px;}

    .index-news .news-swiper .right{display: none;}

    .index-news .news-main .news-swiper .left{width: 100%;}

    .footer-top .left .nav span{margin:-5px 10px 0 10px;}

    .footer-top .left .logo{width: 140px;}

    .footer-top .right .share li img{width: 30px;}

    .footer-top .left .nav{margin-top: 70px;}

    .index-case .index-top .pic{margin-left: 43%;}

    .index-pro .index-top .title{margin-left: 43%;}

    .index-case .index-top .case-nav, .index-pro .index-top .case-nav{clear: both;float: none;overflow: hidden;margin-left: 0;width: 100%;text-align: center;padding-top: 30px;}

    .index-case .index-top .case-nav li, .index-pro .index-top .case-nav li{display: inline-block;float: none;margin:0 8px;}

    .article-box .txt .word{margin-top: 0;}

    .article-swiper .swiperbutton .swiper-button-next,.article-swiper .swiperbutton .swiper-button-prev{width: 40px;height: 40px;background-size: cover}

    .article-swiper .swiperbutton{margin-left: -40px;width: 80px;height: 40px;}

    .down-detail{padding: 60px 5.2%;}

    .down-detail .down{width: 100px;margin-top: 15px;height: 30px;line-height: 28px;}

    .down-detail .word{margin-top: 30px;}

	.article .speak{padding: 30px 5.2%;}

	.pros-main li .txt{padding: 15px;}

}

@media (max-width: 960px){
	.footer-top .left{
		width: 100%;
	}
    .header .nav li{margin-left: 25px;}

    .index-case .case-main li .pic-w{padding-bottom: 230px;}

    .about-us .about-main{padding: 30px 5%;}

    .big-pic{padding-bottom: 30%;}

    .big-nav{overflow-x: auto;background: #fff;border-bottom: 1px solid #e6e6e6;}

    .big-nav ul{white-space: nowrap;}

    .big-nav li{background: none;border:none;margin:0 10px;height: 50px;line-height: 50px;float: none;}

    .big-nav li.on{background: none;}

 	.big-nav li.on>a,.big-nav li:hover>a{color: #d82128;font-weight: bold;}

 	.big-nav li:hover{background: #fff;}

 	.case-box,.contact .download, .contact .shop{padding: 30px 5%;}

 	.pro-detail-main .pro-detail-pic{position: relative;right: auto;top:auto;width: 60%;margin:auto;margin-bottom: 20px;float: none;padding-bottom: 60%;}

 	.pro-info .info-des{width: 100%;}

	.big-nav a img{display: none;}

	.article .article-main{padding: 30px 0;}

	.culture-main li{width: 100%;}

	.culture-main li:nth-child(2) .pic-w, .culture-main li:nth-child(4) .pic-w, .culture-main li:nth-child(6) .pic-w{float: right;}

	.culture-main li:nth-child(2) .txt, .culture-main li:nth-child(4) .txt, .culture-main li:nth-child(6) .txt{left: 0;}

	.culture-main li:nth-child(3) .pic-w{float: left;}

	.culture-main li:nth-child(3) .txt{right: 0;left: auto;}

	.job_Main .job_lists{width: 90%;}

    .press .press-box .txt .des{margin-top: 15px;}

    .press .press-box .txt .time{margin-top: 15px;}

    .pros-main{padding: 30px 5.2%;}



}

@media (max-width: 850px){

    .header .nav{display: none;}

    .header .nav-icon{display: block;}

}

@media (max-width: 768px){
	.footer .l-bot{
		display: block;
	}
	.footer .lx{
		width: 100%;
		display: block;
	}
	.footer .lx .tel{
		width: 100%;
	}
	.footer-top .left .logo{
		width: 200px;
		margin-top: 30px;
	}

    .header{padding: 10px 5%;}

    .index-case .index-top .case-nav, .index-pro .index-top .case-nav{display: none;}

    .index-case .case-main li .pic-w{padding-bottom: 180px;}

    .index-pro .index-top,.index-pro{padding: 20px;}

    .index-case .index-top{padding: 20px;}

    .z28{font-size: 18px;}

    .index-pro .index-top .title .chn,.index-case .index-top .title .chn,.index-news .index-top .title .chn{margin-top:5px;margin-bottom: 10px;}

    .index-news .news-main .news-swiper,.index-news .news-list ul{height: 180px;}

    .index-news .news-main .news-swiper .left{padding: 10px;}

    .index-news .news-main .news-swiper .txt{height: auto;}

    .index-news .news-swiper .left .js{display: none;}

    .index-news .news-swiper .left .name{margin-bottom: 0;}

    .index-news .news-list li .time{width: 60px;height: 60px;}

    .index-news .news-list li .time p{margin-top: 8px;}

    .index-news .news-list li .des{height: 60px;padding: 10px;}

    .footer-top .right .share{display: none;}

    .footer-top .left .nav{margin-top: 0px;}
	.footer-top{
		padding: 30px 3% 30px 3%;
	}
    .footer-top .left .nav span{margin:-8px 5px 0 5px;}

    .link_left_select .link_left_mark ul{max-height: 100px; }

    .detail-bottom .right{width: 140px;}

    .detail-bottom .right img{margin-left: 30px;}

    .case-box .case-li .txt{padding: 10px;}

	.contact .shop li{width: 48%;}

	.contact .shop li .txt{padding: 15px;}

	.contact .shop li .txt .title{margin-bottom: 15px;}

	.contact .shop li .txt p{margin-top: 10px;}

	.article-box .txt .word{height: 150px;}

	.article .honor li{width: 48%;}

	.article .honor .pic-w{height: 280px;line-height: 280px;}

    .down-detail{padding: 60px 3.2%;}

    .press .press-box .pic-w{padding-bottom: 22%;}

    .press{padding: 30px 5.2%;}

    .article .speak .main{margin-top: 20px;}

    .index-pro .index-top .pic,.index-case .index-top .pic,.index-news .index-top .pic{display: none;}

    .index-case .index-top .title{float: none;}

    .index-case .index-top,.index-pro .index-top, .index-pro{text-align: center;}

    .index-news .index-top .more{margin-top: 0;}

    .index-news .index-top{padding: 20px 0;}

    .index-pro .index-top .title{margin-left: 0;float: none;}

    .index-pro .swiper-button-next,.index-pro .swiper-button-prev{height: 30px;width: 10px;}

    .index-pro .swiper-slide{padding-bottom: 85%;}

    .index-pro .swiper-button-next{right: 0;}

    .index-pro .swiper-button-prev{left: 0;}

    .pros-main li{width: 48%;margin:1%;}

    .pros-main li .txt{line-height: 15px;}

    .pros-main li .line,.pros-main li .line2{display: none;}

    .popPart  .buttons .swiper-button-prev{width: 20px;left: 5%;}

    .popPart  .buttons .swiper-button-next{width: 20px;right: 5%;}

	.popPart .swiper-container{top: 27%;}

}

@media (max-width: 650px){

    .index-case .case-main li .pic-w{padding-bottom: 150px;}

    .index-news .news-main .news-swiper{width: 100%;float: none;height: 290px;}

    .index-news .news-main .news-list{width: 100%;float: none;margin-top: 10px;}

    .footer{position: relative;}

    .link_left_select{position: absolute;right: 5%;top: 50px;z-index: 2;}

    .footer-top .left .nav span{display: none;}

    .footer-top .left a{margin:5px 10px;display: block;float: left;}

    .index-case .case-main li{width: 49.5%;  margin:0 1% 1% 0;}
    .index-case .case-main li:nth-child(2n){margin-right: 0;}

    .case-detail-main,.pro-detail-main{padding: 20px 3.2%;}

    .detail-bottom .right{float: left;clear: both;margin-top: 10px;}

    .case-box .case-li{width: 48%;}

    .pages{padding-top: 30px;margin-bottom: 60px;}

    .pages a{width: 30px;height: 30px;line-height: 28px;margin:0 5px;}

    .pages a.prev, .pages a.next{width: 80px;}

    .article .honor .txt{margin-top: 15px;}

    .press .press-box .pic-w{padding-bottom: 25%;}

    .article .speak .right,.article .speak .left{width: 100%;}

    .pros-main{padding: 15px 5.2%;}
    .popPart .swiper-container .swiper-slide img{	width: 100%;}


}

@media (max-width: 560px){

    .footer .footer-bot .right{float: left;text-align: left;margin-top: 10px;}

    .article-box .txt .word{height: 120px;}

    .article-box .pic-w{width: 100%;padding-bottom: 60%;}

    .article .article-box .txt{position: relative;width: 100%;}

    .article-box .txt .word{height: auto;}

    .article-swiper .swiperbutton{bottom: 52.5%;}

    .press .press-box .pic-w{padding-bottom:  28%;}

}

@media (max-width: 480px){

    .footer .footer-bot .right{float: left;text-align: left;margin-top: 10px;}

    .article-box .txt .word{height: 100px;}

    .press .press-box .pic-w{width: 100%;padding-bottom: 40%;}

    .press .press-box .txt{width: 100%;}

    .press .press-box .txt .des{line-height: 20px;}

    .index-news .news-main .news-swiper{height: 180px;}

}
@media (max-width: 360px){
.header .logo{
	width: 100px;
}
}





.index-news ul::-webkit-scrollbar

{

    width:6px;

    height:6px;

    background-color:#e6e6e6;

}

.index-news ul::-webkit-scrollbar-track

{

    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

    border-radius:10px;

    background-color:#e6e6e6;

}

.index-news ul::-webkit-scrollbar-thumb

{

    border-radius:10px;

    -webkit-box-shadow:inset 0 0 6px #d82128;

    background-color:#d82128;

    opacity: .8;

}

.link_left_select .link_left_mark ul::-webkit-scrollbar

{

    width:6px;

    height:6px;

    background-color:#e6e6e6;

}

.link_left_select .link_left_mark ul::-webkit-scrollbar-track

{

    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

    border-radius:10px;

    background-color:#e6e6e6;

}

.link_left_select .link_left_mark ul::-webkit-scrollbar-thumb

{

    border-radius:10px;

    -webkit-box-shadow:inset 0 0 6px #0b5da0;

    background-color:#0b5da0;

    opacity: .8;

}



.big-nav::-webkit-scrollbar

{

    width:0px;

    height:0px;

    background-color:#e6e6e6;

}

.big-nav::-webkit-scrollbar-track

{

    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

    border-radius:10px;

    background-color:#e6e6e6;

}

.big-nav::-webkit-scrollbar-thumb

{

    border-radius:10px;

    -webkit-box-shadow:inset 0 0 6px #d82128;

    background-color:#d82128;

    opacity: .8;

}



/*弹出框*/

.popPart{position: absolute;background: url(../../images/caseyy.png); position: fixed; top: 100%; left: 0; width: 100%; height: 100%; z-index: 9999999;}

.popPart .swiper-container{width: 75%;top: 31%;text-align: center;/*padding: 10%;*/ }

.popPart .swiper-container .swiper-slide{overflow: hidden;}

.popPart .buttons div{width: 78px;text-indent: 100px;overflow: hidden;height: 78px;transition: all 0.4s;-webkit-transition: all 0.4s;border: 1px #fff solid;position: absolute;top: 50%;margin-top: -69px;z-index: 20;}

.popPart .swiper-button-prev{background: url(../../images/pcaseLeft.png) center center no-repeat;left: 10%;}

.popPart .swiper-button-next{background: url(../../images/pcaseRight.png) center center no-repeat;right: 10%;}

.popClose{background: url(../../images/close2.png) no-repeat scroll center center;width: 52px;height: 52px;position: absolute;top: 0;right: 5.2%; z-index: 30;display: block;margin-top: 3%;display: block;cursor: pointer;transition: 400ms;-webkit-transition: 400ms;}

.popClose:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}