@charset "utf-8";
/* CSS Document */
/* CSS Document */
*{ margin:0; padding:0; }
img{ border:none;}
ul,li,ol{ list-style-type:none;}
a{text-decoration:none; border:none;}
a:hover{text-decoration:none; border:none;}
h1, h2, h3, h4, h5, h6, p{ text-decoration:none; border:none;}
table, div{ margin:0 auto;}
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend{ margin:0; padding:0;}
body{font-family:Arial,"Microsoft YaHei"; font-size:14px; width:100%; min-width:1400px; background:#fff; color:#666;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/* All */
.title-a{width:100%; height:114px; background:url(../images/d.jpg) repeat-x left center;}
.title-a h1{width:182px; height:114px; background:url(../images/t-bj.jpg) no-repeat center center; color:#313131; font-size:30px; text-align:center; line-height:114px; display:block; margin:0 auto; font-weight:normal;}
.title-b{width:100%; height:54px; background:url(../images/d.jpg) repeat-x left 56px; padding-top:30px;}
.title-b h1{width:182px; height:54px; background:url(../images/t-bj.jpg) no-repeat center center; color:#313131; font-size:30px; text-align:center; line-height:54px; display:block; margin:0 auto; font-weight:normal;}


/* Top */
.top-w{width:100%; height:105px;}
.top-n{width:1200px; height:105px; margin:0 auto;}
.logo{width:242px; height:70px; margin-top:18px;}
.top-r{width:740px; height:105px;}
.top-r-t{width:310px; height:50px; border-bottom:1px dashed #ddd; float:right; background:url(../images/tel.jpg) no-repeat left center; line-height:50px; text-align:right; }
.top-r-t li{width:80px; float:right; text-indent:22px; text-align:left; display:block; font-size:12px; color:#aaa;}
.top-r-t li a{color:#aaa;}
.top-r-t li a:hover{color:#14a83b;}
.cn{background:url(../images/cn.jpg) no-repeat left center;}
.en{background:url(../images/en.jpg) no-repeat left center;}
/* Menu */
.meun-w{width:740px; height:54px; float:right;}
#nav {padding:0; margin:0; list-style:none; height:54px; z-index:1; width:740px; margin:0 auto;}
#nav li{float:left; text-align:center;  height:54px; width:123px; color:#636363; font-size:14px; line-height:54px;}
#nav li a{display:block; width:123px; height:54px; color:#636363;}
#nav li a:hover{color:#2a71b9;}
#nav > .xl{background:url(../images/bn-d.png) no-repeat 95px center;}
#nav > .xl a:hover{background:url(../images/bn-d2.png) no-repeat 95px center;}
#nav li:hover{position:relative; z-index:200;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover ul.sub{left:0px; top:54px; white-space:nowrap; width:123px; height:auto; z-index:999999; }
#nav li:hover ul.sub li{display:block; height:33px; position:relative; float:left; width:123px; font-weight:normal;  line-height:33px; font-size:13px; color:#fff;}
#nav li:hover ul.sub li a{display:block; font-size:13px; height:32px; width:123px; line-height:32px; text-decoration:none;color:#fff; background:#2a71b9; border-bottom:#aaa 1px dotted;}
#nav li:hover ul.sub li a:hover{color:#fff; background:#14a83b;}
/* Banner */
.banner{width:100%; height:500px; margin:0 auto; overflow:hidden;}
.flexslider{width:100%; height:500px; overflow:hidden; margin:0 auto;}
.flexslider .slides > li{display:none;}
.flexslider .slides a{width:100%; height:500px;display:block;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides{display:block;}
* html .slides{height:1%;}.no-js .slides > li:first-child{display:block;}
.flexslider{position:relative;zoom:1;}
.flexslider .slides{zoom:1;}.flexslider .slides > li{position:relative;}
.flex-caption{background:none;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1;}
.flex-caption{width:96%;padding:2%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px;}
.flex-direction-nav{height:0;overflow:hidden;}

.flex-direction-nav li a{display:none; width:47px; height:80px; position:absolute; top:50%; margin-top:-40px; cursor:pointer; text-indent:-9999px;}
.flex-direction-nav li a.next{right:0;background:url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}

.flex-direction-nav li a.next:hover{}.flex-direction-nav li a.next:active{background:url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left:0;background:url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}

.flex-direction-nav li a.prev:hover{}.flex-direction-nav li a.prev:active{background:url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;}

.flex-control-nav{position:absolute; bottom:20px; left:60%; width:55%; margin-left:-200px;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline;margin-right:10px;margin-bottom:6px;}
.flex-control-nav li a{display:block;width:10px;height:10px;background:url("../images/bg_control_nav.png") no-repeat scroll 0 0 transparent;_background:url("../images/bg_control_nav-0.png") no-repeat scroll 0 0 transparent;cursor:pointer;text-indent:-9999px;}
.flex-control-nav li a:hover{background-position:0 -10px;_background:url("../images/bg_control_nav-1.png") no-repeat scroll 0 0 transparent;}
.flex-control-nav li a.active{background-position:0 -20px;_background:url("../images/bg_control_nav-2.png") no-repeat scroll 0 0 transparent;cursor:default;}
/* Notice */
.notice-w{width:100%; height:50px; line-height:50px; line-height:50px; background:url(../images/line01.jpg) repeat-y;}
.notice-n{width:1200px; height:50px; margin:0 auto; background:url(../images/lb.png) no-repeat left center;}
.notice-n span{float:left; margin-left:30px; color:#fff; font-weight:bold;}
#callboard {
  width:600px;
  margin-left:0px;
  height:50px;
  line-height:50px;
  overflow:hidden;
  font-size:12px;
  color:#fff;
}
#callboard li a{color:#fff;}

/* Adv */
.adv-w{width:100%; height:324px;}
.adv-n{width:1200px; height:210px; margin:0 auto;}
.adv-ind{width:1200px; height:210px;}
.adv-ind li{width:180px; height:210px; float:left; display:block; margin:0 60px; overflow:hidden; cursor:pointer;}
.adv-ind li span{width:116px; height:93px; background:#0f57a9; display:block; border-radius:58px; margin:0 auto; padding-top:23px; text-align:center;}
.adv-ind li:hover span{background:#14a83b; -webkit-transition:color 0.2s linear, background 0.2s linear; -moz-transition:color 0.2s linear, background 0.2s linear; -o-transition:color 0.2s linear, background 0.2s linear; transition:color 0.2s linear, background 0.2s linear;}
.adv-ind li h1{width:100%; height:30px; line-height:30px; font-size:20px; color:#313131; text-align:center; margin-top:20px; font-weight:normal;}
.adv-ind li h2{width:100%; height:24px; line-height:24px; font-size:14px; color:#8e8e8e; text-align:center; font-weight:normal;}

/* Pro-ind */
.pro-ind-w{width:100%; height:510px;}
.pro-ind-n{width:1200px; height:396px; margin:0 auto;}
.rollBox2{width:1200px; height:309px; overflow:hidden;}
.rollBox2 .LeftBotton2{height:260px;width:14px; background:url(../images/button2.png) no-repeat  left center;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox2 .RightBotton2{height:260px;width:14px;background:url(../images/button2.png) no-repeat  right center;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox2 .Cont2{width:1172px;overflow:hidden;float:left;}
.rollBox2 .ScrCont2{width:10000000px;}
.rollBox2 .Cont2 li{width:258px; float:left;  height:309px; text-align:center; margin:0 18px 0 17px; display:block;}
.rollBox2 .Cont2 li img{display:block; float:left; width:258px; height:258px;}
.rollBox2 .Cont2 li span{width:258px; height:50px; background:#0f57a9; color:#fff; text-align:center; line-height:50px; border-top:1px solid #fff; border-radius:0 0 10px 10px; display:block; float:left;}
.rollBox2 .Cont2 li:hover span{background:#14a83b;}
.rollBox2 .Cont2 a:link,.rollBox2 .Cont2 a:visited{color:#fff; text-decoration:none; font-size:16px;}
.rollBox2 .Cont2 a:hover{color:#fff;}
.rollBox2 #List1,.rollBox2 #List2{float:left;}
.pro-ind-n .more{ width:120px; height:70px; margin:0 auto; background:url(../images/more.jpg) no-repeat center 40px; text-align:center; line-height:60px;}
.pro-ind-n .more a,.pro-ind-n .more a:hover{color:#14a83b; font-size:15px;}

/* About-ind */
.about-ind-w{width:100%; height:334px; background:#ebebeb;}
.about-ind-n{width:1200px; height:334px; overflow:hidden; margin:0 auto;}
.about-ind-l{width:491px; height:334px;}
.about-ind-r{width:638px; height:334px; margin:0 35px; background:url(../images/d2.jpg) repeat-x left 65px;}
.about-ind-r h1{width:120px; height:30px; margin:50px auto 25px; text-align:center; line-height:28px; background:url(../images/t-bj2.jpg) no-repeat center center; font-size:24px; color:#313131; font-weight:normal;}
.about-ind-txt{width:638px; height:180px; color:#434343; line-height:24px; font-size:14px; overflow:hidden;}
.about-ind-txt span a,.about-ind-txt span a:hover{color:#14a83b;}

/* News-ind */
.news-ind{width:1200px; height:225px; margin:0 auto; padding-top:20px;}
.news-ind-a{width:128px; height:36px; line-height:36px; background:#fff !important; border:1px #cbcbcb solid; text-align:center; color:#313131; font-size:24px; z-index:999; bottom:-18px; position:relative;}
.news-ind-b{width:1198px; height:170px;  border:1px #d3d3d3 solid;}
.news-ind-c{width:558px; height:97px; float:left; padding:20px 20px 30px; margin-top:20px;}
.news-ind-c img{width:144px; height:97px; border:1px solid #d3d3d3; float:left;}
.news-ind-c span{float:right; width:386px; height:97px; font-size:14px; color:#535353; line-height:20px; text-align:justify;}
.news-ind-c span h3{font-size:18px; color:#1b1b1b; line-height:37px; font-weight:normal;}
.news-ind-c span h3 a{ color:#1b1b1b;}
.news-ind-c span h3 a:hover{ color:#14a83b;}
.news-ind-c span p{font-size:12px; color:#14a83b; line-height:30px;}

/* Links */
.links{width:1200px; margin:0 auto 15px; border:1px solid #d3d3d3; height:auto;}
.links-l{width:90px; height:64px; line-height:64px; color:#14a83b; font-size:14px; display:block; text-align:right;}
.links-r{width:1089px; padding-top:20px; line-height:24px; padding-right:20px;}
.links-r a{color:#7e7e7e; padding:0 10px;}
.links-r a:hover{color:#14a83b;}

/* Foot */
.foot-w {width:100%; height:130px; background:#1b1b1b;}
.foot-n{width:1200px; height:75px; line-height:24px; font-size:14px; margin:0px auto; padding-top:20px;}
.foot-l{width:900px; height:75px; float:left; color:#666;}
.foot-r{width:200px; float:right; display: block; text-align:right; color:#666;}
.foot-r a{color:#666;}

/* In-banner */
.ny-bn{ width:100%; height:240px; background:url(../images/ny_bn.jpg) no-repeat center center;}
.ny-bn-n{width:1200px; height:240px; margin:0 auto;}
.ny-title{width:452px; height:78px; line-height:78px; font-size:36px; margin-top:82px; float:left; color:#333; text-indent:20px;}
.ny-title span{color:#14a83b; font-style:italic; font-family:Arial; font-size:24px;}

.inpage-w{width:100%; height:auto;}
.inpage-n{width:1200px; height:auto; margin:0 auto;}
.inpage-mbx{width:1200px; height:50px; line-height:50px; color:#636363; font-size:14px; background:url(../images/home.png) #ffffff no-repeat left center; text-indent:20px;}
.inpage-mbx a{color:#636363;}
.inpage-mbx a:hover{color:#14a83b;}

.inpage-xx{width:100%; height:auto; min-height:500px;}
.inpage-left{width:240px;}
.left-menu dt{width:100%; height:40px; background:#0f57ab url(../images/at02.png) no-repeat 220px center; line-height:40px; font-size:15px; color:#fff; text-indent:20px; font-weight:bold;}
.left-menu dd {width:100%; height:35px; background:#eee; line-height:35px; font-size:14px; color:#313131; text-align:center; border-top:2px solid #fff;}
.left-menu dd a{width:100%; height:35px; color:#313131; display:block;}
.left-menu dd a:hover{background:#14a83b url(../images/right.png) no-repeat 200px center;; color:#fff;}

.left-dh-t{width:240px; height:40px; line-height:40px; background: url(../images/at02.png) #999 no-repeat 220px center; color:#fff; font-size:15px; font-weight:bold; text-indent:20px; margin-top:10px;}
.left-dh-new{width:200px; padding:10px 20px; background:#eee;}
.left-dh-new li{width:200px; height:40px; line-height:40px; background:url(../images/at01.png)no-repeat left center ; text-indent:10px;  font-size:12px; border-bottom:1px #cbcbcb dashed;}
.left-dh-new li a{ color:#313131;}
.left-dh-new li a:hover{ color:#14a83b;}
.left-contact{ width:200px; height:auto; min-height:190px; padding:10px 20px; font-size:12px; color:#313131; line-height:24px; background:#eee;}

.inpage-right{width:940px; margin-left:20px;}
.inpage-right h1{width:940px; height:38px; line-height:40px; color:#313131; font-size:18px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; text-align:center;}
.inpage-r-txt{width:940px; height:auto; min-height:550px; padding:20px 0; color:#313131; line-height:24px; font-size:14px;}

/* In-news */
.news-list{width:1080px; height:auto; min-height:300px;}
.news-list dl{width:1080px; height:198px; border-bottom:1px dotted #d3d3d3; padding-top:30px; display:block;}
.news-list dt{width:250px; height:168px; float:left; display:block;}
.news-list dd{width:800px; height:168px; float:right; display:block;}
.news-list dd h2{width:800px; height:40px; line-height:40px; color:#313131; font-weight:normal; font-size:18px; padding-top:20px}
.news-list dd h3{width:800px; height:44px; line-height:22px; color:#666; font-weight:normal; font-size:14px;}
.news-list dd span{width:800px; height:40px; line-height:40px; color:#14a83b; font-size:14px;}
.news-list dd a{color:#313131;}
.news-list dd a:hover{color:#14a83b;}

.news-in{width:1080px; height:auto; min-height:300px;}
.news-in .news-t2{width:1080px; height:40px; line-height:40px; color:#313131; font-weight:normal; font-size:20px; padding-top:10px; text-align:center;}
.news-in .news-t3{width:1080px; height:44px; line-height:22px; color:#999; font-weight:normal; font-size:12px; text-align:center;}
.news-txt{width:1080px; height:auto; min-height:400px; padding-bottom:30px; color:#313131; line-height:24px; font-size:14px; border-bottom:1px solid #d3d3d3;}
.news-more{width:1080px; height:60px;}
.news-more-l{width:540px; line-height:60px; color:#666; float:left;}
.news-more-r{width:540px; line-height:60px; color:#666; float:right; text-align:right;}
.news-more a{color:#666;}
.news-more a:hover{color:#14a83b;}
/* In-product */
.left-pro h1{width:100%; height:40px; background:#0f57ab url(../images/at02.png) no-repeat 220px center; line-height:40px; font-size:15px; color:#fff; text-indent:20px; font-weight:bold;}
.left-pro dt {width:100%; height:35px; background:#ccc; line-height:35px; font-size:14px; color:#313131; border-top:2px solid #fff; text-indent:20px; font-weight:bold;}
.left-pro dt a { color:#333;}
.left-pro dd {width:100%; height:35px; background:#eee; line-height:35px; font-size:14px; color:#313131; text-align:center; border-top:2px solid #fff;}
.left-pro dd a{width:100%; height:35px; color:#313131; display:block;}
.left-pro dd a:hover{background:#14a83b url(../images/right.png) no-repeat 200px center;; color:#fff;}

.pro-list{width:940px; height:auto;}
.pro-list dl{width:234px; height:240px; margin-top:35px; display:block; float:left;}
.pro-list dt{width:200px; height:200px; margin:0 auto;}
.pro-list dd{width:200px; height:40px; line-height:40px; text-align:center; margin:0 auto; background:#ddd; border-radius:0 0 8px 8px;}
.pro-list dd a{width:200px; height:40px; color:#313131; font-size:15px; display:block;}
.pro-list dl:hover dd a{background:#14a83b; color:#fff !important;  border-radius:0 0 8px 8px;}

.pro-xx{width:940px; height:615px; padding-top:20px;}
.pro-xx h2{width:100%; height:60px; line-height:60px; text-align:center; font-size:18px;}
.pro-xx dt{width:938px; height:400px; border:1px solid #d3d3d3; display:block; text-align:center; padding:20px 0;}
.pro-xx dt img{max-height:400px; max-width:938px;}
.pro-xx dd{width:940px; height:auto; min-height:40px; display:block; color:#313131; line-height:24px; font-size:14px; margin:20px 0;}


/* page */
nav[role="navigation"] {text-align: center;}
.cd-pagination {
  width: 90%;
  max-width: 768px;
  margin: 1em auto 1em;
  text-align: center;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  color:#333;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size: 1rem;
}
.cd-pagination a {
  border:1px solid #e6e6e6;
  border-radius: 0.25em;
}
.cd-pagination a:hover {
  background: #ca1911;
  color:#fff !important;
  border:1px solid #ca1911;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color:#666;
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color: #ca1911;
  border-color: #ca1911;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-pagination {
    margin: 2em auto 2em;
  }
}
.contact-txt{width:100%; height:auto; color:#313131; line-height:24px; font-size:14px; overflow:hidden;}
.mapdiv{width:100%; height:540px; overflow:hidden; position:relative; border:1px solid #CCC; margin-bottom:30px; background:url(../images/mapbg.jpg) no-repeat center center; background-size:cover;}
.maptxt{width:50%; max-width:400px; border:1px solid #ccc; border-radius:15px; background:rgba(255,255,255,0.8); position:absolute; top:30px; left:30px; padding:20px;}
.maptt{width:100%; height:auto; line-height:24px; font-size:16px; color:#333; font-weight:bold; margin-bottom:7px;}
.mapxx{width:100%; height:auto; line-height:20px; font-size:14px; color:#333;}
.maptel{width:100%; height:auto; line-height:20px; font-size:14px; color:#333; margin-bottom:7px;}
.mapmore a{width:90px; height:32px; border:1px solid #60CBFF; border-radius:30px; text-align:center; line-height:30px; font-size:14px; color:#1cafe2; background:#fff; display:block;}
.mapmore a:hover{color:#666; border-color:#ddd;}