/*全局样式*/
@charset "utf-8";
html {
    overflow-x: hidden;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,
select {margin: 0;padding: 0}
body {font: 14px "微软雅黑", "Arial Narrow", HELVETICA;color: #333;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;}
a {text-decoration: none !important;cursor: pointer !important;color: #333;}
a:focus {outline: none;}
ul {margin: 0;}
li {list-style: none;}
img{max-width:100%;}
.container-fluid {max-width: 1230px !important;}
.tr5 {transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s}
.tr2 {transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.overflow { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial}
.sizeCover{background-position: 50% 50%; background-size: cover;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#ff7200 !important;}
.mCustomScrollbar{overflow: hidden !important;}
.vertical_center{display: table-cell;vertical-align: middle;}

header .sjdnav {display: none;width: 150px;height: auto;position: absolute;right: 0;top:110px; z-index: 2000;}
header .sjdnav ul {padding: 0; margin: 0;}
header .sjdnav li {display: block;padding: 0;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);background: rgba(0,0,0,0.7);}
header .sjdnav li:hover{background: #1857a5;}
header .sjdnav li:last-child { border: none;}
header .sjdnav li a {display: block;color: #fff;line-height: 40px;font-size: 16px;}
header .ydd_btn {width: 40px;cursor: pointer;position: absolute;z-index: 2000;top: 44px;right: 15px;}
header .ydd_btn span {display: block;width: 100%;height: 6px;background: #1857a5;}
header .ydd_btn span.span02 {margin: 5px 0;}
header .ydd_btn.click span {background: #1857a5;}
header .ydd_btn.click span.span01 {transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);position: relative;top: 6px;margin-top: 0px;}
header .ydd_btn.click span.span02 {margin: 0.5px 0;}
header .ydd_btn.click span.span03 {transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);position: relative;top: -8px;margin-top: 0px;}
header .ydd_btn.click span.span02 {width: 0;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}

/*pc导航*/
.main1{background: #fff;}
.main1 .logo{line-height: 110px;height: 110px;}
.main1 .logo img{max-height: 70%;}
header nav{}
header nav ul{font-size: 0;margin:0;}
header nav ul li{position: relative;float:left;text-align: center;font-size: 14px;}
header nav ul li > a{position: relative; line-height:110px; display:block; color: #333;font-size: 18px;width: 100%;padding: 0 24px;}
header nav ul li .ul {position:absolute; display:none;padding:inherit;padding-top: 0px;left: 0;top: 100%;z-index: 100;width: 100%;}
header nav ul li .ul .li{float:none;position: relative;width: 100%;font-size: 14px;background:rgba(255,255,255,1);line-height:22px;padding: 8px 5px; color: #333;border-bottom: 1px solid rgba(0,0,0,0.2);}
header nav ul li:hover .ul{display:block;}
header nav ul li .ul .li:hover{background: #1857a5;color: #fff;}
header nav ul li:hover > a{background: #1857a5;color: #fff;}
header nav ul li.active > a{background: #1857a5;color: #fff;}

.main2 .list{display:block;}
.main2 .list .img{position:relative;}
.main2 .list .img .tu{position:absolute;left: 0;right: 0;top:0;bottom:0;margin: auto;max-height: 90%;max-width: 90%;}
.main2 .list .tt{font-weight:bold;font-size: 16px;text-align: center;line-height: 32px;margin-top: 6px;padding: 0 6px;color: #333;}
.main2 .list:hover .tt{color: #1857a5;}

.title{color:#ccc;text-transform: uppercase;text-align: center;font-size: 44px;line-height: 54px;margin-bottom: 30px;}
.title b{color:#fff;font-size: 24px;display: block;line-height: 24px;}
.main40{padding:40px 0 44px 0;}

.main3 .img img{height:340px;}
.main3 .tt{display: block;position: relative;padding-right: 100px;color: #fff;font-size: 16px;line-height: 40px;border-bottom: dashed 1px #e3e3e3;}
.main3 .tt span{color: #ccc;position: absolute;right: 0;top:0;line-height: 40px;}
.main3 .tt:hover{text-decoration: underline !important;}
.main3 .tt:hover span{text-decoration: underline !important}
.main3 .tt:nth-child(n+9){display:none;}

.main4 .img img{height:430px;}
.main4 .tt1{font-size:24px;font-weight: bold;color: #666;margin-top: 10px;}
.main4 .tt2{font-size:14px;color: #666;line-height: 30px;margin: 20px 0;max-height: 300px;overflow: hidden;}
.main4 .tt3{font-size:14px;color: #666;line-height: 30px;width: 100px;text-align: center;display: block;border:1px solid #666;}
.main4 .tt3:hover{background: #1857a5;color: #fff;border-color: #1857a5;}

.main5 .list{display:block;padding: 20px;background: rgba(51, 51, 51, 0.47);}
.main5 .list .img{background: #fff;}
.main5 .list .tt1{font-size: 18px;color: #fff;line-height: 40px;margin-top: 10px;}
.main5 .list .tt2{font-size: 14px;color: #fff;line-height: 26px;height: 104px;overflow: hidden;}



.main6 .title b{color: #333;}
.main6 .list .tt1{color:#333;font-size: 16px;line-height: 30px;margin-top: 6px;text-align: center;}
.main6 .gd{font-size:14px;color: #666;line-height: 30px;width: 100px;text-align: center;display: block;border:1px solid #666;margin: 0 auto;margin-top: 20px;}
.main6 .gd:hover{background: #1857a5;color: #fff;border-color: #1857a5;}

footer{padding-top:40px;}
footer .list1{width: calc(60% - 200px);float: left;color: #fff;line-height: 30px;}
footer .list2{width: calc(20% + 100px);float: left;}
footer .list3{width: calc(20% + 100px);float: left;text-align: center;color: #fff;line-height:20px;}
footer .txt{font-size: 20px;color: #fff;margin-bottom: 20px;}
footer .list2 a{font-size: 15px;color: #fff;line-height: 20px;margin-bottom: 10px;display: block;}
footer .list3 img{display:block;margin: 0 auto;margin-bottom: 6px;max-width: 140px;}
footer .list4{border-top: 1px solid #fff;padding: 14px 0;}
footer .list4 .div1{font-size:0;text-align: left;}
footer .list4 .div1 a{font-size:14px;color: #fff;padding-right: 20px;float: left;line-height: 48px;}
footer .list4 .div2{font-size:14px;color: #fff;float: right;line-height: 24px;text-align: right;}
footer a:hover{text-decoration:underline !important}

/*内页共用*/
.ny{padding:50px 0;}
.ny .zuo{width:240px ;float: left;}
.ny .you{width: calc(100% - 240px);float: left;padding-left: 20px;}
.ny .zuo .top{height: 90px;background: #1857a5;font-size: 26px;color: #fff;text-align: center;padding-top: 19px;}
.ny .zuo .top span{font-size: 14px;color: #fff;text-transform: uppercase;display: block;}
.ny .zuo .ul1{margin:10px 0;}
.ny .zuo .ul1 .list{display: block;padding: 0 40px 0 20px;color: #333;line-height: 46px;border-bottom: 1px solid rgba(255,255,255,0.8);background: #eeeeee;position: relative;font-size: 15px;}
.ny .zuo .ul1 .list:before{content:"";width: 0;height: 0;border-bottom: 6px solid transparent;border-top: 6px solid transparent;border-left:6px solid #333;display: block;position: absolute;right: 20px;top:0;bottom:0;margin: auto 0;transition: all 0.3s;}
.ny .zuo .ul1 .list.on1{background: #1857a5;color: #fff;}
.ny .zuo .ul1 .list.on1:before{transform:rotate(90deg);transition: all 0.3s;border-left:6px solid #fff;}
.ny .zuo .ul1 .list2{display:none;}
.ny .zuo .ul1 .list2.active{display:block;}
.ny .zuo .ul1 .list2 a{display:block;line-height: 36px;border-bottom: 1px dashed rgba(0,0,0,0.1);padding: 0 20px;text-align: center;}
.ny .zuo .ul1 .list2 a:hover{color:#1857a5;}
.ny .zuo .ul1 .list2 a.active{color:#1857a5;}
.ny .you .top{font-size:18px;color: #333333;font-weight: bold;border-bottom: 1px solid #d7d7d7;line-height: 45px;margin-bottom:22px;}
.ny .you .top span{font-size:14px;font-weight: normal;float: right;}
.ny .you .top span a{color: #1857a5;}

/*内页产品*/
.nycp{margin:0 -10px;}
.nycp .list{display:block;padding: 0 10px;width: 33.33%;float: left;margin-bottom: 20px;}
.nycp .list .img{border: 1px solid #e5e5e5;}
.nycp .list .tt{border: 1px solid #e5e5e5;margin-top: 2px;text-align: center;line-height: 46px;}
.nycp .list:hover .tt{background: #1857a5;color: #fff;}
.ny .title b{color: #333;}
.nyxw .ttt{display: block;position: relative;padding-right: 100px;color: #333;font-size: 16px;line-height: 40px;border-bottom: dashed 1px #e3e3e3;}
.nyxw .ttt span{color: #333;position: absolute;right: 0;top:0;line-height: 40px;}
.nyxw .ttt:hover{color: #1857a5;border-color: #1857a5}
.nyxw .ttt:hover span{color: #1857a5;}
/*transition: all 0.3s;*/
/*1857a5*/

/*详情页*/
.danye{color:#333;font-size: 14px;line-height: 28px;}
.danye .bt{color: #1857a5;font-size: 22px;text-align: center;margin-bottom: 16px;}
.danye .rq{color: #555555;font-size: 14px;text-align: center;line-height: 20px;display: block;margin-bottom: 12px;border-top: 1px dashed #d8d8d8;padding-top: 10px;margin-top: -5px;}
.danye .img img{margin:0 auto 15px auto;display: block;}
.danye .tt{font-size: 14px;line-height: 27px;color: #333333;}
.danye .ditu{width:calc(50% - 10px);float: left;height: 388px;;position: relative;margin:20px 0;}
.danye .liuyan{width:calc(50% - 10px);float: left;;position: relative;margin:20px 0;margin-left: 20px;}

/*在线留言*/
.liuyan form{width:100%;margin: 0 auto;}
.liuyan form input{height:44px;line-height: 42px;border: 1px solid #d9d9d9;width: 100%;padding: 0 15px;margin-bottom: 10px;background: #eee;}
.liuyan form textarea{height:112px;line-height: 24px;border: 1px solid #d9d9d9;max-width: 100%;min-width: 100%;padding: 7px 15px;margin-bottom: 10px;background: #eee;}
.liuyan form button{border: 0;background: #3d8c0e;text-align: center;color: aliceblue;font-size: 16px;width: 100%;line-height:40px;transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.liuyan form button:hover{opacity:0.88;transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}



/*媒体查询开始*/
@media (min-width:1199px){
    .nycp .list:hover .sizeCover,
    .main6 .list:hover .sizeCover,
    .main4 .img:hover .sizeCover,
    .main3 .img:hover .sizeCover
    {transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);cursor:pointer;}   
    .main5 .list:hover .tr2,
    .main2 .list:hover .img .tu
    {transform:scale(0.88);-moz-transform:scale(0.88);-ms-transform:scale(0.88);-o-transform:scale(0.88);-webkit-transform:scale(0.88);cursor:pointer;}

	
}
@media (max-width:1199px){
header nav ul li > a{padding: 0 14px;}

}
@media (max-width:991px) {
    .main2 .list{margin-bottom:20px;}
    .main2.main40{padding-bottom:20px;}
    .main3 .img img{height:auto;}
    .main4 .img img{height:auto;}
    .main4 .img{display:block;margin-bottom: 20px;}
    footer{margin-bottom:50px;}
    
    /*	内页共用*/
    .ny{padding:20px 0;}
    .ny .zuo{width:100% ;float: none;margin-bottom: 20px;}
    .ny .you{width:100%;float: none;padding-left: 0;}
    .ny .zuo .top{height: auto;font-size: 18px;text-align: left;padding: 0 20px;line-height: 48px;position: relative;}
    .ny .zuo .top span{display: inline;display: none;}
    .ny .zuo .top i{position:absolute;right: 20px;top:0;bottom:0;margin: auto 0;line-height: 48px;}  
    .ny .zuo .ul1{margin-top:0;border-top: 1px solid #f1f1f1;display: none;}


    
}
   

@media (max-width:767px) {
    /*pc导航*/
    .main1 .logo{line-height: 90px;height: 90px;}
    header .ydd_btn{top:34px;}
    header .sjdnav{top:90px;}
    .main2 .list .tt{font-size: 14px;line-height: 20px;margin-top: 6px;text-overflow:inherit;white-space:inherit;font-weight: 100;}
    .main2 .list{margin-bottom:10px;}
    .main2.main40{padding-bottom:10px;}
    .title{font-size:30px;line-height:40px;margin-bottom: 20px;}
    .title b{font-size: 20px;}
    .main40{padding:24px 0;}
    .main3 .tt{font-size: 14px;}
    .main4 .tt1{font-size:18px;} 
    .main4 .tt2{line-height: 28px;margin:10px 0;max-height: 280px;}
    .main4 .img{margin-bottom:10px;}
    .main5 .list{padding: 4px;}
    .main5 .list .tt1{font-size: 14px;text-overflow:inherit;white-space:inherit;line-height: 20px;height: 40px; margin-top: 10px;text-align: center;}
    .main5 .list .tt2{display: none;}
    .main6 .list .tt1{font-size: 14px;margin-top: 4px;}
    footer{padding-top:10px;}
    footer .list1{width:100%;float: none;color: #fff;line-height:28px;}
    footer .list2{width:100%;float: none;}
    footer .list3{width:100%;float: none;text-align: left;}
    footer .list3 img{margin: inherit;}
    footer .txt{font-size: 18px;margin:14px 0;}
    footer .list4{border-top: 1px solid #fff;padding: 14px 0;margin-top: 20px;}
    footer .list4 .div1{font-size:0;text-align: center;}
    footer .list4 .div1 a{font-size:15px;color: #fff;padding: 0;float: none;line-height: 40px;display: inline-block;margin: 0 4px;}

    .danye .ditu{width:100%;float: none;height: 288px;margin: 10px 0;}
    .danye .liuyan{width:100%;float: none;margin:10px 0;}

    
}

@media (max-width:600px){
   /*内页产品*/
    .nycp{margin:0 -5px;}
    .nycp .list{padding: 0 5px;width: 50%;margin-bottom: 10px;}
    .nycp .list .tt{line-height: 36px;}
    .danye .bt{font-size: 18px;margin-bottom: 10px;}
    .danye .rq{margin-top: -6px;padding-top: 6px;}
    .danye .img img{margin-bottom:10px;}


}


.hot{height:50px; background:#1857a5; position:fixed; bottom:0; left:0; z-index:2000; border-top:solid 2px #fff;width: 100%;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;margin: 0;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:52px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../img/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../img/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }