@charset "UTF-8";

/*通用*/
body { font-family: 微软雅黑; }

/*图片放大*/
.scale_img dl img, .scale_img li img { -o-transition: all 2s linear 0s; transition: all 2s linear 0s; }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }

/*标题*/
h2 { text-align: center; padding-top: 90px; margin-bottom: 50px; }
h2 a { display: block; font-size: 42px; color: #1A1A1A; line-height: 100%; }
h2 a:hover { color: #1A1A1A; }
h2 span { display: block; font-size: 18px; color: #B3B3B3; line-height: 100%; padding-top: 33px; background: url(../tqimage/t_bg.png) no-repeat center 8px; font-weight: normal; text-transform: capitalize; }

/*-----*/
.content { width: 1200px; margin: 0 auto; }

/*广告*/


/*搜索*/
.seabox { height: 80px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.seabox .h_tel { font-size: 36px; line-height: 40px; color: #0058A5; margin-top: 20px; margin-right: 70px; }
.seabox .h_tel i { display: block; text-align: center; width: 40px; height: 40px; background: #0058A5; float: left; border-radius: 50%; margin-right: 15px; }
.seabox .h_tel i img { display: block; margin: 10px auto; }
.seabox .k_word { font-size: 14px; line-height: 80px; padding-left: 46px; background: url(../images/h_keyword.png) no-repeat left center; color: #555; position: relative; }
.seabox .k_word strong { font-weight: bold; }
.seabox .k_word a { color: #999; display: inline-block; margin-right: 22px; font-weight: normal; }
.seabox .k_word a:hover { font-weight: bold; }
.seabox .sea_inp { width: 300px; margin-top: 25px; height: 30px; position: relative; }
.seabox .sea_inp:before { position: absolute; content: ""; width: 1px; height: 12px; background: #dddddd; left: 13px; top: 9px; }
.seabox .sea_inp input { display: block; outline: none; line-height: 28px; }
.seabox .sea_inp .search { float: left; width: 206px; height: 28px; padding-left: 24px; border: 1px solid #ccc; background: #fff; height: 28px; color: #999; }
.seabox .sea_inp .sub { float: right; width: 68px; height: 30px; background: #0058A5; border: none; color: #fff; }

/*引子*/
.intro { padding: 90px 0; }
.intro dd { width: 806px; float: left; }
.intro dd h3 { display: block; line-height: 100%; padding-top: 7px; font-size: 34px; color: #333; margin-bottom: 31px; }
.intro dd p { color: #666; line-height: 24px; }
.intro dd .sign { position: relative; line-height: 38px; margin-top: 23px; text-align: right; font-size: 16px; }
.intro dd .sign img { display: inline-block; margin-left: 11px; vertical-align: bottom; }
.intro dd .sign:before { position: absolute; content: ""; width: 52px; height: 1px; background: #BCBCBC; right: 173px; top: 18px; }
.intro dt { width: 329px; float: right; }

/*产品中心*/
.product { background: url(../tqimage/pro_bg.jpg) no-repeat center top; border-bottom: 1px solid rgba(49, 49, 49, 0.1); }
.product h3 a { display: block; font-size: 32px; color: #333; padding-left: 19px; border-left: 3px solid #0058A5; line-height: 100%; }
.product .info { font-size: 15px; line-height: 26px; color: #666; }
.product li { width: 285px; height: 258px; float: left; margin-left: 20px; margin-bottom: 20px; border: 1px solid #EBEBEB; position: relative; overflow: hidden; box-sizing: border-box; }
.product li h4 { position: absolute; width: 100%; z-index: 2; bottom: 0; box-sizing: border-box; line-height: 44px; color: #666; font-size: 16px; text-align: center; font-weight: normal; transition: background .3s; }
.product li:hover h4 { color: #fff; background: #0058A5; }
.product li:hover h4:before { content: ""; background: url(../images/p_icon.png) no-repeat center; width: 16px; height: 16px; display: inline-block; margin-right: 9px; vertical-align: -3px; }
.product ul li:first-child { margin-left: 0; }
.product .aluminum { margin-bottom: 160px; }
.product .aluminum .fr { width: 590px; }
.product .aluminum .info { padding-left: 22px; margin-top: 8px; margin-bottom: 24px; padding-top: 27px;}
.product .aluminum ul li:first-child, .product .aluminum ul li:first-child:hover { width: 560px; height: 678px; margin-right: 30px; border: none; }
.product .aluminum ul li:first-child h4, .product .aluminum ul li:first-child:hover h4 { width: 299px; height: 66px; background: rgba(0, 0, 0, 0.5); border-top: 1px solid #fff; border-bottom: 1px solid #fff; bottom: 50px; left: 131px; color: #fff; }
.product .aluminum ul li:first-child h4 span, .product .aluminum ul li:first-child:hover h4 span { display: block; font-size: 15px; color: #000; display: block; line-height: 28px; background: url(../images/pro_s_bg.png) no-repeat center; margin-top: -14px; }
.product .aluminum ul li:first-child h4 em, .product .aluminum ul li:first-child:hover h4 em { font-size: 24px; font-weight: bold; margin-right: 2px; display: inline-block; }
.product .aluminum ul li:first-child h4:before, .product .aluminum ul li:first-child:hover h4:before { display: none; }
.product .copper { text-align: center; margin-bottom: 70px; }
.product .copper h3 { display: inline-block; }
.product .copper .info { width: 854px; margin: 13px auto 35px; }

/*产品优势*/
.ys { overflow: hidden; }
.ys dl { height: 440px; position: relative; }
.ys dl dt { position: absolute; }
.ys dl dd { position: absolute; width: 960px; height: 440px; box-sizing: border-box; }
.ys dl dd h3 i { display: block; font-size: 36px; color: rgba(0, 0, 0, 0.2); line-height: 100%; margin-bottom: 11px; font-weight: 500; }
.ys dl dd h3 span { display: block; font-size: 36px; color: #000; line-height: 100%; margin-bottom: 49px; padding-left: 33px; font-weight: normal; }
.ys dl dd h3 em { color: #0058A5; }
.ys dl dd p { font-size: 16px; color: #666; line-height: 30px; padding-left: 23px; position: relative; }
.ys dl dd p:before { position: absolute; content: ""; width: 11px; height: 11px; border: 1px solid #D8D8D8; border-radius: 50%; left: 0; top: 9px; }
.ys dl:nth-child(odd) dt { right: 50%; }
.ys dl:nth-child(odd) dd { left: 50%; }
.ys dl:nth-child(even) dt { left: 50%; }
.ys dl:nth-child(even) dd { right: 50%; }
.ys .ys1 dd { background: url(../tqimage/ys1_bg.jpg) no-repeat left top; padding-top: 120px; padding-left: 162px; }
.ys .ys2 dd { background: url(../tqimage/ys2_bg.jpg) no-repeat left top; padding-top: 100px; padding-left: 449px; padding-right: 88px; }
.ys .ys3 dd { background: url(../tqimage/ys3_bg.jpg) no-repeat left top; padding-top: 90px; padding-left: 162px; padding-right: 339px; }
.ys .ys4 dd { background: url(../tqimage/ys4_bg.jpg) no-repeat left top; padding-top: 98px; padding-left: 449px; }

/*客户眼中的我们*/
.case_con dl { width: 375px; float: left; margin-right: 23px; }
.case_con dl dt { width: 100%; overflow: hidden; }
.case_con dl dt img{width: 100%;}
.case_con dl dd { background: #fff; border: 1px solid #E3E3E3; border-top: none; box-sizing: border-box; padding: 10px 30px 15px 30px; }
.case_con dl dd h4 { font-size: 22px; color: #333; line-height: 30px; min-height: 60px; font-weight: normal; }
.case_con dl dd p { font-size: 14px; color: #666; line-height: 20px; margin: 22px 0 51px; }
.case_con dl dd i { display: block; width: 90px; height: 28px; border: 1px solid #0058a5; border-radius: 13px; background: url(../tqimage/c_icon.png) no-repeat center; box-sizing: border-box; transition: .3s; }
.case_con dl:hover dd i { background: #0058A5 url(../images/c_icon_hover.png) no-repeat center; }
.cases { position: relative; margin-bottom: 90px; }
.cases .switch i { position: absolute; display: block; top: 150px; padding: 0 20px; cursor: pointer; }
.cases .switch .prev { left: -116px; }
.cases .switch .next { right: -116px; }
.cases{overflow: hidden;}
/*资讯中心*/
.news { background: url(../tqimage/news_bg.jpg) repeat-y center top; }
.news .content h3 a { display: block; font-size: 22px; color: #000; line-height: 100%; font-weight: 500; margin-bottom: 27px; }
.news .content h3 span { float: right; font-size: 15px; font-weight: normal; color: #2F2F2F; }
.news .content h3 span:hover { font-weight: bold; }
.news .content h4 { font-size: 15px; color: #010101; line-height: 100%; margin-bottom: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; transition: .3s; }
.news .content p { color: rgba(51, 51, 51, 0.6); line-height: 22px; }
.news .content span { display: block; float: right; font-size: 36px; color: rgba(35, 24, 21, 0.9); line-height: 100%; }
.news .content span i { display: block; font-size: 16px; color: rgba(35, 24, 21, 0.8); line-height: 100%; margin-bottom: 17px; }
.company_news { width: 610px; float: left; margin-bottom: 85px; }
.company_news dt { width: 610px; height: 305px; overflow: hidden; }
.company_news dd { padding: 38px 8px 0; box-sizing: border-box; }
.company_news dd h4, .company_news dd p { width: 478px; float: left; }
.company_news dl:hover h4 { color: #0058A5; }
.product_news { width: 500px; float: right; }
.product_news h4 { padding-left: 28px; }
.product_news h4:before { content: ""; width: 9px; height: 9px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 4px; left: 0; }
.product_news h4, .product_news p { width: 390px; float: left; }
.product_news p { margin-bottom: 46px; }
.product_news em { display: none; margin-top: 7px; width: 90px; height: 28px; border: 1px solid #0058a5; border-radius: 13px; box-sizing: border-box; background: url(../tqimage/c_icon.png) no-repeat center; transition: .3s; clear: both; margin-bottom: 50px; }
.product_news li{overflow: hidden;}
.product_news li:hover h4,.product_news li.cur h4 { color: #0058A5; }
.product_news li:hover h4:before,.product_news li.cur h4:before { background: #0058A5; }
.product_news li:hover em,.product_news li.cur em { display: block; }

/*走进我们*/
.about { height: 582px; background: url(../images/about_bg.jpg) no-repeat center top; }
.about h2 { margin-bottom: 19px; }
.about a.more { margin-top: 7px; width: 90px; height: 28px; border: 1px solid #0058a5; border-radius: 13px; box-sizing: border-box; background: url(../tqimage/c_icon.png) no-repeat center; transition: .3s; display: block; margin: 50px auto; }
.about a.more:hover { width: 120px; }
.about_con {   }
.about_con p {  font-size: 32px; color: #333; line-height: 100%; font-weight: bold;text-align: center }
.about_con p span { display: block; font-size: 23px; color: #666; line-height: 100%; padding-top: 9px; margin-top: 8px; font-weight: normal; border-top: 1px solid rgba(0, 0, 0, 0.2); letter-spacing: 1px; }
.about_con p i { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #6d6969; margin-top: 30px; display: block; line-height:35px; }

/*友情链接*/
.links { height: 61px; line-height: 61px; background: #232323; }
.links span, .links a { color: rgba(255, 255, 255, 0.5); display: inline-block; margin-right: 67px; }
.links span { font-size: 18px; font-weight: bold; }
.links a:hover { color: #fff; }

/**/
@keyframes myfirst {
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-moz-keyframes myfirst

/* Firefox */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-webkit-keyframes myfirst

/* Safari and Chrome */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-o-keyframes myfirst

/* Opera */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}

/*# sourceMappingURL=index.css.map */
.g-ft{display: none;}
.sj{display: none;}
@media screen and (max-width: 760px) {
  .header{display: none;}
  .content{width: 100% !important;overflow: hidden;}
  .product ul li:first-child{display: none;}
  .product .aluminum .fr{width: 100%;}
  .product li{width: 100%;height: auto;margin-left: 0;padding-left: 10px;padding-right: 10px;}
  .ys {display: none;}
  .footer{display: none;}
  .client-2{display: none;}
  .company_news{width: 100%;float: none;margin-bottom: 0;}
  .product_news{width: 100%;float: none;}
  .company_news dt{width: 100%;height: auto;}
  body{min-width: 100% !important;}
  .fullSlide .hd{bottom: 20px !important;}
  .seabox{display: none;}
  .product .info{padding-right: 22px;}
  .product .aluminum{margin-bottom: 20px;}
  .about{height: auto;background: none}
  .case {display: none;}
  .company_news dd{padding: 0 8px 0;overflow: hidden;}
  .news .content h3 a{margin-top: 10px;}
  .news{background: none}
  .news .content span{display: none;}
  .links{display: none;}
  .g-ft {
    display: block;
    height: 60px;
    width: 100%;
    overflow: hidden;
}
.social_nav5{ position:fixed; bottom:0; min-width:320px; max-width:640px; overflow:hidden; width:100%; z-index:999;
    background-color:#1754f1;}
.social_nav5 li{ position:relative; float:left; padding-top:0.5rem; width:25%; height:4.583rem; overflow:hidden; font:1rem/2rem "Microsoft Yahei";  text-align:center; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav5 li i{ margin:0 auto; width:2.5rem; height:2rem; display:block;}
.social_nav5 li i img{width: 100%;}
.social_nav5 li a{ color:#fff}
.sj{display: block;}
.accordion ul {
  list-style-type: none
}

.accordion a {
  color: #b63b4d;
  text-decoration: none
}

.accordion h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  margin-top: 80px
}

.accordion h1 a {
  color: #c12c42;
  font-size: 16px
}

.accordion {
  width: 100%;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 65px 42px;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.accordion li:last-child .link {
  border-bottom: 0
}

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px
}

.accordion li.open .link {
  color: #b63b4d
}

.accordion li.open i {
  color: #b63b4d
}

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.submenu1 {
  display: none;
  background: #444359;
  font-size: 14px
}

.submenu1 li {
  border-bottom: 1px solid #4b4a5e;
  float: none;
}

.submenu1 a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}
.submenu1 a:hover {
  background: #b63b4d;
  color: #fff
}
.ty-banner-1 img.show{width: 100% !important;}
.blk-main{width: 100% !important;}
.blk-xs{width: 100% !important;}
.blk-sm{width: 100% !important;}
.cplb-3n-ts-03-list dl{width: 100% !important;height:auto;}
.p15-showcase-left{width: 100% !important;}
.pc-cx-tel-1{width: 100% !important;}
.tl-fdh-02{height: auto !important;}
.tl-fdh-02 li{width: 25% !important;}
.k12-gl-gslb-3nf1-1-01-left dl{width: 100% !important;height: auto !important;}
}