/* CSS Document */
*{margin: 0;padding: 0;list-style-type: none;}
table{empty-cells: show;border-collapse: collapse;border-spacing: 0;}
h1{font-weight: bold;}
h2{font-weight: normal;}
h3{font-size: 14px;font-weight: normal;}
h4{font-size: 13px;font-weight: normal;}
abbr, acronym{border: 0;font-variant: normal}
address, caption, cite, code, dfn, th, var, optgroup, i, em, small, strong, ins, tt, big, p, tb{font-weight: normal;font-style: normal;text-decoration: none;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit}
input, button, textarea, select{*font-size:100%}
a{text-decoration: none;}
a:hover{text-decoration: none;}
body{margin: 0 auto;padding: 0px;font-family: "微软雅黑", Arial;font-size: 14px; color:#333;}
html{overflow-x: hidden;min-width: 1200px;}
img{border: none}
.fl{float: left;}
.fr{float: right;}
.tc{ text-align:center}
.margin-auto{margin: 0 auto;overflow: hidden}
.w1400{width: 1400px;}
.w960{ width:960px;}
.w1200{ width:1200px;}
.p45{ padding:45px 0;}
.clear{clear: both;}

/*首页*/
.header{ height:100px;}
.header .logo{}
.header .logo img{ display:block; }
.header .w80{ width:80%;}
.header .w80 .top{ height:50px; line-height:50px; color:#2189cb; font-size:25px;    position: relative;}
.header .w80 .top .tel{ color:#2189cb; font-size:14px}
.header .zy{ width:152px; line-height:24px; height:24px;position:absolute; top:13px; right:10px; color:#f7b500;cursor:pointer; }
.header .zw{ width:50%; text-align:center; float:left; }
.header .on{ }
.header .zy a{ color:#f7b500; display:block; font-size:13px;}
.header .zy a:hover{ background-color:#3e3e3e}
.header .yw{ width:50%; text-align:center; float:left; }
#cndd{ font-size:35px;position:absolute; top:-12px; right:132px;}
#endd{ font-size:35px;position:absolute; top:-12px; right:63px;}



.nav{ background-color:#fff;}
.nav ul li{ float:left;font-size:16px; text-transform:uppercase;line-height:45px;}
.nav ul li a{ display:block; color:#333; margin-right:85px;}
.nav ul li a:hover{ background:url(../images/nav-1.png) center bottom no-repeat; color:#333; text-decoration:none;}
.nav ul li .hover{ background:url(../images/nav-1.png) center bottom no-repeat; color:#333;}

.banner{ position:relative; color:#fff; text-align:center; line-height:420px; font-size:80px; font-weight:bold; text-transform:uppercase;}


.index-about{ padding-top:70px;}
.index-about h3{ color:#212121; font-size:45px; padding-bottom:40px;}
.index-about p{ color:#696969; font-size:15px; width:588px; font-family:'Arial'; line-height:23px;}
.index-about .more{ width:134px; height:42px; border:#7f7f7f solid 1px; color:#696969; line-height:42px; text-align:center; display:block; text-transform:uppercase; margin-top:20px;}





.index-product{ padding:70px 0;}
.index-product .title{ color:#212121; font-size:45px; text-align:center; background:url(../images/title.jpg) center no-repeat;}
.index-product .content{ margin-top:40px;}
.index-product .content li{ width:294px; float:left; margin-right:8px;}
.index-product .content li span{}
.index-product .content li span img{ display:block;}
.index-product .content li h3{ width:272px; padding:20px 10px; border:#e5e5e5 solid 1px; text-align:center; }
.index-product .content li h3 em{color:#2189cb; font-size:18px;}
.index-product .content li h3 p{ padding:20px 0; font-size:13px; text-align:left;}
.index-product .content li h3 .more{ margin:0 auto; width:137px; height:36px; background-color:#2189cb; line-height:36px;font-size:16px; display:block; color:#fff;}


.questions{ background-color:#f4f5f6; padding:40px 0;}
.questions .title{ text-align:center; color:#2189cb; font-size:45px;}
.questions .content{ padding-top:40px;}
.questions .content .content-li{ width:570px; margin-bottom:46px;}
.questions .content li{ padding:0 50px 0 90px; width:360px;height:210px; background-color:#fff; float:left; margin-left:-71.5px;}
.questions .content span{ width:141px; height:210px; float:left; z-index:1; position:relative;}
.questions .content span img{ padding:35px 0;}
.questions .content li h3{ color:#2189cb; font-size:20px; padding-top:35px;}
.questions .content li p{ font-family:'Arial'; color:#696969; font-size:15px; padding-top:10px;}



.index-news{ padding:50px 0;}
.index-news .title,.index-with_us .title{ font-size:45px; color:#212121;}
.index-news .content{ padding-top:30px;}
.index-news .content li{ width:334px; float:left; margin-right:25px;}
.index-news .content span{}
.index-news .content span img{ display:block;    width: 100%; height: 214px;}
.index-news .content .list{ border:#e5e5e5 solid 1px; padding:10px 15px;}
.index-news .content .list i{ padding: 10px 0; font-size:14px;  font-family:'Arial'; font-style:italic; color:#818080;}
.index-news .content .list h3{ font-size:20px; color:#212121; font-family:'Arial'; padding:15px 0;}
.index-news .content .list p{ color:#818080; font-size:15px; line-height:21px; font-family:'Arial'}
.index-news .content .list .more{ width:137px; height:36px; line-height:36px; background-color:#2189cb; text-align:center; color:#fff; display:block; text-transform:uppercase; margin-top:15px;}


.index-with_us{ width:447px; padding:50px 0;}
.index-with_us .content{ background-color:#eaf4fd; height:470px; margin-top:30px; width:377px; padding:15px 35px;}
.index-with_us .content .name{ padding-top:25px;}
.index-with_us .content .name p{ font-style:italic; color:#818080; font-size:15px; font-family:'Arial'}
.index-with_us .content .name .biaoge{ border:#a2d6ff solid 1px; width:375px; height:27px; background-color:#fff; margin-top:5px; text-indent:1em; color:#555; font-family:'Arial'}
.index-with_us .content .name .box{ border:#a2d6ff solid 1px; width:347px; height:110px; background-color:#fff; margin-top:5px; padding:0 1em; color:#555; font-family:'Arial'; line-height:20px;}
.index-with_us .content .send{ width:137px; height:36px; background-color:#2189cb; line-height:36px; text-align:center; font-size:16px; color:#fff; margin:15px auto; display:block;cursor: pointer;}




/*公司简介*/
.about{ padding:50px 0;}
.about .title{ color:#474848; background:url(../images/title.jpg) center no-repeat; font-size:47px; text-align:center;}
.about .content{ padding-top:50px;}


/*产品展示*/
.product{ padding:50px 0;}
.product-nav {}
.product-nav ul{ text-align:center;}
.product-nav li{ display:inline-table; width:240px; height:53xp; border:#e5e5e5 solid 1px; line-height:53px; margin:0 25px;}
.product-nav li a{ display:block; color:#505050; font-size:16px;}
.product-nav li a:hover,.product-nav li a.hover{ background-color:#2189cb; color:#fff; text-decoration:none;}
.product-nav li .hover{ background-color:#2189cb; color:#fff; text-decoration:none;}
.product-content{ padding-top:40px;}
.product-content ul{}
.product-content li{ width:356px; float:left; margin-right:50px; margin-bottom:50px;}
.product-content li span{}
.product-content li span img{ display:block;}
.product-content li h3{ background:url(../images/product-11.jpg)#f2f4f5 290px 8px no-repeat; width:356px; height:65px; border:#e5e5e5 solid 1px; line-height:65px; text-indent:1em; color:#505050; font-size:15px;}
.product-content li a{ text-decoration:none;}






.footer{}
.footer-h319{ background-color:#2189cb; height:319px;}
.footer-h319 .logo{ margin-right:53px;}
.footer-h319 .logo img{ padding:25px 0;}
.footer-h319 .contact{ border-left:#86c8fd solid 1px;border-right:#86c8fd solid 1px; padding:0 70px; height:222px; width:370px; color:#fff;}
.footer-h319 .contact .title, .footer-nav .title{ font-size:23px; height:50px; line-height:50px; color:#fff;}
.footer-h319 .contact .title:after, .footer-nav .title:after{ content:""; width:43px; height:2px; background-color:#86c8fd; display:block;}
.footer-h319 .contact .content{ background:url(../images/footer-tel.png) 0 3px no-repeat; margin-top:20px;}
.footer-h319 .contact .content p{ padding-left:2em; padding-bottom:20px;}
.footer-h319 .footer-nav{ padding-left:85px; width:235px;}
.footer-h319 .footer-nav .content{ margin-top:20px; width:210px;}
.footer-h319 .footer-nav .content li{width:75px; line-height:30px;}
.footer-h319 .footer-nav .content li a{ color:#fff;}


.footer-h82{ background-color:#101d37; height:82px;text-align:center; color:#2189cb; font-size:15px; line-height:82px;}




.single{
    padding: 50px 0;
}
.single .title {
    color: #474848;
    font-size: 47px;
    text-align: center;
}
.single .time {
    margin-top:5px;
    text-align:center;
    color: gray;
}
.single .content {
    padding-top: 50px;
    line-height:25px;
}
.news{
    padding: 50px 0;
}
.news li{
    width: 300px;
    float: left;
    margin-right: 10px;
}
.news li:nth(4n){
    margin-right:0px;
}
.news li span img {
    display: block;
    width:100%;
}
.news li .list {
    border: #e5e5e5 solid 1px;
    padding: 10px 15px;
}
.news li .list i {
    padding: 10px 0;
    font-size: 14px;
    font-family: 'Arial';
    font-style: italic;
    color: #818080;
}
.news li .list h3 {
    font-size: 20px;
    color: #212121;
    font-family: 'Arial';
    padding: 15px 0;
}
.news li .list p {
    color: #818080;
    font-size: 15px;
    line-height: 21px;
    font-family: 'Arial';
}
.news li .list .more {
    width: 137px;
    height: 36px;
    line-height: 36px;
    background-color: #2189cb;
    text-align: center;
    color: #fff;
    display: block;
    text-transform: uppercase;
    margin-top: 15px;
}
.newshow .title{
    font-size: 38px;
}
.case{

}
.case .title {
    color: #474848;
    font-size: 47px;
    text-align: center;
}
.case .product-content li h3{
    background:none;
}
.caseshow .content{
    text-align:center;
}
.message .content{
    padding-top: 10px;
    width: 677px;
    height: 522px;
}
.message .index-with_us{
    padding:0px;
    margin:auto;
    width: 747px;
}
.message .index-with_us .content .name .biaoge{
    width: 675px;
    height: 40px;
}
.message .index-with_us .content .name .box{
    width: 647px;
    height: 123px
}

.news dl {
    display: block;
}
.news  dl a {
    color: #333;
}
.news dl span {
    float: left;
    margin-right: 20px;
}
.news dl dt {
    font-size: 17px;
    padding: 12px 0 20px 0;
}
.news dl dd {
    text-indent: 2em;
    font-size: 14px;
    line-height: 22px;
}
.news ul {
    padding-top: 10px;
}
.news  ul li {
    background: url(../images/news-2.jpg) left no-repeat;
    text-indent: 2em;
    line-height: 40px;
    border-bottom: #d2d2d2 dashed 1px;
    width:auto;
    float:none;
    margin-right:0px;
}
.news ul li a {
    color: #333;
    display: block;
}
.news ul li em {
    float: right;
    font-size: 13px;
    color: #7b7979;
}

.questions span .img2{
    display: none;
}
.questions .content-li:hover .img1{
    display: none;
}
.questions .content-li:hover .img2{
    display: block;
}
.questions .content-li:hover li {
    background-color:#2189cb;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.questions .content-li:hover li *{
    color:#fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.case .product-content li{
    width: 280px;
    margin-right:20px;
    margin-bottom:30px;
}
.case .product-content li span img{
    width:100%;
}
.case .product-content li h3{
    width: 280px;
}