*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;cursor: pointer; color: #666;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/* *{ transition: all .8s ease; }*/
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name: style_clearfix
Example: class="clearfix|cl"
Explain: Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.fl{ float: left;}
.fr{float: right;}
.fb {font-weight:bold;}
.f12 {font-size:12px;}
.f14 {font-size:14px;font-weight:bold;}
.f141 {font-size:14px;}
.f16 {font-size:16px;font-weight:bold;}
.fm{font-family:"微软雅黑";}
.text-l{text-align:left}/*水平居左*/
.text-r{text-align:right}/*水平居中*/
.text-c{text-align:center}/*水平居右*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}/*上下居顶*/
.va-m{ vertical-align:middle!important}/*上下居中*/
.va-b{ vertical-align:bottom!important}/*上下居底*/
.clear{ clear: both;
height: 0;
width: 0;
zoom: 1;
overflow: hidden;}
.cl:after,.clearfix:after,.container:after{content:"";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.clear{ width: 100%; clear: both; height: 1px;}
#ie9{position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:#00ADB5}
#ie9 h6{ font-size: 20px; text-align: center; padding-top: 80px; color: #fff; font-weight: 100;}
#ie9 ul{ width: 20%; margin:50px auto;}
#ie9 ul li{ width: 50%; float: left; text-align: center;}
#ie9 ul li img{ width: 80px ;}
#ie9 .logo{ float: none;font-weight: initial; cursor: pointer; text-align: center; padding:0 30px; padding-top:50px;letter-spacing: -.5px; text-decoration: none; color: #fff; line-height: 75px; font-size:30px;font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;}
/*公用开始------------------------------------------------------------------*/
.container-fluid{ width:100%}
.container{width: 1180px ; margin: 0 auto;}/*固定外框*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.ml10 {margin-left:10px;_margin-left:5px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.mr10 {margin-right:10px;}
.b-white{ background-color: #fff !important;}
.b-Red{ background-color: #CC0000 !important;}
.b-orange{ background-color: #FF6600 !important;}
.b-yellow{ background-color: #FFFF33 !important;}
.b-green{ background-color: #00CC66 !important;}
.b-Blue{ background-color: #0099FF !important;}
.b-black{ background-color: #000 !important;}
.b-Violet{ background-color: #660066 !important;}
.f-white{color: #fff !important;}
.f-Red{ color: #CC0000 !important;}
.f-orange{ color: #FF6600 !important;}
.f-yellow{ color: #FFFF33 !important;}
.f-green{ color: #00CC66 !important;}
.f-Blue{color: #0099FF !important;}
.f-black{color: #000 !important;}
.f-Violet{color: #660066 !important;}
.f-self{ color: #00ADB5 !important;}
.b-self{ background-color: #00ADB5 !important;}
/*公用颜色------------------------------------------------------------------*/
/*header-top搜索*/
.header-top{ background: #eee;
border-bottom: 1px solid #ddd;}
.header-top .container{ width: 1180px;}
.header-top .fl{ line-height: 35px;}
.ss{background:#fff;height:35px; float: right; width: 300px;border-radius:20px;margin-top: 9px;}
.search{margin:0 auto;}
#formsearch{float:right;line-height:31px;margin-top:2px;}
.s_btn{display: block;width:50px;float:right;cursor:pointer; height: 31px; border: none; color: #fff; background: #10943b;background: url(../images/search.jpg) no-repeat 10px;}
#formsearch input{ float: left;height: 31px; border: none; }
#formsearch input[type="text"]{ padding-left: 15px; width: 220px;}
/*----header------*/
.header{ width: 100%; min-width: 1180px;}
.header .top{ width:1180px; margin:0 auto; padding-top:20px; padding-bottom:75px;}
.header .logo{ float: left;}
.tel{ float:right; margin-bottom:15px; margin-top:5px;}
.index_nav{background:#2269C0;}
.index_nav .nav{ width:1180px; margin:0 auto; height:55px;}
.index_nav .nav li{ width: 147px; float:left; display: inline-block;height:55px;line-height:55px; text-align:center}
.index_nav .nav li a{color: #fff; font-size: 15px; }
.index_nav .nav li a:hover{ background:#8DC53C; display:block}
.index_nav .nav li a.on{background:#8DC53C; display:block; color:#fff;}
/*----banner-----*/
.slideBox{ width:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5%; bottom:5%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
/*----首页内容-----*/
/*chanpin*/
.pro_bg{ background-color:#fff}
.index-product{ width:100%;min-width:1130px; margin-top:30px;}
.pro-title{ text-transform:uppercase; font-size:22px; text-align: center; padding-top:5px;color:#808080;}
.pro-title span{ color:#268bfe}
.pro_wz{ font-size:26px; line-height:36px; text-align:center; color:#06ae7a;}
/*分类*/
.index-prodh{ width:1150px; margin-top:25px; float:left;}
.dhtop{ width:267px; height:90px; float:left; background-color:#2a72c4; text-transform:uppercase; font-size:18px; text-align: center; color:#fff; line-height:36px;}
.dhdi{ width:267px; height:194px; float:left; margin:0px 23px auto; margin-bottom:20px;}
.dhdi-img{ width:376px; float:left;margin:20px 20px auto;}
.index-pronav{ text-align:center; margin:18px 0; width:800px; float:left;margin-left:230px;}
.index-pronav a{ width:115px; height:30px; border:#06ae7a 1px solid; float:left; text-align: center; line-height: 30px; display:inline-block; margin: 10px 10px; color: #545555; font-size: 14px; background: #fff;}
.index-pronav a.on{ background: #fff; float:left; }
.index-pronav a:hover{ background-color:#eab725; color:#ff0000}
/*chanpin*/
.index-proimg ul{ display: none;}
.index-proimg ul li{ width: 261px; float: left; margin-right:28px; margin-bottom:20px; border:1px solid #06ae7a;}
.index-proimg ul li img{ height:230px; }
.index-proimg ul li:nth-child(4),.index-proimg ul li:nth-child(8){ margin-right: 0;}
.index-proimg ul li a{ padding: 10px; display: block; color: #3c241e; font-size: 16px; text-align: center; line-height: 16px;}
.index-proimg ul li a:first-child{height: 235px;}
.index-proimg ul li a img{ width: 100%; max-height: 100%;}
.index-proimg ul li:hover{ border: 1px solid #eeb64b;}
.index-proimg ul li:hover a{ color: #ff5a5d;}
.index-more{color: #333; font-size:13px;display:block;}
.about_bg{ height:420px;}
.index-about{ width:1150px; height:304px; background-color:#f9f9f9; float:left; }
.about-con .about_h { font-size:22px; margin-bottom:20px; margin-top:30px; color:#fff; text-align:center;}
.about-con .about_h span{ color:#5db8f4}
.about-con p{ color:#000;line-height:32px; margin:28px;}
.about-img{ width:376px; float:right}
.about-con{width:736px;float:left;}
.about-more{ width:113px; line-height:40px; background-color:#fff;display:block; text-align:center; margin-top:16px; color:#01458e; margin: 0 auto; margin-bottom:20px;}
.about-more:hover{ }
.aboutnr{ width:1150px; margin: 0 auto;}
.abouttp{ width:406px; float:left;}
.index-youshi{ background-color:#e6e6e6; }
.tit-top{ text-align: center; padding-top:30px; }
.tit-top>p{ text-transform: uppercase; font-size: 30px; color: #4c4c4c; font-weight: 100; height: 50px; }
.tit-top>p span{ margin: 10px auto; color: #10943b; font-size: 30px; position: relative; line-height:30px;}
.tit-top:before{ content: ''; width:200px ; background: url(../images/titlebj.jpg) right; height: 1px; display: inline-block; vertical-align: middle; margin: 0 10px;}
.tit-top:after{ content: ''; width:200px ; background: url(../images/titlebj.jpg) right; height: 1px; display: inline-block; vertical-align: middle;margin: 0 10px;}
.index-hyjy{ width:1150px; height:266px;background: url(../images/hyjy.jpg) no-repeat center;}
.index-hyjy p{ color:#737373;font-size: 14px;}
.index-hyjy ul{ width:540px; float:left; margin-top:87px; margin-left:98px;}
.index-hyjy li{ float:left; line-height:35px;}
.index-cpzl{ width:1150px; margin-top:45px; height:236px;background: url(../images/cpzl.jpg) no-repeat center;}
.index-cpzl p{ color:#737373;font-size: 14px;}
.index-cpzl ul{ width:498px; float:left; margin-top:87px; margin-left:658px;}
.index-cpzl li{ float:left; line-height:35px;}
.index-shengcl{ width:1150px; margin-top:80px; height:236px;background: url(../images/shengcl.jpg) no-repeat center;}
.index-shengcl p{ color:#737373;font-size: 14px;}
.index-shengcl ul{ width:540px; float:left; margin-top:87px; margin-left:98px;}
.index-shengcl li{ float:left; line-height:35px;}
.index-hzxy{ width:1150px; margin-top:60px;height:340px;background: url(../images/hzxy.jpg) no-repeat center; margin-bottom:50px;}
.index-hzxy p{ color:#737373;font-size: 14px;}
.index-hzxy ul{ width:498px; float:left; margin-top:87px; margin-left:658px;}
.index-hzxy li{ float:left; line-height:35px;}
.index-pronav{ text-align: center; margin: 30px 167px; width:900px;}
.index-pronav a{ width: 150px; height: 60px; border-radius:0px ; text-align: center; line-height: 60px; display:inline-block; margin: 0 10px; color: #fff; font-size: 16px; background: #10943b;}
.index-pronav a.on{ background: #10943b;}
.index-proimg ul{ display: none;}
.index-proimg ul li{ width:260px; float: left; margin-right: 40px; margin-bottom:20px;height: 300px; padding-bottom: 10px;background: #10943b;}
.index-proimg ul li:nth-child(4),.index-proimg ul li:nth-child(8){ margin-right: 0;}
.index-proimg ul li a{ padding: 10px; display: block; color: #fff; font-size: 16px; text-align: center; line-height: 16px;}
.index-proimg ul li a:first-child{height: 248px;}
.index-proimg ul li a img{ width: 100%; max-height: 100%;}
.index-proimg ul li:hover{ border: 1px solid #ff0000;}
.index-proimg ul li:hover a{ color: #ff0000;}
.index-more{ width: 194px; height: 44px; border: 1px solid #FF5A5D; color: #FF5A5D; font-size: 16px; display: block; margin: 20px auto 0; line-height: 44px; text-align: center; border-radius:44px ;}
.index-news{ width: 100%; min-width: 1200px;padding: 50px 0;}
.index-news .fl{ width: 59%; margin-top: 20px;}
.index-news .fl>img{float: left;}
.index-news .fl p{ line-height:30px ; font-size: 14px; color: #3c241e; float:left;}
.index-nshow{ width:410px ; float: left; background-color:#f4f4f4;}
.xwtuyi{ width:740px; height:232px;background-color:#f4f4f4; float:left;}
.xwtuer{ width:740px; height:232px;background-color:#f4f4f4; float:left; margin-top:26px;}
.xwtuyi-more{ line-height:40px; text-align:center;color:#10943b; float:right;}
.xwtuyi-more:hover{ color:#ffae00;}
.nwtuyinr{ width:410px; float:left; margin-left:10px;}
.nwtuyinr-title{ text-transform:uppercase; font-size:16px; text-align:left; padding-top:5px;color:#262626; margin-left:10px; margin-top:10px;}
.nwtuyinr-title span{ color:#268bfe}
.nwtuyinr{ font-size:14px; line-height:36px; text-align:left; color:#595959; margin-left:10px; margin-top:10px;}
.new1{ width:382px; height:490px; float:left; background-color:#f4f4f4; }
.new1 ul{ padding-top:20px;}
.new1 ul li{ background:url(../images/nlibg.jpg) no-repeat left center; line-height:30px; }
.new1 ul li a{margin-left:15px;}
.new1 ul li a:hover{ color:#f47026}
.new1 ul li img{ float: left;width: 130px; height: 90px;}
.new1 ul li p{ float:right ; width: 450px;}
.new1 ul li p span{ color: #3c241e; font-size: 16px; line-height: 35px;}
.new1 ul li p a{color: #3c241e; font-size: 14px; line-height: 25px;}
.new2{ float:left; margin-top:5px;}
.index-news .fr{ width:38%; margin-top: 20px;}
.index-news .fr ul li{ width: 90%; margin-bottom: 5px; margin-left:26px;}
.index-news .fr ul li img{ float: left;width: 130px; height: 90px;}
.index-news .fr ul li p{ float:right ; width:350px;}
.index-news .fr ul li p span{ color: #3c241e; font-size: 16px; line-height: 35px;}
.index-news .fr ul li p a{color: #3c241e; font-size: 14px; line-height: 25px;}
.index-napa{ width: 100%; min-width: 1200px; background: url(../images/probj.jpg); padding: 50px 0;}
.slideBox2{ width:100%; margin-top: 30px; overflow:hidden; position:relative; }
.slideBox2 .hd{ height:15px; padding-top: 30px; width: 100%; overflow:hidden; text-align: center; }
.slideBox2 .hd li{ display: inline-block; width: 40px; height: 6px;margin-left: 5px; background: #c2e5ed;}
.slideBox2 .hd li.on{background: #ff5a5d}
.slideBox2 .bd{ position:relative; height:195px; z-index:0; }
.slideBox2 .bd ul{ float: left;}
.slideBox2 .bd li{ zoom:1; vertical-align:middle;text-align: center; width: 216px; margin-left:30px ; float: left;}
.slideBox2 .bd ul li a{ font-size: 14px; text-align: center; color: #3c241e; line-height: 40px;}
.slideBox2 .bd ul li:first-child{ margin-left: 0;}
.slideBox2 .bd img{ width:100%; height:150px; display:block; }
/*----底部-----*/
.youqing{ background:url(../images/link_tt.jpg) no-repeat; width: 1180px;margin:0 auto;height:150px;}
.yqlj{ width:1180px; margin:0 auto; }
.yqlj a{ display: inline-block; padding: 0 10px;}
.footer{ background-color:#333333;}
.foot{ width:1180px; margin:0 auto;color:#fff}
.foot a{ color:#fff}
.footer .fl{ width: 70%; padding-top: 20px;}
.footer .fl p{font-size: 14px; line-height: 25px;}
.footer .fl p a{font-size: 14px;}
.footer .fr{ width:30%; text-align:right;font-size: 14px; margin-top:30px;}
.footer .fr a{font-size: 14px;}
.index-join{ height: 220px;width: 100%; overflow: hidden; min-width: 1200px; background: url(../images/join.jpg) no-repeat center top; }
.join-more{ width: 240px; height: 50px; border: 3px solid #ff5a5d; text-align: center; color: #ff5a5d; font-size: 22px; line-height: 50px; display: block; margin: 115px auto 0;}
/*----内页-----*/
.main-page{ padding-top: 30px; padding-bottom:20px;}
.onurl{ width: 100%;color:#333; line-height: 35px; margin-bottom: 20px; border-bottom:#ccc 1px solid}
.onurl a{ color:#333; padding:0 5px;}
.onurl a img{ vertical-align: middle; margin-right: 5px;}
/*----内页左-----*/
.page-left{ width: 260px; float: left;}
.page-left .left-nav li{ margin-bottom: 2px; height:43px; text-align: center;line-height: 43px; background: #ccc;}
.page-left .left-nav li a{ color:#333 ; font-size:14px ;}
.page-left .left-nav li hover{ color:#ff0000 ; font-size:14px ;}
.leftBox{ width:100%; overflow:hidden; position:relative; margin-top: 10px; }
.leftzz{position:absolute; left: 0;top: 0; z-index: 666;}
.leftBox .hd{ height:15px; overflow:hidden; position:absolute; right:5%; bottom:5%; z-index:1; }
.leftBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.leftBox .hd ul li{ float:left; margin-right:2px; width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.leftBox .hd ul li.on{ background:#f00; color:#fff; }
.leftBox .bd{ position:relative; height:100%; z-index:0; }
.leftBox .bd li{ zoom:1; vertical-align:middle; }
.leftBox .bd img{ width:100%; display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.leftBox .prev,
.leftBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.leftBox .next{ left:auto; right:3%; background-position:8px 5px; }
.leftBox .prev:hover,
.leftBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.leftBox .prevStop{ display:none; }
.leftBox .nextStop{ display:none; }
.left-cont{ margin-top: 20px; border:1px solid #ccc;}
.leftrwm{ width: 240px; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px solid #fff;}
.leftrwm .fl{ width: 150px; color: #fff;}
.leftrwm .fr{ width: 80px;}
.left-tal{ width: 240px;margin: 0 auto; padding: 15px 0;border-bottom: 1px solid #fff;}
.left-tal p{ font-size:16px ; color: #000;}
.left-tal span{ color: #fff; font-size: 30px; line-height: 100%;}
.left-us{ width: 240px;margin: 0 auto;}
.left-us p{ color: #fff; line-height: 24px;}
/*pages开始--------------------------------------------------------------------------*/
.pages{ height: 35px; padding: 20px 0; margin: 0 auto; text-align: center;}
/*----内页右-----*/
.page-right{ width:900px; float:right;}
.page-about,.page-news,.page-messages,.page-product{}
.page-newshow{ padding-top: 20px;}
.page-newshow a {text-decoration: none;color:#0f68b9;}
.page-newshow a:hover{text-decoration:underline;}
.page-newshow h2{ font-size: 16px;font-weight: bold;line-height: 36px;}
/*----内页关于-----*/
.page-about img{ max-width: 100%; display: block; margin: 20px auto;}
.page-about p{ font-size: 16px; color: #3c241e; text-indent: 28px;}
/*---内页新闻---*/
.newsList li{ padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ccc;}
.newsList li p{padding-top: 20px;}
.newsList li .lhfl{ width:70px; height: 80px; float: left; background: #f2f2f2;}
.newsList li .lhfl p{ width: 70px; text-align: center; color:#3C241E; padding-top: 0;}
.newsList li .lhfl p b{ font-size: 28px; line-height: 47px;}
.newsList li:hover .lhfl{ background: #33619C;}
.newsList li:hover .lhfl p{ color: #f7f7f7;}
.newsList .lhfr{ width:810px; float: right;}
.newsList .lhfr .lhxq{ height: 30px; display:block; width: 100px; font-weight: 100; line-height: 30px; font-size: 14px; text-align: center; float: right; border: 1px solid #ccc;}
.newsList .lhfr .lhjt{ background: url(../images/jt.jpg) no-repeat left -33px; height: 33px; display:block; width: 33px; float: right;}
.newsList .lhfr:hover .lhjt{background: url(../images/jt.jpg) no-repeat left 0;}
.newsList .lhfr span{ font-size: 14px;}
.newsList .lhfr .dateTitle { display: block; color: #333; font-size: 18px; }
.newsList .lhfr p{ display: inline-block; width:100%;}
.newsList li:hover .lhfr .dateTitle{ color: #ee4b4e;}
.newsList li:hover a{ text-decoration:none ;}
/*---内页产品---*/
.page-pro li{ width: 208px; float: left; margin-right:15px;border: 1px solid #eee; margin-bottom:10px;}
.page-pro li:hover{ border:1px solid #33619C;}
.page-pro li:hover P{ background: #33619C;}
.page-pro li:hover P a{ color: #fff;}
.page-pro li p a{ color: #000;}
.page-pro li p{ background: #eee;}
.page-pro li>a{ display: block; width: 208px; height:170px; line-height: 170px; text-align: center;}
.page-pro li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.page-pro li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;}
.lhtab{ width: 100%; line-height: 50px; height: 50px; background: #33619C; margin: 30px auto;}
.lhtab span{ width: 148px;display: block; height: 48px; font-size: 14px; color: #fff; float: left; border: 1px solid #33619C; text-align: center;}
.lhtab span.on{ background: #fff; color: #33619C;}
/*---内页留言---*/
.massages span{ width: 30%; display: block; float: left; margin-right:5% ; margin-bottom: 20px;}
.massages input[type="text"]{ width: 100%; text-indent: 15px; border: 1px solid #ddd; border-radius: 4px; line-height: 35px; }
.massages div input[type="text"]{ width: 150px; }
.massages div {padding-bottom:20px ;}
.massages textarea{ clear: both; display: block; width: 96%; padding: 0 2%; height: 100px;border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px;}
.submit{ background: #33619C; color: #fff; display: block; width: 80px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center; border: none;}
.lh615{ line-height: 30px; margin: 0 10px; text-align: center; border: none;}
/*---内页新闻详情---*/
.newshowheader h1 { text-align: center;
margin-bottom: 20px;
font-size: 24px;
font-weight: 600
}
.newshowheader .article-info {
height: 30px;
line-height: 30px;
color: #666;
text-align: center;
border-bottom: 1px solid #ddd;
}
.newshowheader .article-info .split {
margin: 0 10px;
color: #ddd
}
.page-newshow p{ line-height: 26px; text-indent: 28px;}
/*---内页联系我们---*/
.pconus{ background: url(../images/contentimg.png) no-repeat right center; height: 180px; padding-top: 20px;}
.pconus p{ color: #3c241e;}
/*---n内页招商加盟---*/
.join-list{ margin-top: 30px; padding-left: 30px;}
.join-list .jointitle{ font-size: 16px; font-weight: bold; color: #ff9900;}
.join-list p{color: #3c241e;}
/*---内页产品详情---*/
.page-productshow{ padding-top: 10px;}
.page-productshow .fl{ width: 310px; height: 310px;}
.page-productshow .fr{ width: 570px; height: 310px;}
.page-productshow .fl{ line-height: 310px;background: #f8f8f8;}
.page-productshow .fl .bd { width: 310px; margin: 0 auto;}
.page-productshow .fl .bd img{width:310px; max-height: 310px;}
.page-productshow .fr{ background: #f8f8f8;}
.page-productshow .fr h1{ font-size: 28px; color: #3c241e; line-height: 80px; width:480px ;font-weight: 300; margin: 0 auto 20px; border-bottom: 1px solid #ddd;}
.page-productshow .fr p{font-size: 16px; color: #3c241e; margin: 0 auto; line-height: 30px; width:480px ;}
.abimg{ position: relative;}
.abimg a{position: absolute; bottom:20px ; height: 45px; line-height: 45px;}
.abimg a.prev{left:calc(310px + 65px);left:-webkit-calc(310px + 65px);}
.abimg a.next{left:calc(310px + 125px);left:-webkit-calc(310px + 125px);}
.page-procon{ clear: both; padding: 40px 0; border-bottom: 1px solid #ddd;}
.page-procon p{ line-height: 26px; color: #3c241e;}
.page-procon h2{ font-size: 16px;font-weight: bold;line-height: 36px;}
.page-procon a {text-decoration: none;color:#0f68b9;}
.page-procon a:hover{text-decoration:underline;}
.abptit{ font-size: 20px; background: #33619C;color:white;margin:5px 0;padding-left: 10px; line-height: 45px;}
.about-pro ul li{ width: 205px; float: left; margin-right:18px;}
.about-pro ul li>a{ display: block; width: 205px; height:153px; line-height: 153px; text-align: center; overflow: hidden;}
.about-pro ul li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.about-pro ul li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;}
.about-newspro ul li{ width:400px; float: left; margin-right:30px;}
.about-newspro ul li>a{ display: block; width: 280px; height:200px; line-height: 200px; text-align: left;}
.about-newspro ul li>a img{ max-width: 100%; max-height:100% ; margin: 0 auto;}
.about-newspro ul li p{ line-height: 40px; text-align: left; font-size:14px ; color: #3c241e;}
.listname{ background: #f4f4f4; padding: 23px; font-size:14px ; margin: 10px auto 20px;}
/*---分页---*/
.pagination {
display: inline-block;
padding-left: 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #33619C;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #ee4b4e;
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
background-color: #33619C;
border-color: #33619C;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}
.pagetb{border-top:1px solid #ccc ; margin: 40px auto;}
.pagetb p{ line-height: 40px; border-bottom:1px solid #ccc ;}
.insBanner{ width: 100%;}
.insBanner img{ width: 100%;}
.m{ width:1180px; margin:0 auto;}
.logo{ margin-top:5px; margin-bottom:30px; padding-right:35px;}
.dw {
height: 50px; position:relative;
margin-top:45px;
padding-left: 35px;
text-align: left;
}
.dw h5{ color:#309e03 ;font-size:17px; color:#666; letter-spacing:2px;font-weight: normal;}
.dw p{color:#303030;font-size:18px; margin-top:3px; }
.tel{text-align:left; position:relative; text-align:left; position:relative; left:-30px;}
.tel::before{ content:url(../images/tel.jpg); position:absolute; left:-60px; top:50px;}
.tel span{font-size:14px;color:#666; line-height:20px; display:inline-block; margin-top:50px; }
.tel p{ font-size: 24px; color: #2269c0; font-family:Arial; font-weight:600; line-height:30px;}
.zhengce{ height:237px; background:url(../images/zhengce_bg.jpg) center no-repeat;margin-top: 15px;}
.zhengce>div{ width:300px; margin-left:237px; margin-top:34px;}
.zhengce>div h5{ font-size:15px; font-weight:600; text-align:left; margin-left:30px; margin-bottom:20px;}
.zhengce>div p{ font-size:15px; line-height:28px; color:#666;}
.zhengce .fr{ margin-right: 80px;}
.pro{ background:#f9fcff; padding-top:20px; padding-bottom: 35px;}
.pro h2 { margin-top:25px; margin-bottom: 22px; height: 50px; text-align:center;}
.pro h2 span{ font-size:24px; color:#fff; font-weight:600; width:100%; height:100%; display:block;}
.pro h2 p{ font-size:18px; color:#7ebfe8; font-weight:100; text-align:center;}
.pro .fl{ width:290px; height:569px; background:#046fcd;}
.fenlei{ width:274px; background:#fff; border-radius:8px; margin:0 auto; box-sizing:border-box; padding-top:25px;}
.pro .fl ul{ display:block; width:240px; margin:0 auto;}
.pro .fl ul li{ width:240px; height:40px; background:#046fcd; float:left; box-sizing:border-box; position:relative; margin-bottom:33px;}
.pro .fl ul li:hover{ background:#8dc53c;}
.pro .fl ul li:after{ content:url(../images/pro_li_b.jpg);}
.pro .fl ul li a{ font-size:15px; color:#fff; line-height:40px; padding-left:10px; height:40px; display:block;}
.pro .fl ul li a:before{ content:url(../images/pro_btn.png); margin-right:8px;}
.pro .fr{ width:845px;}
.pro .fr h3{ height:60px; background:url(../images/pro_r_tt.jpg) left center no-repeat #efefef; margin-bottom:20px;}
.pro .fr h3.hd ul li{ width:120px;font-size: 16px;
font-weight: normal; height:44px; color:#fff; float:left; margin-right:12px; text-align:center; line-height:44px; position:relative;}
.pro .fr h3.hd ul li.on:after{ content:"——"; position:absolute; color:#fff; top:19px; left:40px; font-weight:600;}
.pro .fr .more_r{ float:right;MARGIN-RIGHT: 10PX;
MARGIN-TOP: 5PX;}
.pro .fr .more_r a{ font-size:14px; line-height:45px;}
.pro .fr .bd ul{ width:940px;}
.pro .fr .bd ul li{ width:268px; float:left; margin-right:16px; margin-right:10px;}
.pro .fr .bd ul li{}
.pro .fr .bd ul li .img{ width:268px; height:207px; background:#fff; border:1px solid #d8dbdb;box-sizing:border-box; padding:4px;}
.pro .fr .bd ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.pro .fr .bd ul li .img img{ width:100%; height:100%; transition:all ease 300ms;}
.pro .fr .bd ul li:hover .img img{ transform:scale(1.1,1.1);}
.pro .fr .bd ul li h5 a{ font-size:15px; color:#333; font-weight: normal; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px;}
.pro .fr .bd ul li h5{text-align:center;}
.pro_tel{ width:239px; height:326px; margin:0 auto; background:url(../images/pro_l.jpg) center no-repeat; position:relative;}
.pro_tel p{ color:#666; font-size:14px; position:absolute; top:99px; left:103px;}
.pro_tel span{ display:block; color:#046fcd; font-size:18px;}
/*pro end*/
.glow{ height:797px; background:url(../images/glow_bg.jpg) center no-repeat;}
.glow .m{ position:relative;}
.glow ul li{ width:268px; position:absolute;}
.glow ul li h5{ font-weight:600; color:#fff; font-size:18px; text-align:left;}
.glow ul li p{ color:#fff; font-size:13px; line-height:24px;}
.glow1{ left:79px; top:275px;}
.glow2{ left:850px; top:275px;}
.glow3{ left:79px; top:440px;}
.glow4{ left:850px; top:440px;}
.glow5{ left:482px; top:631px;}
/*glow end*/
.case{height:532px;}
.case .tt{ background:url(../images/case_tt.jpg) center top no-repeat;}
.case .hd{ width:575px; height:50px; box-sizing:border-box; border:3px solid #046fcd; margin:0 auto; margin-bottom:30px;}
.case .hd ul li{ width:25%; height:44px; text-align:center; line-height:44px; float:left; border-left:1px solid #046fcd; box-sizing:border-box;}
.case .hd ul li a{ display:block; font-size:18px; font-weight:100; color:#333;}
.case .hd ul li.on{ background:#046fcd;}
.case .hd ul li.on a{ color:#fff;}
.case .bd ul{ width:1300px;}
.case .bd ul li{ width:374px; height:359px; background:#e9e9e9; float:left; margin-right:30px;}
.case .bd ul li h5{ height:32px; line-height:32px; color:#fff; background:rgba(0,0,0,0.5); margin-top:-33px; text-align:left; position:relative; padding-left:30px;}
.case .bd ul li a{ width:100%; height:247px; overflow:hidden; display:block;}
.case .bd ul li a .img{ width:100%; height:100%;}
.case .bd ul li a .img img{ width:100% !important; height:100% !important; transition:all ease 300ms;}
.case .bd ul li a .img img:hover{ transform:scale(1.1,1.1);}
.case .bd ul li p{ width:326px; font-size:14px; line-height:24px; height:72px; overflow:hidden; color:#666; margin-left:20px; margin-top:15px;}
.case .bd ul li p:before {
content: url(../images/case_icon.jpg);
margin-right: 15px;
height: 80px;
display: block;
width: 40px;
float: left;
}
.chen{ color:#ff9c32;}
.tt{ text-align:center; margin-top:30px; }
.tt h5{ font-size:30px; color:#333; font-weight:600; padding-top:15px;}
.tt p{ font-size:18px; color:#333;font-weight: normal;}
/*case end*/
/*bn1*/
.bn1{ width:100%; height:268px; background:url(../images/banner1.jpg) center bottom no-repeat; padding-top:1px; margin-top:20px;}
.bn1 span{ font-size:18px; color:#fff; margin-left:964px; margin-top:88px; display:block;}
.bn1 p{ font-size:30px; color:#fff; margin-left:964px;}
.bn1 b{ font-weight: normal; font-size:18px; padding:3px 15px; border-radius:25px; color:#147128; background:#fff; margin-left:964px; display:inline-block; margin-top:10px;}
/*bn1 end*/
/*ys*/
.ys{ padding-top:30px; background:url(../images/ys_bg.jpg) center bottom no-repeat; }
.ys .m{ height:600px;}
.ys_tt{ text-align:center; background:url(../images/ys_tt.jpg) top center no-repeat; padding-top:15px;}
.ys_tt b{ font-size:30px; color:#454545; font-weight:600; }
.ys_tt p{ font-size:30px;}
.ys ul{ margin-top:40px; margin-left:566px;}
.ys ul li{ width:610px; height:57px; line-height:57px;}
.ys ul li p{ font-size:14px; line-height:30px; font-size:16px;}
.ys ul li p b{ color:#fff; display:inline-block; width:140px;}
/*ys end*/
/*about*/
.about{ width:100%; height:410px; margin-top: -50px;}
.about .tt{ background:url(../images/about_tt.jpg) center no-repeat; padding-top:15px;}
.about .img{ width:543px; height:302px; float:left; margin-top:30px;}
.about .img img{ width:100%; height:100%;}
.about .txt{ width:526px; float:right; margin-right:60px;}
.about .txt h5{ font-size:16px; text-align:left; font-weight:600; line-height:50px; margin-top:50px;}
.about .txt p{ font-size:13px; color:#666; line-height:24px; overflow:hidden; }
.about .txt a{ font-size:13px; margin-top:20px; display:block; color:#046fcd; border:1px solid #046fcd; width:83px; height:30px; line-height:30px; text-align:center;}
.qyfc{ position:relative; margin-top:48px; }
.qyfc .parHd{ width:128px; height:50px; box-sizing:border-box; border:3px solid #046fcd; margin:0 auto; margin-bottom:30px;}
.qyfc .parHd ul li{ width:100%; height:44px; text-align:center; line-height:44px; float:left;}
.qyfc .parHd ul li a{ display:block; font-size:18px; font-weight:100; color:#333;}
.qyfc .parHd ul li.on{ background:#046fcd;}
.qyfc .parHd ul li.on a{ color:#fff;}
.qyfc .parBd ul li{ width:279px; height:198px; float:left; margin-right:16px; overflow:hidden; position:relative;}
.qyfc .parBd ul li img{ width:100%; height:100%; transition:all ease 300ms;}
.qyfc .parBd ul li:hover img{ transform:scale(1.1,1.1);}
.qyfc .parBd ul li h5{ width:100%; height:100%; background:rgba(0,0,0,0.4); color:#fff; font-size:16px; line-height:181px; text-align:center; position:absolute; transition:all ease 300ms; left:-279px; bottom:0;}
.qyfc .parBd ul li:hover h5{ left:0;}
.qyfc .sPrev,.qyfc .sNext{ width:51px; height:51px; position:absolute; top:120px;}
.qyfc .sPrev{ background:url(../images/lll.jpg) center no-repeat; left:0; }
.qyfc .sNext{ background:url(../images/rrr.jpg) center no-repeat; right:0;}
.qyfc .tempWrap{ margin:0 auto;}
/*about end*/
/*bn2*/
.bn2{ width:100%; height:219px; background:url(../images/banner2.jpg) center no-repeat; padding-top:110px; margin-top:35px; box-sizing:border-box;}
.bn2 span{ font-size:24px; color:#fff;margin-left:10px;}
.bn2 p{ font-size:24px; color:#fff; margin-left:175px;}
.bn2 a{ font-size:18px; padding:5px 10px; border-radius:15px; color:#fff; background:#8dc53c;display:inline-block; margin-top:10px; margin-left:15px; }
/*bn2 end*/
/*news*/
#news {
width: 100%;
margin-top: 20px;
height: 426px;
overflow: hidden;
}
.news {
width: 1180px;
height: 490px;
overflow: hidden;
}
.news_l .hd{ width:750px; height:40px; background:#dedfe3; margin-top: 12px;}
.news .hd ul li{color:#33; width:143px; height:40px; margin-right:15px; line-height:40px; text-align:center; float:left; }
.news .hd ul li.on{ background:#046fcd; color:#FFF; color:#fff; }
.news h5 {
font-size: 14px;
font-weight: 600;
color: #333;
width: 410px; text-align:left;
line-height: 31px;
margin-top: 10px;
}
.news p{ font-size:13px; line-height:24px; height:48px; overflow:hidden; font-weight:100; color:#666; width:410px;}
.news_l{ width:771px;}
.new1 {
width:320px;
height: 342px;
}
.news_l ul li span {
display: inline-block;
width: 64px;
height: 67px;
border: 1px solid #666;
font-size: 14px;
color: #333;
text-align: center;
float: left;
margin-right: 18px;
margin-top: 16px;
}
.news_l ul li b{ font-size:24px; color:#333; display:block; font-weight:100; border-bottom:1px dashed #666; text-align:center; line-height: 34px;}
.new_img {
margin-top: 10px;
display: block;
}
.new_img img{ width:320px; height:218px;}
.news_l .bd ul li {
height: 101px; margin-bottom:12px; border-bottom:1px solid #ddd; float:right; margin-right:20px;
width:410px;
}
.new_text{width:100%;}
.hy_btn{ margin-left:-30px;}
/*cjwt*/
.cjwt {
width: 376px;
position: relative; padding-top: 10px;
}
.tt2{ height:44px; background:url(../images/link_tt.jpg) top left no-repeat; padding:0 30px;padding-right: 10px;}
.tt2>a{ height:44px; line-height:44px; color:#fff;}
.more_r{ height:19px; margin-top:15px; float:right;}
.more_r a{ color:#888; font-size:12px; line-height:19px; display:block; text-align:center; font-weight:100;}
.cjwt_box{ margin-top:15px; }
.cjwt ul {
width: 357px;
height: 235px;
margin-top: 20px;
/* overflow: hidden; */
}
.cjwt ul li {
width: 100%;
border-bottom: 1px solid #C2C1C0;
margin-top: 7px;
}
.da {
line-height: 24PX;
height: 33px;
color: #555;
padding-left: 23px;
overflow: hidden;
position: relative;
font-size: 12px;
}
.wen a {
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
}
.wen::before {
color: #C99968;
font-size: 18PX;
margin-right: 5px;
margin-top: 15px;
}
.da::before {
color: #C99968;
position: absolute;
font-size: 18PX;
margin-left: -23px;
}
/*news end*/
#header_logo {
background: url(../images/logo.jpg) no-repeat;
overflow: hidden;
text-indent: -99em;
display: block;
width:375px;
height:104px;
cursor: pointer;
float: left;
margin-top: 0px;
}