body{ font-family:"微软雅黑"; font-size:14px;  color:#999; position: relative;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #feed00;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
img{ max-width:100%;}
input,button {outline:none;}
.container{ width: 1230px; }
.header{ position: relative; z-index: 100000; }
.header .pull-right{ padding-top: 10px; }
.logo{ margin-top: 15px; margin-bottom: 15px; }
.phone{ color: #8da2af; background: url(../images/icon01.png) left center no-repeat; padding-left: 23px; }
.header-link{ position: relative; padding-left: 25px; }
.header-link a{ font-size: 12px; color: #8da2af; margin-left: 25px; }
.header-link:before{ display: block; content: ""; position: absolute; left: 25px; top: 50%; margin-top: -6px; height: 12px; border-right:solid 1px #8da2af; }
.nav-list li a{ display: block; padding:15px 0; font-size: 14px; color: #3481b0; }
.nav-list li{ float: left; padding-right: 40px;}
.nav-down{ position: absolute; text-align: center; padding:10px 0; left: 0; top: 100%; right: 0; z-index: 10000; display: none; background: #fff; border-top: solid 1px #eee; }
.nav-down li{ padding-right: 0; display: inline-block; float: none; margin:0 40px; }
.nav-down li a{ padding:0; margin-top: 12px; color: #333; }
.nav-back{ position: absolute; left: 0; top: 130px; display: none; right: 0; background: #fff; border-top: solid 1px #ddd; height: 175px; display: none; }
.search-box{ position: relative; padding-top: 0!important; margin-top: 5px; }
.search-box .form-control{ border:none; box-shadow: none; border-radius: 0; padding-left: 0; border-bottom:solid 1px #f1f1f1; width: 250px; }
.search-box .btn{ position: absolute; right: 0; bottom:0; height: 34px; background: url(../images/icon02.png) center no-repeat; }
.nav-list li:hover .nav-down{ display: block; }
.index-back{ background-size: auto 100%; padding-bottom: 67px; }
.carousel-indicators li{ width: 30px; border-radius: 0; height: 4px; background: #acafb1; border:none;  margin:0 5px;}
.carousel-indicators li.active{ background: #006eb2; width: 30px; border-radius: 0; height: 4px; border:none; margin:0 5px;  }
.carousel-control{ width: 20px; height: 54px; opacity: 1;  left: 5%; top: 50%; margin-top: -27px; }
.left.carousel-control{ background: url(../images/left.png) center no-repeat; }
.right.carousel-control{ background: url(../images/right.png) center no-repeat; }
.carousel-control.right {
right: 5% !important;}
.index-list{ margin-top: 65px; box-shadow: 0px 0px 70px #999; }
.index-list li{ float: left; width: 25%;  }
.list-box{ height: 200px; background: url(../images/list01.png) center no-repeat; background-size: cover; position: relative; display: block; }
.list-box-txt{ position: absolute; left: 20px; top: 85px; color: #fff; width: 140px; }
.list-box-tt{ font-size: 25px; font-weight: bold; margin-bottom: 10px; }
.list-box-p{ line-height: 30px; font-size: 15px; }
.list-box-img{ position: absolute; left: 170px; bottom:0; }
.list-tt a{ display: block; height: 60px; line-height: 60px; background: url(../images/list03.png) center no-repeat; background-size: 100% 100%; font-size: 15px; color: #858585; padding:0 20px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;  }
.list-tt a:hover,.header-link a:hover{ color: #1088d2; }
.list-box-t{ background: url(../images/list02.png) center no-repeat; background-size: cover; }
.footer{ background: #212121; border-top: solid 7px #006eb2; padding-top: 60px; }
.footer-tt{ font-size: 15px; color: #fff; margin-bottom: 20px; }
.footer-list li a{ color: #fff; opacity: 0.5; font-size: 13px; }
.footer-list li a:hover{ opacity: 1; }
.footer-list li{ margin-bottom: 10px; }
.footer-l{ margin-right: 90px; }
.ewm img{ margin-bottom: 10px; }
.ewm span{ font-size: 13px; color: #fff; opacity: 0.5;  }
.zx-txt{ font-size: 13px; color: #fff; opacity: 0.5;  }
.footer-box{ position: relative; margin-top: 20px; }
.footer-box .form-control{ box-shadow: none; border:none; width: 370px; }
.footer-box .btn{ position: absolute; right: 0; top: 0; border:none; padding:8px 25px; color: #fff; background: #1088d2; }
.footer-b{ margin-top: 20px; border-top: solid 1px #383838; padding-top: 32px; }
.footer-b .col-xs-4{ padding:0; }
.footer-phone{ background: url(../images/icon03.png) left center no-repeat; padding-left: 50px; height: 41px; }
.footer-phone span{ font-size: 14px; opacity: 0.5; }
.footer-email{ display: table; margin:0 auto; background: url(../images/icon04.png) left center no-repeat; }
.footer-address{ float: right; }
.footer-address{ background: url(../images/icon05.png) left center no-repeat; }
.banque{ border-top: solid 1px #383838; margin-top: 32px; padding:20px 0;}
.banque span{ color: #fff; opacity: 0.5; font-size: 13px; }
.banque span a:hover{ color: #FFFFFF; }
.banque span a:link{ color: #FFFFFF; }
.navbar-toggle{ display: none; }
.nav-icon{ display: none; }
/**********list********/
.page-banner{ height: 570px; position: relative; overflow:hidden; }
.page-banner img{ width: 1920px; position: absolute; left: 50%; top: 0; max-width: 1920px; height: 570px; margin-left:-960px; }
.list-nav{ background: #f2f2f4; }
.list-nav ul li{ display: inline-block; margin:0 65px; }
.list-nav ul li a{ display: block; height: 72px; position: relative; line-height: 72px; font-size: 17px; color: #333; }
.list-nav ul li.active a:before{ display: block; content: ""; position: absolute; left: 0; bottom:0;  right: 0; height: 3px; background: #006eb2;}
.list-nav ul li a:hover{ color: #006eb2; }
.product-list li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 50px; }
.product-list{ margin:60px -15px 20px -15px; }
.cp-tt a{ display: block; padding:15px 0 15px 15px; font-size:18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #555; }
.cp-tt a:hover{color: #006eb2;}
.cp-txt p{ position: relative; padding-left: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.cp-txt p:before{ display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #3f92c5; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.list-more a{ display: block; font-size: 17px; color: #666; text-align: center; border:solid 1px #ccc; border-radius: 8px; padding:15px 0; margin-bottom: 90px; }
.list-more a:hover{ color: #1088d2; }
.cp-img img{ width: 100%; height: 380px; transition: 0.5s all; }
.cp-img a{ display: block; overflow:hidden; }
.cp-img a:hover img{ transform: scale(1.1,1.1); }
/********产品详情*******/
.page-banner-sm,.page-banner-sm img{ height: 330px; }
.xq-link{ padding:25px 0; }
.xq-link a{ margin-left: 15px; display: block; float: left; }
.xq-link a.kefu{ height: 43px; line-height: 43px; border-radius: 30px; background: #006eb2; padding:0 20px; font-size: 16px; color: #fff; }
.xq-link a.kefu span{ display: block; height: 43px; background: url(../images/icon08.png) left center no-repeat; padding-left:28px;}
.xq-back{ position: relative; padding:60px 0 85px 0; }
.xq-back:before{ display: block; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 50%; background: #e4e4e4; }
.xq-back:after{ display: block; content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 50%; background: #f4f4f4; }
.xq-tt{ font-size: 32px; color: #333; margin-bottom: 80px; }
.xq-list li{ float: left; width: 50%; padding:0 15px; }
.xq-list li span{ display: block; padding-left: 35px; color: #000; height: 25px; line-height: 25px; margin-bottom: 30px; }
.xq-list li span.xq01{ background: url(../images/icon09.png) left center no-repeat; }
.xq-list li span.xq02{ background: url(../images/icon10.png) left center no-repeat; }
.xq-list li span.xq03{ background: url(../images/icon11.png) left center no-repeat; }
.xq-list li.last{ width: 100%; }
.xq-img{ margin-top: 70px; }
.cs-box{ padding:15px 0; border-bottom:solid 1px #d6d6d6; color: #000; display: table; height: 300px; width: 100%;}
.cs-right{ line-height: 30px; padding-left: 15px; }
.xq-back .container{ position: relative; z-index: 1000; }
.xq-table > tbody > tr > td{vertical-align:middle; color: #000; border-top: none; border-bottom:solid 1px #d6d6d6; padding:15px 0; }
.xq-right{ padding-left: 55px; }
.xq-table{ margin-bottom: 0; }
.xq-bottom{ background: #ececec; padding:30px 0; }
/*******news*****/
.page-banner-md,.page-banner-md img{ height: 510px; }
/*******图片弹窗css*****/
.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}
#zoom img{ border-radius: 0!important; background: none!important; max-width: 960px;}


.news-list li{ float: left; width: 25%; padding:0 26px; margin-bottom: 50px; }
.news-list{ margin:60px -26px 0 -26px; }
.over-x{ overflow: hidden; }
.news-img{ position: relative; overflow:hidden; }
.news-img img{ width: 100%; height: 176px; transition: 0.5s all; }
.news-img:hover img{ transform: scale(1.1,1.1); }
.news-img span{ position: absolute; left: 0; bottom:0; font-size: 13px; color: #fff; padding:3px 10px; background: #4195f7; }
.news-box{ border:solid 1px #e0e0e0; border-top: none; padding:20px;  }
.news-tt a{ font-size: 18px; color: #555; display: block; height: 49px; overflow:hidden; }
.news-tt a:hover{ color: #4195f7; }
.news-txt{ font-size: 13px; color: #555; opacity: 0.75; margin-top: 15px; }
.news-more{ position: relative; padding-left: 28px; margin-top: 30px;  }
.news-more a{ font-size: 12px; color: #000; }
.news-more a:hover{ color: #4195f7; }
.news-more:before{ display: block; content: ""; width: 20px; position: absolute; left: 0; top: 50%; border-top: solid 1px #7a7272; }
.news-date{ border-top: solid 1px #e0e0e0; margin-top: 30px; padding-top: 20px; }
.news-date span{ font-size: 13px; color: #555; opacity: 0.75; background: url(../images/icon12.png) left center no-repeat; padding-left: 20px; }
/*******新闻详情*******/
.news-nav{ border-bottom:solid 1px #d9d9d9; border-top: solid 1px #d9d9d9; padding:15px 0; }
.news-l{ font-size: 12px; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; opacity: 0.8; }
.news-l span{ padding:0 8px; }
.news-l a{ color: #666; }
.news-left{ width: 870px; border-right:solid 1px #d9d9d9; padding-top: 60px; }
.news-t{ font-size: 27px; color: #555; padding-bottom: 25px; border-bottom:solid 1px #d9d9d9; }
.news-d{ font-size: 13px; color: #777; margin:20px 0; }
.news-p{ padding-right: 65px; padding-bottom: 50px; border-bottom:solid 1px #d9d9d9;  }
.article-link{ margin-top: 30px; }
.article-link div{ margin-bottom: 10px; }
.article-link div a{ color: #357da9; }
.bdsharebuttonbox{ padding:40px 0; }
.news-right{ width: 330px; padding-top: 98px; padding-left: 35px; }
.lm-tt{ font-size: 15px; color: #777; position: relative; margin-bottom: 20px; }
.lm-tt:before{ width: 30px; height: 2px; background: #006eb2; content: ""; position: absolute; left: 0; bottom: -6px; display: block; }
.news-nav-list li a{ display: block; height: 45px; line-height: 44px; position: relative; border-bottom:solid 1px #e0e0e0; position: relative; color: #777; padding-left: 25px; }
.news-nav-list li a:before{ display: block; content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; background: #006eb2; margin-top: -2px; }
.nav-down-n{ background: #ebebeb; padding:5px 0; display: none; }
.nav-down-n li a{ border:none; height: 30px; line-height: 30px;  }
.nav-down-n li a:before{ display: none;}
.news-nav-list li:hover .nav-down-n{ display: block; }
.news-nav-list{ margin-bottom: 60px; }
.hd-list{ margin-top: 30px; }
.hd-list li a{ display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 13px; color: #777; position: relative; padding-left: 15px; margin-bottom: 20px; }
.hd-list li a:hover{ color: #006eb2; }
.hd-list li a:before{ display: block; content: ""; width: 3px; height: 3px; position: absolute; left: 0; top: 50%; background: #006eb2; margin-top: -1px; }
/******about******/
.about-tt{ font-size: 28px; color: #666; margin-top: 100px; }
.about-lind{ width: 56px; height: 2px; margin:20px auto; background: #006eb2; }
.about-txt{ margin:0 auto; max-width: 950px; line-height: 30px; text-align: center; font-size: 16px; color: #666; }
.about-box{ border:solid 1px #d6d6d6; padding:40px; margin-top: 70px; height: 455px; }
.about-text{ font-size: 16px; color: #707070; line-height: 40px; margin-top: 35px; }
.about-back{ background: url(../images/about-back.png) center no-repeat; background-size: cover; padding:80px 0; margin-top: 100px; }
.about-back-p span{ display: block; font-size: 16px; color: #fff; line-height: 40px; }
.about-back-p{ margin-top: 30px; }
.about-bottom{ padding-top: 110px; padding-bottom: 110px;}
.about-bottom .about-txt{ max-width: 870px; line-height: 40px; margin-bottom: 50px; }

.content{ line-height: 1.8; padding-bottom: 50px }

.met_pager{margin-top:20px;text-align:center;display: block;margin-bottom: 90px;}
.met_pager a{border:1px solid #e4eaec;border-right:none;background:#fff;padding:9px 15px;text-align:center;color:#76838f}
.met_pager a:hover{background:#f5f5f5;text-decoration:none}
.met_pager a.NextA{border-right:1px solid #e4eaec}
.met_pager .NextSpan,.met_pager .PreSpan{border:1px solid #e4eaec;padding:9px 15px;background:#fff;color:#ccd5db;cursor:default}
.met_pager a.Ahover{background:#09f;border-color:#09f;color:#fff;cursor:default}
.met_pager a.Ahover:hover{background:#09f;border-color:#09f;color:#fff}
.met_pager a{text-decoration:none}
.met_pager a:active,.met_pager a:focus,.met_pager a:hover{text-decoration:none}
.met_pager .PageText{margin-left:10px;color:#aaa;display:none}

.message{ width:100%; text-align:left;}
.message .mess_form{ display:inline-block; padding:35px 0 30px 0; border-top:#bcbcbc dashed 0px;}
.message .mess_form div{ width:49%; margin:0 0px; position: relative;}
.message .mess_form div i{ position: absolute; left: 10px;top:17px; color: red; font-style: normal;}
.message .mess_form div input[type="text"]{ width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px;height:49px; float:left; padding:0 17px; }
.message .mess_form div select{ width:100%; margin-bottom:10px; color: #757575; border:#e4e4e4 solid 1px; border-radius:5px;height:49px; float:left; padding:0 13px; }
.message .mess_form div input[type="email"]{ width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px;height:49px; float:left; padding:0 17px; }
.message .mess_form div input[type="tel"]{ width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px;height:49px; float:left; padding:0 17px; }
.message .mess_form div textarea{ width:100%; margin-bottom:10px; border:#e4e4e4 solid 1px; border-radius:5px;height:108px; float:left; padding:10px 17px; }
.message .mess_form div input[type="submit"]{ width:100%; margin-bottom:10px; text-align:center; cursor:pointer; line-height:49px; border-radius:5px; float:left; padding:0 17px; font-size:16px; color:#006eb2; border:#006eb2 solid 1px; background:#FFFFFF; }
.message .mess_form div.btns{width:100%;text-align:center;clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.nomessage{  padding: 50px 0; text-align: center; }

@media ( max-width: 1279px){
	.container{ width: 970px; }
	.list-box-img{ left: 170px; right: 10px; }
	.footer-l{ margin-right: 40px; }
	.cp-img img{ height: 293px; }
	.news-img img{ height: 132px; }
	.news-left{ width: 610px; }
	.about-text{ line-height: 35px; }
}
@media ( max-width: 991px){
	.container{ width: 750px; }
	.list-box-img{ left: auto; right: 30px; }
	.footer-l{ margin-right: 40px; }
	.search-box,.header-link{ display: none; }
	.index-list li{ width: 50%; }
	.footer .pull-right{ display: none; }
	.footer-l{ width: 20%; margin:0; }
	.cp-img img{ height: 220px; }
	.xq-list li{ width: 100%; }
	.news-list li{ padding:0 15px; width: 50%; }
	.news-list{ margin-left:-15px; margin-right: -15px; }
	.news-img img{ height: 233px; }
	.list-nav ul li{ margin:0 30px; }
	.news-left{ width: 100%; border-right: none; }
	.news-right{ display: none; }
	.news-p{ padding-right: 0; }
	.about-box{ padding:20px; }
	.about-text{ line-height: 30px; }
}
@media ( max-width: 767px){
	.container{ width: 100%; }
	.index-list li{ width: 100%; margin-bottom: 15px; }
	.footer-b{ border-top: none; margin-top: 0; padding-top: 20px; }
	.footer-b .col-xs-4{ width: 100%; }
	.footer-phone{ display: block; float: left; margin-bottom: 10px; }
	.footer{ padding-top: 0; border-width: 2px; }
	.banque{ padding:10px 0; margin-top: 10px; }
	.logo{ margin-top: 5px; position: absolute; left: 15px; top: 30px; }
	.logo img{ width: 130px;}
	.header{ background: #fff; height: 80px; }
	.header .pull-right{ margin-left:-15px; margin-right: -15px; float: none!important; border-bottom:solid 1px #ddd; height: 25px; }
	.phone{ float: right!important; margin-top: -8px; margin-right: 10px; }
	.nav-list{ position: absolute; left: 0; right: 0; top: 80px; background: #fff; border-top: solid 1px #f1f1f1; display: none; }
	.nav-list li{ float: none; margin:0; }
	.nav-list li a{ padding:10px 15px; }
	.navbar-toggle{ display: block; border:solid 1px #ddd; margin-right: -5px; margin-top: 10px; }
	.navbar-toggle span{ background: #ddd; }
	.nav-icon{ display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-align: center; padding-top: 12px; color: #3481b0; font-size: 12px;}
	.nav-icon.active i:before{    content: "\e260";}
	.nav-back{ display: none!important; }
	.nav-down{ position: static; margin-bottom: -8px; }
	.nav-down li a{ padding:0 0 0 20px; margin-top: 0; margin-bottom: 8px; color: #666;  }
	.nav-list:hover .nav-down{ display: none; }
	.swiper-container01{ padding-bottom: 20px; margin:0 -15px; }
	.carousel-control{ width: 10px; height: 28px; margin-top: -14px; }
	.slide{ margin:0 -15px; padding-bottom: 20px; }
	.left.carousel-control{ left: 15px; background-size: 10px auto; }
	.right.carousel-control{ right: 15px; background-size: 10px auto; }
	.index-list{ margin-top: 0px; box-shadow: none; }
	.index-back{ padding-bottom: 20px; }
	/*****list***/
	.product-list li{ width: 100%; margin-bottom: 10px; }
	.cp-img img{ height: auto; }
	.product-list{ margin-top: 20px; }
	.list-nav ul li{ margin:0; display: block; width: 25%; float: left; }
	.list-nav ul li a{ height: 50px; line-height: 50px; font-size: 15px; }
	.page-banner img{ position: static; margin:0; width: 100%; height: auto; }
	.page-banner{ height: auto; }
	.list-more a{ margin-bottom: 40px; padding:10px 0; }
	/*****详情页****/
	.xq-back .col-xs-6{ width: 100%; }
	.xq-back:after{ display: none; }
	.xq-back:before{ width: 100%; }
	.xq-right{ padding-left: 0; }
	.xq-back{ padding:30px 0; }
	.xq-tt{ font-size: 24px; margin-bottom: 15px; }
	.xq-list li span{ margin-bottom: 10px; }
	.xq-img{ margin-top: 20px; }
	.xq-table > tbody > tr > td{ padding:8px 0; }
	.cs-right{ line-height: 22px; }
	.xq-link{ padding:10px 0; }
	.news-list{ margin-top: 20px; }
	.news-list li{ width: 100%; margin-bottom: 15px; }
	.news-img img{ height: auto; }
	.news-more{ margin-top: 15px; }
	.news-date{ margin-top: 15px; padding-top: 10px; margin-bottom: -10px; }
	.bdsharebuttonbox{ padding:15px 0; }
	.news-p{ padding-bottom: 20px; }
	.news-t{ font-size: 18px; padding-bottom: 15px; }
	.news-left{ padding-top: 20px; }
	.about-tt{ font-size: 18px; margin-top: 20px; }
	.about-lind{ margin:10px auto; }
	.about-txt{ font-size: 14px; }
	.about-row .col-xs-4{ width: 100%; }
	.about-box{ margin-top: 20px; padding:15px; height: auto; }
	.about-icon img{ width: 50px; }
	.about-text{ font-size: 14px; margin-top: 15px; line-height: 25px; }
	.about-back{ margin-top: 30px; }
	.about-back{ padding:20px 0; }
	.about-back-p span{ display: inline; line-height: 25px; font-size: 14px; }
	.about-back-p{ margin-top: 20px; }
	.about-bottom{ padding:20px 15px; }
	.about-bottom .about-txt{ line-height: 25px; margin-bottom: 20px; }
	.message .mess_form div{ width:100%;}
	.message .mess_form div{margin: 0px}
	.nav-list li:hover .nav-down{ display: none; }
	.nav-list li{ position: relative; }
	.nav-down{ margin-right: -40px; }
	.nav-down li{ padding:0 10px; float: left; display: block;}
	.nav-down li a{ padding:0; }
	}