/*头部*/
.wrapper{width:1300px; margin:0px auto;}
.toper { background:#fff; width:100%;}
.toper .head{height:100px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:450px; height:70px; margin-top:15px}
.toper .t_right{float:right; padding-top: 10px}
.toper .t_right .tel{text-align:left; font-weight: bold; padding:16px 0 0;background: url(../images/telbb.png) no-repeat left 18px; padding-left: 70px}
.toper .t_right .tel strong {display:block; font-size:18px; line-height: 30px; color:#0051a3}
.toper .t_nav{height:58px; background: #0051a3;}
.toper ul{font-size:0;}
.toper ul li { display:inline-block;text-align:center; position:relative;margin:0 40px 0}
.toper ul li:last-child { margin:0 0 0 40px}
.toper ul li:hover i,.toper ul li.check i { background:url(../images/enon.png);}
.toper li a {font-size:16px; display:block; height:58px; line-height:58px;color:#fff;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a {color:#ddd;}
.toper li dl { position:absolute; z-index:999;top:58px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a {font-size:12px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.mbmenu,.Fast-nav { display:none;}
.p50{padding: 45px 0 60px}
.protitle{background: url(../images/projt.png) repeat-x center; height:65px}
.protitle_l{float:left; font-size:18px; background: #fff; line-height: 65px; padding-right:30px; padding-left:35px; font-weight: bold;color:#004285}
.protitle_l span{font-weight: normal; color:#666}
.protitle_r{float:right; background: #fff; line-height: 65px; margin-right: 10px; padding: 0 10px;}
.mainwrap_l{float:left; width:21%}
.mainwrap_r{float:right; width:78%}
.lefttitle{background: url(../images/leftdi.png); height: 45px; padding-top: 45px; padding-left:20px; color: #fff; font-size:20px}
.leftmenu{ background: #fff}
.leftmenu li{background:#e6e6e6; font-size:14px; line-height:55px; border-top:1px solid #fff;}
.leftmenu li:nth-child(even){background:#f2f2f2;}
.leftmenu a{background:url(../images/leftmenu.png) no-repeat 20px 50%;padding-left: 45px;color:#333; display: block}
.productlist{padding-left:10px;}
.productlist li{float:left;width: calc(100% / 3 - 25px);margin-left: 25px; margin-top: 25px;box-shadow:0px 3px 4px rgba(0,0,0,.1)}
.productlist h2{font-size:14px; padding:20px 0; border-bottom: 1px solid #e2e2e2; text-align: center}
.maintitle{padding:0; margin-top: 50px; background: url(../images/ndi.png) no-repeat center 60%;}
.maintitle .title{font-size:30px; line-height: 45px; text-align: center}
.maintitle .entitle{font-size:16px; text-align: center; text-transform: uppercase; color:#666}
.ysbg{background: url(../images/ysbg.jpg) no-repeat center center; height: 330px}
.servicebox{background: url(../images/ysdi.png); padding: 60px 0}
.servicttitle{color:#083587; font-size:30px; font-weight: bold; text-align: center}
.servicttitle:after{display: block; content:'';width:60px; margin: 0px auto; margin-top:20px; height: 4px; background: #14a94f}
.pd40{padding-bottom:50px}
.serviceitem{ margin: 0 -10px; padding: 40px 0 20px}
.serviceitem .sbox{margin:10px}
.serviceitem li{float:left; width:25%}
.serviceitem img{border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
.serviceitem h2{text-align: center; padding: 10px 0; font-size:16px; font-weight: bold;}
.idx_pro{ padding-top: 50px}
.idx_pro .sortbg{background:#fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);}
.idx_pro .container { position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide h2 { position: relative;font-size:16px; text-align:center; padding:10px 0 0}
.idx_pro .swiper-button-prev{ top: 50%;width: 31px;height: 31px;background: url(../images/l1.png) no-repeat center center;background-size: contain;left:0;}
.idx_pro .swiper-button-next{top: 50%;width: 31px;height: 31px;background: url(../images/r1.png) no-repeat center center;background-size: contain;right:0;}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat center center;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat center center;background-size: contain;}

.homeabout{ background:url(../images/aboutbgsmall.png); margin-top: 40px}
.homeabout_l{float:left; width:612px;background: #fff; margin-left: 3px; margin-top: 3px; height:484px}
.homebox{padding:30px 45px 0}
.aboutfonttitle{ color:#333333; font-size:24px; line-height:150%; padding:20px 0 40px; font-weight:bold}
.aboutfonttitle h2{ color:#00458b; text-transform:uppercase; font-weight:normal; font-size:24px}
.aboutbox{ line-height:220%; color:#777;}
.aboutbox span{font-size:18px; display:block; padding-bottom:20px; color:#333;}
.amore{margin-top:40px; text-align:center}
.amore a{border:1px solid #ddd; display:block; padding:13px 0;width:160px; text-transform:uppercase;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.amore a:hover{border:1px solid #00458b; color:#00458b}
.homeabout_r{float:right;background:url(../images/rightbg.png) no-repeat right top; padding:25px 0; width:685px}
.homenews{padding:50px 0}
.homenews_l {width: 30%;text-align: left;float:left; margin-left: 5%}
.homenews_l:first-child{margin-left:0}
.homenews_l h3 {margin-bottom: 30px;line-height: 30px;font-size: 24px; color:#444;}
.homenews_l li {padding-top: 12px;padding-bottom: 12px;border-bottom: 1px dotted #ddd;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*内部*/
.aboutcontent{padding-left:35px; line-height: 200%; padding-top: 10px}
.leftcontact{background: #008dda; color:#fff; line-height: 50px; font-size:16px; font-weight: bold; margin-top: 15px; text-align: center}
.leftcontactbox{border: 1px solid #ddd; border-top:0; padding: 12px; line-height:180%}
.leftcontactbox p{text-align: center; padding-top: 3px}
.newslist{padding:0}
.newslist li{border-bottom:1px dotted #ccc; padding: 20px 0}
.newslist .nlist_l{float:left; width:25%; display: none}
.newslist .nlist_r{float:none; width:100%}
.newslist .nlist_r h2,.newslist .nlist_r h2 a{font-size:18px; padding-bottom: 10px; color:#0067aa}
.newslist .nlist_r .newjs{ color:#888; line-height: 170%; padding-bottom: 15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.newslist .nlist_r .morean{ background: #fff; border:1px solid #0067aa; border-radius: 3px; font-size:12px; width:80px; line-height:26px; text-align: center;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.newslist .nlist_r .morean:hover{background:#0067aa; color:#fff;}
.viewbox{text-align: center}
.viewbox h2{ font-size:24px; padding-bottom: 20px; color:#004285}
.content{padding:20px 0}
.content img{display: block; padding: 7px 0}
.rimg{float:right;}
.context{border-top:1px dotted #bbb;padding:10px 0}
.context_l{float:left; width:86%;}
.context_l li{line-height:30px}
.context_r{float:right; width:11%; padding-top:12px}
.context .return{line-height:32px; border-radius:16px; text-align:center; height:32px; display:block;background:#0067aa; color:#fff;}
.context .return:hover{background:#ad0000}
.yingyong-wrap { padding:20px 0 0; margin:-15px}
.yingyong-item { float:left; background: #fafafa; width: calc(100% / 3 - 30px); margin:15px;transition-duration: .5s;}
.yingyong-item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.yingyong-item:hover .news-h5,.yingyong-item:hover .news-more{color: #0067aa;}
.yingyong-wrap .txts-wrap {padding:20px 15px 15px; font-size: 14px; line-height: 24px; border:1px solid #e2e2e2; border-top:0}
.yingyong-wrap .news-h5 { font-size: 16px; line-height: 30px; color: #333; height: 30px; font-weight: bold; transition-duration: .5s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yingyong-wrap .news-detail { color: #666; height: 48px; line-height: 24px; margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.yingyong-wrap .news-more { color: #333; display: inline-block; text-decoration: underline;}
/*底部*/
.footer{background:#0051a3;padding:45px 0;color:rgba(255,255,255,.8)}
.footer h4{font-size:14px;line-height:35px;color:rgba(255,255,255,8)}
.footer p{line-height:32px}
.footer a{color:rgba(255,255,255,.8)}
.footer a:hover{color:rgba(255,255,255,1)}
.footer .links{float:left; text-align: center; padding-right: 60px}
.footer .links span{display: block; font-size:18px; padding-top: 20px}
.footer .linksm{text-align:left;float:left; border-left:1px solid #1565b6; padding: 0 60px}
.footer .r100{margin-right:120px}
.footer .linksr{float:right; text-align: center; margin-left: 20px}
.footer .linksr img{ width: 125px;}
/*客服*/
.izl-rmenu{position:fixed; right:0; top:155px; z-index:999;}
.izl-rmenu .btna{width:55px; height:55px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b;}
.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-111px; top:0px; display:none;width:111px;height:111px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:55px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}