@import url("") screen and (max-width: 1023px);
@import url("") screen and (max-width: 767px);

/*  CSS initialization  */
body{font-family: Arial, "microsoft Yahei", Helvetica, sans-serif;padding-top: 60px;}
a{color:#222222; transition:.5s;}
a:hover,a:focus{text-decoration: none; transition:.5s;}
ul{padding: 0;}
li{list-style:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom: 1;}
.ovf{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.containerMe{padding:0; width: auto; margin: 0 auto;}
.container1920nav{max-width: 1920px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.container1920{max-width: 1920px; margin: 0 auto;}

::-webkit-scrollbar {
    width: 3px; /*!*对垂直流动条有效*!*/
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #abdce4;
    border-radius: 3px;
}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #0050b6;
}

.public-wrap{margin-top: 30px;}

.more-btn{width: 140px; padding: 12px 0; display: flex; flex-direction: row; justify-content: center;
    background: #eaf2f8; color: #666666; margin: 0 auto; transition: all .5s;}
.more-btn .word{height: 15px; line-height: 15px; font-size: 15px; margin-right: 10px; transition: all .5s;}
.more-btn i{display: block; width: 15px; height: 15px; background: url("../images/arrow_right_grey.png") no-repeat;
    background-size: 100% 100%; transition: all .5s;}
.more-btn:hover,.more-btn:focus,.more-btn:active{background: #0050b6; color: #ffffff; transition: all .5s;}
.more-btn:hover i,.more-btn:focus i,.more-btn:active i{background: url("../images/arrow_right_white.png") no-repeat;
    background-size: 100% 100%; transition: all .5s;}

.public-title{text-align: center; padding: 15px 15px;}
.public-title .name{font-size: 22px; font-weight: bold; color: #222222; /*width: 4em;*/ /*border-bottom: 3px solid #0050b6;*/
    margin: 0 auto; padding-bottom: 5px;display:inline;}
/*.public-title .line{width: 60%; border-bottom: 1px solid #d4d4d4; margin: 0 auto 5px;}*/
.public-title .line{border-bottom: 1px solid #d4d4d4;margin: 3px auto -12px;}
.public-title .txt{font-size: 15px; color: #666666;}

.public-title-project{text-align: center; padding: 30px 15px 15px 15px;}
.public-title-project .name{font-size: 22px; font-weight: bold; color: #222222; width: 4em; /*border-bottom: 3px solid #0050b6;*/
    margin: 0 auto; padding-bottom: 5px;display:inline;}
/*.public-title-project .line{width: 60%; border-bottom: 1px solid #d4d4d4; margin: 0 auto 5px;}*/
.public-title-project .line{width: 100%; border-bottom: 1px solid #d4d4d4; margin: 3px auto -12px;}
.public-title-project .txt{font-size: 15px; color: #666666;}


.swiper-button-next:after, .swiper-button-prev:after{content: ''; }
.swiper-button-next, .swiper-button-prev{background-position: center center;}

/*  banner  */
#carousel-example-generic{display: none}
#carousel-example-generic-m{display: block}
.carousel{max-width: 1920px;margin: 0 auto;}
.carousel-control.left,.carousel-control.right{
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);}
.carousel-indicators{text-align: left;}
.carousel-indicators li{width: 6px;height: 6px;background: #fff;border: 0px solid #c9c9c9;margin: 0 2px;border-radius: 3px;}
.carousel-indicators .active{width: 12px; height:6px; background: #f39800; margin: 0 2px; border: 0px solid #ffffff;}
.carousel-indicators{bottom: 0px;}
.carousel-caption{bottom: 20px;}
.carousel-caption h3{font-size: 16px;}
.carousel-caption p{display: none;}
.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{content: "";}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev, .carousel-control .icon-next{width: 30px;height: 30px;margin-top: -15px;}
.glyphicon-chevron-left{background: url("../images/btn_left.png")no-repeat top left;background-size: 100% 100%;}
.glyphicon-chevron-right{background: url("../images/btn_right.png")no-repeat top left;background-size: 100% 100%;}

/*  首页  */
.index-about-wrap{margin: 20px 0; position: relative;}
.index-about-video{width: 100%; height: auto; position: relative;}
.index-about-video img{width: 100%; height: 100%; display: block;}
.index-about-video.pc-pic{display: none;}
.index-about-video.mobile-pic{display: block; margin-top: 20px;}
.index-about-video video{width: 100%; height: 100%;}
.index-about-video .icon{width: 60px; height: 60px; position: absolute; top: 50%; left: 50%;
    margin-top: -30px; margin-left: -30px; background: url("../images/video-icon-blue.png") no-repeat;
    background-size: 100% 100%; opacity: .5; transition: all .5s;}
.index-about-video:hover .icon{opacity: 1; transition: all .5s;}
.index-about-box{margin: 15px 0 0;}
.index-about-box .name{font-size: 22px; font-weight: bold; color: #222222; margin-bottom: 10px;}
.index-about-box .en-name{display: none;}
.index-about-box .txt1{font-size: 16px; font-weight: bold; color: #222222; margin-bottom: 10px;}
.index-about-box .txt2{font-size: 15px; color: #444444; margin-bottom: 20px;}
.index-about-bg{display: none;}
.index-about-more{float: left;}

.counter-wrap .container{display: flex; flex-wrap: wrap;}
.counter-item{margin-bottom: 10px; width: 50%; padding: 0;}
.counter-item .counter{font-size: 24px; font-family: impact, arial; color: #f39800;}
.counter-item .line{display: none;}
.counter-item .txt{font-size: 15px; color: #666666;}


.index-project-wrap{margin: 0px 0;}
.swiper-project{margin: 20px 0;}
.swiper-project .swiper-slide{position: relative; overflow: hidden;}
.swiper-project .swiper-slide img{width: 100%; position: relative; z-index: 7;}
.swiper-project .swiper-slide .zhezhao{position: absolute; top: 0; left: 0; bottom: 0; right: 0;
    background: rgba(0,0,0,.5); z-index: 8; transition: all .5s;}
.swiper-project .swiper-slide .info-box{padding: 0 20px; width: 100%; height: 84px; box-sizing: border-box; text-align: center;
    position: absolute; top: 50%; margin-top: -41px; left: 0; z-index: 9; transition: all .5s;}
.swiper-project .swiper-slide .info-box img{width: 44px; transition: all .5s;}
.swiper-project .swiper-slide .info-box .name{font-size: 18px; font-weight: bold; color: #ffffff; margin: 10px 0;}
.swiper-project .swiper-slide .info-box .line{width: 20px; height: 2px;  background: #ffffff; margin: 0 auto;}
.swiper-project .swiper-button-prev,.swiper-project .swiper-button-next{background-color: rgba(0,0,0,.4); width: 35px;
    background-image: url("../images/btn_left.png"); background-repeat: no-repeat; background-size: 70% 70%; outline: none;}
.swiper-project .swiper-button-next{background-image: url("../images/btn_right.png"); right: 0; border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;}
.swiper-project .swiper-button-prev{left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.swiper-project .swiper-slide:hover .zhezhao,.swiper-project .swiper-slide:focus .zhezhao,.swiper-project .swiper-slide:active .zhezhao{
    background: rgba(0,80,182,.7); transition: all .5s;}
.swiper-project .swiper-slide:hover .info-box,.swiper-project .swiper-slide:focus .info-box,.swiper-project .swiper-slide:active .info-box{
    margin-top: -60px; transition: all .5s;}
.swiper-project .swiper-slide:hover .info-box img,.swiper-project .swiper-slide:focus .info-box img,.swiper-project .swiper-slide:active .info-box img{
    transform: scale(1.1); transition: all .5s;}
.swiper-project .swiper-slide:hover img,.swiper-project .swiper-slide:focus img,.swiper-project .swiper-slide:active img{
    transform: scale(1.05); transition: all .5s;}


.index-case-wrap{margin: 30px auto;}
.swiper-case{margin: 20px 0;}
.swiper-case .swiper-slide{overflow: hidden;}
.swiper-case .swiper-slide img{width: 100%; position: relative; z-index: 7; transition: all .5s;}
.swiper-case .swiper-slide .name{height: 40px; line-height: 40px; width: 100%; color: #ffffff; font-size: 18px; font-weight: bold;
    padding: 0 10px; position: absolute; bottom: 0; box-sizing: border-box; z-index: 9; transition:all .5s;}
.swiper-case .swiper-slide .zhezhao{height: 0; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 8;
    background: linear-gradient(rgba(0,80,182,0),rgba(0,80,182,7)); transition: all .5s;}
.swiper-case .swiper-slide:hover .zhezhao,.swiper-case .swiper-slide:focus .zhezhao,.swiper-case .swiper-slide:active .zhezhao{
    height: 100%; transition: all .5s;}
.swiper-case .swiper-slide:hover img,.swiper-case .swiper-slide:focus img,.swiper-case .swiper-slide:active img{
    transform: scale(1.05); transition: all .5s;}
.swiper-case .swiper-slide:hover .name,.swiper-case .swiper-slide:focus .name,.swiper-case .swiper-slide:active .name{color: #ffffff/*#f39800*/;text-decoration:underline; transition:all .5s;}
.swiper-case .swiper-button-prev,.swiper-case .swiper-button-next{background-color: rgba(0,0,0,.4); width: 35px;
    background-image: url("../images/btn_left.png"); background-repeat: no-repeat; background-size: 70% 70%; outline: none;
    border-radius: 4px;}
.swiper-case .swiper-button-next{background-image: url("../images/btn_right.png");}


.index-domain-wrap{margin: 30px auto;}
.swiper-domain{margin: 20px 0 0;}
.swiper-domain .swiper-slide{}
.swiper-domain .swiper-slide .domain{display: block; width: 100%; }
.swiper-domain .swiper-slide .domain img{width: 100%; border-radius: 50%; background: #eaf2f8; transition: all .5s;}
.swiper-domain .swiper-slide .domain_hover{display: none; width: 100%;}
.swiper-domain .swiper-slide .domain_hover img{width: 100%; background: #0050b6; border-radius: 50%; transition: all .5s;}
.swiper-domain .swiper-slide:hover .domain,.swiper-domain .swiper-slide:focus .domain,.swiper-domain .swiper-slide:active .domain{display: none; }
.swiper-domain .swiper-slide:hover .domain_hover,.swiper-domain .swiper-slide:focus .domain_hover,.swiper-domain .swiper-slide:active .domain_hover{display: block;}
.swiper-domain .swiper-slide .name{text-align: center; height: 36px; line-height: 36px; font-size: 16px; font-weight: bold;}
.swiper-domain .swiper-button-prev,.swiper-domain .swiper-button-next{ width: 30px; height: 30px; outline: none;}
.swiper-domain .swiper-button-prev{background: url("../images/domain_left.png") no-repeat; background-size: 100% 100%;}
.swiper-domain .swiper-button-next{background: url("../images/domain_right.png") no-repeat; background-size: 100% 100%;}


.index-news-wrap{margin: 0 auto; /*background: url("../images/index_news_bg.png");*/ padding: 30px 0;}
.index-news-box{margin-top: 20px;}
.index-news-title{height: 20px; line-height: 20px; font-size: 20px; font-weight: bold; color: #0050b6; padding-left: 12px;
    position: relative;}
.index-news-title i{display: block; height: 20px; width: 4px; background: #f39800; position: absolute; top: 0; left: 0;}
.index-news-more{display: block; height: 20px; line-height: 20px; width: 3em; color: #0050b6; position: absolute;
    top: 0; right: 0; font-size: 14px; font-weight: normal;}
.index-news-big{margin: 20px 0; position: relative;}
.index-news-big .pic{overflow: hidden;}
.index-news-big .pic img{width: 100%; height: auto; transition: all .5s;}
.index-news-big .news-info{margin: 15px 0 0;}
.index-news-big .news-info .name{font-size: 18px; font-weight: bold; color: #222222;}
.index-news-big .news-info .time{font-size: 15px; color: #666666; margin: 5px 0;}
.index-news-big .news-info .txt{font-size: 15px; color: #666666; max-height: 60px; line-height: 20px; overflow: hidden;}
.index-news-big:hover .pic img,.index-news-big:focus .pic img,.index-news-big:active .pic img{transform: scale(1.05); transition: all .5s;}
.index-news-big:hover .news-info .name,.index-news-big:focus .news-info .name,.index-news-big:active .news-info .name{color: #0050b6;}
.index-news-small{height: 20px; line-height: 20px; font-size: 16px; color: #222222; padding: 0 100px 0 15px;
    position: relative; margin-bottom: 12px;}
.index-news-small .icon{height: 20px; line-height: 20px; font-size: 16px; color: #0050b6; position: absolute;
    top: 0; left: 0; font-family: SimHei, Simsun;}
.index-news-small .time{width: 100px; color: #666666; position: absolute; top: 0; right: 0; text-align: right;}
.index-news-small:hover .name,.index-news-small:focus .name,.index-news-small:active .name{color: #0050b6;}
.index-news-box{margin: 20px 0 0 0;cursor:pointer;}
.index-news-video{margin: 20px 0 0;}
.index-news-video .icon{width: 60px; height: 60px; position: absolute; top: 50%; left: 50%;
    margin-top: -30px; margin-left: -30px; background: url("../images/video-icon-blue.png") no-repeat;
    background-size: 100% 100%; opacity: .5; transition: all .5s;}
.index-news-video:hover .icon{opacity: 1; transition: all .5s;}
.index-news-video img{width:100%; height: 100%; display: block;}
.index-friend-wrap{margin-top: 30px;}
.index-friend-box{margin: 20px auto; display: flex; flex-wrap: wrap;}
.index-friend-item{width: 50%; overflow: hidden;}
.index-friend-item img{width: 100%; transition: all .5s;}
.index-friend-item:hover img,.index-friend-item:focus img,.index-friend-item:active img{transform: scale(1.05); transition: all .5s;}


/*footer*/
.footer{background: #272a2f; color: #6d7277; position: relative; padding: 20px 0; margin-top: 30px;}
.footer-nav{display: none;}
.footer-logo img{height: 48px;}
.footer-info .txt{font-size: 14px; margin: 10px 0;}
.footer-tel{height: 30px; line-height: 30px; /*padding-left:40px;*/ font-size: 14px; color: #ffffff; position: relative;}
.footer-tel i{display: block; height: 30px; width: 30px; background: #777c81 url("../images/bottom_t.png") no-repeat;
    background-size: 100% 100%; border-radius: 8px; overflow: hidden; position: absolute; top: 0; left: 0;}
.footer-qrcode{margin-top: 15px; display: flex; flex-wrap: wrap;}
.footer-qrcode-box{width: 100px; margin-right: 30px; text-align: center;}
.footer-qrcode-box img{width: 100px;}
.footer-qrcode-box span{padding: 10px 0 0; display: block;}
.copyright-wrap{background: #1a1b1d; color: #6d7277; font-size: 14px; line-height: 24px; padding: 10px 0;}
.copyright-wrap span{margin-right: 20px; display: inline-block;}


/* side bar */
.sidebar-box{position: fixed;right: 10px;bottom: 130px;z-index: 9999;display: none;}
.sidebar{display:block; width: 66px; height: 66px; background-color: #0050b6; margin-bottom: 10px; border-radius: 50%;
    background-size: 100% 100%;background-position: top left;background-repeat: no-repeat;cursor: pointer;
    transition: all .5s;}
.sidebar:hover{background-color: #999; transition: all .5s;}
.sidebar-kf{background-image: url("../images/sidebar_s.png");}
.sidebar-wx{background-image: url("../images/sidebar_w.png");}
.sidebar-tel{background-image: url("../images/sidebar_t.png");}
.sidebar-top{background-image: url("../images/sidebar_top.png");position: fixed;right: 10px;bottom: 15px;display: none;
    background-color: #f39800; z-index: 9999;}
.sidebar-wx-hover{width: 138px; padding: 10px;border: 1px solid #ced2d3;display: none;position: absolute; right: 80px;
    top: 0;background: #CED2D3;}
.sidebar-wx-hover img{width: 118px;}
.sidebar-wx:hover .sidebar-wx-hover{display: block;}
.sidebar-tel-hover{width:240px;height:60px;line-height:60px;padding: 0 15px;border: 1px solid #CED2D3;display: none;
    position: absolute;right: 80px;top: 80px;background: #CED2D3;font-size: 28px;color: #0050b6;text-align: center;
    font-family: Impact,"microsoft Yahei", sans-serif;}
.sidebar-tel:hover .sidebar-tel-hover{display: block;}

.open-btn, .close-btn{display: none;}



.page{text-align: center; margin-top: 20px;}
.page ul li{display:inline-block;margin: 0;font-size: 13px;}
.page ul li a{padding: 5px 8px;background: #ecf0f1;text-align: center;border-radius: 2px;}
.page ul li.active a,.page ul li:hover a,.page ul li:focus a,.page ul li:active a{color: #ffffff;background: #0050b6}
/*inner banner*/
.inner-banner{height: 120px; background-position: top center; background-repeat: no-repeat; background-size: auto 100%;
    background-color:#f6fafd; position: relative;}
.inner-banner-box{height: 50px; width: 75%; position: absolute; top: 50%; left: 15%; margin-top: -25px;
    /*text-align: center;*/ color: #ffffff;}
.inner-banner-box .name{font-size: 18px; line-height: 20px;}
.inner-banner-box .line{width: 20px; height: 1px; background: #ffffff; margin: 5px auto;}
.inner-banner-box .en-name{font-size: 12px; line-height: 20px; text-transform: uppercase;}
/*mobile inner banner*/

.minner-banner{height: 400px; background-position: top center; background-repeat: no-repeat; background-size: 100% 100%;
    background-color:#f6fafd; position: relative;}
.minner-banner-box{height: 50px; width: 75%; position: absolute; top: 50%; left: 15%; margin-top: -25px;
    /*text-align: center;*/ color: #ffffff;}
.minner-banner-box .mname{font-size: 18px; line-height: 20px;}
.minner-banner-box .mline{width: 20px; height: 1px; background: #ffffff; margin: 5px auto;}
.minner-banner-box .men-name{font-size: 12px; line-height: 20px; text-transform: uppercase;}

/*inner nav*/
.inner-nav-wrap{background: #f6fafd;}
.inner-nav-wrap ul li{float: left;width: 33.333333%;text-align: center;height: 36px;line-height: 36px;}
.inner-nav-wrap ul li a{display: block; font-size: 15px;}
.inner-nav-wrap ul li.active a,.in-nav ul li:hover a{background: #0050b6;color: #ffffff;}
/*project nav*/
.inner-nav-wrapm{background: #f6fafd;}
.inner-nav-wrapm ul li{float: left;width: 50%;height: 36px;line-height: 36px;padding-left:8px;}
.inner-nav-wrapm ul li a{display: block; font-size: 15px;}
.inner-nav-wrapm ul li.active a,.in-nav ul li:hover a{background: #0050b6;color: #ffffff;}
@media (min-width: 992px){
.inner-nav-wrapm {text-align: center;background: none;border-bottom: 1px solid #e9e9e9;}
.inner-nav-wrapm ul{margin-bottom: 2px;}
    /*.inner-nav-wrapm ul li{ height: 70px; line-height: 70px; margin: 0 10px;}*/
.inner-nav-wrapm ul li a{font-size: 16px;}
.inner-nav-wrapm ul li {width: auto;height: 60px;line-height: 60px;margin: 0 5px;float: none;display: inline-block;}
.inner-nav-wrapm ul li.active a,.inner-nav-wrapm ul li:hover a,.inner-nav-wrapm ul li:focus a{background: none;color: #333;
        border-bottom: 3px solid #0050b6;}
}


.public-inner-title{height: 40px; text-align: center; font-size: 22px; color: #222222; position: relative;margin-top:-23px;}
.public-inner-title:after{content: ''; display: block; height: 2px; width: 30px; position: absolute; bottom: 0;
    left: 50%; margin-left: -15px; background: #f39800;}
.public-inner-title-en{height: 30px; line-height: 30px; text-align: center; font-size: 28px; color: #333;opacity:0.05;}

.about-intro-wrap{margin: 30px 0 20px;}
.about-intro-box{margin: 30px 0 0; background: none;}
.about-intro-box .about-intro{font-size: 15px; padding: 0 14px; height: auto;}
.about-intro-box .about-video video{width: 100%; height: auto;}
.about-intro-box .about-video .icon{width: 60px; height: 60px; position: absolute; top: 50%; left: 50%;
    margin-top: -30px; margin-left: -30px; background: url("../images/video-icon-blue.png") no-repeat;
    background-size: 100% 100%; opacity: .5; transition: all .5s;}
.about-intro-box .about-video:hover .icon{opacity: 1; transition: all .5s;}
.about-txt-wrap{margin-top: 30px;}
.about-txt-box{font-size: 15px; margin-top: 20px;}
.about-pic-box{margin-top: 20px;}
.about-pic-box img{width: 100%;}
.about-pic-box img:nth-child(2){margin: 10px 0;}

.about-counter-wrap{display: flex; flex-wrap: wrap;}


.culture-wrap{margin: 30px 0 0;}
.culture-txt{padding: 20px 15px 40px; position: relative;}
.culture-txt .name.green{ color: #22ac38;}
.culture-txt .name.blue{ color: #0050b6;}
.culture-txt .name.orange{ color: #f39800;}
.culture-txt .name{font-size: 20px; font-weight: bold; margin-top: 20px;}
.culture-txt .txt{font-size: 15px; line-height: 1.5; margin-top: 10px;}
.culture-txt .yinhaos, .culture-txt .yinhaox{position: absolute; width: 40px;}
.culture-txt .yinhaos{top: 0; left: 15px;}
.culture-txt .yinhaox{bottom: 0; right: 15px;}
.culture-pic img{width: 100%; margin-top: 0;}


.history-wrap{position: relative;}
.history-item-box-grey{background: #f6fafd;}
.history-item{padding: 30px 0 30px 35px; position: relative;}
.history-year{text-align: left; margin-bottom: 15px; position: relative;}
.history-year-time{font-size: 24px; color: #f39800; margin-bottom: 5px; font-family: impact, arial;}
.history-year-txt{font-size: 16px; color: #666666; line-height: 1.5;}
.history-circle{width: 15px; height: 15px; border-radius: 50%; background: #ffffff; border: 2px solid #f39800;
    position: absolute; top: 10px; left: -33px; z-index: 9;}
.history-daily{position: relative; margin: 0 0 10px;}
.history-daily-icon{width: 20px; height: 20px; position: absolute; top: 0; left: 0;}
.history-daily-time{width: 50px; height: 20px; text-align: center; font-size: 16px; color: #f39800;
    position: absolute; top: 0; left: 20px;}
.history-daily-txt{font-size: 16px; padding-left: 70px;}
.history-line{height: 100%; border-left: 1px solid #e9e9e9; position: absolute; top: 0; left: 9px; z-index: 1;}


.honor-box{display: flex; flex-wrap: wrap; margin-top: 20px;}
.honor-item{width: 48.5%; height: auto; background: #f6fafd; padding: 10px; box-sizing: border-box; margin: 0 3% 10px 0;
    transition: .5s;}
.honor-item:nth-child(2n){margin-right: 0;}
.honor-item .pic{width: 100%; background: #ffffff; overflow: hidden;cursor:pointer;}
.honor-item .pic img{width: 100%; transition: .5s;}
.honor-item .name{font-size: 16px; color: #222222; margin-top: 10px; text-align: center;}
.honor-item:hover, .honor-item:focus, .honor-item:active{box-shadow: 0 0 10px rgba(0,0,0,.2); transition: .5s;}
.honor-item:hover .pic img, .honor-item:focus .pic img, .honor-item:active .pic img{transform: scale(1.05); transition: .5s;}


.project-item{background: #ffffff; height: auto; transition: all .5s;}
.project-item-even .project-item-info{float: none;}
.project-item-even .project-item-pic{float: none;}
.project-item-info{padding: 40px 15px; width: 100%; position: relative;}
.project-item-info-box{position: relative; z-index: 9;}
.project-item-info .name{font-size: 24px; font-weight: bold;}
.project-item-info .name span{color: #f39800;}
.project-item-info .en-name{font-size: 20px; padding-left: 20px; text-transform:uppercase;}
.project-item-info .txt{font-size: 16px; line-height: 1.5; margin: 10px 0 30px; height: auto;}
.project-btn{float: left; background: #333333; color: #ffffff;}
.project-btn i{background: url("../images/arrow_right_white.png") no-repeat; background-size: 100% 100%;}
.project-icon{height: 60%; position: absolute; bottom: 0; left: 15px; z-index: 1; transition: all .5s;}
.project-item-pic{width: 100%; height: 100%; position: relative; overflow: hidden;}
.project-item-pic img{width: 100%; height: 100%; transition: all .5s;}
.project-item-pic .zhezhao{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url("../images/dot_bg_black.png") repeat;
    opacity: .6; z-index: 9;}
/*.project-item:hover,.project-item:active,.project-item:focus{background: rgba(0,80,182,.6);*//*background: #f39800;*/ /*color: #ffffff; transition: all .5s;}*/
.project-item:hover .name span,.project-item:active .name span,.project-item:focus .name span{color: #f39800;/*#ffffff;*/ transition: all .5s;}
.project-item:hover .project-item-pic img,.project-item:active .project-item-pic img,.project-item:focus .project-item-pic img{
    transform:scale(1.05); transition: all .5s;}
.project-item:hover .project-btn,.project-item:active .project-btn,.project-item:focus .project-btn{background: #f78702;
    border: 2px solid #ffffff; color: #ffffff; transition: all .5s;}


.case-item{position: relative; margin-bottom: 15px;}
.case-item .pic{overflow: hidden; width: 100%; height: 315px;}
.case-item .pic img{width: 100%; min-height: 315px;  transition: all .5s;}
.case-item .name{height: 40px; line-height: 40px; width: 100%; font-size: 20px; color: #ffffff; padding: 0 10px;
    position: absolute; left: 0; bottom: 0; box-sizing: border-box; z-index: 9; font-weight: bold;}
.case-item .zhezhao-black{position: absolute; left: 0; bottom: 0;  width: 100%; height: 150px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)); z-index: 7;}
.case-item .zhezhao{position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 0;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,80,182,.8)); z-index: 8; transition: all .5s;}
.case-item:hover .zhezhao,.case-item:focus .zhezhao,.case-item:active .zhezhao{height: 100%; transition: all .5s;}
.case-item:hover .zhezhao-black,.case-item:focus .zhezhao-black,.case-item:active .zhezhao-black{
    /*background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.8));*/ opacity: .6;}
.case-item:hover img,.case-item:focus img,.case-item:active img{transform:scale(1.05); transition: all .5s;}
.case-item:hover .name,.case-item:focus .name,.case-item:active .name{color: #ffffff; text-decoration:underline; font-weight: bold; transition: all .5s;}


.industry-title p{font-size: 24px; color: #0050b6; line-height: 1.5; margin: 0; text-align: center;}
.industry-txt{font-size: 15px; line-height: 1.5; text-align: center; color: #333333; margin: 30px 0; }
.industry-item-info{width: 100%; padding: 15px; background: #f6fafd;}
.industry-item-info .name p{font-size: 20px; color: #0050b6; margin: 0; line-height: 1.5;}
.industry-item-info .line{width: 40px; height: 2px; background: #f39800; margin: 15px 0; transition: all .5s;}
.industry-item-info .small-title p{font-size: 16px; margin: 0; line-height: 1.5;}
.industry-item-info .txt{font-size: 16px; line-height: 1.5;}
.industry-item-pic{overflow: hidden;}
.industry-item-pic img{width: 100%;  transition: all .5s;}
.industry-item:hover img,.industry-item:focus img,.industry-item:active img{transform:scale(1.05); transition: all .5s;}
.industry-item:hover .line,.industry-item:focus .line,.industry-item:active .line{margin-left: 30px; transition: all .5s;}


.swiper-news{margin-bottom: 30px;}
.news-big-pic {overflow: hidden; height: 210px;}
.news-big-pic img{width: 100%; min-height: 210px; transition: all .5s;}
.news-big-txt .name{font-size: 22px; margin: 15px 0 0; line-height: 1.3; transition: all .5s;}
.news-big-txt .date-number{height: 16px; line-height: 16px; color: #666666; font-size: 15px; margin: 10px 0;
    display: flex; flex-wrap: wrap;}
.news-big-txt .date-number .date{position: relative; padding-left: 20px; margin-right: 20px;}
.news-big-txt .date-number .date i{display: block; height: 16px; width: 16px; position: absolute; top: 0; left: 0;
    background-image: url("../images/time_icon.png"); background-size: 100% 100%; background-repeat: no-repeat;}
.news-big-txt .date-number .browse i{background-image: url("../images/browse_icon.png");}
.news-big-txt .txt{font-size: 15px; height: 60px; line-height: 20px; overflow: hidden; color: #666666;
    margin-bottom: 15px;}
.more-big-news-btn{float: left; transition: all .5s;}
.slide-news:hover .news-big-pic img, .slide-news:active .news-big-pic img, .slide-news:focus .news-big-pic img{
    transform: scale(1.05); transition: all .5s; transition: all .5s;}
.slide-news:hover .name, .slide-news:active .name, .slide-news:focus .name{color: #0050b6; transition: all .5s;}
.slide-news:hover .more-big-news-btn, .slide-news:active .more-big-news-btn, .slide-news:focus .more-big-news-btn{
    background: #0050b6;/*#f39800;*/ color: #ffffff; transition: all .5s;}
.slide-news:hover .more-big-news-btn i, .slide-news:active .more-big-news-btn i, .slide-news:focus .more-big-news-btn i{
    background: url(../images/arrow_right_white.png) no-repeat; background-size: 100% 100%;}
.swiper-news .swiper-pagination{bottom: auto; top: 5px; text-align: right; padding-right: 5px;}
.swiper-news .swiper-pagination-bullet{opacity: 1; background: #f7f7f7; border-radius: 4px;}
.swiper-news .swiper-pagination-bullet-active{width: 16px; background: #f39800;}

.news-item{margin-bottom: 20px;  background: #f6fafd; padding: 15px; transition:all .5s;}
.news-pic{overflow: hidden; /*display: none;*/ margin-bottom: 15px;}
.news-pic img{width: 100%; transition: all .5s;}
.news-item:hover .news-pic img, .news-item:active .news-pic img, .news-item:focus .news-pic img{transform: scale(1.05);
    transition:all .5s;}
.more-news-btn{display: none;}
.news-txt .name{font-size: 22px;}
.news-txt .date-number{height: 16px; line-height: 16px; color: #666666; font-size: 15px; margin: 10px 0;
    display: flex; flex-wrap: wrap;}
.news-txt .date-number .date{position: relative; padding-left: 20px; margin-right: 20px;}
.news-txt .date-number .date i{display: block; height: 16px; width: 16px; position: absolute; top: 0; left: 0;
    background-image: url("../images/time_icon.png"); background-size: 100% 100%; background-repeat: no-repeat;}
.news-txt .date-number .browse i{background-image: url("../images/browse_icon.png");}
.news-txt .txt{font-size: 15px; height: 40px; line-height: 20px; overflow: hidden; color: #666666;}
.news-item:hover, .news-item:active, .news-item:focus{box-shadow: 0 0 10px rgba(0,0,0,.15); transition:all .5s;}


.video-item{margin-bottom: 15px;}
.video-box{height: 220px; overflow: hidden; position: relative;}
.video-box video{height: 220px; }
.video-icon{width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px;
    z-index: 8;}
.video-icon img{width: 100%; height: 100%; opacity: .6; transition: all .5s;}
.video-date{height: 16px; line-height: 16px; color: #ffffff; font-size: 15px; margin: 10px 0; z-index: 9;
    display: flex; flex-wrap: wrap; position: absolute; left: 0; bottom: 5px; padding-left: 15px;}
.video-date .date{position: relative; padding-left: 20px; margin-right: 20px;}
.video-date .date i{display: block; height: 16px; width: 16px; position: absolute; top: 0; left: 0;
    background-image: url("../images/time_white_icon.png"); background-size: 100% 100%; background-repeat: no-repeat;}
.video-date .browse i{background-image: url("../images/browse_white_icon.png");}
.video-zhezhao{position: absolute; left: 0; bottom: 0; z-index: 7; width: 100%; height: 0;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,80,182,.8)); transition: all .5s;}
.video-name{height: 48px; line-height: 48px; font-size: 20px;}
.video-item:hover .video-icon img, .video-item:active .video-icon img, .video-item:focus .video-icon img{
    opacity: 1; transition: all .5s;}
.video-item:hover .video-zhezhao, .video-item:active .video-zhezhao, .video-item:focus .video-zhezhao{
    height: 100%; transition: all .5s;}


.service-left{background: #f6fafd; padding: 15px; margin: 0 -15px;}
.service-left-name{font-size: 22px;}
.service-left-name-en{font-size: 16px; color: #0050b6; margin-top: 5px;}
.service-left-line{width: 35px; height: 2px; background: #f39800; margin: 15px 0;}
.service-left-txt{color: #444444; font-size: 15px; line-height: 1.4;}
.service-right{padding: 15px 0;}
.service-item-icon{width: 40px; height: 40px; border: 1px solid #f39800; border-radius: 50%; padding: 7px;
    box-sizing: border-box; margin-bottom: 10px;}
.service-item-icon img{width: 100%; height: 100%;}
.service-txt{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #e9e9e9;}
.service-item:last-child .service-txt{border-bottom: none;}
.service-txt-name{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.service-txt-info{font-size: 15px; color: #555555; line-height: 1.5;}


.talent-search-box{background: #f6fafd; padding: 15px;}
.talent-search-box .container{padding: 0;}
.talent-search-select{height: 36px; background: #c5c5c5; padding: 0 5px;}
.talent-search-select select{height: 36px; background: #c5c5c5; border: none; width: 100%; outline: none;}
.talent-search-input{height: 36px;  position: relative;}
.talent-search-input input{height: 36px; line-height: 36px; margin-top: 5px; background: #c5c5c5; border: none; width: 100%;
    color: #ffffff; padding: 0 10px; outline: none;}
.talent-search-input input::-webkit-input-placeholder{ color:#fff;}
.talent-search-input input::-moz-placeholder{   /* Mozilla Firefox 19+ */  color:#fff;}
.talent-search-input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff;}
.talent-search-input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#fff;}
.talent-search-input button{display: block; height: 30px; width: 30px; background: url("../images/search-icon.png") no-repeat;
    background-size: 100% 100%; position: absolute; right: 10px; top: 3px;  border: none;}
.talent-search-box .line{display: none;}

.talent-item{background: #ffffff; padding: 15px; margin: 0 0 20px 0; cursor: pointer; transition: all .5s;}
.talent-item-name{height: 32px; line-height: 32px; font-size: 18px; padding-left: 10px; border-left: 2px solid #f39800;}
.talent-item-info{display: flex; flex-wrap: wrap; margin: 15px 0 15px 12px; color: #555555;}
.talent-item-info .tif{width: 50%; line-height: 24px;}
.talent-item:hover, .talent-item:active, .talent-item:focus{box-shadow: 0 0 10px rgba(0,0,0,.15); transition: all .5s;}
.talent-item:hover i, .talent-item:active i, .talent-item:focus i{display: block; width: 15px; height: 15px; background: url("../images/arrow_right_white.png") no-repeat;
    background-size: 100% 100%; transition: all .5s;}

.talent-more{width: 120px; padding: 10px 0; display: flex; flex-direction: row; justify-content: center;
    background: #eaf2f8/*#333333*/; color: #333333/*#ffffff*/; margin-left: 12px; transition: all .5s;}
.talent-more .word{height: 15px; line-height: 15px; font-size: 15px; margin-right: 10px; transition: all .5s;}
.talent-more i{display: block; width: 15px; height: 15px; background: url("../images/arrow_right_grey.png")/*url("../images/arrow_right_white.png")*/ no-repeat;
    background-size: 100% 100%; transition: all .5s;}
.talent-more:hover i{display: block; width: 15px; height: 15px; background: url("../images/arrow_right_white.png") no-repeat;
    background-size: 100% 100%; transition: all .5s;}
.talent-more:hover,.talent-more:focus,.talent-more:active{background: #0050b6;/*#f39800;*/ transition: all .5s;}
.talent-item:hover .talent-more, .talent-item:active .talent-more, .talent-item:focus .talent-more{background: #0050b6;/*#f39800;*/color:#ffffff; transition: all .5s;}

.talent-detail{padding: 15px;}
.talent-detail-name{font-size: 22px;}
.talent-detail-info{display: flex; flex-wrap: wrap; margin: 20px 0; background: #f6fafd; padding: 10px; color: #0050b6;}
.talent-detail-info .tdf{padding-right: 20px; box-sizing: border-box; width: 100%; line-height: 1.5;}
.talent-detail-txt-box{margin-bottom: 20px;}
.talent-detail-txt-name{font-size: 20px; margin-bottom: 5px;}
.talent-detail-txt{line-height: 22px;}
.talent-detail-mail{font-size: 20px;}
.talent-detail-mail a{color: #0050b6;}


.contact-box{}
.contact-tel-name{font-size: 20px;}
.contact-400{font-size: 30px; font-family: impact, arial; margin: 10px 0; color: #f39800;}
.contact-txt{font-size: 14px; color: #555555;}
.contact-box{margin: 20px 0 30px;}
.contact-item{height: 28px; line-height: 28px; font-size: 16px; position: relative; padding-left: 35px; margin-bottom: 10px;}
.contact-item i,.contact-other i{display: block; width: 28px; height: 28px; position: absolute; top: 0; left: 0; border: 1px solid #f39800;
    border-radius: 50%;}
.contact-item i img,.contact-other i img{width: 100%; height: 100%; display: block;}
.contact-other{margin-bottom: 10px; position: relative; font-size: 16px; line-height: 28px;}
.contact-other-name{height: 28px; width: 3em; position: absolute; top: 0; left: 35px;}
.contact-other-tel{padding-left: 82px;}
.map-box{width: 100%; height: 300px;}


.detail-title-box{padding: 20px 0; background: #f6fafd;}
.detail-title{font-size: 22px; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
.detail-time{font-size: 15px; color: #555555;}
.detail-content{font-size: 15px; margin: 20px 0 0;}
.detail-content img{max-width: 100%;}


.search-box{width: 100%; height: 36px; line-height: 36px; text-align: center; background: #0050b6;}
.search-box a{color: #ffffff; font-size: 16px;}
.search-box span{color: #ff0000;}



/* @media screen */
@media (min-width: 768px){
    body{padding-top: 70px;}
    .containerMe{width: 750px;}
    /*banner*/
    #carousel-example-generic{display: block}
    #carousel-example-generic-m{display: none}
    .carousel-caption{bottom: 10%;}
    .carousel-caption h3{font-size: 30px;}
    .carousel-caption p{font-size: 15px;display:block;width: 80%;margin: 20px auto 40px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev, .carousel-control .icon-next{width: 40px;height: 40px;margin-top: -20px;}

    /*首页*/
    .counter-item{width: 50%;}

    .index-about-video.mobile-pic{margin-top: 30px;}

    .index-project-wrap{margin: 30px 0;}
    .swiper-project{margin: 30px 0;}

    .index-news-wrap{padding: 30px 0;}
    .index-news-box{margin-top: 30px;}
    .index-news-box{margin: 30px 0 0 0;}
    .index-news-video{margin: 20px 0 0;}


    /*footer*/
    .footer{position: relative;padding: 30px 0; margin-top: 40px;}

    /*页码*/
    .page ul li{margin-top: 30px;}
    .page ul li{margin: 0;font-size: 14px;}
    .page ul li a{padding: 5px 12px;}

    /*inner banner*/
    .inner-banner{height: 220px;}

    /*inner nav*/
    .inner-nav-wrap ul li{width: 25%;height: 40px;line-height: 40px;}

    .honor-box{margin-top: 30px;}
    .honor-item{width: 48%; padding: 15px; box-sizing: border-box; margin: 0 4% 25px 0;}
    .honor-item:nth-child(2n){margin-right: 0;}

    .case-item{margin: 0 -5px 20px;}

    .news-big-pic {overflow: hidden; height: 320px;}
    .news-big-pic img{min-height: 320px;}


    .video-item{margin: 0 -5px 15px;}
    .video-box{height: 230px; overflow: hidden; position: relative;}
    .video-box video{height: 230px; }


    .service-left{padding: 20px;}
    .service-left-name{font-size: 24px;}
    .service-right{padding: 25px 0;}
    .service-item-icon{width: 60px; height: 60px; border: 2px solid #f39800;margin-bottom: 15px;}
    .service-txt{margin-bottom: 30px; padding-bottom: 30px;}


    .talent-search-box{padding: 15px; }
    .talent-search-box .container{padding: 0;display: flex;  justify-content: space-between;}
    .talent-search-select{ width: 30%;}
    .talent-search-input{margin-top: 0; width: 70%;}
    .talent-search-input input{margin-top: 0; color: #ffffff; padding: 0 10px;}
    .talent-search-input button{top: 3px; }
    .talent-search-box .line{display: block; height: 24px; width: 1px; background: #ffffff; position: absolute;
        top: 6px; left: 0;}

    .talent-detail{padding: 25px;}
    .talent-detail-name{font-size: 24px;}
    .talent-detail-info{margin: 25px 0; background: #f6fafd; padding: 20px 15px;}
    .talent-detail-info .tdf{width: 25%;}
    .talent-detail-txt-box{margin-bottom: 25px;}
    .talent-detail-txt-name{font-size: 22px; margin-bottom: 10px;}
    .talent-detail-txt{line-height: 24px;}
    .talent-detail-mail{font-size: 22px;}


    .map-box{width: 100%; height: 500px;}

    .detail-title-box{padding: 25px 0;}
}
@media (min-width: 992px){
    body{padding-top: 84px;}

    .public-wrap{margin-top: 40px;}

    .public-title .name{font-size: 26px;display:inline;}
    .public-title .line{margin-bottom: 10px;}
    .public-title .txt{font-size: 16px;}
    .public-title-project .txt{font-size: 16px;}
    .public-title-project .name{font-size: 26px;display:inline;}

    /*.container{width: 970px;}*/
    .containerMe{width: 970px;}
    /*banner*/
    .carousel-caption{bottom: 20%;}
    .carousel-caption h3{font-size: 36px;}
    .carousel-caption p{font-size: 15px;}
    .carousel-indicators{bottom: 20px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev, .carousel-control .icon-next{width: 50px;height: 50px;margin-top: -25px;}

    /*首页*/
    .index-about-wrap{margin: 40px 0 80px;}
    .index-about-video{height: 350px; width: 50%; position: relative; z-index: 9;}
    .index-about-video.pc-pic{display: block;}
    .index-about-video.mobile-pic{display: none;}
    .index-about-box{margin: 20px 0 0; position: relative; z-index: 9;}
    .index-about-box .name{font-size: 28px;margin-bottom: 40px;}
    .index-about-box .en-name{display: block; font-size: 40px; text-align: right; color: #f5f5f5;
        position: absolute; right: 0; top: 15px;}
    .index-about-box .txt1{font-size: 20px; margin-bottom: 20px;}
    .index-about-box .txt2{ margin-bottom: 40px; height: 66px; line-height: 22px; overflow: hidden;}
    .index-about-bg{display: block; width: 60%; height: 320px; background: #f6fafd; position: absolute; right: 0;
        bottom: -50px; z-index: 1;}


    .counter-item{width: 20%; padding: 0 10px;}
    .counter-item .counter{font-size: 32px; text-align: center;}
    .counter-item .line{display: block; width: 10px; height: 2px; background: #0050b6; margin: 10px auto;}
    .counter-item .txt{font-size: 16px; text-align: center;}

    .index-project-wrap{margin: 30px 0;}
    .swiper-project{margin: 40px 0;}

    .index-case-wrap{margin: 30px auto; padding: 0 20px;}
    .swiper-case{margin: 40px 0;}

    .index-domain-wrap{margin: 30px auto;}
    .swiper-domain{margin: 40px 0 0;}
    .swiper-domain .swiper-slide .name{height: 48px; line-height: 48px; font-size: 18px;}

    .index-news-wrap{padding: 30px 0;}
    .index-news-box{margin-top: 40px;}
    .index-news-big .news-info .txt{max-height: 72px; line-height: 24px;}

    .index-news-wrap{padding: 30px 0;}
    .index-news-box{margin-top: 40px;}
    .index-news-big .pic{width: 160px; height: 110px; position: absolute; top: 0; left: 0;}
    .index-news-big .pic img{width: 160px; min-height: 110px;}
    .index-news-big .news-info{padding-left: 175px;}
    .index-news-big .news-info .name{height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis;
        overflow: hidden;}
    .index-news-big .news-info .txt{max-height: 60px; line-height: 20px;}
    .index-news-box{margin-top: 40px;}
    .index-video-box{padding-left: 20px;}
    .index-news-video{margin: 20px 0 0; height: 275px;}


    .index-friend-wrap{margin-top: 30px;}
    .index-friend-box{margin: 30px auto;}
    .index-friend-item{width: 20%;}


    /*footer*/
    .footer{padding: 40px 0 30px; margin-top: 50px;}
    .footer-nav{display: block;}
    .footer-nav .line{width: 30px; height: 2px; background: #000000; position: relative; margin-bottom: 25px;}
    .footer-nav .line i{display: block; width: 8px; height: 2px; background: #f39800; position: absolute;
        top: 0; right: 0;}
    .footer-nav ul{padding: 0;}
    .footer-nav ul li{float: left; margin-left: 35px;}
    .footer-nav ul li h3{margin-top: 0; margin-bottom: 15px;}
    .footer-nav ul li h3 a{color: #d0d0d0; font-size: 18px;}
    .footer-nav ul li p a{color: #6d7277; font-size: 16px;}

    /*side bar*/
    .sidebar-box{display: block;}
    .sidebar-top{bottom: 53px;}
    .close-btn{display: block; width: 24px; height: 24px; background: url("../images/close-btn.png") no-repeat;
        background-size: 100% 100%; position: absolute; right: 24px; top: -40px; cursor: pointer;}
    .open-btn{width: 24px; height: 24px; background: url("../images/open-btn.png") no-repeat;
        background-size: 100% 100%; position: fixed; bottom: 145px; right: 32px; cursor: pointer;}

    /*页码*/
    .page ul li a{padding: 8px 15px;}

    /*inner banner*/
    .inner-banner{height: 300px;}
    .inner-banner-box{height: 80px; margin-top: -35px;}
    .inner-banner-box .name{font-size: 24px; line-height: 30px;}
    .inner-banner-box .line{width: 25px; height: 2px; margin: 15px auto;}
    .inner-banner-box .en-name{font-size: 16px; line-height: 20px;}

    /*inner nav*/
    .inner-nav-wrap{text-align: center; background: none; border-bottom: 1px solid #e9e9e9;}
    .inner-nav-wrap ul{margin-bottom: 2px;}
    .inner-nav-wrap ul li{width:auto; height: 60px; line-height: 60px; margin: 0 15px; float: none; display: inline-block;}
    .inner-nav-wrap ul li a{display: block;background: none;}
    .inner-nav-wrap ul li.active a,.inner-nav-wrap ul li:hover a,.inner-nav-wrap ul li:focus a{background: none;color: #333;
        border-bottom: 3px solid #0050b6;}

    .public-inner-title{height: 48px; text-align: center; font-size: 24px;}
    .public-inner-title:after{width: 36px; margin-left: -18px; background: #f39800;}
    .public-inner-title-en{height: 36px; line-height: 36px; font-size: 26px;}

    .about-intro-wrap{margin: 40px 0 20px;}
    .about-intro-box{margin: 30px 0 0; background: #f6fafd;}
    .about-intro-box .about-intro{padding: 20px 20px 20px 40px; box-sizing: border-box; height: 310px;}
    .about-intro-box .about-video video{height: 310px;}
    .about-txt-wrap{margin-top: 35px;}
    .about-txt-box{margin-top: 25px;}
    .about-pic-box{margin-top: 25px; display: flex; flex-direction: row; justify-content: space-between;}
    .about-pic-box img{width: 33%;}
    .about-pic-box img:nth-child(2){margin: 0;}
    .about-counter-wrap{display: flex; flex-wrap: wrap;}


    .culture-wrap{margin: 40px 0 0;}
    .culture-txt{padding: 30px 15px 40px;}
    .culture-txt .name{font-size: 24px;}
    .culture-txt .txt{font-size: 16px; margin-top: 15px;}
    .culture-txt .yinhaos, .culture-txt .yinhaox{width: 50px;}
    .culture-pic img{margin-top: 20px;}


    .history-item{padding: 40px 0 40px 45px;}
    .history-year{text-align: right; margin-bottom: 0; padding-right: 60px;}
    .history-year-time{font-size: 28px;margin-bottom: 10px;}
    .history-circle{top: 12px; left: auto; right: 7px;}
    .history-daily{margin: 10px 0 10px;}
    .history-line{top: 0; left: 380px;}

    .honor-box{margin-top: 40px;}
    .honor-item{width: 32%; margin: 0 2% 15px 0;}
    .honor-item:nth-child(2n){margin-right: 2%;}
    .honor-item:nth-child(3n){margin-right: 0;}
    .honor-item .name{font-size: 16px; color: #222222; margin-top: 15px;}
    .honor-item:hover, .honor-item:focus, .honor-item:active{box-shadow: 0 0 15px rgba(0,0,0,.2);}


    .project-item{background: #f6fafd; height: 335px;}
    .project-item-even .project-item-info{float: right;}
    .project-item-even .project-item-pic{float: left;}
    .project-item-info{padding: 60px 30px 40px; width: 50%;}
    .project-item-info .name{font-size: 32px; height: 60px; line-height: 50px; background: url("../images/dot_bg_black.png") repeat;}
    .project-item-info .name span{color: #f39800;}
    .project-item-info .en-name{font-size: 22px; padding-left: 30px;}
    .project-item-info .txt{margin: 30px 0; height: 48px; line-height: 24px; overflow: hidden;}
    .project-btn{float: none; float: right;}
    .project-item-pic{width: 50%; height: 335px;}
    .project-item-pic img{height: 335px;}


    .case-item .pic{height: 280px;}
    .case-item .pic img{min-height: 280px;}
    .case-item .name{height: 50px; line-height: 50px;font-size: 20px; }


    .industry-item{position: relative; margin: 60px 0 100px;}
    .industry-title p{font-size: 30px;}
    .industry-txt{margin: 50px 0 20px; }
    .industry-item-info{width: 53%; height: 390px; padding: 40px; position: absolute; top: 30px; left: 0; z-index: 999;}
    .industry-item-info .name p{font-size: 24px;}
    .industry-item-info .line{margin: 25px 0;}
    .industry-item-info .small-title p{font-size: 20px; line-height: 1.8;}
    .industry-item-pic{width: 50%;}
    .industry-item-even .industry-item-info{left: auto; right: 0;}
    .industry-item-even .industry-item-pic{float: left;}


    .swiper-news{margin-bottom: 60px;}
    .news-big-pic {overflow: hidden; height: 330px;}
    .news-big-pic img{min-height: 330px;}
    .news-big-txt .name{font-size: 24px; margin: 15px 0 0; line-height: 1.5;}
    .news-big-txt .date-number{margin: 15px 0;}
    .news-big-txt .date-number .date{position: relative; padding-left: 20px; margin-right: 30px;}
    .news-big-txt .txt{height: 110px; line-height: 22px; margin-bottom: 25px;}
    .more-big-news-btn{float: left;}
    .swiper-news .swiper-pagination{bottom: 10px; top: auto; text-align: center; padding-right: 0}
    .swiper-news .swiper-pagination-bullet{opacity: 1; background: #f7f7f7; border-radius: 4px;}
    .swiper-news .swiper-pagination-bullet-active{width: 16px; background: #f39800;}
    .news-item{margin-bottom: 25px;  padding: 0; height: 200px;}
    .news-pic{display: block; height: 200px; margin-bottom: 0;}
    .news-pic img{min-height: 200px;}
    .more-news-btn{display: flex; transition:all .5s;}
    .news-txt{padding: 10px 20px 10px 0;}
    .news-txt .name{font-size: 24px;}
    .news-txt .txt{margin-bottom: 20px;}
    .more-news-btn{float: right;}
    .news-item:hover, .news-item:active, .news-item:focus{box-shadow: 0 0 15px rgba(0,0,0,.15);}
    .news-item:hover .more-news-btn, .news-item:active .more-news-btn, .news-item:focus .more-news-btn{
        background: #f39800; color: #ffffff; transition:all .5s;}
    .news-item:hover .more-news-btn i, .news-item:active .more-news-btn i, .news-item:focus .more-news-btn i{
        background-image: url("../images/arrow_right_white.png"); transition:all .5s;}


    .service-wrap{position: relative;}
    .service-wrap .container{position: relative;}
    .service-left-bg{width: 100%; background: #f6fafd; position: absolute; top: 0; right: 70%; bottom: 0; z-index: 1;}
    .service-left{width: 30%; float: left; padding: 40px 30px 0 0; position: absolute; top: 0; z-index: 9;}
    .service-left-name{font-size: 26px;}
    .service-left-name-en{font-size: 16px; color: #0050b6; margin-top: 10px;}
    .service-left-line{width: 35px; height: 2px; background: #f39800; margin: 25px 0 35px;}
    .service-left-txt{line-height: 1.6;}
    .service-right{padding: 40px 0 0 30px; margin-left: 30%;}
    .service-item{position: relative;}
    .service-item-icon{ position: absolute; top: 0; left: 0; padding: 10px;}
    .service-txt{padding: 0 0 40px 80px;}
    .service-txt-name{font-size: 22px; margin-bottom: 15px;}
    .service-txt-info{font-size: 16px; }


    .talent-search-box{padding: 20px; }
    .talent-search-box .container{background: #c5c5c5;}
    .talent-search-select{height: 44px; width: 20%; padding: 0 15px; margin-right: 10%;}
    .talent-search-select select{height: 44px; font-size: 16px;}
    .talent-search-input{margin-top: 0; width: 70%;}
    .talent-search-input input{padding: 0 20px; height: 44px; font-size: 16px;}
    .talent-search-input button{top: 3px; }
    .talent-search-box .line{top: 10px; left: -8%;}

    .talent-item{padding: 20px 25px; margin: 0 0 25px 0;}
    .talent-item-name{font-size: 20px;}
    .talent-item-info{margin: 15px 0 15px 12px;}
    .talent-item-info .tif{line-height: 28px; font-size: 15px;}

    .talent .layui-layer{width: 900px!important; height: 450px!important;}
    .talent-detail{padding: 40px;}
    .talent-detail-name{font-size: 28px;}
    .talent-detail-info{margin: 30px 0; font-size: 18px;}
    .talent-detail-txt{line-height: 26px; font-size: 18px;}
    .talent-detail-mail{font-size: 26px;}


    .contact-tel-name{font-size: 22px;}
    .contact-400{font-size: 34px; margin: 15px 0; }
    .contact-box{margin: 30px 0 30px;}


    .detail-title-box{padding: 35px 0; background: #f6fafd;}
    .detail-title{font-size: 36px; margin-bottom: 15px;}
    .detail-time{font-size: 16px;}
    .detail-content{margin: 30px 0 0;}
}
@media (min-width: 1200px){
    body{padding-top: 108px;}

    .public-wrap{margin-top: 60px;}

    .more-btn{width: 200px; padding: 22px 0;margin-top:-30px;}
    .more-btn .word{margin-right: 25px; font-size: 18px;}

    .public-title .name{font-size: 26px;display:inline;}
    /*.public-title .line{margin-bottom: 12px; width: 40%;}*/
    .public-title .line{margin-bottom: -11px;width: 90%;}
    .public-title-project .line {
        width: 90%;
        border-bottom: 1px solid #d4d4d4;
        margin: 3px auto -12px;
    }
        .public-title-project .name{font-size: 26px;display:inline;}

    /*.container{width: 1170px;}*/
    .containerMe{width: 1170px;}
    /*banner*/
    .carousel-caption{bottom: 25%;}
    .carousel-caption h3{font-size: 44px;}
    .carousel-caption p{font-size: 15px;width: 60%;margin: 30px auto 60px;}
    .carousel-indicators li{width: 12px;height: 12px;margin: 0 3px; border-radius: 6px;}
    .carousel-indicators .active{width: 30px;height: 12px;margin: 0 3px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev, .carousel-control .icon-next{width: 55px;height: 55px;margin-top: -27px;}

    /*  首页  */
    .index-about-wrap{margin: 60px 0 80px;}
    .index-about-video{height: 380px;}
    .index-about-box{margin: 20px 0 0 25px;}
    .index-about-box .name{font-size: 32px;margin-bottom: 80px;}
    .index-about-box .en-name{font-size: 60px; top: 25px;}
    .index-about-box .txt1{font-size: 22px; margin-bottom: 40px;}
    .index-about-box .txt2{ margin-bottom: 40px; height: 78px; line-height: 26px; font-size: 16px;}
    .index-about-bg{height: 370px; bottom: -50px;}


    .counter-item .counter{font-size: 42px;}
    .counter-item .line{margin: 10px auto 15px;}


    .index-project-wrap{margin: 40px 0;background-color:#f6fafd;}
    .swiper-project{margin: 30px 0;}
    .swiper-project .swiper-slide .info-box{height: 100px; margin-top: -50px;}
    .swiper-project .swiper-slide .info-box img{width: 54px;}
    .swiper-project .swiper-slide .info-box .name{font-size: 24px; margin: 10px 0 15px;}
    .swiper-project .swiper-slide .info-box .line{width: 20px; height: 2px;}
    .swiper-project .swiper-button-prev,.swiper-project .swiper-button-next{width: 45px; height: 56px;}
    .swiper-project .swiper-button-next{border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
    .swiper-project .swiper-button-prev{border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
    .swiper-project .swiper-slide:hover .info-box,.swiper-project .swiper-slide:focus .info-box,.swiper-project .swiper-slide:active .info-box{
        margin-top: -70px;}

    .index-case-wrap{margin: 40px auto; padding: 0 55px;}
    .swiper-case{margin: 40px 0;}
    .swiper-case .swiper-slide .name{font-size: 22px; height: 50px; line-height: 50px; padding: 0 20px;}
    .swiper-case .swiper-button-prev,.swiper-case .swiper-button-next{width: 45px; height: 56px; border-radius: 6px;}


    .index-domain-wrap{margin: 40px 0;}
    .swiper-domain{margin: 40px 0 0;}
    .swiper-domain .swiper-slide .name{height: 60px; line-height: 60px; font-size: 18px;}


    .index-news-wrap{padding: 40px 0;}
    .index-news-title{height: 24px; line-height: 24px; font-size: 24px; padding-left: 20px;}
    .index-news-title i{height: 24px; width: 5px; position: absolute; top: 0; left: 0;}
    .index-news-more{display: block; height: 24px; line-height: 24px; position: absolute; top: 0; right: 0;
        font-size: 16px;}
    .index-news-box{margin-top: 40px;}
    .index-news-big{margin: 30px 0 35px;}
    .index-news-big .pic{width: 200px; height: 140px; position: absolute; top: 0; left: 0;}
    .index-news-big .pic img{width: 200px; min-height: 140px;}
    .index-news-big .news-info{padding-left:220px;}
    .index-news-big .news-info .name{height: 60px; line-height: 30px; font-size: 22px; white-space: normal;}
    .index-news-big .news-info .txt{max-height: 48px; line-height: 24px; font-size: 16px;}
    .index-news-small{font-size: 18px; margin-bottom: 18px;}
    .index-news-box{margin-top: 40px;}
    .index-video-box{padding-left: 40px;}
    .index-news-video{margin: 30px 0 0; height: 345px;}


    .index-friend-wrap{margin-top: 40px;}
    .index-friend-box{margin: 30px auto;}


    /*footer*/
    .footer{padding: 45px 0 45px; margin-top: 70px;}
    .footer-nav ul li{margin-left: 50px;}
    .footer-nav ul li h3 a{font-size: 20px;}
    .footer-nav ul li p a{font-size: 14px;}

    /*页码*/
    .page{margin-top: 50px;}
    .page ul li{margin: 0;font-size: 15px;}
    .page ul li a{padding: 12px 18px;}

    /*inner banner*/
    .inner-banner{height: 400px;}
    .inner-banner-box{height: 90px; margin-top: -45px;}
    .inner-banner-box .name{font-size: 32px; line-height: 40px;}
    .inner-banner-box .line{margin: 15px auto;}
    .inner-banner-box .en-name{font-size: 16px; line-height: 20px;}

    /*inner nav*/
    .inner-nav-wrap ul{margin-bottom: 2px;}
    .inner-nav-wrap ul li{ height: 70px; line-height: 70px; margin: 0 10px;}
    .inner-nav-wrap ul li a{font-size: 16px;}

    .public-inner-title{height: 60px; text-align: center; font-size: 32px;}
    .public-inner-title:after{width: 40px; margin-left: -20px;}
    .public-inner-title-en{height: 40px; line-height: 40px; font-size: 42px;}

    .about-intro-wrap{margin: 60px 0 50px;}
    .about-intro-box{margin: 40px 0 0;}
    .about-intro-box .about-intro{padding: 40px 40px 40px 70px; box-sizing: border-box; min-height: 380px;height:auto;}
    .about-intro-box .about-video video{height: 380px;}
    .about-txt-wrap{margin-top: 60px;}
    .about-txt-box{margin-top: 40px;}
    .about-pic-box{margin-top: 40px;}

    /*关于我们*/
    .j-con{padding:60px 0px 50px;}
    .jc-title{margin: 0 0 20px 0;}
    .jc-title .jct04{font-size: 26px;margin: 0 0 5px 0;}
    .jc-wrap{padding: 50px 0 0;}
    .jianjie, .about03{line-height: 24px;}
    .about01, .about02{margin: 0 0 30px 0;}
    .about02 .gaikuang{padding-top: 45px;}
    .about02 .gaikuang .logo{height: 80px;}
    .about02 .gaikuang .name{font-size: 28px;margin: 15px 0 0 0;}
    .about02 .gaikuang .name-en{font-size: 18px;}
    .about02 .gaikuang .four{margin-top: 15px;}
    .about02 .gaikuang .four span{font-size: 26px;}


    .culture-wrap{margin: 50px 0 0;}
    .culture-txt{padding: 50px 15px 60px;}
    .culture-txt .name{font-size: 28px;}
    .culture-txt .txt{font-size: 18px; margin-top: 15px;}
    .culture-txt .yinhaos, .culture-txt .yinhaox{width: 65px;}
    .culture-pic img{margin-top: 25px;}


    .history-item{padding: 50px 0 50px 0;}
    .history-year{padding-right: 80px; padding-left: 150px;}
    .history-year-time{font-size: 32px;margin-bottom: 20px;}
    .history-year-txt{font-size: 18px;}
    .history-circle{ top: 15px; left: auto; right: 10px;}
    .history-daily{margin: 15px 0 15px;}
    .history-line{top: 0; left: 440px;}

    .honor-box{margin-top: 50px;}
    .honor-item{width: 23.5%; margin: 0 2% 20px 0;}
    .honor-item:nth-child(2n){margin-right: 2%;}
    .honor-item:nth-child(3n){margin-right: 2%;}
    .honor-item:nth-child(4n){margin-right: 0;}
    .honor-item .name{font-size: 18px;}
    .honor-item:hover, .honor-item:focus, .honor-item:active{box-shadow: 0 0 20px rgba(0,0,0,.2);}


    .project-item{height: 450px;}
    .project-item-even .project-item-info{float: right;}
    .project-item-even .project-item-pic{float: left;}
    .project-item-info{padding: 60px 50px 40px; width: 50%;}
    .project-item-info .name{font-size: 36px; height: 80px; line-height: 80px; background: url("../images/dot_bg_black.png") repeat;}
    .project-item-info .name span{color: #f39800;}
    .project-item-info .en-name{font-size: 26px; padding-left: 30px;}
    .project-item-info .txt{margin: 30px 0 50px; height: 90px; line-height: 30px; font-size: 18px;}
    .project-icon{left: 50px;}
    .project-item-pic{height: 450px;}
    .project-item-pic img{height: 450px;}


    .case-item .pic{height: 250px;}
    .case-item .pic img{min-height: 250px;}
    .case-item .name{font-size: 18px; padding: 0 15px;}


    .industry-title p{font-size: 36px;}
    .industry-txt{margin: 15px auto 45px; max-width: 80%; font-size: 18px; line-height: 1.8;}
    .industry-item{margin: 60px 0 120px;}
    .industry-item-info{min-height: 530px; padding: 50px; top: 40px;height:auto;}
    .industry-item-info .name p{font-size: 28px;}
    .industry-item-info .line{margin: 30px 0;}
    .industry-item-info .small-title p{font-size: 16px; line-height: 1.8;}


    .swiper-news{margin-bottom: 80px;}
    .news-big-pic {overflow: hidden; height: 450px;}
    .news-big-pic img{min-height: 450px;}
    .news-big-txt .name{font-size: 20px; margin: 25px 0 0;}
    .news-big-txt .date-number{margin: 25px 0; height: 18px; line-height: 18px;}
    .news-big-txt .date-number .date{padding-left: 26px; margin-right: 80px; font-size: 16px;}
    .news-big-txt .date-number .date i{width: 18px; height: 18px;}
    .news-big-txt .txt{height: 120px; line-height: 24px; margin-bottom: 35px; font-size: 16px;}
    .news-item{margin-bottom: 40px; height: 250px;}
    .news-pic{height: 250px;}
    .news-pic img{min-height: 250px;}
    .more-news-btn{display: flex; transition:all .5s;}
    .news-txt{padding: 15px 35px 15px 0;}
    .news-txt .name{font-size: 20px;}
    .news-txt .date-number .date{padding-left: 26px; margin-right: 80px; font-size: 16px;}
    .news-txt .date-number .date i{width: 18px; height: 18px;}
    .news-txt .txt{margin-bottom: 25px; font-size: 16px; height: 56px; line-height: 28px;}
    .news-item:hover, .news-item:active, .news-item:focus{box-shadow: 0 0 15px rgba(0,0,0,.15);}
    .news-item:hover .more-news-btn, .news-item:active .more-news-btn, .news-item:focus .more-news-btn{
        background: #0050b6;/*#f39800;*/ color: #ffffff; transition:all .5s;}
    .news-item:hover .more-news-btn i, .news-item:active .more-news-btn i, .news-item:focus .more-news-btn i{
        background-image: url("../images/arrow_right_white.png"); transition:all .5s;}


    .video-item{margin: 0 -2px 20px;}
    .video-box{height: 240px;cursor:pointer;}
    .video-box video{height: 240px; }
    .video-icon{width: 60px; height: 60px;margin-top: -30px; margin-left: -30px;}
    .video-date{height: 18px; line-height: 18px; font-size: 15px;}
    .video-date .date{padding-left: 24px; margin-right: 50px;}
    .video-date .date i{display: block; height: 18px; width: 18px; }
    .video-name{height: 60px; line-height: 60px; font-size: 22px;}



    .service-left{padding: 90px 70px 0 0; }
    .service-left-name{font-size: 28px;}
    .service-left-name-en{margin-top: 15px;}
    .service-left-line{ margin: 20px 0 20px;}
    .service-right{padding: 90px 0 0 70px; margin-left: 30%;}
    .service-txt{padding: 0 0 50px 80px; margin-bottom: 50px;}
    .service-txt-name{font-size: 24px; margin-bottom: 25px;}


    .talent-search-box{padding: 30px; }
    .talent-search-select{height: 50px; width: 20%; padding: 0 15px; margin-right: 10%;}
    .talent-search-select select{height: 50px; font-size: 16px;}
    .talent-search-input{margin-top: 0; width: 70%;}
    .talent-search-input input{padding: 0 20px; height: 50px; font-size: 16px;}
    .talent-search-input button{top: 8px; right: 20px;}
    .talent-search-box .line{top: 13px; left: -8%;}

    .talent-item{padding: 25px 30px; margin: 0 0 35px 0;}
    .talent-item-name{font-size: 22px; padding-left: 18px; height: 36px; line-height: 36px;}
    .talent-item-info{margin: 20px 0 20px 20px;}
    .talent-item-info .tif{line-height: 32px; font-size: 16px;}

    .talent-more{width: 140px; padding: 12px 0;  margin-left: 20px; }
    .talent-more .word{height: 15px; line-height: 15px; font-size: 15px; margin-right: 10px; transition: all .5s;}
    .talent-more i{margin-left: 12px;}

    .talent .layui-layer{width: 1000px!important; height: 500px!important;}
    .talent-detail{padding: 55px;}
    .talent-detail-name{font-size: 22px;}
    .talent-detail-info{margin: 35px 0; padding: 25px; font-size: 20px;}
    .talent-detail-txt{line-height: 36px; font-size: 20px;}
    .talent-detail-txt-name{font-size: 28px;}
    .talent-detail-mail{font-size: 22px;}


    .contact-tel-name{font-size: 24px;}
    .contact-400{font-size: 40px;}
    .contact-txt{font-size: 15px;}
    .contact-box{margin: 30px 0 30px;}
    .contact-item{height: 32px; line-height: 32px; font-size: 16px;  padding-left:40px; margin-bottom: 15px;}
    .contact-item i,.contact-other i{width: 32px; height: 32px;}
    .contact-other{margin-bottom: 15px; font-size: 16px; line-height: 32px;}
    .contact-other-name{height: 32px; width: 3em; left: 40px;}
    .contact-other-tel{padding-left: 95px;}
    .map-box{width: 100%; height: 550px;}


    .detail-title-box{padding: 45px 0;}
    .detail-title{font-size: 22px;  margin-bottom: 20px;}
    .detail-time{font-size: 18px;}
    .detail-content{margin: 50px 0 0;}
}


@media (min-width: 1440px){
    .container{
        width: 1420px;
    }

    .public-wrap{margin-top: 35px;}

    .footer{margin-top: 55px;}

    .public-title .name{font-size: 26px;display:inline;}
    .public-title .line {
        border-bottom: 1px solid #d4d4d4;
        margin: 3px auto -12px;
    }
    .public-title-project .name{font-size: 26px;display:inline;}
    /*  banner  */
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev, .carousel-control .icon-next{width: 80px;height: 80px;margin-top: -40px;}

    /*  首页  */
    .index-about-wrap{margin: 60px 0 80px;}
    .index-about-video{height: 460px;}
    .index-about-box{margin: 20px 0 0 25px;}
    .index-about-box .name{font-size: 36px;margin-bottom: 90px;}
    .index-about-box .en-name{font-size: 80px; top: 25px;}
    .index-about-box .txt1{font-size: 22px; margin-bottom: 40px;}
    .index-about-box .txt2{ margin-bottom: 70px; height: 90px; line-height: 30px; font-size: 16px;}
    .index-about-bg{height: 450px; bottom: -55px;}


    .counter-item .counter{font-size: 48px;}
    .counter-item .line{margin: 10px auto 15px;}


    .index-project-wrap{margin: 50px 0;background-color:#f6fafd;}
    .swiper-project{margin: 35px 0;}
    .swiper-project .swiper-slide .info-box{height: 120px; margin-top: -60px;}
    .swiper-project .swiper-slide .info-box img{width: 64px;}
    .swiper-project .swiper-slide .info-box .name{font-size: 28px; margin: 15px 0 25px;}
    .swiper-project .swiper-slide .info-box .line{width: 30px; height: 2px;}
    .swiper-project .swiper-button-prev,.swiper-project .swiper-button-next{width: 58px; height: 70px;}
    .swiper-project .swiper-slide:hover .info-box,.swiper-project .swiper-slide:focus .info-box,.swiper-project .swiper-slide:active .info-box{
        margin-top: -80px;}


    .index-case-wrap{margin: 50px auto; padding: 0 85px;}
    .swiper-case{margin: 40px 0;}
    .swiper-case .swiper-slide .name{font-size: 22px; height: 50px; line-height: 50px; padding: 0 20px;}
    .swiper-case .swiper-button-prev,.swiper-case .swiper-button-next{width: 58px; height: 70px; border-radius: 6px;}

    .index-domain-wrap{margin: 50px 0;}
    .swiper-domain{margin: 40px 0 0;}
    .swiper-domain .swiper-slide .name{height: 80px; line-height: 80px; font-size: 20px;}


    .index-news-wrap{padding: 50px 0;}
    .index-news-title{height: 30px; line-height: 30px; font-size: 30px; padding-left: 25px;}
    .index-news-title i{height: 30px; width: 5px;}
    .index-news-more{display: block; height: 30px; line-height: 30px; position: absolute; top: 0; right: 0;}
    .index-news-box{margin-top: 40px;}
    .index-news-big{margin: 30px 0 35px;}
    .index-news-big .pic{width: 270px; height: 180px; position: absolute; top: 0; left: 0;}
    .index-news-big .pic img{width: 270px; min-height: 180px;}
    .index-news-big .news-info .time{margin: 10px 0 10px; font-size: 16px;}
    .index-news-big .news-info{padding-left:300px;}
    .index-news-big .news-info .name{height: 64px; line-height: 32px;}
    .index-news-big .news-info .txt{max-height: 72px;}
    .index-news-small{padding: 0 150px 0 22px;}
    .index-news-box{margin-top: 50px;}
    .index-video-box{padding-left: 60px;}
    .index-news-video{margin: 30px 0 0; height: 380px;}


    .index-friend-wrap{margin-top: 50px;}
    .index-friend-box{margin: 40px auto;}


    .footer-nav ul li{margin-left: 80px;}
    .footer-nav ul li h3 a{font-size: 18px;}
    .footer-nav ul li p a{font-size: 16px;}

    /*页码*/
    .page{margin-top: 60px;}

    /*inner banner*/
    .inner-banner{height: 450px;}
    .inner-banner-box{height: 100px; margin-top: -50px;}
    .inner-banner-box .name{font-size: 44px; line-height: 50px;}
    .inner-banner-box .line{width: 30px; margin: 15px auto;}
    .inner-banner-box .en-name{font-size: 18px; line-height: 20px;}


    /*inner nav*/
    .inner-nav-wrap ul{margin-bottom: 2px;}
    .inner-nav-wrap ul li{ height: 80px; line-height: 80px; margin: 0 15px;}

    .public-inner-title{height: 80px; font-size: 44px;}
    .public-inner-title-en{font-size: 36px;}

    .about-intro-wrap{margin: 50px 0 70px;}
    .about-intro-box{margin: 10px 0 0; }
    .about-intro-box .about-intro{padding: 70px 60px 70px 90px; box-sizing: border-box; min-height: 500px;height:auto; font-size: 16px;}
    .about-intro-box .about-video video{height: 500px;}
    .about-txt-wrap{margin-top: 70px;}
    .about-txt-box{margin-top: 45px;}
    .about-pic-box{margin-top: 45px;}


    .culture-wrap{margin: 70px 0 0;}
    .culture-txt{padding: 60px 15px 70px;}
    .culture-txt .name{font-size: 30px; margin-top: 30px;}
    .culture-txt .txt{font-size: 18px; margin-top: 15px;}
    .culture-txt .yinhaos, .culture-txt .yinhaox{width: 75px;}
    .culture-pic img{margin-top: 35px;}


    .history-item{padding: 60px 0 60px 0;}
    .history-year{padding-right: 150px; padding-left: 180px;}
    .history-year-time{font-size: 36px;margin-bottom: 30px;}
    .history-circle{width: 20px; height: 20px; top: 15px; left: auto; right: 51px;}
    .history-daily{margin: 15px 0 20px;}
    .history-line{top: 0; left: 500px;}


    .honor-box{margin-top: 60px;}
    .honor-item{margin: 0 2% 25px 0; padding: 20px;}
    .honor-item:nth-child(2n){margin-right: 2%;}
    .honor-item:nth-child(3n){margin-right: 2%;}
    .honor-item:nth-child(4n){margin-right: 0;}
    .honor-item .name{margin-top: 20px;}
    .honor-item:hover, .honor-item:focus, .honor-item:active{box-shadow: 0 0 25px rgba(0,0,0,.2);}


    .project-item{height: 550px;}
    .project-item-even .project-item-info{float: right;}
    .project-item-even .project-item-pic{float: left;}
    .project-item-info{padding: 100px 100px 80px 5%; width: 50%;}
    .project-item-info .name{font-size: 40px; height: 100px; line-height: 100px; background: url("../images/dot_bg_black.png") repeat;}
    .project-item-info .en-name{font-size: 30px; padding-left: 20px;}
    .project-item-info .txt{margin: 30px 0; height: 102px; line-height: 34px; font-size: 20px;}
    .project-icon{left: 30%;}
    .project-item-pic{height: 550px;}
    .project-item-pic img{height: 550px;}
    .project-item-even .project-item-info{padding: 100px 15% 80px 100px;}
    .project-item-even .project-icon{left: 100px;}


    .case-item .pic{height: 310px;}
    .case-item .pic img{min-height: 310px;}
    .case-item .name{font-size: 20px; padding: 0 15px;}

    .industry-title p{font-size: 22px;}
    .industry-txt{margin: 20px auto 40px; }
    .industry-item{margin: 10px 0 100px;}
    .industry-item-info{height: 550px; padding: 70px 80px; top: 45px;}
    .industry-item-info .name p{font-size: 22px;}
    .industry-item-info .line{margin: 35px 0;}
    .industry-item-info .small-title p{font-size: 16px; }
    .industry-item-info .txt{font-size: 18px; line-height: 1.8;}



    .swiper-news{margin-bottom: 50px;}
    .news-big-pic {overflow: hidden; height: 530px;}
    .news-big-pic img{min-height: 530px;}
    .news-big-txt .name{font-size: 22px; margin: 50px 0 0;}
    .news-big-txt .date-number{margin: 35px 0;}
    .news-big-txt .txt{margin-bottom: 35px; height: 140px; line-height: 28px;}
    .news-item{margin-bottom: 40px; height: 280px;}
    .news-pic{height: 280px;}
    .news-pic img{min-height: 280px;}
    .news-txt{padding: 20px 50px 20px 0;}
    .news-txt .name{font-size: 22px;}
    .news-txt .date-number{margin: 15px 0 20px;}
    .news-txt .txt{height: 56px; line-height: 28px;}
    .news-item:hover, .news-item:active, .news-item:focus{box-shadow: 0 0 15px rgba(0,0,0,.15);}
    .news-item:hover .more-news-btn, .news-item:active .more-news-btn, .news-item:focus .more-news-btn{
        background: #f39800; color: #ffffff; transition:all .5s;}
    .news-item:hover .more-news-btn i, .news-item:active .more-news-btn i, .news-item:focus .more-news-btn i{
        background-image: url("../images/arrow_right_white.png"); transition:all .5s;}


    .video-item{margin: 0 0 30px;}
    .video-box{height: 290px;}
    .video-box video{height: 290px; }
    .video-icon{width: 60px; height: 60px;margin-top: -30px; margin-left: -30px;}
    .video-name{font-size: 24px;}


    .service-left{padding: 100px 80px 0 0; }
    .service-left-name{font-size: 32px;}
    .service-left-name-en{margin-top: 15px;}
    .service-left-line{ margin: 20px 0 20px;}
    .service-right{padding: 100px 0 0 70px; margin-left: 30%;}
    .service-item-icon{width: 80px; height: 80px;}
    .service-txt{padding: 0 0 60px 110px; margin-bottom: 60px;}
    .service-txt-name{margin-bottom: 25px;}
    .service-txt-info{margin-bottom: 25px; line-height: 1.8;}


    .talent .layui-layer{width: 1210px!important; height: 650px!important;}
    .talent-search-box{padding: 40px; }
    .talent-search-select{width: 15%; padding: 0 25px; margin-right: 3%;}
    .talent-search-input{width: 80%;}
    .talent-search-input input{padding: 0 20px; height: 50px; font-size: 16px;}
    .talent-search-input button{top: 8px; right: 20px;}
    .talent-search-box .line{top: 13px; left: -10px;}

    .talent-item{padding: 25px 35px; margin: 0 0 45px 0;}
    .talent-item-name{font-size: 24px; padding-left: 22px; height: 40px; line-height: 40px;}
    .talent-item-info{margin: 25px 0 25px 25px;}
    .talent-item-info .tif{line-height: 32px; font-size: 16px;}

    .talent-more{margin-left: 24px;}
    .talent-more .word{font-size: 16px;}


    .contact-tel-name{font-size: 26px;}
    .contact-400{font-size: 44px;}
    .contact-txt{font-size: 16px;}
    .contact-box{margin: 30px 0 30px;}
    .contact-item{height: 36px; line-height: 36px; font-size: 18px;  padding-left:45px; margin-bottom: 20px;}
    .contact-item i,.contact-other i{width: 36px; height: 36px;}
    .contact-other{margin-bottom: 15px; font-size: 20px; line-height: 36px;}
    .contact-other-name{height: 20px; width: 3em; left: 45px;}
    .contact-other-tel{padding-left: 105px;}
    .map-box{width: 100%; height: 620px;}


    .detail-title-box{padding: 55px 0;}
    .detail-title{font-size: 22px;  margin-bottom: 24px;}
    .detail-content{margin: 60px 0 0;}

}