body { font-size: 14px; line-height: 1.7; font-family:"Microsoft YaHei","PingFang SC", "Helvetica Neue", Helvetica, Arial;  color: #555; width: 100%; min-height: 100%; position: absolute;}
a{color: #666; text-decoration: none;}
a:hover{ text-decoration: none; color: #f00;}
.fw-pagination-box{background: none;margin-top: 10px;}
.pagination>li>a, .pagination>li>span{color: #666;}
.pagination>li>a:hover{color: #f00;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #f00; border-color: #f00;}
.container{width: 1200px;max-width: 100%; padding: 0;}
.big-container{width: auto; margin: 0 auto;}
.btn{border-radius: 0;}
input,button,select,textarea{outline:none;}
.t7-header{margin:40px 0;}
.t7-header .menu-list ul .active a,.t7-header .menu-list ul .active a:hover{border-bottom: 3px solid #ff0000; color: #ff0000; background: #f4f4f4;}
.t7-header .t7-logo{float: left;padding: 4px 0 0 0;}
.t7-header .t7-logo-img{background: url(../Images/logo.jpg) no-repeat;width:330px;height: 61px; display: inline-block;background-size: 100% auto;}

/* menu */
.navbar-menu{float: right;}
.navbar-menu .menu-list-layer{float: left;margin: 0 30px 0 0;}
.navbar-menu .navbar-nav{float:left; z-index: 2;margin: 0;}
.navbar-menu .navbar-nav > li{ float: left; margin-right: 1px; position: relative;}
.navbar-menu .navbar-nav > li > a{ color: #666; font-size: 16px; padding: 0 25px; display: inline-block; height: 78px;line-height: 78px; position: relative;}
.navbar-menu .navbar-nav > li:hover > a:after{content: ''; position: absolute; width: 100%; height: 3px;background: #f0f0f0; bottom: 0px; left: 0;}
.navbar-menu .navbar-nav > li:hover,.navbar-menu .navbar-nav > li:hover > a,
.navbar-menu .navbar-nav > li.active,.navbar-menu .navbar-nav > li.active > a{background: #f4f4f4; color: #f00;}
.navbar-menu .navbar-nav > li.active > a:after{ content: '';  position: absolute; width: 100%; height: 3px; visibility: visible;   background: #f00; bottom: 0px; left: 0; }
.navbar-menu .navbar-nav > li ul{ position:absolute; width: 100%; background: #fff; display: none; z-index: 1; box-shadow: 0px 3px 3px rgba(0,0,0,.15); }
.navbar-menu .navbar-nav > li ul li{ border-bottom: 1px solid #ddd; position: relative; }
.navbar-menu .navbar-nav > li ul li a{display: block; padding: 10px; text-align: center; position: relative;}
.navbar-menu .navbar-nav > li ul li a .icon{visibility: hidden; opacity: 0; position: absolute; right: -10px; }
.navbar-menu .navbar-nav > li ul li a > span{ position: relative;left: 0; }
.navbar-menu .navbar-nav > li ul li:hover > a{background: #f00; color: #fff;}
.navbar-menu .navbar-nav > li:hover > ul{display: block;}
.navbar-menu .navbar-nav > li ul ul{ position: absolute; background: #fff; left: 100%;top: 0px; border:1px solid #ddd; display: none; }
.navbar-menu .navbar-nav > li ul li:hover ul{display: block;}


.slides-box .content-wrap .text{ background: #333; background: rgba(0,0,0,.5); padding: 50px; width: 45%;  }
.slides-box .content-wrap .text h3{ font-size: 24px; }
.slides-box .content-wrap .text p{ padding-top: 10px; }

.tel{float: right;overflow: hidden;padding:18px 0 0;}
.tel .tel-img{ float: left;padding-right: 10px;}
.tel .tel-img i{color: #999;font-size: 36px;line-height: 1.3}
.tel .number{ float: left;overflow: hidden;}
.tel .number .time{font-size: 12px;color: #666;}
.tel .number .number-400{font-size: 21px; font-weight: 600; color: #ff0000;line-height: 1;}
.t7-banner{width: 1700px; margin: 0 auto;}
.hero-gallery .flickity-viewport {}

.t7-about-us{background: #fff;}
.t7-about-us .container{}
.t7-about-us .tit{overflow: hidden;color: #555; display: table;}
.t7-about-us .tit-l{background-color: #fff;padding:30px 0;width: 22%; text-align: center; display: table-cell; vertical-align: top; color: #fff; position: relative;}
.t7-about-us .tit-l .text{background: #f00; padding: 15px 0; margin: 15px 0 20px; position: relative;}
.t7-about-us .tit-l .text:after{content: ''; width: 100%; height: 2px; background: #f00; position: absolute; bottom: -10px; left: 0%;}
.t7-about-us .tit-l .text:before{content: ''; width: 100%; height: 1px; background: #f00; position: absolute; bottom: -6px; left: 0%;}
.t7-about-us .tit-l h1{ font-size: 36px; font-weight: 600; padding-bottom: 5px;}
.t7-about-us .tit-l h2{font-weight: 400;}
.t7-about-us .tit-r{padding: 30px 10px 20px;padding-left: 30px; display: table-cell; vertical-align: top;}
.t7-about-us .tit-r .r-text{height: 90px; overflow: hidden;}
.t7-about-us .tit-r .r-text a{margin-left: 5px; color: #ff6f6f;}
.t7-about-us .tit-r .fw-ico-intro li{ width: 19%; padding: 0; }
.t7-about-us .tit-r .fw-ico-intro .text { padding-top: 5px; }
.t7-about-us .tit-r .fw-ico-intro .text h2{font-size: 1.2em;}

/* 首页优势图片 */
.t7-module-industry{padding: 40px 0;}
.t7-module-industry .t7-header{ text-align: center; overflow: hidden; padding: 40px 0 10px; }
.t7-module-industry .t7-header h2{ font-size: 30px; color: #444; font-weight: 600; display: inline-block; }
.t7-module-industry .t7-header .more{float: right; font-weight: 400; color: #ff6f6f;}
.ut-photo-static{font-size: 0; text-align: center; margin:0 -8px; }
.ut-photo-static li{width:33.3% ; padding:10px 8px; position: relative; display: inline-block; float: inherit; font-size: 0;}
.ut-photo-static li .item{position: relative;overflow: hidden;box-shadow: -1px 8px 5px #ccc; padding-bottom: 55px;}
.ut-photo-static .fw-pro-img{border-radius: 0; border:none; background: none;}
.ut-photo-static .fw-pro-img:hover{box-shadow: none;}
.ut-photo-static .fw-pro-img img{width: 100%;}
.ut-photo-static .fw-pro-img a{position: relative;padding-bottom: 80%;}
.ut-photo-static .fw-info-body{ width: 100%; background: #fff; padding: 0; text-align: center;padding: 20px; position: absolute; bottom: -105px; transition:all 0.45s ease-in-out 0s ; height: 160px; }
.ut-photo-static .fw-info-body h4.title{  color: #333; font-size: 17px; margin-bottom: 10px; }
.ut-photo-static .fw-info-body span{display: block; font-size: 14px; color: #666; margin: 10px auto 0; width: 80%;}
.ut-photo-static .fw-info-body .arrows-icon em{display: inline-block; width: 36px; height: 36px; line-height: 36px; border:1px solid #ddd; border-radius: 50%; }
.ut-photo-static li:hover .item{box-shadow: 0px 2px 10px rgba(0,0,0,.3); z-index: 1;}
.ut-photo-static li:hover .fw-info-body{ bottom: 0px;}
.ut-photo-static li:hover .fw-info-body h4.title{color: #f00;} 


.t7n-r{ overflow: hidden; }
.t7n-r-li dl{position: absolute; bottom: 0; right: 0;}
.t7n-r-img {float: left; width: 55%;}
.t7n-r-li{float: right;width: 45%;position: relative; height: 360px;}
.t7n-r-li ul{padding-left: 20px;}
.t7n-r-li ul li{line-height: 25px;}
.t7n-r-li ul li a{ color: #333; }
.t7n-r-li ul li:hover i,.t7n-r-li ul li:hover a,.t7n-r-li ul li:hover em{color: #034b90;}
.t7n-r-li ul li i{float: left;margin-right: 10px;color: #999; font-size: 12px;padding-top: 2px;}
.t7n-r-li ul li span{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 70%;}
.t7n-r-li ul li em{float: right;margin-left: 10px;color: #999;}
.t7n-r-li dl{color: #fff;padding: 20px 0 20px 25px;}
.t7n-r-li dl dt{font-size: 20px;padding: 13px 0; font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.t7n-r-li dl dd{padding-bottom: 20px;color: rgb(136, 186, 236);overflow: hidden;text-overflow: ellipsis;}

.row-gray{background: #f0f0f0;  padding: 5px 0;}
.row-gray .row{ margin:0 -5px;}
.row-gray .row .wrap{ float: left; padding: 5px;}
.row-gray .row .wrap .fw-type-list{ background: #fff; padding: 22px 24px; }
.row-gray .row .wrap .fw-type-list li{border:none;}
.row-gray .row .wrap5{width: 50%;}
.row-gray .row .wrap7{width: 70%;}
.row-gray .row .wrap3{width: 30%;}

.t7-friend-link{padding: 30px 0;}
.t7-friend-link .list-item{border-bottom:none;}
.t7-friend-link a{margin-right: 15px;}
.fw-type-list li.list-head .more{ color: #ff6f6f; }

.fw-grid-imginfo.info-list{background: #fff;}
.fw-grid-imginfo.info-list .side-intro{padding: 0; position: relative;}
.fw-grid-imginfo.info-list > ul > li{height: 440px;}
.fw-grid-imginfo.info-list .side-intro:before{content: ''; border:15px solid transparent; border-right-color: #fff; position: absolute; left: -30px; top:25px;}
.fw-grid-imginfo.info-list > ul > li.side-img{ width: 40%; background: none; overflow: hidden; text-align: center;}
.fw-grid-imginfo.info-list > ul > li.side-img img{height: 100%; max-width:inherit; position: relative; left: 50%; margin-left: -100%;}
.fw-grid-imginfo.info-list > ul > li.side-intro{ width: 60%; }


.t7-footer-contact {background: #EEEEEE; padding: 25px 0;border-top:3px solid #ff0000;line-height: 1; text-align: center; }
.t7-footer-contact .container ul li{margin:0 35px; display: inline-block;}
.t7-footer-contact .container ul li i{font-size: 22px;}
.t7-footer-contact .container ul li span{margin-left: 5px;}
.t7-footer-Copyright .container{padding: 10px 0; text-align: center; font-size: 13px; color:#999;}
.t7-footer-contact .container ul .t7-footer-network{margin-right: 0; float: right;}
.t7-footer-contact .container ul .t7-footer-network i{font-size: 30px;margin: 0 10px;}
.t7-footer-contact .container ul .t7-footer-network a:hover{color: #2c7bc5;}
.t7-footer-contact .container ul .t7-footer-network a img{position: absolute; right: 60px; bottom:-22px; display: none; width: 70px; max-width:70px;}
.t7-footer-contact .container ul .t7-footer-network .qr-code{position: relative;}
.t7-footer-contact .container ul .t7-footer-network .qr-code:hover img{display: block;}











/*面包屑导航*/
.ut-breadcrumb-box{width: 1700px;max-width:100%;margin:0 auto;}
.crumbs li{float: left;margin: 0 3px;}
.nav-banner{ width: auto;background-size: cover;background-position: center center; margin: 0 auto;}
.nav-banner img{margin: 0 auto;height:initial;}

.ut-menu-list{border-top: 3px solid transparent;box-shadow: 0px 6px 5px #CCCBCB; margin-bottom: 25px;display: none;}
.ut-menu-list ul {max-width: 1200px; margin: 0 auto; overflow: hidden;}
.ut-menu-list ul li{float: left; width: 12%; text-align: center;margin: 0 2px;padding: 0; position: relative;}
.ut-menu-list ul li:after{content: ''; position: absolute; height:16px; width: 1px; background: rgba(255,255,255,.4); right: -3px; top: 50%; margin-top: -8px;}
.ut-menu-list ul li:last-child:after{display: none;}
.ut-menu-list ul li a{ color: #fff;height: 50px; line-height: 50px; display: inline-block; width: 100%; font-size: 16px;}
.ut-menu-list.show {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    top: 0px;
    left: 0;
    padding-top: 0;
    z-index: 2;
    line-height: normal;
    background: #044a90;
}
.ut-menu-list ul li a:hover, .ut-menu-list ul li.nav-selected a:hover, .ut-menu-list ul li.nav-selected a{background:#1d7dcb;color:#fff;}
.ut-menu-list.show{ width: 100%; height: 100%;position: fixed; overflow: hidden; top: 0px; left: 0; padding-top: 0;z-index: 2;line-height: normal;  background: rgba(0,0,0,.5);}
.ut-menu-list.show ul{width: 50%; height: 100%; margin: 0; padding: 50px 0; background:#074584;}
.ut-menu-list.show ul li{width: 100%; margin: 0;}
.ut-menu-list.show ul li a{ border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0; text-align: left; padding-left: 30px;}
.navbar-toggle .icon-bar {
    background: #f00;
    width: 25px;
    height: 3px;
}
/*产品中心*/
.produces-con .container{margin-top: 30px;margin-bottom: 30px;}
.produces-con{overflow: hidden;}
.con-l{float: left;}
.con-r{}
.ut-aside .con-l-tit{background-color: #f00;color: #fff;padding: 40px 30px;text-align: left; position: relative;}
.fw-submenu-list > ul >li.active >a,.fw-submenu-list > ul >li.active >a:hover{ background: #ec5f5f; border-color: #ec5f5f; }
.con-l-tit>h1{margin-bottom: 15px;}
.con-l-li{overflow: hidden;}

.con-l-li-hover a{color: #FFF;}
.con-l-li li{padding: 15px 30px;border-bottom: 1px solid #DDDDDD;position: relative;}
.con-l-li a{color: #666;}
.con-l-li li i{position: absolute; right: 30px;}
.product-con{overflow: hidden;}
.product-con li{float: left;border: 1px solid #E4E4E4;margin: 15px 10px;}
.product-con li a{color: #666}
.product-con span{display: block; padding: 5px;width: 268px; text-align: center;}
.product-con em{display: block;background:#F2F2F2;text-align: center; height: 45px; line-height: 45px;}
.product-con li:hover em{background: #f2f2f2; border-bottom: 2px solid #f00;}
/*关于我们*/
.about-us .container{overflow: hidden;margin-top: 30px;margin-bottom: 30px;}
.about-us-l{background: url(../Images/about-us1.jpg); width: 600px; height: 330px; float: left;}
.about-us-r{padding-left: 640px;}
.about-us-r>h3{margin-bottom: 20px;}
.about-us-r>.con>p{margin: 12px 0;}

/*联系我们*/
.contact-us .container{overflow: hidden; margin-top: 30px;margin-bottom: 30px;}
.contact-us-l{width: 600px;height: 300px; float: left;}

.contact-us-r{height: 300px;margin-left: 640px;padding: 20px 40px;background: #F2F2F2;}
.contact-us-r .con li{ overflow: hidden; padding-bottom: 5px;}
.fw-form-compose.type-right >  li > label{text-align: left; width: 70px; float: left;}
.fw-form-compose  .control-text{overflow: hidden; width: auto; float: inherit;}

/*所有产品*/
.products .container{margin-top: 30px;margin-bottom: 30px;}
.products .product-con li:nth-child(3n+2){margin:0 0 20px;}
.products .product-con li:nth-child(4n+2){margin:0 5px 20px 10px;}
.products .product-con li:nth-child(4n+3){margin:0 10px 20px 5px;}


@media (max-width: 1700px){
.big-container,.nav-banner{width: 100%;}
}
@media (max-width: 1200px){
  .container{padding-left: 15px; padding-right: 15px;}
  
  .t7-header .t7-logo-img{width: 270px; margin-top: 5px; height: 50px;}
  .t7-header .menu-list-layer{margin: 0 6px;}
  .navbar-menu .navbar-nav > li > a{ padding: 0 19px; }
  
}
@media (max-width: 1024px){
    .tel{display: none;}
  .container {width: 100%;}
    .container{width: 100%; max-width:100%;padding: 0 10px;}
    .t7n-r-li dl dd{color:#666;}
    .t7-header .menu-list {float: right;}
    .t7n-r-img{width: 100%;height: 250px;overflow-y:hidden;}
    .t7n-r-img img{width: 100%;}
    .t7n-r-li{float: left;}
    .t7-pr-img li{width: 30%;}
    .t7-footer-contact .container ul li {margin-right: 15px;}
    .t7-pr-img li img {width: 100%; height: 100%;}
    .contact-us-r{margin-left: 0; clear: both;}
    .contact-us-l{width: 100%;margin-bottom: 10px;}
    .product-con span{width: 100%;text-align: center;}
    .t7-about-us .au-img{margin: 0;}
    .t7-news,.t7-about-us,.t7-produces,.t7-produces .container{background: 0;}
    .t7-news .t7n-tit .btn,.t7-produces .t7-pr-tit .btn{line-height: 0; background: 0; border: 0;margin-top: 7px; height: 0;width: initial;color:#999;display: inline;float: right;}
    .t7-produces .t7-pr-tit .btn:active{background:0;}
    .t7-news .t7n-tit .btn{color: #bfdfff;}
    .t7n-r-li{width: 100%;height: initial;}
    .t7n-r-li dl dt{color: #044a90}
    .t7n-r-li ul{padding: 0;margin-top: 20px;}
    .t7n-r-li dl{padding: 0 15px;background: #f1f1f1;position: static;width: 100%}
    .t7-news .container,.t7-produces .container{padding: 0 10px;}
    .t7-produces{background: 0;}
    .t7-produces .t7-pr-tit{background:#f1f1f1; padding: 12px 18px;}
    .t7-news{height: initial;}
    .classify-nav {width: 100%;float: initial;}
    .classify-nav .con-l-tit{width: 100%; text-align: center;padding: 0;height: initial;background:0; color: #333;margin-bottom: 25x;}
    .classify-nav .fw-submenu-list ul{margin-top: 10px;text-align: center;}
    .classify-nav .fw-submenu-list li{width: 20%; display: inline-block;background: #eee; text-align: center;}
    .classify-nav .fw-submenu-list li a{border: 0;padding: 5px 10px;line-height: 28px; height: initial;}
    .classify-nav .fw-submenu-list ul i{display: none;}
    .con-r{padding-left: 0;}
    .product-con li {width: 20%;margin: 2%;} 
    .t7-header .t7-logo-img{background-size: 100% auto;margin-top: 10px;}
    .t7-header .t7-logo{padding: 5px 0;}
    .t7n-r-li ul li span{width: 70%;}
    .t7-pr-img{text-align: center;}
    .t7-pr-img li{display: inline-block;float: initial;}
    .content-wrap .hero-gallery-floating{height:initial;}
    .con-l-tit>h1{margin-bottom: 10px;display: none;}
    .t7n-r{overflow: visible;} 
}