@font-face

{

font-family: DinReg;

src: url('../fonts/DINPro-Regular.otf');

}



@font-face

{

font-family: DinCond;

src: url('../fonts/DIN Condensed Bold.woff.ttf');

}



@font-face

{

font-family: DinBold;

src: url('../fonts/DINPro-Bold.ttf');

}



*{margin:0; padding:0; box-sizing: border-box;}

ul,li{list-style-type: none;}

img{display: block; max-width: 100%; margin:0 auto;}

a{color:#333; text-decoration: none;}

body{font-family: 'DinReg','DinBold','DinCond','Microsoft yahei',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 120%; color: #333; position: relative;}

.warrp{width: 1400px; margin:0 auto;}

.warrp:after{content: ''; display: table; width: 100%;clear: both;}

.fl{float: left; display: inline;}

.fr{float: right; display: inline;}

.ovhd{overflow: hidden;}

.clear{clear: both; content: ''; width: 100%; display: table;}



.top-nav{position: fixed; z-index: 10; left: 0; top: 0; width: 100%; padding: 22px 50px 0 ; display: none; } 

.top-nav .logo{float: left; display: inline; margin:0 20px 22px 0;}

.top-nav .nav-list{float:right; display: inline;}

.top-nav .nav-list li{float: left; display: inline; margin-right: 30px;}

.top-nav .nav-list li a{color: #fff; line-height: 36px; display: block; text-decoration: none; text-transform: uppercase;}

.top-nav .nav-list li >a:hover,.top-nav .nav-list li >a:active{color:#0d75cd;}

.top-nav .nav-list li.products-nav{padding-bottom: 22px;}



.search-obj-cont{overflow: hidden;}

.search-obj-cont .box{width: 150px; margin:0 auto;position: relative;}

.search-obj-cont input{width: 100%; line-height: 24px; padding:5px; border:1px solid #eee; background:rgba(255,255,255,0.6); border-radius: 18px;}

.search-obj-cont input:focus{outline: none;}

.search-obj-cont span{position: absolute; right: 10px; top: 6px; cursor: pointer;}





.media-nav{position: fixed; z-index: 20; left: 0; top: 0; width: 100%; padding:12px 15px; background: #010e1a;   }

.media-nav .logo{overflow: hidden;height: 20px;}

.media-nav .logo img{height: 20px;}

.media-nav .search-btn{float:left; display: inline; margin-right: 15px; padding:0;}

.media-nav .search-btn img{height: 20px; }

.media-nav .menu{position: relative; width: 18px; height: 2px; background: #fff; margin-top: 9px; }

.media-nav .menu:before,.media-nav .menu:after{content: ''; position: absolute; width: 100%; left: 0; height: 2px; background: #fff; margin-top: 7px;}

.media-nav .menu:after{margin-top: -7px;}

.media-nav .menu.active{background: rgba(255,255,255,0); margin-top: 0;}

.media-nav .menu.active:before{margin-top: 11px; top: 0; transform: rotateZ(45deg);}

.media-nav .menu.active:after{transform: rotateZ(-45deg); top:0; margin-top: 11px;}

.media-nav .media-nav-list{position: fixed; z-index: 10; left:0; top: 0; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.4);}

.media-nav .media-nav-list ul{margin-left: 28%; position: relative; max-height: 100%; overflow: auto;}

.media-nav .media-nav-list li{background: #202634; border-bottom: 1px solid #303845;}

.media-nav .media-nav-list li a{display: block; line-height: 40px; padding:0 10px; color: #6e7888; text-decoration: none; text-transform: uppercase;}

.media-nav .media-nav-list.slide{

	display: block;

	

}

.media-nav .media-nav-list.slide ul{

  animation-name: slideRight;

  animation-duration: 150ms;

  animation-timing-function: linear;

}

@keyframes slideRight{

  0%{opacity: 0; transform: translateX(50px);}

  100%{opacity: 1; transform: translateX(0px);}

}

@keyframes slideNav{

	0%{opacity: 0; transform: translateY(-50px);}

	100%{opacity: 1; transform: translateY(0px);}

}



.home-baner{position: relative; z-index: 1;}

.home-baner .swiper-button-prev{background: url(../images/prev.png) no-repeat; width: 12px; height: 152px; margin-top: -76px;}

.home-baner .swiper-button-next{background: url(../images/next.png) no-repeat; width: 12px; height: 152px;margin-top: -76px;}

.home-baner .slide-box{position: absolute; left:0; top:0; width: 100%; height: 100%; display: table; }

.home-baner .slide-box .warrp-box{display: table-cell; vertical-align: middle;}



.home-baner .slide-box .experts{ position: relative;   font-size: 12px;

    line-height: 18px;

    color: #fff;

    margin ：0 auto 10px; width: 110px;}

.home-baner .slide-box .experts:after{content: ''; position: absolute; left:-70px; top: 50%; width: 60px; height: 1px; background: #fff; }

.home-baner .slide-box .txt{font-size: 32px;

    text-transform: uppercase;

    color: #fff;

    line-height: 40px;

     font-family:'DinCond';

    text-align: center;

    width: 90%; margin:0 auto 10px;

}

.home-baner .slide-box .find-more{overflow: hidden; text-align: center; font-size: 0px;}

.home-baner .slide-box .find-more a{ display: inline-block; font-size: 14px; color:#fff; text-transform: uppercase; line-height: 30px; padding:0 20px; border:1px solid #fff;}

.home-baner .scroll-more{position: absolute; z-index: 10; left: 0; bottom: 5px; width: 100%; text-align: center; color: #fff;}

.home-baner .scroll-more img{margin:0 auto; width: 14px;}

.home-baner .scroll-more .txt{margin:10px; text-transform: uppercase;}



.do-blk{margin:118px 0 101px;position: relative; clear: both;}



.do-blk .lf-cont{float:left; display: inline; width: 50%;}

.do-blk .what-do{position: relative; font-size: 26px; line-height: 41px; font-family: 'DinBold'; margin-bottom: 52px; width: 50%;}

.do-blk .what-do:after{content: ''; position: absolute; width: 120px; height: 2px; background: #d6d6d6; left: -140px; top: 18px;}

.do-blk .what-do .color-blue{color: #0e83e7;}

.do-blk .do-swiper{padding-left: 32.5%; position: relative;}

.do-blk .do-swiper .scroll-cont{overflow: hidden;}

.do-blk .do-swiper .scroll-cont li{float: left; display: inline; width: 25%;}

.do-blk .do-swiper .controll{position: absolute; left:0; top: 0; width: 50%; height: 100%; padding:55px 0;}

.do-blk .do-swiper .controll .box{position: relative; height: 100%; overflow: hidden;}

.do-blk .do-swiper .controll .cove-box{position: relative; top: 50%; transform: translateY(-50%);}

.do-blk .do-swiper .controll .lit{float: left; display: inline; width: 50%; position: relative; height: 50%; background: #eeeeee;}

.do-blk .do-swiper .controll .lit .white{display: none;}

.do-blk .do-swiper .controll .lit .txt{font-size: 30px; text-transform: uppercase; font-weight: 400; margin:23px 0 0; font-family: 'DinCond'; text-align: center;}

.do-blk .do-swiper .controll .lit.active{background: #333; color: #fff;}

.do-blk .do-swiper .controll .lit.active .white{display: block;}

.do-blk .do-swiper .controll .lit.active .blank{display: none;}



.do-blk .lf-cont .what-do img{margin:0;}

.do-blk .lf-cont .txt{font-size: 18px; line-height: 24px; margin:15px 0;}

.do-blk .lf-cont .find-projects{color: #868686; line-height: 22px; margin-bottom: 20px;}

.do-blk .lf-cont .find-projects img{display: inline-block; line-height: 22px; vertical-align: middle; margin-left: 10px;}

.do-blk  .do-list{width: 100%; max-width: 700px; overflow: hidden;}

.do-blk  .do-list .lit{float: left; display: inline; width: 50%; padding: 45px 0; text-align: center;}

.do-blk  .do-list .lit .ico img{margin:0 auto;}

.do-blk  .do-list .lit .txt{font-size: 30px; text-transform: uppercase; font-weight: 400; margin:23px 0 0; font-family: 'DinCond';}



.do-blk  .lit-bg1{background: #f7f7f7;}

.do-blk   .lit-bg2{background: #eee;}

.do-blk   .lit-bg3{background: #333; color: #fff;}

.do-blk   .lit-bg4{background: #eee;}

.do-blk .lr-cont{position:absolute; left: 50%; top: 50px; max-width: 50%;}



.we-solutions{padding-top: 20px; position: relative;}

.we-solutions .title{padding:15px 135px 15px 15px; font-size: 14px; line-height: 20px; font-family: 'DinBold'; text-transform: uppercase;}

.we-solutions .title .blue{color: #0e83e7;}

.we-solutions .design{position: absolute; right: 15px; top: 20px; width: 120px; height: 120px; background: #333333; color: #fff;}

.we-solutions .design img{display: block; width: 60px; margin:15px auto 15px;}

.we-solutions .design .txt{font-family: 'DinCond'; font-size: 18px; text-transform: uppercase; text-align: center;}

.left-offset{padding-right: 30px; margin-bottom: 15px;}

.right-do{padding-left: 15px; margin-bottom: 15px; display: table; width: 100%;}

.right-do .lit{display: table-cell; text-align: center; vertical-align: middle; background: #eee;}

.right-do .lit.middle{background: #f7f7f7;}

.right-do .lit img{display: block; margin:15px auto; width: 60px;}

.right-do .lit .txt{font-family: 'DinCond'; font-size: 18px; text-transform: uppercase; margin-bottom: 15px;}





.new-products{padding:69px 0 44px; }

.new-products .blk-tite{font-size:0; text-align: center; margin-bottom: 50px;}

.new-products .blk-tite span{ position:relative;display: inline-block;  text-transform: uppercase; font-size: 54px; line-height: 72px; font-family: 'DinCond';}

.new-products .blk-tite span:after{content: ''; position: absolute; left: 15%; bottom: 0; width: 70%; height: 3px; background: #333;}

.new-products .product-screen{overflow: hidden;}

.new-products .product-screen .lit{margin-bottom: 40px;}

.new-products .product-screen .lit .txt{font-size: 18px; line-height: 60px; text-align: center; background: #fff;}

.prd-class{width: 1400px; margin:0 auto; overflow: hidden;}

.prd-class .txt{font-size: 18px; line-height: 28px; text-align: center;padding:20px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.news-trends{padding:35px 0 30px;}

.news-trends .warrp{position: relative;}

.news-trends .blk-tite{margin-bottom: 50px; font-family:'DinCond'; }

.news-trends .blk-tite img{max-width: 70%;}

.news-trends .lf-lit{float: left; display: table; width: 100%;}

.news-trends .lf-lit .lit{display: table-cell; width: 50%; vertical-align: top;}

.news-trends .lf-lit .infos-lit{position: relative; padding: 10px; background: #f4f4f4;}

.news-trends .lf-lit .infos-lit .times{font-size: 12px; color: #868686; line-height: 18px; margin-bottom: 10px;}

.news-trends .lf-lit .infos-lit .tite{font-size: 14px; line-height: 20px; max-height: 60px; overflow: hidden; }

.news-trends .lf-lit .infos-lit .view{position: absolute; left: 10px; bottom: 10px;}

.news-trends .lf-lit .infos-lit .view a{text-decoration: underline; color: #646464;}

.news-trends .lf-lit .infos-lit .view a:hover{color: #333;}

.news-trends .lr-lit{float: right; width: 100%;}

.news-trends .absolut-cont{ display: table; width: 100%;}

.news-trends .absolut-cont .lit{display: table-cell; vertical-align: top; text-align: left; width: 75%;}

.news-trends .absolut-cont .infos-lit{position: relative; padding: 10px; background: #f4f4f4;}

.news-trends .absolut-cont .infos-lit .times{font-size: 12px; color: #868686; line-height: 18px; margin-bottom: 10px;}

.news-trends .absolut-cont .infos-lit .tite{font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; }

.news-trends .absolut-cont .infos-lit .view{position: absolute; left: 10px; bottom: 10px;}

.news-trends .absolut-cont .infos-lit .view a{text-decoration: underline;}

.news-trends .find-more{margin-top: 20px; text-align: center; font-size: 14px; line-height: 22px;}

.news-trends .find-more a{color: #868686;}

.news-trends .find-more a:hover{color: #333;}

.news-trends .find-more img{display: inline-block; vertical-align: middle; margin-left: 15px;}



.small-news-trends{padding-top: 25px;}

.small-news-trends .blk-tite img{width: 135px; margin:0 auto 20px;}

.small-news-trends .itm-1{padding:0 15px; display: table; margin-bottom: 5px;}

.small-news-trends .itm-1 .li{display: table-cell; vertical-align: top; width: 50%;}

.small-news-trends .itm-1 .li img{max-width: 100%;}

.small-news-trends .itm-2{margin-bottom: 5px;}

.small-news-trends .itm-3{position: relative; margin-bottom: 5px;}

.small-news-trends .itm-3 .infos{position: absolute; left:5px; bottom: 5px; width: 173px; height: 173px;}

.small-news-trends .itm-4{font-size: 0; text-align: center; margin-bottom: 15px;}

.small-news-trends .itm-4 a{display: inline-block; font-size: 14px; color: #646464; text-decoration: underline;}

.small-news-trends .itm-4 a img{display: inline-block;vertical-align: middle; margin-left: 5px;}





.small-news-trends .infos-cont{padding: 15px; background: #f4f4f4; position: relative;}

.small-news-trends .infos-cont .times{font-size: 12px; color: #868686; margin-bottom: 10px;}

.small-news-trends .infos-cont .tite{font-size: 14px; line-height: 20px;}

.small-news-trends .infos-cont .view{position: absolute; left: 15px; bottom: 15px;  color: #646464; text-decoration: underline;}



.work-with{padding:35px 0 160px;background: #f4f4f4;}

.work-with .blk-title{margin-bottom: 30px;}

.work-with .blk-title img{max-width: 70%; margin:0 auto;}

.work-with .work-with-list{overflow: hidden;}

.work-with .work-with-list li{float:left; display: inline; width: 33.33%; padding:0 5px; margin-bottom: 10px;}

.work-with .work-with-list li .default{display: block;}

.work-with .work-with-list li .active{display: none;}

.work-with .work-with-list li:hover .default{display: none;}

.work-with .work-with-list li:hover .active{display: block;}

.subscribe{position: relative; margin:0 15px;}



.subscribe .subscribe-warrp{position: absolute; z-index:5; left: 0; top: -130px; width: 100%; }

.subscribe .subscribe-warrp .warrp{border-top: 3px solid #031a2e; padding:30px 60px; background: #fff;}

.subscribe .subscribe-warrp .blk-tite{font-size: 16px; line-height: 32px; margin-bottom: 25px;}

.subscribe .subscribe-warrp .from-lit{margin-bottom: 15px;}

.subscribe .subscribe-warrp .from-lit input{width: 100%; line-height: 20px; padding:3px 5px; border:none; border-bottom: 1px solid #e2e2e2;}

.subscribe .subscribe-warrp .from-lit input:focus{outline: none;}

.subscribe .subscribe-warrp .from-lit .submit-btn{display: block;  background: #0f84e7; line-height: 36px;  text-align: center; color: #fff;} 

.subscribe .subscribe-warrp .from-lit .submit-btn img{display: inline-block; vertical-align: middle;}







.footer{background: #031a2e; color: #fff; padding: 55px 0 20px;}

.footer .foot-lit{margin-bottom: 30px;}

.footer .foot-lit .title{font-size: 22px; margin-bottom: 29px;}

.footer .foot-lit .txt{font-size: 12px; line-height: 18px; opacity: 0.5;}

.footer .foot-lit .txt img{display: inline-block; vertical-align: middle;}

.footer .foot-lit .share{margin-top: 15px;}

.footer .foot-lit .share img{display: inline-block; vertical-align: middle; margin-left: 15px;}

.footer .foot-lit .foot-link a{color: #fff; line-height: 30px; opacity: 0.5;}

.footer .foot-lit .info-list{overflow: hidden; margin-bottom: 15px;}

.footer .foot-lit .info-list .lab{float: left; display: inline; margin-right: 10px;}



.footer .site-link{color: #fff; opacity: 0.2; margin-bottom: 10px; font-size: 12px;}

.footer .site-link a{color: #fff;}

.footer .copyright{font-size: 12px; color: #fff; opacity: 0.2;}

.follow-ico{background: url(../images/follew.png) no-repeat left top; width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 20px;}

.follow-ico.follow-2{background-position: -30px 0;}

.follow-ico.follow-3{background-position: -60px 0;}

.follow-ico.follow-4{background-position: -90px 0;}

.follow-ico.follow-5{background-position: -120px 0;}

.touch-from{margin-bottom: 25px; margin-top: -4px;}

.touch-from .submit-btn{-webkit-appearance: none; outline: none;float:right; display: inline; line-height: 40px; color: #fff; background: #0f84e7; padding:0 24px; border:none; border-radius: 0 18px 18px 0;}

.touch-from .form-txt{overflow: hidden;}

.touch-from .form-txt input{width: 100%; line-height: 20px; padding:10px; border:none; border-radius: 18px 0 0 18px;}

.footer .foot-lit .touch-txt{font-size: 16px; opacity: 0.5}



.foot-lit-box{overflow: hidden;}

.nav-bg{background: #031a2e; }

.null-position{height: 56px;}



.product-page{ background: #f4f4f4;}

.small-product-content{padding-top: 20px !important; }

.small-product-content .prd-row{position: relative;margin-bottom: 35px;}

.small-product-content .main-tite{font-size: 24px; line-height: 35px; font-family: 'DinCond'; text-transform: uppercase;}

.small-product-content .subf-nav{font-size: 12px; line-height: 18px; color: #646464; margin-bottom: 5px;}

.small-product-content .big-picture{margin-bottom: 40px; background: #fff;}

.small-product-content .big-picture a{display: block;}

.small-product-content .big-picture img{width: 100%;}

.small-product-content .prd-row-goods{display: table; width: 100%;}

.small-product-content .prd-row-goods .lit{display: table-cell; width: 50%; padding-right: 8px;}

.small-product-content .prd-row-goods .lit:last-child{padding:0 0 0 8px;}

.small-product-content .prd-row-goods .lit img{width: 100%;}

.small-product-content .prd-row-goods .lit .infos{font-size: 14px; line-height: 34px; padding:0 12px; background: #fff;}

.small-product-content .more-arrow{position: absolute; right: 0; top: 0; }

.small-product-content .more-arrow img{width: 24px;}

.small-product-content .big-picture.right{margin-left: 30px;}

.small-product-content .big-picture.right a{transform: translateX(-30px) translateY(25px) ;}

.small-product-content .big-picture.left{margin-right: 30px;}

.small-product-content .big-picture.left a{transform: translateX(30px) translateY(25px) ;}



.products-row-content{padding-top: 60px;}

.product-row{ width: 100%;}

.product-row .product-list{ width: 100%; margin-bottom: 20px;}

.product-row .have-breach .tite{font-size: 24px; line-height: 36px; text-transform: uppercase; font-family: 'DinCond'; margin-bottom: 7px;}  

.product-row .have-breach .subf-breach,.product-row .have-breach .subf-breach a{font-size: 16px; line-height: 30px; margin-bottom: 15px; color: #646464;}

.product-row .have-breach .subf-breach a{margin:0 10px;}

.product-row .have-breach .subf-breach a:first-child{margin-left: 0;}

.product-row .have-breach .subf-breach a:hover{color: #333;}

.product-row .have-breach .goods{overflow: hidden; margin-bottom: 20px;}

.product-row .have-breach .goods .lit{float:left; display: inline; width: 50%; padding:0 10px;}

.product-row .have-breach .goods .lit .infos{padding:10px; background: #fff;}

.product-row .have-breach .goods .lit .infos p{font-size: 14px; line-height: 20px;}

.product-row .have-breach .find-more{text-align: left ; margin-left: 10px;}

.product-row .have-breach .find-more a{color: #868686;}

.product-row .have-breach .find-more a:hover{color: #333;}

.product-row .have-breach .find-more img{display: inline-block; vertical-align: middle; margin-left: 10px;}



.bread-crumbs{padding:22px 0 17px;}

.bread-crumbs ,.bread-crumbs a{ color: #868686;}



.main-info-details .swiper-slide-thumb-active:after{content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #f00; box-sizing: border-box;}



.main-info-details .g-lf{margin-bottom: 30px;}

.g-lr-infos{margin-bottom: 30px; overflow: hidden;}

.g-lr-infos h1{font-size: 28px; line-height: 30px; margin-bottom: 20px;}

.g-lr-infos .price{margin-bottom: 20px; font-size: 24px; line-height:36px; font-weight: bold; font-family: 'DinBold';}

.g-lr-infos .details-info-cont .lit{margin-bottom: 11px; overflow: hidden;}

.g-lr-infos .details-info-cont .lit .lab{margin-bottom:10px; float:left; display: inline; width: 100px;}

.check-options .options{float:left; display: inline; line-height: 30px; padding:0 8px; border:1px solid #eee;  margin-right: 9px; cursor: pointer; margin-bottom: 10px;}

.check-options .options.currt{border-color: #0f84e7; color: #0f84e7;}

.color-blk{display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin-right: 5px;}

.color-blk.black{background: #121212;}

.color-blk.silver{background: #dadada;}

.color-blk.golden{background: #d0b18a;}

.color-blk.custom{background: url(../images/custom-color.png); background-size: 100% 100%;}

.certif{padding-top: 12px;}

.certif .title{font-size: 14px; margin-bottom: 30px;}

.certif .ig img{margin:0;}

.custom-your{overflow: hidden; padding:35px 0 0;}

.custom-your .ig{float:left; display: inline; margin-right: 22px;}

.custom-your .main{font-size: 16px; margin-bottom: 17px;}

.custom-your p{margin-bottom: 8px;}



.contact-us-box{overflow: hidden;}

.contact-us-box  .contact-btn{float:left; display: inline; padding: 0 30px; line-height: 40px; color: #fff; background: #0f84e7;}

.contact-us-box  .contact-btn img{display: inline-block; vertical-align: middle; margin-right: 10px;}





.details-blk{margin-bottom: 49px; padding:0 10px;}

.details-blk .blk-tite{ border-bottom: 2px solid #eeeeee; margin-bottom: 30px;}

.details-blk .blk-tite span{position: relative; float: left; display: inline; font-size: 18px; line-height: 42px;}

.details-blk .blk-tite span:after{content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background: #333;}



.params-list{overflow: hidden; border-left: 1px solid #eee; border-top: 1px solid #eee; border-spacing:0; width: 100%;}

.params-list td{border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; line-height: 20px; padding:15px 20px;}

.params-list td.lab{background: #f4f4f4;}

.params-list.media-statur td{width: 50%;}

.params-list.big-screen-statur td{ width: 25%;}

.params-list.media-statur.table-style-b td{width: auto; text-align: center;}

.params-list.big-screen-statur.table-style-b td{ width: auto; text-align: center;}

.params-list.media-statur.table-style-b tr td:first-child{width: auto; text-align: left;}

.params-list.big-screen-statur.table-style-b tr td:first-child{ width: auto; text-align: left;}





.resource-down{overflow: hidden;}

.resource-down .lit{margin-bottom: 55px;}

.resource-down .lit .title{font-size: 16px; line-height: 20px; padding-bottom: 7px; overflow: hidden; border-bottom: 4px solid #333; margin-bottom: 27px; font-family: 'DinBlack'; text-transform: uppercase;}

.resource-down .list li{overflow: hidden; margin-bottom: 20px;}

.resource-down .list li .ico{float:left; display: inline; margin-right: 10px;}

.resource-down .list li a{float:left; display: inline; line-height: 34px; color: #999;}

.resource-down .list li a:hover{color: #333;}



.access-list{overflow: hidden; border-left: 1px solid #eeeeee; border-top: 1px solid #eee;}

.access-list .lit{border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: 65px; padding-bottom: 20px;}

.access-list .lit .ig{overflow: hidden; margin-bottom: 40px;}

.access-list .lit .ig .igl{float:left; display: inline; width: 50%; padding:0 20px;}

.access-list .lit .txt{text-align: center; font-size: 16px; line-height: 30px; color: #666;}



.Application-list{overflow: hidden;}

.Application-list .lit{float:left; display: inline; width: 33.33%; text-align: center;}

.Application-list .full-ig{margin-bottom: 5px;}

.Application-list .txt{font-size: 16px; line-height: 30px;}



.related-products{overflow: hidden; display: table; width: 100%;}

.related-products li{display: table-cell; width: 50%; margin-bottom: 10px; padding:0 5px;}





.sub-prd-baner{position: relative;}

.sub-prd-baner .cont{position: absolute; width: 70%; left: 15%; top: 50%; color: #fff; text-align: center; transform: translateY(-50%);}

.sub-prd-baner .cont .main-tite{text-transform: uppercase; font-size: 20px; margin-bottom: 5px; font-family: 'DinCond';}

.sub-prd-baner .cont .subf-tite{font-size: 14px; line-height:18px; overflow: hidden; max-height: 36px;}



.main-sub-prd{padding:55px 0 20px; background: #f4f4f4;}

.sub-prd-ovhd{overflow: hidden;}

 .sub-blk-tite{overflow: hidden;  display: none; background: #fff; padding:0 15px; border-bottom: 1px solid #e5e5e5;}

 .sub-blk-tite .tite{float:left; display: inline; font-size: 16px; line-height: 35px;}

 .sub-blk-tite .menu{float:right; margin-top: 12px;}



.slide-ico{position:relative;display: inline-block; width: 16px; height: 10px;}

.slide-ico:after,.slide-ico:before{content:''; position: absolute; width: 10px; height: 1px; background: #444444; top: 50%; }

.slide-ico:before{transform: rotate(-45deg);left: 0;}

.slide-ico:after{transform: rotate(45deg); right: 0;}

.sub-prd-lf .sub-blk-link dl{margin-bottom: 33px;}

.sub-prd-lf .sub-blk-link dl dt{font-size: 20px; line-height: 26px; font-weight: bold; font-family:'DinBold'; margin-bottom: 18px; padding-right: 20px; position: relative; cursor: pointer;}

.sub-prd-lf .sub-blk-link dl dd{border-left: 1px solid #ccc; padding-left: 15px;}

.sub-prd-lf .sub-blk-link dl dd a{display: block; font-size: 14px; line-height: 20px; margin-bottom: 15px; color: #999;}

.sub-prd-lf .sub-blk-link dl dd a:last-child{margin-bottom: 0;}

.sub-prd-lf .sub-blk-link dl dd a:hover{color: #333;}

.sub-prd-lf .sub-blk-link dl dt .slide-ico{position: absolute;right: 0; top: 0; margin-top: 9px;}

.sub-prd-lf .sub-blk-link dl.active dt .slide-ico{transform: rotateZ(180deg);}





.sub-prd-lf .sub-blk-tite .menu.active{border:none;margin-top: 0;}

.sub-prd-lf .sub-blk-tite .menu.active:after,.sub-prd-lf .sub-blk-tite .menu.active:before{top: 11px; left: 3px; margin-top: 0;}

.sub-prd-lf .sub-blk-tite .menu.active:before{transform: rotateZ(45deg);}

.sub-prd-lf .sub-blk-tite .menu.active:after{transform: rotateZ(-45deg);}



.sub-prd-lf .sub-blk-link{margin-bottom: 30px;}

.sub-prd-lf .sub-blk-tite .menu{display: block;}

.sub-prd-lf .sub-blk-link{display: none;}

.sub-prd-lf .sub-blk-link.slide{

	display: block;

	animation-name: slideNav;

	animation-duration: 300ms;

	animation-timing-function: linear;

}





.sub-blk-link li{margin-bottom: 15px;}

.sub-prd-ovhd .prd-list{overflow: hidden;}

.sub-prd-ovhd .prd-list li{float:left; display: inline; width: 50%; padding:0 0 0 50px; margin-bottom:60px;}

.sub-prd-ovhd .prd-list li .title-txt{padding:10px; font-size: 12px; line-height: 20px; height: 60px; background: #fff; overflow: hidden;}



.news-trends-baner{position: relative; margin-top: 80px}

.news-trends-baner .cont{position: absolute; left: 5%; width: 90%; top: 50%; transform: translateY(-50%); color: #fff; text-align: center; }

.news-trends-baner .cont  .main-tite{ margin:0 auto 5px; font-size: 32px; line-height: 32px; text-transform: uppercase;   font-family:'DinCond';}

.news-trends-baner .cont .subf-tite{color:#fff;  font-size: 14px; line-height: 16px; text-align: center;}



.news-trends-page{padding:30px 0; background: #f4f4f4;}

.news-page-list{overflow: hidden;}

.news-page-list li{margin-bottom: 20px;}

.news-page-list li .descript-small{background: #fff; padding:10px;}

.news-page-list li .descript-small .times{font-size: 12px; line-height: 18px; color: #999; margin-bottom: 21px;}

.news-page-list li .descript-small .main-tite{font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 31px; font-weight: 600; font-family: 'DinBold';}

.news-page-list li .descript-small .details{font-size: 14px; line-height: 20px; margin-bottom: 15px; height: 60px; overflow: hidden; color: #999;}

.news-page-list li .descript-small .view-detail{text-align: right; padding-right: 10px; font-size: 12px; line-height: 18px;}

.news-page-list li .descript-small .view-detail img{display: inline-block; vertical-align: middle; margin-left: 10px;}

.news-page-list li .descript-small .view-detail a{color: #999;}



.share-ico{display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: url(../images/share-ico.png) no-repeat; margin-left: 10px;}

.share-1{background-position: 0 0;}

.share-2{background-position: -30px 0;}

.share-3{background-position: -60px 0;}

.share-4{background-position: -90px 0;}

.share-1:hover{background-position: 0 -30px;}

.share-2:hover{background-position: -30px -30px;}

.share-3:hover{background-position: -60px -30px;}

.share-4:hover{background-position: -90px -30px;}





/*news-details*/

.details-cont h1{font-size: 18px; line-height: 30px; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #000; font-family: 'DinBold';}

.subf-info{margin-bottom: 20px;}

.subf-info .times{font-size: 12px; color: #999; margin-bottom: 15px;}

.details-content h2{font-size: 32px; line-height: 32px; margin-bottom: 30px;font-family: 'DinBold';}

.details-content p{font-size: 16px; line-height: 20px; margin-bottom: 50px;}

.recomm-news ul{overflow: hidden;}

.recomm-news li{margin-bottom: 30px;}

.recomm-news li .infos{padding:11px 18px; background: #fff; border:1px solid #eee; border-top: none;}

.recomm-news li .infos .times{color: #999; font-size: 12px; margin-bottom: 15px;}

.recomm-news li .infos .title{font-size: 14px; font-weight: bold; line-height: 16px;  height: 32px; overflow: hidden;}

.recomm-news li .infos .title a{color: #333;}



/*contact-us*/

.contact-us-banr{position: relative; margin-top: 80px}

.contact-us-banr .cont-box{position: absolute; left:0; top: 0; width: 100%; height: 100%;}

.contact-us-banr .cont-box .txt-cont{position: absolute; left: 5%; top: 50%; width: 90%; text-align: center; transform: translateY(-50%); color: #fff; padding-bottom: 30px;}

.contact-us-banr .tite-ig{font-size: 32px; line-height: 32px;  font-family:'DinCond'; }

.contact-us-banr .txt{font-size: 14px; line-height: 20px;}



.contact-us-main {background: #f4f4f4; padding:0 0 30px; }

.contact-us-main .warrp{transform: translateY(-30px); }

.contact-us-main .blk-cont{  overflow: hidden;}

.contact-us-main .blk-cont .company-contact .lit{ padding-top: 60px; padding-bottom: 45px; background: #fff; text-align: center; margin-bottom: 30px; }

.contact-us-main .blk-cont .company-contact .lit .ig{margin-bottom: 15px;}

.contact-us-main .blk-cont .company-contact .lit .tite{font-family:'DinBold'; font-size: 18px; line-height: 24px; margin-bottom: 17px; }

.contact-us-main .blk-cont .company-contact .lit .txt{font-size: 14px; line-height: 20px;}



.contact-us-main .form-blk-cont{background:#fff; padding:20px 0; }

.contact-us-main .form-contact .lit{margin-bottom: 15px;padding:0 20px;}

.contact-us-main .form-contact .lit .lab{font-size: 16px; color: #999; margin-bottom: 5px;}

.contact-us-main .form-contact .lit input,.contact-us-main .form-contact .lit textarea{border:none; background: #f7f7f7; width: 100%;}

.contact-us-main .form-contact .lit input{font-size: 14px; line-height: 24px; padding:12px 10px;}

.contact-us-main .form-contact .lit input:focus,.contact-us-main .form-contact .lit textarea:focus{outline: none;}

.contact-us-main .form-contact .lit textarea{padding:10px; font-size: 14px; line-height: 20px; resize: none;}

.contact-us-main .contact-submit{width: 260px; line-height: 48px; font-size: 14px; color: #fff; background:#0f84e7; text-align: center; margin:0 auto; cursor: pointer;}



.about-baner{position: relative;}

.about-baner .big-title{position: absolute; left:0; top: 0; width: 100%; height: 100%;}

.about-baner .big-title div{position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); color: #fff; font-family: 'DinBold'; text-transform: uppercase; font-size: 38px; line-height: 38px; margin-top: -25px; font-family:'DinCond';}

.about-baner .shadow-cont{position: absolute; left: 0; bottom: 0; width: 100%; padding:10px 0; background: rgba(0,0,0,0.6); color: #fff; text-align: center;}

.about-baner .shadow-cont .txt{margin:5px 0;}

.about-baner .shadow-cont .core-value{text-align: center;}

.about-baner .shadow-cont .core-value a{display: inline-block; line-height: 28px; border:1px solid #fff; border-radius: 14px; color: #fff; text-transform: uppercase; padding:0 20px;}



.about-page{padding:30px 0 170px; background: #f4f4f4;}

.about-page .about-lit{margin-bottom: 50px; }

.about-page .about-lit .txt-info{padding:0 15px; background: #eee;}

.about-page .about-lit .txt-info .cont-box{background: #fff; padding:15px;}

.about-page .about-lit .txt-info .cont-box .txt{font-size: 14px; line-height: 24px; color: #666; }

.about-page .about-lit .txt-info .cont-box .tite{font-size: 18px; line-height: 30px; margin-bottom: 30px;text-transform: uppercase;}

.about-page .about-lit.left .cont-box{transform: translateY(-15px);}

.about-page .about-lit.right .cont-box{transform: translateY(15px);}



.small-about{padding:18px 15px 0px;}

.small-about .row-blk{display: table; width: 100%; margin-bottom: 5px;}

.small-about .row-blk .lit{display: table-cell; vertical-align: middle; text-align: center;}

.small-about .row-blk .img-box img{max-width: 100%; margin:10 auto;} 

.small-about .row-blk .txt-box{ font-size: 18px; line-height: 24px; font-family:'DinCond' ; width: 100px;  text-transform: uppercase; background: #eee;}

.small-about .row-blk-txt{font-size: 12px; line-height: 15px; margin-bottom: 15px;}



.solution-banr{position: relative; margin-top: 80px}

.solution-banr .cont-txt{position: absolute; left: 5%; top: 50%; width: 90%; transform: translateY(-50%); text-align: center; color: #fff;}

.solution-banr .cont-txt .main{font-size: 32px; line-height: 32px; margin-bottom: 10px; text-transform: uppercase; font-family: 'DinCond';}

.solution-banr .cont-txt .subf{font-size: 12px; line-height: 20px;}



.small-screen-solutions{display: block;}

.big-screen-solutions{display: none;}

.solutions-flow{padding:50px 0 30px;}

.solutions-flow .blk-tite{width: 70%; margin:0 auto 30px;}

.solutions-flow .solutions-cont .solutions-slide-box{text-align: center; padding:0 10%; padding-bottom:50px;}

.solutions-flow .solutions-cont .solutions-slide-box .main-tite{font-size: 16px; line-height: 16px; text-transform: uppercase; margin:10px 0 30px;}

.solutions-flow .solutions-cont .solutions-slide-box .subf-tite{line-height: 20px;}

.solutions-flow .swiper-button-next,.solutions-flow .swiper-button-prev{width: 60px; height: 60px; margin-top: -30px;}

.solutions-flow .swiper-button-next{background: url(../images/radius-arraw-lr.png) no-repeat;}

.solutions-flow .swiper-button-prev{background: url(../images/radius-arraw-lf.png) no-repeat;}

.solutions-flow .swiper-slide{height: auto;}



.solutions-flow .flow-cont{overflow: hidden;}

.solutions-flow .flow-cont .flow-lit{float:left; display: inline; width: 50%; padding:0 10px; margin-bottom: 20px;}



.solutions-projects{padding:35px 0 50px; background: #f4f4f4;}

.solutions-projects .tite{margin-bottom: 30px;}

.solutions-flow .main-big-tite{font-size: 54px; line-height: 54px; margin-bottom: 50px; text-align: center; text-transform: uppercase; font-family: 'DinCond';}

.big-solutins-lit{overflow: hidden; height:225px;background: url(../images/solutions-flow-bg2.png) no-repeat; background-size: 100% auto;}

.big-solutins-lit .lit{float:left; display: inline; position: relative; width: 125px; height: 125px; background: #062e52;border:4px solid #062e52;  border-radius: 50%; margin-left: -20px; cursor: pointer;}  

.big-solutins-lit .lit:first-child{margin-left: 0;}

.big-solutins-lit .lit:nth-child(2n){background: #073761; border:4px solid #073761;}

.big-solutins-lit .lit{margin-top: 45px;}

.big-solutins-lit .lit .default{display: block;}

.big-solutins-lit .lit .hovr{display: none;}

.big-solutins-lit .lit.active{background:#fff; position: relative;}

.big-solutins-lit .lit.active:after{content: ''; position: absolute; top: 0; left: 50%; border-left: 14px solid #073761; border-top: 14px solid transparent;border-right: 14px solid transparent; border-bottom: 14px solid transparent; margin-top: -14px;}

.big-solutins-lit .lit.active .tag-txt{color:#073761;}

.big-solutins-lit .lit.active .default{display: none;}

.big-solutins-lit .lit.active .hovr{display: block;}



.big-solutins-lit .lit .tag-txt{font-size: 18px; line-height: 20px; text-align: center; color: #fff;}

.solution-chang-text{padding:70px 0 65px; margin:0 10%; text-align: center; font-size: 18px; line-height: 24px; }

.solution-chang-text div{display: none;}

.solution-chang-text .active{display: block;}





.project-list{overflow: hidden; margin-bottom: 65px;}

.project-list li{float:left; display: inline; width: 50%; padding:0 10px; margin-bottom: 20px;}

.project-list li a {display: block; font-size: 18px; line-height:24px; color: #666; }

.project-list li .ig{margin-bottom: 20px;}





.back-top{position: absolute; z-index:20; right: 4%; bottom: 270px; background: #22425d; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer;}

.back-top img{display: inline-block; vertical-align: middle;}



.search-btn{float:right; display: inline; cursor: pointer; padding:5px 0 6px;  width: 23px;}

.full-search{display:none;position: fixed; z-index: 30; left:0; top: 0; width: 100%;height:80px; background: rgba(0,0,0,0.8); padding:20px 50px;}

.full-search .close{position: absolute; z-index: 31; right:60px; top:50%; width: 20px; height: 20px; margin:-10px 0 0 30px; cursor: pointer;}

.full-search .close:before,.full-search .close:after{content:''; position: absolute; top: 50%; left: 0; width: 20px; height: 1px; background: #707070;}

.full-search .close:before{transform: rotateZ(45deg);}

.full-search .close:after{transform: rotateZ(-45deg);}

.full-search .cont-ovhd{overflow: hidden; position: relative;}

.full-search .cont-ovhd input{line-height: 30px; font-size: 16px; padding:5px 0 5px 40px; width: 100%; border:none;}

.full-search .cont-ovhd input:focus{outline: none;}

.full-search .cont-ovhd .ico-stg{position: absolute; left: 10px; top: 50%; margin-top: -12px;}

.full-search.active{display: block; 

	animation-name: fadeIn;

	animation-duration: 200ms;

	animation-timing-function: linear;

}

@keyframes fadeIn{

	0%{opacity: 0;}

	100%{opacity: 1;}

}





.product-slide-menu{display:none;position: fixed; z-index: 15; left: 0; top: 58px; width: 100%; padding-top: 22px;}

.product-slide-menu .box-cont{display: table; width: 100%; background: rgba(0,0,0,0.9); padding:30px 0;}

.product-slide-menu .box-cont .lit{display: table-cell; vertical-align: top; width: 20%; border-right: 1px solid rgba(255,255,255,0.3)}

.product-slide-menu .box-cont .lit:last-child{border-right: none;}

.product-slide-menu .box-cont .lit dl{margin-left: 50px;}

.product-slide-menu .box-cont .lit dl a{color: #999; line-height: 20px;}

.product-slide-menu .box-cont .lit dl dt{overflow: hidden; margin-bottom: 30px;}

.product-slide-menu .box-cont .lit dl dt a{color: #fff; float:left; display: inline;}

.product-slide-menu .box-cont .lit dl dd{overflow: hidden; margin-bottom: 20px;}

.product-slide-menu .box-cont .lit dl dd a{float:left; display: inline;}

.product-slide-menu .box-cont .lit dl dd a:hover{color: #fff;}

.product-slide-menu.active{display:block;

	animation-name: productAnimate;

	animation-duration: 200ms;

	animation-timing-function: linear;

}

@keyframes productAnimate{

	0%{opacity: 0; transform: translateY(-15px);}

	100%{opacity: 1; transform: translateY(0px);}

}



.media-products-menu{position: relative;}

.media-products-menu>.slide-ico{position: absolute; right:15px; top: 15px; transform: rotateZ(180deg);}

.media-products-menu >.slide-ico:after,.media-products-menu>.slide-ico:before{background: #6e7888;}

.media-products-menu .box-cont{display: none;  margin-left: 25px;}  

.media-products-menu.active .box-cont{display: block;

	animation-name:moveLeft;

	animation-duration: 150ms;

	animation-timing-function: linear;

}

.media-nav .media-products-menu.active>a{color: #fff;}

.media-nav .media-products-menu.active>.slide-ico{ transform: rotateZ(0deg);}

.media-nav .media-products-menu.active>.slide-ico:before,.media-nav .media-products-menu.active>.slide-ico:after{background: #fff;}

.media-products-menu .box-cont .lit a{margin:0 10px 0 30px; border-bottom: 1px solid #eee;}

@keyframes moveLeft{

	0%{opacity: 0; transform: translateX(15px);}

	100%{opacity: 1; transform:  translateX(0px);}

}



.media-products-menu dl dt{position:relative;}

.media-products-menu dl dt{display: block; line-height: 40px; border-bottom: 1px solid #303845; color: #6e7888;}



.media-products-menu dl dd{display: none;}

.media-products-menu dl dd a{display: block; border-bottom: 1px solid #303845;}

.media-products-menu dl dt .slide-ico{position: absolute; right: 15px; top: 20px; transform: rotateZ(180deg);}

.media-products-menu dl.active dt{color: #fff;}

.media-products-menu dl.active dt .slide-ico{transform: rotateZ(0deg);}

.media-products-menu dl.active dt .slide-ico:before,.media-products-menu dl.active dt .slide-ico:after{background: #fff;}

.media-products-menu dl.active dd{display:block;animation-name:moveLeft;

  animation-duration: 150ms;

  animation-timing-function: linear;}

.common-page{text-align: center; font-size: 0;margin-bottom: 40px;}

.common-page a{display: inline-block;vertical-align: middle; font-size: 16px; line-height: 24px; color: #999; padding:0 5px; margin:0 10px;}

.common-page span{display: inline-block; vertical-align: middle; font-size: 16px; line-height: 24px; color: #333; padding:0 5px; border-bottom: 1px solid #333; margin:0 10px;}

.pagination{

    display: flex;

    text-align: center;

    justify-content: center;

    font-size: 16px;

    line-height: 24px;

    color: #999;

}