﻿/*init*/
html, body {font-family:"微软雅黑", arial, 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;font-size: 14px; background:#fff;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select, *:after, *:before{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0;border: 0;background: transparent;vertical-align: baseline;}
ul, ol, li {list-style: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;max-width:100%}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td,th {padding: 0;}a{text-decoration: none;color: #005fb4;}.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
@media print {* {text-shadow: none !important;color: #000 !important;background: transparent !important;box-shadow: none !important;} a, a:visited {text-decoration: underline;}a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} a[href^="javascript:"]:after,a[href^="#"]:after {content: "";} pre,  blockquote {border: 1px solid #999;page-break-inside: avoid;}thead {display: table-header-group;}tr,img {page-break-inside: avoid;}img {max-width: 100% !important;}p, h2, h3 {orphans: 3;widows: 3;} h2,h3 {page-break-after: avoid;}select {background: #fff !important;}}

/*public*/
.clear:after{content: '';display: block;clear: both;}
.tran{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
.main{margin: 0 auto;width: 1200px;}
.main:after{content: '';display: block;clear: both;}
.ellipsis{display: -webkit-box !important;word-break: break-all;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

/*header*/
.head{position: fixed;left: 0;top: 0;z-index:2;width: 100%;background-color:rgba(253,253,253,0.7);}
.head-main{position:relative;}
.head-main.active{}

.head-logo{float: left;}
.head-logo a{padding:0px;display: table-cell;width:200px;height:90px;vertical-align: middle;}
.head-logo img{margin:0 auto;display: block;width: 100%;}
.head-ul{float: left;}
.head-li{position:relative;float: left; display:inline-block; margin-left:70px; }
.head-li-a{display: block;line-height: 90px;font-size: 15px;color: #000;}
.head-li-a:hover{color: #2b73c6;}
.head-li-pull{position: absolute;left: 50%;margin-left: -70px;width: 140px;background:rgba(251,249,249,0.9);border-top: 1px solid #2b73c6;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transform: translateY(15px);}
.head-li-pull a{display: block;text-align: center;color: #000;line-height: 35px;border-bottom: 1px dotted #ddd;}
.head-li-pull a:hover{color: #2b73c6;}
.head-li:hover .head-li-pull{opacity: 1;visibility: visible;transform: none;-webkit-transform: none;}
.head-li:hover .head-li-a{color: #2b73c6;}


.head-lang{position: absolute;right: 20px;bottom: -25px;padding:0 10px;line-height: 25px;background-color: #4887e8;color: #fff;font-size: 12px;}
.head-lang a{color: #fff;}


.head-ser-icon{float: right;width: 100px;height: 70px;background-repeat: no-repeat;background-position: center;background-image: url("../images/search.png");cursor: pointer;}
.head-ser{position: absolute;right: 0;top: 100%;display:none;padding: 15px;width:300px;background-color: #fff;}
.head-ser-inp{float: left;width:75%;height: 40px;line-height: 40px;border: 1px solid #2b73c6;text-indent: 10px;}
.head-ser-btn{float: left;width: 25%;height: 40px;background:#2b73c6 url("../images/search1.png") no-repeat center;}


/*底部*/
.foot{position: relative;}
.foot:before{content: '';position: absolute;left: 0;top: 0;width: 50%;height: 1px;background-color: #ddd;}
.foot:after{content: '';position: absolute;right: 0;top: 0;width: 50%;height: 1px;background-color: #ddd;}
.f-main{ max-width:1400px; margin:auto;}

.foot-bot{padding: 10px 0 20px 0;}
.foot-bot-lf{float: left;}

.foot-bot-a{margin-left:12px;float: left;line-height: 35px;color: #777;}
.foot-bot p a{color: #777;}
.foot-bot p span{margin-right:10px;}
.foot-bot p{line-height: 26px;color: #777; font-size:12px;}

/*index*/
.banner{}
.banner-ul{}
.banner-li{}
.banner-li a{position:relative;display: block;max-height: 760px;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}
.banner-li-tit{position: absolute;right: 50%;margin-right:-600px;top: 20%;color: #fff;text-align: right;text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.banner-li-tit p{font-size: 60px;font-weight: bold;}
.banner-li-tit span{font-size: 20px;text-transform: uppercase;text-transform: uppercase;}
.ind-num-ul{position: relative;z-index:1;margin-top: -73px;}
.ind-num-li{padding-left:65px;float: left;width: 33.3333%;height:145px;color:#fff;background-color: #2b73c6;}
.ind-num-li.bkg1{background-color: #266cbc;}
.ind-num-li.bkg2{background-color: #2166b5;}
.ind-num-li .num{float: left;font-size: 70px;line-height: 145px;}
.ind-num-li-desc{padding-left:20px;padding-top:45px;float: left;line-height: 30px;}
.ind-num-li-desc p{font-size: 20px;}
.ind-num-li-desc span{color: #82a5d8;}
.ind-num-li .tit{margin:0 10px;padding-top:60px;float: left;font-size: 20px;}



.ind-tit{padding-top:55px;padding-bottom:25px;text-align: center;}
.ind-tit p{font-size: 28px;color: #272727;}
.ind-tit span{text-transform: uppercase;color: #cecece;}
.ind-top{background-color: #fbfbfb;}


/*产品*/
.ind-nav{ max-width:1200px; margin:auto;text-align: center; padding-bottom:10px;}
.ind-nav li{padding:0 15px; display:inline-block; vertical-align: top; overflow: hidden;margin-bottom:10px;}
.ind-nav li a{ display:block;background:#f2f2f2; padding:5px 25px; color:#111; line-height: 30px; border-radius: 2px;} 
.ind-nav li a:hover{background:#2b73c6;color:#fff;}
.ind-nav li a.active {background-color: #2b73c6; color:#fff;}


.ind-prod{padding-bottom: 60px; width:100%;}

.ind-prod-ul{ max-width:1200px; margin: 0 auto;}
.ind-prod-li{padding:15px 13px 65px;float: left;width: 100%;height:auto;}
.ind-prod-li a{display: block;transition: all .3s ease;-webkit-transition: all .3s ease;background-color: #fff;}
.ind-prod-li-img{overflow: hidden;}
.ind-prod-li-img img{display: block;width: 100%;border:1px #ccc solid;  }
.ind-prod-li-desc{ padding:10px;text-align: center;color: #898989;height:auto;width:70%;height:30%; position:absolute; bottom:0px;left:15%; background:url(../images/txt-h.png) repeat bottom center;border:2px solid #fff;}
.ind-prod-li-desc p{position:absolute; }
.ind-prod-li-desc .tit{font-size: 16px;color: #292929;position: absolute; top:5%;left:40%; color:#fff;}
.ind-prod-li-desc .text{  top:20%; display:block;word-wrap:break-word;word-break:break-all;  text-align: left; left:0; width:100%; padding:10px; color:#fff;}
.ind-prod-li-desc .pbut{position: absolute;left:30%; bottom:8px;   height:25px;width:100px;  }
.ind-prod-li-desc .pbut a{ color:#fff; display:block;font-size:12px;line-height: 25px; border-radius: 5px;background:#17be05;}
.ind-prod-li a:hover {box-shadow: 0 0 30px 3px rgba(0,0,0,.1);}

.ind-prod-li a:hover .tit{color: #17be05;}
.ind-prod .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 50%;margin-top: -24px;width: 26px;height: 48px;background-repeat: no-repeat;background-position: center;background-size: contain;background-color: transparent;opacity: 1;border-radius: 0;}
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-40px;background-image: url("../images/left.png");}
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px;background-image: url("../images/right.png");}
.ind-prod-li-desc:hover{width:80%;left:10%;}



/*推荐产品*/
.yx-tj{ width:100%; overflow: hidden; background:#f8f8f8 url(../images/pbg.jpg);}
.tj-pro{ max-width:1400px; margin:20px auto; overflow: hidden;}
.tj-pro dl{ width:48%;vertical-align: top; display:inline-block; overflow: hidden;}
.tj-pro dl dt{ float:left; width:100%;}
.tj-pro dl dd{ float:right; width:100%;}
.tj-pro dl img{ width:100%; height:auto;}
.p-titlel{ width:45%; float:right; background:#e94609; padding:15px;  margin-bottom:10px; margin-right:8px; height:260px;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out; position: relative;}
.tj-pro h3{ line-height:100px; text-align: center;color:#fff;}
.tj-pro span{color:#fff; display:block;}

.p-titler{ width:45%; float:left; background:#0764fd; padding:15px; color:#fff; margin-top:5px; margin-left:8px; height:260px;position: relative;}
.p-picl{ margin-right:8px; float:right;width:100%;}
.p-picr{ margin-left:8px; float:left;width:100%;}
.p-titlel:hover,.p-titler:hover{background: #17be05; -moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}
.p-picl:hover{-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;margin-right:25px;}
.p-picr:hover{-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;margin-left:25px;}

.p-titlel em a,.p-titler em a{ position:absolute; bottom:20px; border:1px #fff solid; width:80px; height:30px; display:block; text-align: center; line-height: 30px; color:#fff; border-radius: 5px; font-style: normal; font-size:13px; z-index: 3;}

/*公司简介*/
.index-gy{ background:url(../images/gybg.jpg) no-repeat center top; width:100%; overflow: hidden; padding:30px 0;}
.ind-about{ max-width:1200px; margin: 0 auto;}
.ind-about-img{float: left;width: 50%;}
.ind-about-img img{display: block;width: 100%;}
.ind-about-desc{padding:40px 50px;float: left;width: 50%;color: #686868; }
.ind-about-tit{position: relative;margin-bottom:15px;font-size: 30px;font-weight: bold;}
.ind-about-tit:before{content: '';position: absolute;left: 0;top: -15px;width: 49px;height: 5px;background-color: #17be05;}
.ind-about-p{line-height: 30px;text-indent: 30px;}
.ind-about-btn{margin-top:20px;display: block;width: 120px;line-height: 45px;text-align: center;color: #fff;font-size: 16px;background-color: #17be05;border-radius: 15px;}


/*新闻*/
.index-news{ width:100%;margin-bottom:20px; overflow: hidden; padding-bottom:30px;background:url(../images/nbg.jpg) no-repeat top center;}
.yx-news{max-width:1400px; margin:0 auto; overflow: hidden;}
.news-l{ width:40%; float:left;}
.index_news_tj{ position:relative;}

.news-title{ position:absolute; top:0; width:50%; right:0; background-color:rgba(253,251,251,0.8); height:100%;}
.news-title div{ padding:100px 30px 30px; color:#666;}
.news-bt{ display:block; color:#000; line-height: 50px; font-size:16px;}
.news-title span{ color:#000; font-size:12px; padding-bottom:20px; display:block;}
.news-title p{ line-height:26px; font-size:12px;}
.news-title:hover{width:65%;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}

.news-list{width:60%; float:left; }
.news-list li{ float:left; width:33.3%;}
.yxn-l{ background-color:rgba(253,251,251,0.8);}
.yxn-l:hover{z-index: 3;}
.n-pic{ height:280px; width:100%; overflow: hidden;}
.n-pic img{ width:100%; height:280px;}
.n-pic img:hover{transform: scale(1.2, 1.2);-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}
.n-con{ height:280px; padding:25px;}
.n-con h2{ font-size:16px; line-height: 35px;}
.n-con h2 a{ color:#000;}
.n-text{ color:#777;}


/**首页服务*/
.index-fw{ width:100%; overflow: hidden; background:#f7f7f7 url(../images/cbg.jpg) no-repeat; padding:60px 0;}
.fw-list{ max-width:1400px; margin:20px auto; overflow: hidden;}
.fw-bt{ color:#666; font-size:16px; line-height: 30px;}
.fw-list ul{ padding-top:100px; padding-bottom:90px;}
.fw-list li{ overflow:hidden; position:relative; display:inline-block; vertical-align: top; width:24%;  text-align:center;   font-size:14px; }
.fw-list ul li a { width:150px; height:150px; left:0; top:0; display:block;border:1px solid #e6e7e7;box-sizing:border-box; border-radius:150px;background-position:center 35px; background-repeat:no-repeat; background-color:rgba(255,255,255,0.7); cursor:pointer; transition:.5s all linear; margin:0 auto;}
.fw-list ul li a p {margin-top:110px; color:#505050; transition:.5s all linear;}
.fw-list ul li a:hover {background-color:rgba(233,79,21,0.9); border-color:#e94f15;}
.fw-list ul li a:hover p {color:#fff;}
.t1 a{ background:url(../images/fwzc.png) no-repeat;}
.t2 a{ background:url(../images/fwwl.png) no-repeat; }
.t3 a{ background:url(../images/fwdt.png) no-repeat; }
.t4 a{ background:url(../images/fwjs.png) no-repeat;}
.t1 a:hover{ background:url(../images/fwzc1.png) no-repeat; background-position: center 35px;}
.t2 a:hover{ background:url(../images/fwwl1.png) no-repeat;background-position: center 35px; }
.t3:hover a{ background:url(../images/fwdt1.png) no-repeat;background-position: center 35px; }
.t4 a:hover{ background:url(../images/fwjs1.png) no-repeat;background-position: center 35px;}

.fw-list p{ text-align: center;}
.fw-tel{ display:block; font-size:16px;}
.fw-tel span{ color:#e94609; display:block; font-size:33px; font-weight:100; font-family: Arial," sans-serif"; line-height: 50px;}


.banner-img{height:300px;background-size:auto; background-repeat: no-repeat;background-position: center;}

/*内页*/
.n-main{ width:100%; padding:20px 0;  overflow: hidden;}
.content{max-width:1200px; margin:0 auto;}
.l-left{ float:left; width:20%; overflow: hidden;}
.l-h{ height:65px; background:#fff;  border:1px #ddd solid;}
.l-h h2{ color:#222;  font-size:20px; padding-left:25px;line-height: 40px;}
.l-h span{ padding-left:25px;line-height: 20px; font-size:12px;}
.l-txt{ border:1px #ddd solid; border-top:0px;  overflow: hidden;}
.l-txt li{ padding:10px; line-height: 30px; border-bottom:1px #ccc solid; background:url(../images/li-1.png) no-repeat right center;display:block;}
.l-txt li:last-child{border-bottom:0px #ccc solid;}
.l-txt li a{ color:#555; }
.l-txt li:hover,.l-txt li.on{background: url(../images/li-2.png) no-repeat right center; color:#fff;}

.l-mes{ margin-top:15px; display:none;}
.l-txt form{ padding:8px;}
.n-txt{ height:40px;}
.n-txt input{ border:#ccc solid 1px; height:30px; border-radius: 5px; width:100%; padding-left:8px;}
.n-nr{ height:60px;}
.n-nr textarea{ width:100%;border:#ccc solid 1px;border-radius: 5px;height:60px;padding-left:8px;}
.n-but{ height:40px; margin-top:15px;}
.n-but button{ background:#333; border:none; height:30px; width:80px;color:#fff;border-radius: 5px;}




.r-right{float:right; width:77%;}
.r-site{ height:60px; border-bottom:1px #ccc solid; line-height: 50px; overflow: hidden; font-size:12px; color:#666;}
.r-site h5{ font-size:16px; float:left; color:#000;}
.r-site span{ float:right; background:url(../images/home.jpg) no-repeat left center; padding-left:25px; background-size:20px;}
.r-site span a{color:#666;}


.r-com{ }
.all-con{padding:10px; line-height: 26px;}
.all-bt{ text-align:center; line-height: 35px; font-size:16px; margin-bottom:20px; font-weight: bold;}
.yx-con p{ line-height: 30px;}
.yx-con p img{ width:100%; height:auto; margin:10px auto;}
.yx-con p img:hover{transform: scale(1);
				transition: all 1s ease 0s;
				-webkit-transform: scale(1);
				-webkit-transform: all 1s ease 0s;}


/*留言*/
.quickbox{ width:100%;}

.in5,.in6{ border:1px #ccc solid; height:35px; width:50%; line-height: 35px; padding-left:10px; background:#f7f7f7; color:#666; margin:10px 0;}

.in1{ border:1px #ccc solid;width:90%;height:200px;padding-left:10px; background:#f7f7f7; color:#666;}
.in7{ background:#ff5a33; width:30%; line-height: 40px; color:#fff; border-radius: 10px; font-size:16px;}



/*产品详情*/
.l-cpimg{ width:45%; float:left;}
.l-cpimg img{ border:1px solid #ccc; padding:5px; width:100%;}
.r-cpx{ float:right; width:52%;}
.r-cpx span{ line-height:26px; display:block; background:url(../images/cpl.jpg) no-repeat left top; padding-left:30px;}
.cp-t{ color:#077ccb; font-size:18px; font-weight: bold; background:none!important;  height:40px; border-bottom:1px #ddd dashed;  margin-bottom:15px;}
.r-cpinfo{ width:100%; overflow: hidden;}
.info-t{ border-bottom:1px #ccc solid;}
.info-t span{ background:#17be05; color:#fff; display:block; width:90px; border-radius: 5px 5px 0px 0px; line-height: 35px; padding-left:10px; font-size:14px;}
.r-cpinfo div{ padding-top:20px;}


/*产品分页*/

.pro-list{ width:100%; overflow: hidden;}
.pro-list li{ float:left; width:33.33%; text-align: center;}
.cp-l{margin:15px;border:1px #ccc solid; background:#fff; overflow: hidden;}
.cp-l img{ width:100%; height:auto; display:block; padding:5px; border-bottom:0px;transform: scale(1.0);-webkit-transition: .3s;
  transition: .3s;overflow: hidden;}
.cp-l span{ line-height:40px; height:40px; display:block; border-top:1px #ccc solid;z-index:3px;}
.cp-l a{ color:#000;}
.cp-l:hover{transition: all .3s ease; border:1px solid #ea5f2a;  }



/*新闻分页*/
.yx-xw{width:100%; overflow: hidden; border-bottom:1px #ccc solid; padding-bottom:15px;max-height:330px;position: relative;}
.yx-xw li{}
.xw{ }
.xw-pic{ width:45%;float:left;position: relative;}
.xw-pic span{ position:absolute; bottom:0; right:-8px; background:#077ccb; color:#fff;height:55px; width:90px; text-align: center; font-size:20px; font-weight: bold; line-height:24px;font-family: arial; }
.xw-pic span em{ display:block; font-style: normal;}
.xw-r{ width:53%; float:right; }
.xw-text{ color:#666;}
.xw-r dd{display:block; background:#ddd; width:120px; height:35px; border-radius: 10px; line-height: 35px; text-align: center; margin-top:20px; position: absolute; bottom:30px;}
.xw-r dd a{ color:#000; display:block;}
.xw-r dd:hover a{ background:#077ccb;color:#fff;border-radius: 10px;}


.n-list{ width:100%; overflow: hidden; margin-top:20px;}
.n-list a{ color:#666;}
.n-list dl{ width:100%; overflow: hidden; margin-bottom:15px;max-height:120px; padding:8px; border:1px #f9f9f9 solid; display:block;}
.n-list dl dt{ color:#000; font-size:16px; line-height: 40px; height:40px;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap; background:url(../images/nl.png) no-repeat left center;}
.n-list dl dt span{ padding-left:25px;}
.n-list dl dd{ max-height:50px;}
.n-list dl:hover { background:#fefefe; box-shadow: 0px 0px 10px #ccc; color:#077ccb;}
.n-list dl:hover dt{background:url(../images/nlh.png) no-repeat left center;color:#077ccb;}







@media screen and (max-width: 1200px) {
	.main{width:740px;}
	.head-logo a{padding:0 10px;width: 140px;}
	.head-li{margin-left: 10px;}
	.head-li-pull{display: none;}
	.head-ser-icon{width: 66px;}
	.foot-nav{margin-bottom:20px;width: 100%;}
	.foot-dl{width: 25%;text-align: center;}
	.foot-contact{padding-left: 0;width: 92%; margin:auto;border-left: 0px solid #e3e3e3;}
	.foot-contact-cont{width: 100%;}
	.foot-contact-num{margin-right:60px;float: left;}
	.foot-share{float: left;}
	.foot-contact-chat{float: none;margin: 0 auto;}
	.foot-bot-lf{display: none;}
	.foot-bot-p{width: 100%;text-align: center;}
	
	/*index*/
	.banner-li a{max-height: 530px; background-size: auto 100%;}
	.ind-num-ul{display: none;}
	
	.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-prev{left: 0;}
	.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-next{right: 0;}
	.ind-about-img{width: 100%;}
	.ind-about-desc{width: 100%;}
	.ind-news{padding-bottom: 0;}
	.ind-news-cont{width: 100%;margin-bottom: 30px;}
	.ind-news-ul{width: 100%;}
	.ind-news-li-cont{width: 605px;}
	
	.banner-img{height:300px;background-size:auto; background-repeat: no-repeat;background-position: center;}
	
	.fw-list{width:100%; margin:20px auto; overflow: hidden;}
	.fw-list ul li a { width:150px; height:150px; left:0; top:0; display:block;border:1px solid #e6e7e7;box-sizing:border-box; border-radius:150px;background-position:center 35px; background-repeat:no-repeat; background-color:rgba(255,255,255,0.7); cursor:pointer; transition:.5s all linear; margin:0 auto;}
	
	/**/

	
}

@media screen and (max-width: 740px) {
	.main{width: 100%;}
	.head-logo a{height: 45px;}
	.head-ser-icon{height: 45px;background-size: 20px;}
	.head-ul{position: absolute;left: 0;top: 100%;display:none;width: 100%;background-color: #fff;}
	.head-ul.active{display: block;}
	.head-li{margin-left: 0;width: 100%;padding: 0 20px;}
	.head-li-a{line-height: 40px;border-bottom: 1px dotted #e6e4e4;}
	.head-btn{float: left;padding:15px 15px 0 0;height:45px;display:block;float: right;}
    .head-btn:before{content: '';display: block;width: 14px;height: 2px;background-color: #02529b;transition: all .3s ease;-webkit-transition: all .3s ease;}
    .head-btn:after{content: '';display: block;width: 20px;height: 2px;background-color: #02529b;transition: all .3s ease;-webkit-transition: all .3s ease;}
    .head-btn i{margin:5px 0;display: block;width: 25px;height: 2px;background-color: #02529b;}
    .head-btn.active:before{width: 25px;}
    .head-btn.active:after{width: 25px;}
    .head-ser{width: 100%;padding: 10px;}
    .foot{padding:0 15px;}
    .foot-top{padding:10px 0;}
    .foot-dl{padding:10px 0;width: 100%;text-align: left; border-bottom:1px #ddd dashed;}
    .foot-dt{margin-bottom:0;}
    .foot-dt:after{content: '+';float: right;font-size: 24px;line-height: 16px;font-weight: normal;transition: all .3s ease;-webkit-transition: all .3s ease;}
    .foot-dt.active:after{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    .foot-dd{padding-top:10px;line-height: 35px;display: none;}
    .foot-dd.active{display: block;}
    .foot-contact{border-left: none; width:100%;}
    .foot-contact-num{width: 100%;}
    .foot-share{margin-bottom:15px;width: 100%;}
    .foot-bot{padding: 10px 0;}
    .foot-bot-p{line-height: 20px;font-size: 12px;}
    
    /*index*/
   	body{padding-top: 45px;}
   	.banner-li a{height:auto; background-size: auto 100%;}
	.banner-li a img{ width:100%;}
   	.ind-tit{padding-top: 35px;}
   	.ind-prod{padding-bottom: 0;}
   	.ind-about-p{height: 200px;overflow: hidden;}
   	.ind-prod-nav{margin-bottom: 10px;}
   	.ind-about-desc{padding: 30px 15px;}
   	.ind-about-tit{font-size: 20px;}
   	.ind-news{padding: 0 15px;}
   	.ind-news-li-cont{width: 60%;}
   	.ind-social-ul{margin: 0;padding: 0 5px;}
   	.ind-social-li{padding:5px;width: 50%;}
   	.ind-social-li a{height: 275px;}
	
	.tj-pro{ width:98%; margin:20px auto;}
	.p-picl,.p-picr{ display:none;}
	.p-titler,.p-titlel{ width:100%;margin:0;}
   	
   	/*首页新闻*/
	.news-l{ display:none;}
	.news-list{ width:100%; float:left;}
	.news-list li{ width:100%;height:auto;}
	.yxn-l{ margin:5px;}
	.n-pic{ width:49%; vertical-align: top; display: inline-block; overflow: hidden; height:auto;}
	.n-pic img{ width:100%; height:auto;}
	.n-con{ width:49%;vertical-align: top; display:inline-block;overflow: hidden;height:auto;}
	
	
	/*首页服务*/

	.fw-list ul li a { width:140px; height:140px; left:0; top:0; display:block;border:1px solid #e6e7e7;box-sizing:border-box; border-radius:150px;background-position:center 35px; background-repeat:no-repeat; background-color:rgba(255,255,255,0.7); cursor:pointer; transition:.5s all linear; margin:0 auto;}
	
	.banner-img{height:120px;background-size:auto 100%; background-repeat: no-repeat;background-position: center;}
	
	
	.content{ width:98%; margin:auto; overflow: hidden;}
	.l-left{ width:100%; display:block;}
	.r-right{ width:100%;}
	.l-h{ display:none;}
	.l-txt{ width:100%;border-left:1px #ccc solid; border-right:0; border-top:1px #ccc solid; }
	.l-txt li{ width:25%;float:left; border-right:1px solid #ccc; border-bottom:0px #ccc solid;}
	.l-txt li:first-child{border-left:0px solid #ccc;}
	
	
	.pro-list li{ float:left; width:50%; text-align: center;}
	.cp-l{ margin:5px; }
	
	
	.l-cpimg{ width:100%;}
	.r-cpx{ width:100%;}
	
	.l-mes{ display:none;}
	
	.yx-xw{ height:auto; overflow: hidden;}
	.xw-pic{ width:100%;height:auto;}
	.xw-pic img{ width:100%;height:auto;}
	.xw-r{ width:100%;}
	.xw-r dd{ display:none;}
	
}
@media screen and (max-width:600px) {
	.fw-list ul li { width:49%; margin-bottom:10px;}
	.fw-list ul li a { width:150px; height:150px; left:0; top:0; display:block;border:1px solid #e6e7e7;box-sizing:border-box; border-radius:150px;background-position:center 35px; background-repeat:no-repeat; background-color:rgba(255,255,255,0.7); cursor:pointer; transition:.5s all linear; margin:0 auto;}
	.tj-pro dl{width:100%;}
	.news-list li{ width:100%;}
	.news-list li .n-con{width:100%;}
	.news-list li .n-pic{ width:100%;}

	
}
@media screen and (max-width: 390px ){
   	.ind-social-li a{height: 247px;}
	.tj-pro dl{ width:100%; margin:10px auto;}
	.p-titler,.p-titlel{ width:100%; display:block;}
	
	.news-l{ display:block; width:100%;}
	.news-title{ width:100%; height:100%; padding:0;}
	.news-title div{ padding:0px 20px 30px;}
	.news-title:hover{ width:100%;}
	
	.news-list li{ width:100%;height:auto;}
	.yxn-l{ margin:5px;}
	.n-pic{ width:100%; vertical-align: top; display: inline-block; overflow: hidden; height:auto;}
	.n-pic img{ width:100%; height:auto;}
	.n-con{ width:100%;vertical-align: top; display:inline-block;overflow: hidden;height:auto;}
	
	/*首页服务*/
	.fw-list ul{ width:90%; margin:0 auto;}
	.fw-list ul li { width:49%; margin-bottom:10px;}
	.fw-list ul li a { width:150px; height:150px; left:0; top:0; display:block;border:1px solid #e6e7e7;box-sizing:border-box; border-radius:150px;background-position:center 35px; background-repeat:no-repeat; background-color:rgba(255,255,255,0.7); cursor:pointer; transition:.5s all linear; margin:0 auto;}
	
	.banner-img{height:100px;margin:0 auto; background-size: auto 100%; background-repeat: no-repeat;background-position: center;}
	
	.l-txt li{ width:50%;float:left; }
}
@media screen and (max-width: 350px ){
   	.ind-social-li a{height: 207px;}
	.index-fw{ PADDING:0;}
	.fw-list UL{PADDING: 0;}
	.fw-list ul li { width:49%; margin-bottom:10px;}
	.fw-list ul li a { width:130px; height:130px; left:0; top:0; display:block;border:1px solid #e6e7e7;box-sizing:border-box; border-radius:150px;background-position:center 35px; background-repeat:no-repeat; background-color:rgba(255,255,255,0.7); cursor:pointer; transition:.5s all linear; margin:0 auto;}
	.fw-list ul li a p{ margin-top:100px;}
}












