@charset "utf-8";
/* CSS Document */
/*全局样式*/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}
html, body {
    line-height: 180%;
    font-size: 1.0em;
    font-family: "Microsoft Yahei";}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.z{ float:left;}
.y{ float:right;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.wp1920{width:1900px; min-width:1200px; max-width:1920px;height:100%; margin:0 auto;}
.wp-mu{  width:100%; overflow:hidden; text-align:center;}

/*ui*/
.ui-ffm {
    font-family: '微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif
}

.ui-ffs {
    font-family: "宋体", arial, sans-serif
}

.ui-fsxs {
    font-size: 70%;
}

.ui-fss {
    font-size: 85%;
}

.ui-fsl {
    font-size: 125%;
}

.ui-fsxl {
    font-size: 150%;
}

.ui-tac {
    text-align: center;
}

.ui-tar {
    text-align: right;
}

.ui-tal {
    text-align: left;
}

.ui-tdn {
    text-indent: -999em;
}

.ui-ofh {
    white-space: nowrap;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.ui-fr {
    float: right;
}

.ui-fl {
    float: left;
}

.ui-dn {
    display: none;
}

.ui-art, .ui-arb {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden;
    border-width: 4px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #7ebac2;
	margin-left:4px;
}

.ui-arb {
    border-color: #999 transparent transparent;
}

/*箭头及更多标签动画效果*/
.ui-arb.open {
    -webkit-transform: translateY(-4px) rotate(180deg);
    -moz-transform: translateY(-4px) rotate(180deg);
    transform: translateY(-4px) rotate(180deg);
}

.ui-arb, .ui-more-trigger:after, .ui-more-trigger:before {
    -webkit-transition: -webkit-transform 0.2s 0.2s;
    -moz-transition: -moz-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s;
}

.ui-more-trigger, .ui-more-trigger:after, .ui-more-trigger:before {
    position: absolute;
    left: 0;
    display: block;
    width: 24px;
    height: 2px;
    background-color: #999;
}

.ui-more-trigger {
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -12px;
    -webkit-transition: background 0.2s 0.2s;
    -moz-transition: background 0.2s 0.2s;
    transition: background 0.2s 0.2s;
}

.ui-more-trigger:after, .ui-more-trigger:before {
    content: "";
}

.ui-more-trigger:after {
    top: 6px;
}

.ui-more-trigger:before {
    top: -6px;
}

.ui-more-trigger.open {
    background-color: rgba(255, 255, 255, 0);
}

.ui-more-trigger.open:after {
    -webkit-transform: translateY(-6px) rotate(45deg);
    -moz-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}

.ui-more-trigger.open:before {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -moz-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}

.ui-label{padding:2px 3px; background: #ff6e03;color:#fff;border-radius: 2px; vertical-align: middle;}



.header{height:100%;width:100%;}
.layout-wrap {
  width: 1300px;
  position: relative;
  margin: 0 auto;
}
.banner{margin:0 auto;}
.mod-topbar {
  height: 28px;
  background: #666;
  padding: 6px 0;
  font-size: 12px;
  line-height: 16px;
  color: #a1a1a1;
  position: relative;
  z-index: 100;
}
.mod-topbar a {
  color: #fff;
  padding: 0 10px;
}
.mod-topbar .login,
.mod-topbar .user-info {
  float: right;
}
.mod-topbar .user-info a {
  border-left: 1px solid #999;
}
.mod-topbar .user-info a:first-child {
  border-left: none;
}
.mod-topbar .user-info a:hover {
  color: #fff;
}
/*mod-header*/
.mod-header,
.mod-header .logo a,
.mod-header .logo .logo-img,
.mod-header .nav,
.mod-header .nav-start-btn {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.mod-header .nav-start-btn img{ width:52px; height:52px;}
.mod-header .nav-start-btn .nav-star-tel{ float: right; word-wrap: break-word;
    word-break: normal;}

.mod-header .nav-start-btn .nav-star-tel span{ color:#00718D; padding-left:10px; font-size:24px; font-weight:bold;}


.mod-header {
	width:100%;
	margin:0 auto;
  height: 92px;
  background: #fff;
  position: relative;
  opacity: 0.8;

}

.mod-header-div{ width:1300px; margin:0 auto;}

.header-bordered .mod-header {
  border-bottom: 1px solid #ececec;
}
.mod-header .logo {
  padding: 18px 0;
  width: 160px;
  overflow: hidden;
}
.mod-header .logo a {
  display: block;
  text-decoration: none;
  line-height: 56px;
}
.mod-header .logo .logo-img {
  vertical-align: middle;
}

.mod-header .nav {
  position: absolute;
  right:330px;
  top: 0;
  padding: 24px 0;
}
.mod-header .nav > li {
  float: left;
  position: relative;
  margin: 0 5px;
  z-index: 1100;
}
.mod-header .nav > li > a {
  display: block;
  height: 36px;
  padding: 6px 10px;
  font-size:18px;
  font-weight:bold;
  line-height: 24px;
  color: #333;
  text-decoration: none;
  border-radius: 24px;
}
.mod-header .nav > li.active > a,
.mod-header .nav > li.active > a:hover {

}


.mod-header .nav > li > a:hover {
	color:#017B92;
	text-decoration: none;
    font-weight: bold;
}



.mod-header .nav .sub-nav {
  opacity: 0;
  display: none;
  filter: alpha(opacity=0);
  position: absolute;
  top: 104px;
  left: 50%;
  margin-left: -70px;
  width: 140px;
  border-top: 2px solid #007e97;
  background: #f9f9f9;
  z-index: 1000;
}
.mod-header .nav .sub-nav:after {
  content: "";
  color:#007e97;
  position: absolute;
  top: -14px;
  left: 50%;
  height: 6px;
  width: 6px;
  margin-left: -6px;
  z-index: 1100;
  overflow: hidden ;
  border-width: 6px;
  border-style: dashed dashed solid;
  border-color: transparent transparent #007e97;
}
.mod-header .nav .sub-nav > li > a {
  display: block;
  padding: 10px 24px;
  font-size:16px;
  text-align: center;
  border-top: 1px solid #f1f1f1;
  color: #017B92;
  font-weight:bold;
  text-decoration: none;
}
.mod-header .nav .sub-nav > li > a:hover {
  color: #fff;
  background:#007e97;
  border-top-color:#007e97;
}


.mod-header .nav-start-btn {
  position: absolute;
  right: 0;
  top: 0;
  margin:17px 0 ;
  font-size: 15px;
}

/*固定顶部导航*/
.is-fixed.mod-header {
  position: fixed;
  top: 0;
  height:60px;
  width: 100%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.is-fixed.mod-header .logo {
  padding: 0 20px;
}
.is-fixed.mod-header .logo-img {

    padding-top: 5px;
}
.is-fixed.mod-header .nav {
  padding: 10px 0;
}
.is-fixed.mod-header .nav-start-btn {
  margin: 5px 0;
}


.nav-tel{ float:right;}
.nav-tel img{ width:200px; float:right;}

/*幻灯片*/

.flickerplate {
	position:relative;
	width:100%;
	height:880px;
	background-color:#e6e6e6;
	overflow:hidden
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
}

.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.1);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.1s ease-out;
	-moz-transition:background-color 0.1s ease-out;
	-o-transition:background-color 0.1s ease-out;
	-ms-transition:background-color 0.1s ease-out;
	transition:background-color 0.1s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff;
	color:#017B92;
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../images/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../images/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}

/*加工剂型*/

.title{padding: 0px;
    text-align: center;
    text-transform: uppercase;
}
.title h3{
margin:20px 10px auto;

  color: #525051;
    line-height: 45px;
    height: 45px;
	font-weight:bold;
    font-size:36px;
    text-decoration: none;
	font-family:"微软雅黑";}

.title .p{margin: 10px auto 30px auto;
    line-height: 20px;
    color: #7e7e7e;
	padding:10px 0px;
    font-size: 18px;}




.index-1 {
    padding: 50px 0px;
	overflow:hidden;
	width:1900px;
	margin:0 auto;
}

.index-con-1{
	width:100%;
	overflow:hidden;
}

.index-con-1 ul{ width:1370px; margin:auto;}

.index-con-1 ul li {
    padding: 0px 15px;
	float:left;
}

.index-con-1 ul li p{ text-align:center; width:124px; border:solid 1px #898989; margin-top:20px;}
.index-con-1 ul li p a{ display:block; font-size:14px;}
.index-con-1 ul li p a:hover{text-align:center;background: #007e97; color:#fff !important;}


.img-auto {
    margin: 20px 5px;
}

.img-auto img { width:130px; height:130px; margin:0px auto; transition: 600ms;    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }

.img-auto img:hover {  transition:transform .5s ease-out;
                 -o-transition:transform .5s ease-out;
                -webkit-transition:transform .5s ease-out;
                -moz-transition:transform .5s ease-out;
                transform: scale(1.2);
                -ms-transform: scale(1.2);
                -webkit-transform: scale(1.2); }




/*年产量*/
.index-2 { width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.index-con-2{
	width:1900px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/ban.gif) repeat-y;
}
.index-con-2 .title{ color:#fff; text-align:center; font-size:24px; padding:20px 0px;}

.index-con-2 .index-2box{ width:1600px; margin:0 auto; overflow:hidden;}

.index-con-2 dl{ width:220px;margin:auto; height:235px; border:solid 1px #fff; float:left;}

.index-con-2 dl dt{width:130px; height:130px; margin:20px auto;  border:solid 3px #fff;border-radius: 50%;      -moz-border-radius: 50%;      -webkit-border-radius: 50%;  }
.index-con-2 dl dt p{ line-height:140px; text-align:center; color:#fff; font-size:23px;}

.index-con-2 dl dt:hover{ background:#fff; }
.index-con-2 dl dt p:hover{color:#34adc5 !important;}

.index-con-2 dl dd { color:#FFF; text-align:center; font-size:32px;}

.index-con-2 .border-left{ border-left:none;}
.index-con-2  .border-right{ border-right:none;}

.index-con-img{ width:100%; margin:0 auto; overflow:hidden; text-align:center;}


.p_title{ text-align:center; }
.p_title a{display:block; width:194px; line-height:40px; margin:40px auto; border:solid 1px #898989;}
.p_title a:hover{ background:#007e97; color:#fff;}



/*我们的实力*/
.index-3 {}
.index-con-3{
	width:100%;
	overflow:hidden;
}





.index-4 {}
.index-con-4{
	width:100%;
	overflow:hidden;
}
.index-con-4 p{text-align:center;}


.index-5 {}
.index-con-5{
	width:100%;
	overflow:hidden;
}
.index-con-5 p{text-align:center; padding-top:40px;}


/*我们的资质*/
.index-6 { padding-top:60px;}
.index-con-6{
	width:100%;
	overflow:hidden;
}


.marquee { width:1200px;overflow:hidden; height:220px; margin:0 auto;}
.marquee li{ display:inline; float:left; margin-right:12px;}
.marquee li a{display:block; float:left; text-align:center; font-size:14px;}
.marquee li a:hove{ text-decoration:none;}
.marquee li img {width:220px; height:220px;}





/*一站式专业服务*/
.index-8{padding-top:60px;  margin:0 auto; width:1900px;}
.index-con-div{    background: url(../images/ban.gif) repeat-y; width:1900px; margin:0 auto;}
.index-con-8{
	width:1300px;
	text-align:center;
    overflow: hidden;
	margin:0 auto;
}
.index-8box{
    margin: 20px auto;
    overflow: hidden;}

.index-8box li{ float:left; font-size:14px;  border-right: dotted 2px #fff;padding:0 49px 20px 20px;}
.index-8box li:hover{ background:#007e97;}
.index-8box li a{ color: #fff;
    font-size: 30px;
    font-weight: bold;
    font-family: "微软雅黑";
    display: block;
    line-height: 40px;
    width: 110px;
    PADDING-TOP: 15px;}
.index-8box li p{color:#fff; font-size:18px; padding-left:20px; font-family:"微软雅黑"; padding-top:10px; display:block; width:77px;}

.index-huapan{ background: url(../images/dome.png)  no-repeat center; height:738px;}
.index-huapan img{ margin:0 auto; border:none;}

.index-huapan-left-5{position: relative;
   top: 222px;
    left: 149px;
}


.index-huapan-left-6{position: relative;
   top: 222px;
    left: 149px;
}



.index-huapan-box{height:610px; width:1900px; padding-top:40px; margin:0 auto;}
.index-huapan-box ul li{ width:180px; height:180px;}

.index-huapan .pz-0{
    left: -258px;
    top: 275px;position: relative;
    width: 15%;
}
.index-huapan .pz-1{ left: 861px;
    top: 11px;position: relative;
    }

.index-huapan .pz-1-text{left: 1072px;
        top: -199px;
    position: relative;
    font-weight: bold;
    color: #007E97;
    font-size: 40px;
    width: 160px;
}
.index-huapan .pz-1-describe{margin-top: -10px;
    margin-left: 20px;
    left: 1048px;
    top: -162px;
    position: relative;
    font-size: 18px;
    width: 160px;
}
.index-huapan .pz-1-1{    left: 395px;
        top: -100px;position: relative;
        font-size: 150px;
       }
        

.index-huapan .pz-2{left: 1029px;
    top: -32px;position: relative;
    }
.index-huapan .pz-2-text{left: 1258px;
    top: -199px;
    position: relative;
    font-weight: bold;
    color: #007E97;
    font-size: 40px;
	width:160px;
    }
.index-huapan .pz-2-describe{margin-top: -10px;
    left: 1258px;
    top: 19px;
    position: relative;
    font-size: 18px;
    width: 500px;
    }
.index-huapan .pz-2-2{    left: 380px;
        top: 56px;position: relative;
    }

    
.index-huapan .pz-3{  left: 1033px;
    top: -26px;
    position: relative;}

.index-huapan .pz-3-text{left: 1261px;
    top: -42px;
    position: relative;
    font-weight: bold;
    color: #007E97;
    font-size: 40px;
	width:160px;}
.index-huapan .pz-3-describe{    margin-top: -10px; left: 250px;
    top: 306px;position: relative;font-size: 12px; width: 1000px;
        }
.index-huapan .pz-3-3{     left: 200px;
            top: 296px;position: relative;}


.index-huapan .pz-4{left: 861px;
    top: -125px;
    position: relative;}

.index-huapan .pz-4-text{ left: 648px;
    top: -218px;
    position: relative;
    font-weight: bold;
    color: #007E97;
    font-size: 40px;
	width: 160px;
    }
.index-huapan .pz-4-describe{ margin-top: -90px;
    left: -39px;
    top: 480px;
    position: relative;
    font-size: 18px;
    width: 500px;
        }
.index-huapan .pz-4-4{left: 140px;
        top: 203px;position: relative;}
	
	
.index-huapan .pz-5{left: 689px;
    top: -393px;position: relative;}
	
.index-huapan .pz-5-text{left: 463px;
    top: -525px;
    position: relative;
    font-weight: bold;
    color: #007E97;
    font-size: 40px;
	width:160px;
    }
.index-huapan .pz-5-describe{ margin-top: -90px;
    left: -400px;
    top: 316px;
    position: relative;
    font-size: 18px;
    width: 500px;
        }
.index-huapan .pz-5-5{left: -400px;
    top: 316px;position: relative;}    

.index-huapan .pz-6{    left: 692px;
    top: -755px;position: relative;}

.index-huapan .pz-6-text{ left: 292px;
    top: -887px;
    position: relative;
    font-weight: bold;
    color: #007E97;
    font-size: 43px;
    width: 320px;
    }
.index-huapan .pz-6-6{left: -401px;
        top: -69px;position: relative;}	
.index-huapan .pz-6-describe{ margin-top: -90px;
    left: -724px;
    top: 133px;
    position: relative;
    font-size: 18px;
    width: 500px;
        }	
	


/*一OEM服务*/
.index-9{ padding-top:60px; margin:0 auto; width:1900px; background:#fff;}
.index-con-9{
    width: 100%;
	height:320px;
    overflow: hidden;
}

.index-9box{width: 1600px;
    margin: 0px auto;
    overflow: hidden;}



.gengduo{text-align:center; width:100%;}
.gengduo a{border:solid 1px #ccc; font-size:16px; line-height:39px; margin:0 auto;display:block; width:194px; height:39px;}
.gengduo a:hover{ background:#057b97; color:#fff;}




/*新闻咨询*/
.news{ width:100%; height:auto; margin:0 auto;}
.news .news-title{ padding:60px 0;}
.news .news-ul{ margin:0 auto; width:1200px; overflow:hidden;}
.news .news-ul ul li{ float:left;  padding:40px 0;}

.news .news-diy{ float: left;width: 900px;overflow: hidden;}



.news .news-ul ul li .news-wz{padding:17px 0;}
.news .news-ul ul li .news-wz a{font-size:22px; color:#818181;}

.news .news-ul ul li .news-p{ color:#a4a4a4; font-size:14px;text-indent:20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.news .news-ul span{ color:#a4a4a4; display:block; padding-top:20px;}
.news .news-ul b{ float:right;font-size:14px; text-align:center;width:64px; height:26px; margin-top:20px;border:solid 1px #a4a4a4;}
.news .news-ul b a{color:#a4a4a4; display:block;}
.news .news-ul b a:hover{background:#017B92; color:#fff;}
.news .news-ul-img{ width:239px; height:226px; padding-right:60px; float:left; text-align:center;}
.news .news-ul-img img{border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;}
.news-page{ width:50%; margin:0 auto;}
.news-page ul{}
.news-page ul li{ float:left; }
.news-page ul li a{ display:block;border:solid 1px #a4a4a4; padding:5px 15px; margin-right:15px;}
.news-page ul li a:hover{ background:#017B92; color:#fff;}






/*加工剂型*/
.jgjx{width:100%; height:auto; margin:0 auto;}
.jgjx .jgjx-title{ padding:60px 0;}
.jgjx .jgjx-ul{ margin:0 auto; width:1200px; overflow:hidden;}
.jgjx .jgjx-ul li{     float: left;
    padding: 0px 0px 60px 0px;
    margin-right: 20px;
    margin-left: 20px;
    display: inherit;
    position: relative;}
.jgjx .jgjx-ul li img{width:360px;  height:260px; display:inline;}
.jgjx .jgjx-ul li p{ text-align:center; background:#017B92; color:#fff;position: absolute;
    left: 0;
	width:100%;
    top: 220px;
	height:40px;
	line-height:40px;
    font-size: 18px;
    z-index: 20;
	filter:alpha(opacity=90); 
-moz-opacity:0.9; 
opacity:0.9;}

.jgjx .jgjx-ul li p:hover{ background:#228B22; color:#fff;}
.jgjx .jgjx-ul li p a{ color:#FFF;}




/*OEM*/
.oem{ width:100%; height:auto; margin:0 auto;}
.oem-index{padding-top: 60px;margin: 0 auto;}
.oem-div{ width:100%; margin:0 auto; text-align:center; min-width:1900px; max-width:1920px;}



/*合作品牌*/
.cooperative{width:100%; height:auto; margin:0 auto;}
.cooperative-index{padding-top: 60px;}
.cooperative-ul{ width:1200px; margin:0 auto;}
.cooperative-ul ul{ padding:60px 0 150px 0; width:100%; float:left;}
.cooperative-ul ul li{float:left; border: solid 1px #4e4e4e; width:170px; height:70px; padding:30px; display: table-cell; vertical-align:bottom;   text-align: center; }
.cooperative-ul ul li img{width:170px; height:100%;}




/*关于我们*/
.about{ width:100%; height: auto; margin:0 auto;}
.about-index{padding-top: 60px; width:100%; overflow:hidden;}
.about-title{ background:url(../images/about-demo.png) no-repeat center; text-align:center;}
.about-title h3{color: #525051;line-height: 45px;height: 45px;font-size: 50px;text-decoration: none;}
.about-index-div{ width:1200px; margin:0 auto; overflow:hidden;margin-top: 40px;}
.about-index-left{ width:700px; float:left;}
.about-index-left .about-h4{ text-align:center; font-size:18px; color:#007E97; font-weight:600;}
.about-index-left .about-p{ font-size:9px; text-align:center;color:#007E97;}
.about-index-left .about-duanluo{ font-size:14px; text-indent:30px; color:#595757;}
.about-span{ text-align:center; padding:20px 0px;}
.about-index-1{ width:1200px; margin:0 auto; overflow:hidden;}
.about-index-1 ul li{ float:left; padding:0 40px 40px 0;}
.about-index-2{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:40px;}
.about-index-2 ul { padding-top:30PX;}
.about-index-2 ul li{ float:left; width:270px;padding-right:30px; color:#595757;}
.about-index-2 ul li .about-box-p{ margin-bottom:10px; padding-bottom:10px;border-bottom:2px #ccc solid; font-size:24px;color: #007E97;}
.about-box-box{ font-size:14px; margin-top:10px;}
.about-index-right{width: 470px;PADDING-LEFT: 30px; float:right;}
.about-index-right p{ padding-bottom:20px;}






/*袋泡茶*/
.dpc{ width:100%; height: auto; margin:0 auto;text-align: center;}
.dpc-index{ padding-top: 30px; width:100%; overflow:hidden;}
.dpc-ul{ width:1200px; margin:0 auto; overflow:hidden;}



.dpc-ul ul li{ float:left; padding-right:40px; padding-bottom:20px; display:inline; width:260px;}
.dpc-ul ul li img{ width:260px; height:187px;}
.dpc-ul ul li p{ text-align:center; padding-top:10px;color:#7e7e7e;font-size: 18px;}
.dpc-ul-div{ background:#0f6250; width:100%; height:100%; overflow:hidden; padding-top:30px;}
.dpc-ul-yuan{overflow:hidden;width:1200px; margin:0 auto; padding-bottom:60px;  background: url(../images/dian.gif)  repeat-x 5px -6px  ;}
.div-yuan{  }
.div-yuan span{ height:24px;
    width:24px;
    background:#fff;
    display: block;
    margin: 7px 0 0 14px;
    border-radius: 18px;
    border: 2px solid #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    position: absolute;
	    margin-top: -50px;}
	
.div-yuan span:hover{ background:#6bc30d; color:#CF0;}	
	
	
.div-yuan li{ list-style:none; float:left;}
.div-yuan li b{ padding-top:30px; float:left;margin-top: 48px;}

.dpc-ul-div ul{} 
.dpc-ul-div ul li{ float: left;
    width: 21px;
    padding-left: 83px;
    padding-right: 10px;
	font-size:22px;}
.dpc-ul-div ul li a{    color: #fff;
    display: block;
    width: 43px;
    margin-top: 30px;
    padding-top: 30px;
    height: 175px; background:url(../images/dpc-tit-bj.gif) no-repeat 0 40px;}



.dpc-scys{ width: 1200px;
    margin: auto;
    padding: 30px 0px;
    overflow: hidden;}

.dpc-scys p{    float: left;
    width: 380px;
    text-align: left;
    font-size: 16px;
    padding-right: 30px;
    padding-top: 50px;}
.dpc-scys-img{ float: right;}

.dpc-index-div{ width:1200px; margin:0 auto;}


/*目录*/

.mulu{ width:100%; height: auto; margin:0 auto;text-align: center;}
.mulu-index{ padding-top: 30px; width:100%; overflow:hidden;}
.mulu-ul{ width:1000px; margin:0 auto; overflow:hidden; background-color:#E4E4E4;}



.mulu-ul ul li{ float:left; padding-right:10px; padding-bottom:10px; display:inline; width:188px;}
.mulu-ul ul li p{ text-align:center; padding-top:10px;color:#7e7e7e;font-size: 18px;}
.mulu-ul-div{ background:#0f6250; width:100%; height:100%; overflow:hidden; padding-top:30px;}
.mulu-ul-yuan{overflow:hidden;width:1200px; margin:0 auto; padding-bottom:60px;  background: url(../images/dian.gif)  repeat-x 5px -6px  ;}
.div-yuan{  }
.div-yuan span{ height:24px;
    width:24px;
    background:#fff;
    display: block;
    margin: 7px 0 0 14px;
    border-radius: 18px;
    border: 2px solid #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    position: absolute;
	    margin-top: -50px;}
	
.div-yuan span:hover{ background:#6bc30d; color:#CF0;}	
	
	
.div-yuan li{ list-style:none; float:left;}
.div-yuan li b{ padding-top:30px; float:left;margin-top: 48px;}

.mulu-ul-div ul{} 
.mulu-ul-div ul li{ float: left;
    width: 21px;
    padding-left: 83px;
    padding-right: 10px;
	font-size:22px;}
.mulu-ul-div ul li a{    color: #fff;
    display: block;
    width: 43px;
    margin-top: 30px;
    padding-top: 30px;
    height: 175px; background:url(../images/mulu-tit-bj.gif) no-repeat 0 40px;}



.mulu-scys{ width: 1200px;
    margin: auto;
    padding: 30px 0px;
    overflow: hidden;}

.mulu-scys p{    float: left;
    width: 380px;
    text-align: left;
    font-size: 16px;
    padding-right: 30px;
    padding-top: 50px;}
.mulu-scys-img{ float: right;}

.mulu-index-div{ width:1200px; margin:0 auto;}

/*固体饮料*/
.ktyl{width: 100%;
    height: auto;
    margin: 0 auto;
}

.ktyl-index {
    padding-top: 60px;
    width: 100%;
    overflow: hidden;

}

.ktyl-ul{width:1200px; margin:0 auto; overflow:hidden;	    text-align: center;}


.ktyl-ul ul li{ float:left;width:260px; display: inline; padding-right:40px; padding-bottom:40px;}
.ktyl-ul ul li img {
    width: 260px;
    height: 187px;
}

.ktyl-ul-box{ background:#cbe76e; padding:20px 0px;}
.ktyl-ul-box .kyyl-ul-title{ margin:0px auto; width:1200px;}
.ktyl-ul-box .kyyl-ul-title h4{ background: url(../images/gtyl-title-1.png) no-repeat; color:#fff; padding-left:30px;}
.ktyl-ul-box .kyyl-ul-title p{  font-size:14px;}
.ktyl-wp{ width:1900px; margin:0 auto; overflow:hidden;}
.ktyl-lingliao{ background:#fff; width:1200px;margin:0 auto;}
.ktyl-index .ktyl-title{ width:600px; height:100px; margin:0 auto; text-align:center;}


.ktyl-div-ul{ width:1920px;     margin: 10px 0px 0 550px;; overflow:hidden;}
.ktyl-div-ul ul li{ width:280px; height:360px; float:left; display:inline;}
.ktyl-div-ul ul li img{ width:250px; height:360px;}




/*片剂*/
.pj{width: 100%;
    height: auto;
    margin: 0 auto;
}

.pj-index {
    padding-top: 60px;
    width: 100%;

}


.pj-ul{ width:1200px; margin:0 auto; overflow:hidden; text-align:center; padding:20px 0;}
.pj-ul ul li{ width:140px; padding-left:10px; height:150px; line-height:150px; float:left; display:inline;}
.pj-ul ul li img{ width:112px; height:110px; padding-right:10px;}
.pj-ul ul li span{ background:url(../images/pj-hx.png) no-repeat; padding-left:13px; }

.pj-ul ul li img:hover{transition: transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    -webkit-transition: transform .5s ease-out;
    -moz-transition: transform .5s ease-out;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);}


.pj-1{ background:#2bbad8;width: 100%;
    height: 100%;
    overflow: hidden;}
.pj-ul-yuan{overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
    background: url(../images/pj-ty.png) repeat-x 5px 62px;}

.pj-ul-yuan li {
    list-style: none;
    float: left;
}


.pj-ul-yuan ul li a {
    color: #fff;
    display: block;
    width: 43px;
	line-height:35px;
    margin-top: 30px;
    padding-top: 30px;
    height: 175px;
	background:url(../images/pj-heng.png) no-repeat 0 29px;
}

.pj-yuan span:hover {
    background: #6bc30d;
    color: #CF0;
}



.pj-yuan{}

.pj-ul-yuan ul li {
    float: left;
    width: 140px;
    padding-top: 49px;
    padding-left: 50px;
    padding-right: 10px;
    font-size: 22px;
}

.pj-yuan span {
    height: 24px;
    width: 24px;
    background: #fff;
    display: block;
    margin: 7px 0 0 13px;
    border-radius: 18px;
    border: 2px solid #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    position: absolute;
    margin-top: -60px;
}

.pj-yuan li b {
    padding-top: 30px;
    float: left;
    margin-top: 48px;
}
.pj-title{    width:1000px;
    margin: 0 auto;
    text-align: center;
	color:#fff;
	padding-top:60px;
}

.pj-lingliao {
    width: 1200px;
    margin: 0 auto;
}


/*胶囊*/
.capsule{ width:100%; height:auto;margin:0 auto;}
.capsule-index{padding-top: 60px;width: 100%;overflow: hidden;}

.capsule-ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.capsule-ul ul li {
    float: left;
    width: 260px;
    display: inline;
    padding-right: 40px;
    padding-bottom: 40px;
}
.capsule-ul ul li img {
    width: 260px;
    height: 187px;
}

.capsule-ul-box{padding: 20px 0px; width:1200px; margin:0 auto; overflow:hidden;}
.capsule-ul-box h4{ padding:10px 0; margin-left:30px;}
.capsule-ul-box dl{ margin-left:30px; overflow:hidden;}
.capsule-ul-box dd{ float:left; padding-right:10px; width:380px;}


.capsule-ul-scys{ background:#808000; padding-top:30px;}
.capsule-ul-scys img{ margin:0 auto; display:block;}

.capsule-cfsb{padding: 20px 0px; width:1200px; margin:0 auto; overflow:hidden;}
.capsule-sheb-ul{ padding-top:60px; float:left;}
.capsule-sheb-ul li{float:left; width:400px;}
.capsule-sheb-ul li img{width:385px; height:255px;padding-right:20px; }

.capsule-scgylc{    padding: 20px 0px;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;}

.capsule-scgylc img {
    margin: 0 auto;
    display: block;
	padding-top:30px;
}


/*蓝帽产品*/
.bluecap{ width:100%; height:auto;margin:0 auto;}
.bluecap-index{padding-top: 60px;width: 100%;overflow: hidden;}
.bluecap-ul{
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}
.bluecap-ul ul{ margin-left:60px;}


.bluecap-ul li{float: left;
    padding: 60px 0; width:100%;}
.bluecap-ul li .bluecap-img{
    float: left;
    text-align: center;
}

.bluecap-ul .bluecap-img img{transition: 600ms;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
            width:243px;
            height:243px;
            border-radius:30px;
}

.bluecap-ul .bluecap-wz{     float: left;
    padding-left: 37px;
    padding-bottom: 20px;
    font-size: 24px;
    color: #01848f;}

.bluecap-ul .bluecap-dl{width:820px;float:left; margin-left:30px; display:inline; font-size:20px;}
.bluecap-tit-0{ background:#e6e6e6; float:left; text-align:center; margin-right:10px; width:110px; height:40px; line-height:40px; margin-bottom:13px;color: #4C4C4C;}
.bluecap-tit-1{ background:#e6e6e6; float:left; text-align:center; margin-right:10px; width:150px; height:40px; line-height:40px; margin-bottom:13px;color: #4C4C4C;}
.bluecap-tit-2{ background:#e6e6e6; float:left; padding-left:10px; display:inline; height:40px; line-height:40px; margin-bottom:13px; width:640px; color: #4C4C4C;}
.bluecap-tit-3{ width:300px; padding-left:30px;background:#e6e6e6; float:left; margin-right:10px;height:40px; line-height:40px; margin-bottom:13px;color: #4C4C4C;}

/*丸剂*/
.pill{ width:100%; height:auto;margin:0 auto; text-align:center;}
.pill-index{padding-top: 60px;width: 100%;overflow: hidden;}
.pill-ul{width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.pill-ul ul li {
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    display: inline;
    width: 280px;
}
.pill-ul ul li img {
    width: 260px;
    height: 187px;
}

.pill-ul ul li p {
    text-align: center;
    padding-top: 10px;
}


.pill-scys{padding: 30px 0px;background:#008b8a;}

.pill-title {
    width: 1000px;
    margin: 0 auto;
	text-align:left;
    color: #fff;
	text-indent:30px;
}

.pill-cfsb {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}


.pill-sheb-ul {
    padding-top: 30px;
    float: left;
}

.pill-sheb-ul ul li {
    float: left;
    width: 400px;
}
.pill-sheb-ul ul li img {
    width: 385px;
    height: 255px;
    padding-right: 20px;
}

.pill-scgylc{}
.pill-scgylc h3{ color:#008b8a;padding: 30px 0;}



/*膏滋*/
.cream{width:100%; height:auto;margin:0 auto; background:url(../images/gaozi-bj-2.png);}
.cream-index{padding-top: 30px;width: 100%;overflow: hidden;}
.cream-title{padding: 0px;
    text-align: center;
    text-transform: uppercase;}


.cream-scgy{ overflow:hidden; padding-top:40px;background:url(../images/gaozi-bj-3.png) no-repeat;}

	
.cream-title h3{margin-top: 20px;
    margin-bottom: 10px;
    color: #fffafe;
    line-height:118px;
    height:128px;
    font-weight: bold;
    font-size: 36px;
    text-decoration: none;
	text-align:center;
    font-family: "微软雅黑";
	background:url(../images/gz-titile.png) no-repeat center;}	
	
	
	
.cream-title .cream-h3{margin-top: 20px;
    margin-bottom: 10px;
    color: #581618;
    line-height: 45px;
    height: 45px;
    font-weight: bold;
    font-size: 36px;
    text-decoration: none;
    font-family: "微软雅黑";
	background:none;
}	
	
.cream-title .cream-p {
    margin: 10px auto 30px auto;
    line-height: 20px;
    color: #581618;
    padding: 10px 0px;
    font-size: 24px;
}
	
.cream-ul{width: 1200px;
    margin: 0 auto;
    overflow: hidden;
	text-align: center;
}


.cream-ul ul li {
    float: left;
    display: inline;
    width: 280px;
	padding:30px 20px 20px 0;

}
.cream-ul ul li img {
    width: 180px;
    height: 162px;
}


.cream-ul ul li img:hover{transition: transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    -webkit-transition: transform .5s ease-out;
    -moz-transition: transform .5s ease-out;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);}



.cream-ul ul li p{ padding:30px 0; color:#581618;margin-left: -57px; font-size:22px;}

.cream-ul ul li .cream-ul-span{ background:url(../images/gaozi-0.png) no-repeat center;padding-left: 25px;
    margin-left: 40px;}

.cream-ul ul li .cream-ul-span_1{padding-left: 25px;margin-left: 40px;}


.cream-scgy-ul{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:40px;}

.cream-scgy-ul li{ float:left; width:147px; text-align:center;}
.cream-scgy-ul li b {
	width: 30px;
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 20px;
	color:#581618;
	font-weight:bold;
	font-size:18px;
}

.cream-scys{margin:0 auto; overflow:hidden; width:1900px;}

.cream-cfsb{width:100%; height:auto;margin:0 auto;}
.cream-cfsb-ul{ margin:0 auto; width:1200px;}
.cream-cfsb-ul ul{ border:solid 2px #581618; overflow:hidden;}
.cream-cfsb-ul ul li{ float:left; padding:9px;}
.cream-cfsb-ul ul li img{ width:100%; height:100%; display:block;}

.cream-jbsb{
    width: 1900px;
    margin: 0 auto;
    overflow: hidden;
	text-align:center;
}





/*联系我们*/
.lianxi{ width:100%; margin:0 auto; overflow:hidden;padding-top: 60px;}
.lianxi .lianxi-div{ width:1900px; margin:0 auto; text-align:center;}
.lianxi .lianxi-p{ padding:10px 0; font-size:22px; color:#007E97;font-family:"微软雅黑";}



/*新闻内容页*/
.neiye{width:100%; height:100%; margin:0px auto;}
.neiye .neiye-div{ width:1900px; margin: 0 auto;overflow: hidden; padding:30px 0;}
.neiye .neiye-div h3{ text-align:center; font-size:24px;font-weight:bold;padding: 35px 0px 20PX 0;}
.neiye .neiye-div .neiye-span{ text-align:center; padding-top:10px;}
.neiye .neiye-div .neiye-span span{ text-align:center; padding:0 10px;}
.neiye .neiye-body{ overflow:hidden;margin:0px auto; width:1200px; border-bottom:dashed 1px #ccc; border-top:dashed 1px #ccc; }
.neiye .neiye-body .neiye-nr{ text-indent:30px;padding:20px 0; margin:0 auto;}
.neiye .neiye-body .neiye-nr img{ float:left; margin:0 auto;}

.neiye .neiye-page{ float: left;
    width: 100%;
    padding-top: 20px;
    PADDING-BOTTOM:20px;}
.neiye .neiye-page .neiye-left{}
.neiye .neiye-page .neiye-right{}

.neiye-fx{ float:right; padding-bottom:30px;}




/*列表翻页*/
.page{ width:50%; margin:0 auto; overflow:hidden;}
.page a{ display:block;border:solid 1px #a4a4a4; padding:5px 15px; float:left; display:inline;margin:40px 15px 40px 0px;}
.page a:hover{ background:#017B92; color:#fff;}



/*底部*/
.footer{ width:1900px;height:100%; overflow:hidden; background:#333; margin:0 auto;}
.dibunav{overflow: hidden;
    text-align: right;
    float: right;
    margin-right:600px;
	display:inline;}
.dibunav ul li{    padding: 10px;
    margin-right: -2px;
    float: left;}
.dibunav ul li a{ color:#fff; font-size:18px; font-family:"微软雅黑";padding:20px 0;}
.dibunav ul li a:hover{ color:#017B92;}
.foot{ width:1600px; margin:0 auto;}
.foot ul{ padding-top:50px; float:left;}
.foot p{ margin:0px;}
.foot-nav-1{ text-align:center;width:430px; float:left;}
.foot-nav-1 p{ color:#fff; font-size:22px; font-family:"微软雅黑"; font-weight:400;}
.foot-nav-2 { float:left; width:410px;}
.foot-nav-2 p{ font-size:16px; color:#fff; font-family:"微软雅黑"; font-weight:400; padding:4px 0;}
.foot-nav-3{ text-align:center;width:430px; float:left;}
.foot-nav-3 .ewm{ width:180px; height:180px;}


.foot-nav-3 p{ color:#fff; font-size:16px; font-family:"微软雅黑"; font-weight:400;}
.foot-nav-4 { float:left; width:320px;}
.foot-nav-4 p{ font-size:16px; color:#fff; font-family:"微软雅黑"; font-weight:400; padding:4px 0;}