﻿@charset "UTF-8";
.fontRed { color: #e90100; }

.proBtn { width: 525px; margin: 0 auto 10px; }
.proBtn a { display: inline-block; width: 238px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; border-radius: 20px; margin: 0 10px; /*&:hover{ box-shadow: 3px 3px 3px #ccc;
}*/ }
/*  banner  */
.slideBox{
    position: relative;
}
.slideBox .hd {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 28px;
    line-height: 28px;
    z-index: 1;
}
.slideBox .hd li {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 13px;
    width: 13px;
    margin: 0 6px;
    overflow: hidden;
    text-indent: -9999px;
}
.slideBox .hd li.on {
    background: #c50125 none repeat scroll 0 0;
}
/*banner end*/
/* 选择天华包装的6大优势 */
.sixYs .sixYsTit .sixYsTbg { height: 159px; background: url("../images/xisline.png") no-repeat top center; }
.sixYs .sixYsTit .sixYsTbg h1 { padding-top: 45px; font-size: 40px; line-height: 45px; color: #3f3f3f; font-family: "Microsoft YaHei"; font-weight: bold; }
.sixYs .sixYsTit .sixYsTbg h1 span { font-size: 40px; line-height: 45px; color: #e90100; font-family: "Microsoft YaHei"; font-weight: bold; }
.sixYs .sixYsTit .sixYsTbg p { padding-top: 6px; font-size: 16px; line-height: 30px; color: #c7c7c7; font-family: Arial; }
.sixYs .sixYsTit .sixYsTTBg { width: 659px; margin: 0 auto 10px; height: 47px; line-height: 47px; font-size: 16px; color: #ffffff;
 background: url("../images/titline.png") no-repeat top center; font-weight: bold; }
.sixYs .sixYnr { padding: 20px 0 30px; }
.sixYs .sixYnr img { max-width: 100%; }

/* 选择天华包装的6大优势 end*/
/* 产品介绍 */
.proJSTit { margin: 10px auto; }
.proJSTit h1 { font-size: 48px; font-family: "Microsoft YaHei"; color: #ffffff; font-weight: bold; }
.proJSTit p { padding-top: 6px; font-family: Arial; font-size: 15px; color: #ffffff; }

.proJS { margin-top: 10px; padding: 30px 0 20px; height:700px; background: url(../images/bgccd.jpg) no-repeat top center; -webkit-background-size: cover; background-size: cover; box-sizing: border-box; }
.proJS .proJsTab { width: 1084px; height: 294px; margin: 10px auto; background: url(../images/ktb02.png) no-repeat top left; position: relative; }
.proJS .proJsTab .proJsTel { position: absolute; top: 90px; left: 50px; }
.proJS .proJsTab .proJsTel h3 { font-size: 16px; color: #909090; line-height: 30px; }
.proJS .proJsTab .proJsTel p small { font-size: 14px; color: #585858; }
.proJS .proJsTab .proJsTel p strong { font-family: Impact; font-size: 27px; color: #efefef; font-weight: normal; }
.proJS .proJsTab .proJsList { width: 1050px; margin-top: 43px; margin-left: 10px; float: right; }
.proJS .proJsTab .proJsList ul > li { float: left; margin: 0 5px; width: 180px;text-align: center;}
.proJS .proJsTab .proJsList ul > li a { color: #d7d7d7; font-size: 18px; line-height: 48px; padding: 0 18px; }
.proJS .proJsTab .proJsList ul > li:hover { background-color: #ffffff; }
.proJS .proJsTab .proJsList ul > li:hover a { color: #606060; }
.proJS .proDuct { padding: 10px 0; width: 100%; min-width: 1200px; margin: 0 auto; }
.proJS .proDuct .works { position: relative; width: 1200px; margin-top: 10px; }
.proJS .proDuct .scroll2 { width: 1200px; overflow: hidden; padding-top: 6px; }
.proJS .proDuct .arrL2 { position: absolute; width: 50px; height: 50px; left: -20px; top: 40%; display: block; background-image: url(../images/listjt.png); background-repeat: no-repeat; background-position: top left; z-index: 999; }
.proJS .proDuct .scrollTw2 { float: left; display: block; margin-left: 2px; }
.proJS .proDuct .works .con li { float: left; width: 286px; margin-right: 20px; height: 364px; text-align: center; background-color: #ff9900; }
.proJS .proDuct .works .con li h4 { font-size: 16px; height: 78px; line-height: 78px; }
.proJS .proDuct .works .con li .newsLimg { overflow: hidden; width: 100%; height: 280px; }
.proJS .proDuct .works .con li .newsLimg img { width: 100%; height: 100%; }
.proJS .proDuct .arrR2 { position: absolute; right: 10px; top: 40%; width: 50px; height: 50px; display: block; background-image: url(../images/listjt.png); background-repeat: no-repeat; background-position: top right; z-index: 999; }

/* 产品介绍 end*/
/* 完美呈现  */
.sales { padding: 26px 0; }
.sales .salesTit .proJSTit h1 { color: #3f3f3f; }
.sales .salesTit .proJSTit p { font-size: 15px; color: #b6b6b6; }
.sales .salesTit .proJSTit .jrbg { margin: 10px auto; width: 100%; height: 58px; background: url("../images/bgtbg.png") no-repeat top center; font-size: 22px; color: #ffffff; line-height: 58px; }
.sales .ysList { width: 930px; margin: 13px auto; padding: 10px 0; }
.sales .ysList li { width: 155px; vertical-align: middle; list-style: url(../../images/tianhuaImgs/listdui.png) inside; font-size: 22px; line-height: 28px; color: #858585; float: left; }
.sales .salesTab ul li { width: 33%; float: left; height: 58px; line-height: 58px; text-align: center; background-color: #fff; border: 1px solid #eee; }
.sales .salesTab ul li.active { background-color: #6c6c6c; }
.sales .salesTab ul li.active a { color: #fff; }
.sales .salesTab ul li a { font-size: 24px; line-height: 58px; color: #585858; }
.sales .salesTCont { margin: 20px auto 0; }
.sales .salesTCont .saleCBLeft { width: 530px; float: left; }
.sales .salesTCont .saleCBLeft .saleCBTit { padding: 20px 0 10px; border-bottom: 1px dashed #999; }
.sales .salesTCont .saleCBLeft .saleCBTit a { font-size: 26px; font-weight: normal; line-height: 28px; color: #585858; }
.sales .salesTCont .saleCBLeft .saleCBInfo { margin: 5px 0; font-size: 16px; line-height: 28px; color: #585858; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; -moz-line-clamp: 2; }
.sales .salesTCont .saleCBCenter { text-align: center; width: 140px; float: left; vertical-align: middle; }
.sales .salesTCont .saleCBCenter img { vertical-align: middle; margin-top: 100px; }
.sales .salesTCont .saleCBLeft:last-child { width: 530px; float: left; }
.sales .salesTCont .saleCBLeft:last-child .saleCBTit a { color: #929292; }

/* 完美呈现 end */
/* 知名企业共同的选择 */
.witnessFor { padding: 30px 0 20px; background: url("../images/bgdf_12.jpg") repeat top left; position: relative; }
.witnessFor .witnessTit { margin-top: 23px; }
.witnessFor .witnessCont { width: 100%; margin: 40px auto; background-color: #fff; border: 10px solid #6c6c6c; box-sizing: border-box; }
.witnessFor .witnessCont div { width: 90%; padding: 40px 0; margin: 3px auto; }
.witnessFor .witnessCont a { display: block; border: 1px solid #eee; float: left; margin: 10px .5%; width: 165px; height: 85px; box-sizing: border-box; }
.witnessFor .witnessCont a img { width: 100%; height: 100%; }
.witnessFor .proBtn { margin: 30px auto; }
.witnessFor .water { position: absolute; top: -20px; right: 14%; }

/* 知名企业共同的选择 end  */
/* 企业简介 */
.company { padding: 20px 0; background-color: #ffffff; }
.company .proJSTit h1 { color: #3f3f3f; }
.company .proJSTit p { color: #b3b3b3; }
.company .companyAll { margin: 30px auto; }
.company .companyLeft { width: 550px; float: left; }
.company .companyLTit h3 a { font-size: 24px; color: #282828; line-height: 30px; }
.company .companyLTit p small { font-size: 12px; font-family: Arial; color: #949494; }
.company .companyLTit:after { margin: 10px 0 13px; display: block; content: ""; width: 100px; height: 3px; background-color: #4d4d4d; }
.company .compnayLInfo { margin: 20px auto; width: 100%; height: 213px; overflow: hidden; text-overflow: ellipsis;  -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.company .compnayLInfo, .company .compnayLInfo p { font-size: 14px; color: #555555; line-height: 26px; }
.company .companyLBot .companyLBLeft { float: left; width: 185px; margin-right: 10px; }
.company .companyLBot .companyLBLeft p { font-size: 14px; color: #a5a5a5; line-height: 20px; }
.company .companyLBot .companyLBLeft h2 a { font-family: Impact; font-size: 28px; line-height: 34px; color: #e71414; }
.company .companyLBRight { width: 175px; float: left; }
.company .companyLBRight a { display: block; margin-top: 10px; width: 100%; height: 42px; line-height: 42px; color: #fff; text-align: center; font-size: 14px; border-radius: 20px; background: -webkit-linear-gradient(to right, #858585, #636363); background: -o-linear-gradient(to right, #858585, #636363); background: -moz-linear-gradient(to right, #858585, #636363); background: -ms-linear-gradient(to right, #858585, #636363); background: linear-gradient(to right, #858585, #636363); }
.company .companyRight { width: 50%; float: right; }
.company .companyRImg { position: relative; width: 595px; height: 382px; }
.companyLBLeft h2{
	font-size: 26px;
    font-weight: bold;
    color: #f00;
}
/* 企业简介 end */
/* 案例展示  */
/* 公司咨询  */
.shiLi { background-color: #f3f3f3; padding: 10px 0 33px; }
.shiLi #notice-tit4 { width: 486px; margin: 20px auto; }
.shiLi #notice-tit4 li { width: 218px; float: left; margin: 12px; height: 38px; line-height: 38px; text-align: center; background-color: #858585; }
.shiLi #notice-tit4 li.active { background-color: #505050; }
.shiLi #notice-tit4 li a { color: #fff; font-size: 16px; }
.shiLi #www_zzjs_net, .shiLi #www_zzjs_net2 { width: 100%; height: 255px; min-height: 25px; line-height: 25px; overflow: hidden; }
.shiLi #indemo, .shiLi #indemo2 { float: left; width: 800%; }
.shiLi .row { margin-right: 0; margin-left: 0; }
.shiLi #demo1, .shiLi #demo102 { width: 1200px; float: left; }
.shiLi #demo2, .shiLi #demo202 { width: 1200px; float: left; }
.shiLi .zsAll .zsItem { width: 286px; margin-right: 14px; float: left; text-align: center; }
.shiLi .zsItemImg { width: 100%; height: 230px; }

/* 公司咨询 end */
/* news  */
.news { margin: 0 auto; padding: 15px 0 20px; background-color: #fff; }
.news .newsLeft { width: 780px; float: left; }
.news .newsLTit a { font-size: 23px; line-height: 50px; }
.news .newsLTit a.active, .news .newsLTit a:hover { color: #949494; }
.news .fontDefult { color: #23262b; }
.news .newsLAl dl { margin: 20px auto; }
.news .newsLAl dl dt { float: left; display: block; width: 236px; height: 112px; }
.news .newsLAl dl dt img { width: 100%; height: 100%; }
.news .newsLAl dl dd { display: block; width: 512px; float: right; }
.news .newsInfo h4 a { display: inline-block; width: 80%; font-size: 16px; color: #363636; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .newsInfo h4 a:hover { color: #ee9714; }
.news .newsInfo h4 span { display: inline-block; font-size: 13px; height: 30px; line-height: 20px; color: #a6a6a6; vertical-align: middle; }
.news .newsInfoCont { margin-top: 10px; display: block; width: 100%; height: 52px; font-size: 13px; color: #696969; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news .newsRight { border-top: 3px solid #4d4d4d; width: 356px; float: right; background-color: #f5f5f5; }
.news .newsRight h3 { width: 90%; margin: 0 auto; text-indent: 10px; font-size: 20px; color: #363636; line-height: 60px; border-bottom: 1px dashed #dfdfdf; }
.news .quec { width: 84%; padding-bottom: 20px; margin: 0 auto; }
.news .quec dl { padding: 20px 0 20px; border-bottom: 1px dotted #e3e3e3; }
.news .quec dl dt { margin: 5px auto; }
.news .quec dl dt span { background-color: #5b5b5b; color: #fff; padding: 3px; }
.news .quec dl dt a { display: block; width: 91%; float: right; font-size: 14px; color: #3f3f3f; }
.news .quec dl dd span { background-color: #949494; color: #fff; padding: 3px; }
.news .quec dl dd .answer { display: block; width: 91%; float: right; font-size: 13px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; }

/* news end */
/* 定制服务  */
.dizhifw { padding: 40px 0; background-color: #f6f6f6; }
.dizhifw .dingzhiTit h1 { font-size: 33px; font-weight: bold; color: #3f3f3f; height: 43px; line-height: 43px; background: url("../images/line_03.png") no-repeat top center; vertical-align: middle; }
.dizhifw .dingzhiTit p a { font-size: 14px; line-height: 30px; color: #6c6c6c; }
.dizhifw .dingzhiTit p a:after { display: block; content: ""; margin: 4px auto 16px; width: 80px; height: 2px; background-color: #e6e6e6; }
.dizhifw .dingzhiAll { width: 1125px; margin: 10px auto; }
.dizhifw .dingzhiAll .dingzhiItem { width: 200px; float: left; }
.dizhifw .dingzhiAll .dingzhiItem p { float: left; position: relative; width: 125px; height: 125px; border-radius: 50%; background: url("../images/yx_07.png") no-repeat top left; font-size: 15px; box-sizing: border-box; padding: 48px 0; text-align: center; }
.dizhifw .dingzhiAll .dingzhiItem p:hover { cursor: pointer; background-clip: border-box; transform: rotate(360deg); transition: transform .3s linear; }
.dizhifw .dingzhiAll .dingzhiItem:after { display: block; content: url(../../images/tianhuaImgs/jtss_07.jpg); color: #dadada; height: 125px; line-height: 125px; width: 75px; float: left; text-align: center; }
.dizhifw .dingzhiAll .dingzhiItem:last-child { width: 125px; }
.dizhifw .dingzhiAll .dingzhiItem:last-child:after { display: none; }

/* 定制服务 end */
/* 立即留言 */
.pleaceLy { padding: 30px 0; /* 请填写联系方式  */ /* 请填写联系方式 end */ }
.pleaceLy .contTit h2 { font-size: 28px; color: #2d2d2d; font-weight: normal; line-height: 56px; height: 56px; }
.pleaceLy .contTit h2 span { font-size: 32px; color: #dd3231; }
.pleaceLy .contTit p.text-danger { font-size: 14px; line-height: 20px; color: #969696; }
.pleaceLy .contTit .text-warning { color: #ff7e00; }
.pleaceLy .contaForm { width: 100%; margin: 20px auto; }
.pleaceLy .inputItem { position: relative; margin-right: 1%; float: left; }
.pleaceLy .inputItem:nth-child(1) { width: 10%; }
.pleaceLy .inputItem:nth-child(2) { width: 18%; }
.pleaceLy .inputItem:nth-child(3) { width:20%; }
.pleaceLy .inputItem:nth-child(4) { width: 24%; }
.pleaceLy .inputItem:nth-child(5) { width: 23%; margin-right: 0; vertical-align: bottom; }
.pleaceLy .inputItem input { display: inline-block; width: 100%; line-height: 56px; height: 56px; color: #9d9d9d; text-indent: 18px; box-sizing: border-box; outline: none; border: 1px solid #E0E0E0; background-color: #fff; }
.pleaceLy .buts { position: absolute; width: 60%; border: 0; line-height: 56px; font-size: 16px; height: 56px; text-align: center; color: #fff; background-color: #787878; }

/* 立即留言 */
@media all and (max-width: 1300px) { .proJS, .sixYS, .sales, .witnessFor, .company, .shiLi, .news, .pleaceLy { width: 1300px; } }
