@charset "utf-8";
@font-face {
    font-family: 'Comfortaa-Regular';
    src: url('../fonts/Comfortaa-Regular.eot');
    src: url('../fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Comfortaa-Regular.woff2') format('woff2'),
         url('../fonts/Comfortaa-Regular.woff') format('woff'),
         url('../fonts/Comfortaa-Regular.ttf') format('truetype'),
         url('../fonts/Comfortaa-Regular.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron.eot');
    src: url('../fonts/Aileron.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aileron.woff2') format('woff2'),
         url('../fonts/Aileron.woff') format('woff'),
         url('../fonts/Aileron.ttf') format('truetype'),
         url('../fonts/Aileron.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mvboli';
    src: url('../fonts/mvboli.eot');
    src: url('../fonts/mvboli.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mvboli.woff2') format('woff2'),
         url('../fonts/mvboli.woff') format('woff'),
         url('../fonts/mvboli.ttf') format('truetype'),
         url('../fonts/mvboli.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans.eot');
    src: url('../fonts/opensans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans.woff2') format('woff2'),
         url('../fonts/opensans.woff') format('woff'),
         url('../fonts/opensans.ttf') format('truetype'),
         url('../fonts/opensans.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ font-family:Arial, Helvetica, sans-serif; background-color:#fff;  overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#a10c10;}
img,li{ vertical-align:top; border:0px}
.clear {clear: both; width:100%; float:left; height:auto; line-height:0px;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:Arial, Helvetica, sans-serif;font-size:12px;}
input{font-family:Arial, Helvetica, sans-serif; border:0;}
.pull-img img{ max-width:100%;}


#top{ background:#abcd52; padding:5px 0; font-size:18px; color:#fff;}
#top a{ color:#fff;}
#top a:hover{-webkit-animation:flash 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

#topleft{ text-transform:uppercase;}

#topright{}

#topright i{ margin-right:5px; font-size:20px;}
#topright img{ width:20px; margin-top:4px; margin-left:20px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#top{ font-size:12px; line-height:30px;}
	
	#topright span{ display:block;}
	#topright img{ margin-left:0px;}
	
	#topright i{ font-size:18px;}
}

header{ z-index:99; position:relative;}

.fis_show{ width:100%; float:left; height:auto; position:fixed; z-index:99; background:rgba(255,255,255,0.9); left:0px; top:0px; border-bottom:1px solid #ddd;}
.fis_show .navbar-nav{ margin-top:15px;}
.fis_show #logo img{ height:70px;}
.fis_show .navbar-default .navbar-nav>li>a{ color:#666; padding:0 28px 20px 28px;}

#logo{}
#logo img{ max-width:100%; height:100px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#logo{ margin-left:15px;}
	#logo img{ height:100px;}
}
.navbar-nav{ margin-top:25px;}
.navbar-default .navbar-nav>li>a{font-size:20px; padding:0 28px 40px 28px; color:#025e2d;}
.navbar-default .navbar-nav>li>a:hover{-webkit-animation:flash 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

@media screen and (min-width:768px ) and (max-width:1200px)
{
	#logo{ margin-left:15px;}
	.navbar-default .navbar-nav>li>a{ padding:0 15px 40px 15px;}
}
.dropdown-menu{ background:#abcd52;}
.dropdown-menu li a{ color:#fff;}

.ssou{ position:absolute; right:0px; top:40px; z-index:99; width:300px; display:none;}
.ssou input{ width:85%; float:left; height:30px; line-height:30px; padding-left:10px; background:#d5d5d5; border:1px solid #ccc;}
.ssou button{ width:14%; float:left; line-height:30px; height:30px; border:0;}

#bframe{ position:relative;}
#bframe img{ width:100%;}

#divframe{ background:url(../images/1_01.jpg) no-repeat top center #fff; padding:30px 0 60px 0;}

.divpro{ width:100%; float:left; height:auto;}

.divpro .ipto{ width:100%; float:left; height:auto;}
.divpro .ipti{ width:100%; float:left; height:auto; text-align:center;}
.divpro .ipti img{ max-width:100%}
.divpro .iptz{ width:100%; float:left; height:auto; text-align:center; font-size:20px; margin-top:20px;}
.divpro .ipto:hover .ipti img{-webkit-animation:otateIn 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}
.divpro .ipto:hover .iptz a{ color:#abcd52;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.divpro .iptz{ font-size:14px; margin-bottom:15px;}
}

.divcase{ width:100%; float:left; height:auto; padding-top:50px;}
.divcase h3{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#025e2d; font-weight:bold; padding-bottom:40px; text-transform:uppercase;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.divcase h3{ font-size:28px;}
}

.divcase .divlist{ width:100%; float:left; height:auto; margin-top:30px; padding:5px; border:2px solid transparent; border-radius:25px;}
.divcase .divlist img{ max-width:100%;}
.divcase .divlist h4{ width:100%; float:left; height:auto; font-size:25px; text-transform:capitalize; margin-bottom:20px;}
.divcase .divlist h4 a{ color:#434a54;}
.divcase .divlist span{ width:100%; float:left; height:auto; color:#999; font-family: 'Aileron'; font-size:18px; margin-bottom:10px;}
.divcase .divlist p{ width:100%; float:left; height:48px; color:#7b7b7b; font-family: 'Aileron'; font-size:18px; margin-bottom:30px; overflow:hidden;}
.divcase .divlist a.more{ background:#abcd52; padding:15px 20px; color:#fff; font-family: 'Aileron'; font-size:18px;}
.divcase .divlist:hover{ border:2px solid #abcd52; box-shadow:0px 0px 10px #ccc;}

.divcase .carousel-indicators li {display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; cursor:pointer; background-color:#b2b2b2; border:1px solid #b2b2b2; border-radius:10px}
.divcase .carousel-indicators .active {width:12px; height:12px; margin:0; background-color:#65c5d3; border:1px solid #65c5d3;}
.divcase .carousel-indicators { bottom: -40px}


@media screen and (min-width:1px ) and (max-width:768px)
{
	.divcase .divlist h4{ text-align:center; margin-top:20px; font-size:16px;}
}


#divbiaoyu{ background:#abcd52; padding:30px 0;}
#divbiaoyu h3{ font-family: 'mvboli'; font-size:34px; text-transform:uppercase; color:#fff;}
#divbiaoyu p{ font-family:'Aileron'; font-size:20px; color:#fff;}

#divbiaoyu a{font-family: 'mvboli'; font-size:20px; background:#fff; color:#484845; padding:15px 10px; margin-top:5px; display:inline-block;}
#divbiaoyu a:hover{ background:#f5f5f5;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divbiaoyu h3{ font-size:18px;}
	#divbiaoyu p{ font-size:14px;}
	#divbiaoyu a{ font-size:14px;}
}

#divframe1{ background:url(../images/1_03.jpg) no-repeat top center #f76846; padding-bottom:30px;}
#divframe1 h3{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#abcd52; font-weight:bold; padding-top:30px; padding-bottom:40px; text-transform:uppercase; margin-bottom:41px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe1 h3{ font-size:28px; margin-top:20px;}
}

#divframe1 .divlist{ width:100%; float:left; height:auto; min-height:800px;}
#divframe1 .divlist .pupt{ width:100%; float:left; height:auto; padding-top:30px;}
#divframe1 .divlist .pupi{ width:100%; float:left; height:auto; overflow:hidden; position:relative;}
#divframe1 .divlist .pupi img{ max-width:100%; border:2px solid #ccc; border-radius:10px;}

#divframe1 .divlist .pupt:hover .pupthover{ display:block;}
#divframe1 .divlist .pupthover{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/1_09.png) no-repeat center center rgba(0,0,0,.50); border-radius:10px; display:none;}
#divframe1 .divlist .pupthover h5{ margin-top:20%; text-align:center; color:#fff;  font-family: 'Comfortaa-Regular'; font-size:22px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe1 .divlist{ min-height:520px;}
}

#divframe1 .carousel-control{ width:inherit;}
#divframe1 .carousel-control.left{background-repeat:inherit; background-image:inherit;}
#divframe1 .carousel-control.right{background-repeat:inherit; background-image:inherit;}
#slidershow2 img{ display:inline-block; top:45%; position:relative;}
#divframe1 .carousel-control.left img{ margin-left:-100px}
#divframe1 .carousel-control.right img{ margin-right:-100px}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe1 .divlist .pupt{ padding-top:15px;}
	#divframe1 .carousel-control.left img{ margin-left:10px; height:40px;}
	#divframe1 .carousel-control.right img{ margin-right:10px; height:40px;}
}


#divframe2{ background:url(../images/1_04.jpg) no-repeat top center #fff; padding:130px 0 30px 0;}

#divframe2 .divabout{ width:100%; float:left; height:auto;}
#divframe2 .divabout h3{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#f76846; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:40px;}
#divframe2 .divabout img:hover{-webkit-animation:pulse 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}
#divframe2 .divabout p{ width:100%; float:left; height:auto; font-family:'Aileron'; font-size:18px; line-height:30px; color:#7b7b7b; text-align:left; padding-top:20px; max-height:260px; overflow:hidden;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe2 .divabout h3{ font-size:28px;}
	#divframe2 .divabout img{ margin-bottom:20px;}
}


#divframe2 .divshop{ width:100%; float:left; height:auto; margin-top:20px; position:relative;}
#divframe2 .divshop .pupt{ width:100%; float:left; height:auto; padding-top:30px;}
#divframe2 .divshop .pupi{ width:100%; float:left; height:auto; overflow:hidden;}
#divframe2 .divshop .pupi img{ max-width:100%; border:2px solid #f5f5f5; border-radius:10px;}
#divframe2 .divshop .pupi img:hover{-webkit-animation:pulse 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

#divframe2 .carousel-control{ width:inherit;}
#divframe2 .carousel-control.left{background-repeat:inherit; background-image:inherit;}
#divframe2 .carousel-control.right{background-repeat:inherit; background-image:inherit;}
#slidershow3 img{ display:inline-block; top:35%; position:relative;}
#divframe2 .carousel-control.left img{ margin-left:-100px}
#divframe2 .carousel-control.right img{ margin-right:-100px}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#slidershow3 img{ top:45%;}
	#divframe2 .carousel-control.left img{ margin-left:10px; height:40px;}
	#divframe2 .carousel-control.right img{ margin-right:10px; height:40px;}
}



#divframe3{ background:#ff9f00; padding:30px 0;}
#divframe3 h3{ text-align:center; background:url(../images/1_05.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#fff; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:40px;}
#divframe3 img{ width:100%;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe3 h3{ font-size:28px;}
}

#divframe4{ background:url(../images/1_07.jpg) no-repeat center top #fff; padding:30px 0;}
#divframe4 h3{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#ff9f00; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:40px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe4 h3{ font-size:28px;}
}

#divframe4 .divour{ width:100%; float:left; height:auto;}
.divour .divodds{ width:100%; float:left; height:auto; padding:30px;}
.divour .divodds h4{ width:100%; float:left; height:auto; font-family: 'Comfortaa-Regular'; font-size:28px; color:#fff; text-transform:uppercase; margin-bottom:20px;}
.divour .divodds img{ width:100%; border:2px solid #fff; overflow:hidden; margin-bottom:20px;}
.divour .divodds p{ width:100%; float:left; height:120px; font-family:'Aileron'; font-size:16px; color:#fff; line-height:24px; overflow:hidden;}
.divour .divodds:hover img{-webkit-animation:pulse 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.divour .divodds h4{ font-size:20px;}
	.divour .divodds{ margin-bottom:20px;}
}


#divframe4 .divLinks{ width:100%; float:left; height:100px; overflow:hidden; margin-top:40px; padding:0 15px; position:relative;}
#divframe4 .divLinks img{ width:190px; border:1px solid #e7e7e7; margin-right:15px;}
#divframe4 .divLinks .scroll{ width:1800px; float:left; height:auto; position:absolute; left:0px; top:0px; z-index:10;}


#footer{ background:url(../images/footer.jpg) no-repeat center bottom #5bb1bd; padding-top:30px; position:relative;}

#footer #f1{ font-size:16px; line-height:30px; color:#fff;}
#footer #f1 a{ color:#fff;}
#footer #f1 a:hover{ padding-left:5px;}

#footer #f2{}
#footer #f2 h3{ font-family: 'Comfortaa-Regular'; font-size:30px; color:#fff; text-transform:uppercase; margin-bottom:30px;}
#footer #f2 ul{ list-style-type:none}
#footer #f2 li{ width:100%; float:left; list-style-type:none;}
#footer #f2 li a{ display:block; float:left; line-height:39px; color:#fff; font-size:18px;}
#footer #f2 li a:hover{ padding-left:10px;}

#footer #f3{}
#footer #f3 h3{ font-family: 'Comfortaa-Regular'; font-size:30px; color:#fff; text-transform:uppercase; margin-bottom:30px;}
#footer #f3 ul{ list-style-type:none}
#footer #f3 li{ width:100%; float:left; list-style-type:none;}
#footer #f3 li a{ display:block; float:left; line-height:39px; color:#fff; font-size:16px;}
#footer #f3 li a:hover{ padding-left:10px;}


#footer .copy{ width:100%; float:left; height:auto; padding:10px 0; margin-top:20px; font-family:'Aileron'; font-size:18px; color:#fff;}
#footer .copy a{ padding:0 10px; color:#fff;}
#footer .copy a:hover{ text-decoration:underline;}

.onlink{ position:absolute; bottom:100px; right:180px; z-index:999;}
.onlink img{ max-width:100%;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	.onlink{ width:40px; right:10px; bottom:70px;}
}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#footer{ padding-top:10px;}
	#footer .copy{ border-top:0px; margin-top:0px; margin-bottom:50px; font-size:14px;}
}

#mobMenu{min-height:50px;border:1px solid #ddd;position:fixed; background:#fff;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px}
#mobMenu .foot_nav i{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px}
#mobMenu .foot_nav .hamburger{position:inherit;float:none;margin:0 auto;width:100%}

@-webkit-keyframes otateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}



/*面包屑*/
.crumbs{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%);}
.crumbs h3{ font-family: 'Comfortaa-Regular'; font-size:50px; color:#fff; text-transform:uppercase; text-shadow:0px 3px 2px #ccc;}
.crumbs p{ font-family:'Aileron'; font-size:18px; color:#fff; text-shadow:0px 3px 2px #ccc;}
.crumbs p a{ color:#fff;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.crumbs h3{ font-size:18px;}
	.crumbs p{ font-size:14px;}
}


#nframe{}


/*关于我们*/
#nframe .divabout{ width:100%; float:left; height:auto; background:url(../images/1_07.jpg) no-repeat top center #fff; padding:30px 0;}

#nframe .divabout #divabout_L{}
#nframe .divabout #divabout_L h3{ font-family: 'Comfortaa-Regular'; font-size:40px; color:#f76846; text-transform:uppercase; padding-right:250px; margin-bottom:30px;}
#nframe .divabout #divabout_L .divabout_C{ width:100%; float:left; height:auto; font-family:'Aileron'; font-size:18px; color:#7b7b7b; line-height:30px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divabout #divabout_L h3{ font-size:28px; padding-right:80px;}
}


#nframe .divteam{ width:100%; float:left; height:auto; background:url(../images/2_02.jpg) no-repeat center top #abcd52; padding:30px 0 80px 0;}

#nframe .divteam .ipto{ width:100%; float:left; height:auto; overflow:hidden;}
#nframe .divteam .ipti{ width:100%; float:left; height:auto;}
#nframe .divteam .ipti img{ width:100%;}
#nframe .divteam .iptz{ width:100%; float:left; height:auto; background:#fff; padding:20px 15px;}
#nframe .divteam .iptz h4{ width:100%; float:left; height:auto; font-size:25px; color:#434a54; margin-bottom:15px;}
#nframe .divteam .iptz h4 a{ display:block; color:#434a54;}
#nframe .divteam .iptz p{ width:100%; float:left; height:72px; font-family:'Aileron'; font-size:14px; color:#7b7b7b; line-height:24px; overflow:hidden;}
#nframe .divteam .ipto:hover .ipti img{-webkit-animation:pulse 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

#nframe .divteam .carousel-indicators{ bottom:-60px;}


@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divteam .ipto{ margin-bottom:20px;}
	
	#nframe .divteam .item{ min-height:558px;}
}



#nframe .divworkshop{ width:100%; float:left; height:auto; background:url(../images/2_03.jpg) no-repeat center top #fff; padding:130px 0 30px 0;}
#nframe .divworkshop h3{ font-family: 'Comfortaa-Regular'; font-size:40px; line-height:48px; color:#ff9f00; text-transform:uppercase;}

#nframe .divworkshop .divlist{ width:100%; float:left; height:auto; min-height:598px;}
#nframe .divworkshop .divlist .pupt{ width:100%; float:left; height:auto; padding-top:30px;}
#nframe .divworkshop .divlist .pupi{ width:100%; float:left; height:auto; overflow:hidden;}
#nframe .divworkshop .divlist .pupi img{ max-width:100%; border:2px solid #ccc; border-radius:10px;}
#nframe .divworkshop .divlist .pupi img:hover{-webkit-animation:pulse 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

#nframe .divworkshop .carousel-control{ width:inherit; left:inherit;}
#nframe .divworkshop .carousel-control.left{background-repeat:inherit; background-image:inherit; right:0px;}
#nframe .divworkshop .carousel-control.right{background-repeat:inherit; background-image:inherit; right:0px;}
#nframe .divworkshop .carousel-control.left img{ margin-left:-200px; margin-top:10px;}
#nframe .divworkshop .carousel-control.right img{ margin-right:15px; margin-top:10px;}


@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divworkshop .divlist{ min-height:435px; margin-top:15px;}
	
	#nframe .divworkshop h3{ text-align:center; font-size:28px; padding-top:15px;}
	#nframe .divworkshop .carousel-control.left img{ margin-left:-200px; margin-top:55px; height:25px;}
	#nframe .divworkshop .carousel-control.right img{ margin-right:15px; margin-top:55px; height:25px;}
}



/*左侧栏目*/


#left{}
#left .lbt{ width:100%; float:left; height:auto;}
#left .lbt h3{ background:#abcd52; text-align:center; font-size:22px; color:#fff; text-transform:capitalize; border-radius:25px; padding:10px 10px; margin-bottom:15px;}
#left .lbt ul{ list-style-type:none;}
#left .lbt li{ width:100%; float:left; height:auto; padding-left:20px; font-size:18px; line-height:40px; text-transform:capitalize;} 
#left .lbt li i{ color:#abcd52; font-size:18px; padding-right:10px;}
#left .lbt li a{ display:block; color:#7b7b7b}
#left .lbt li a:hover{ color:#abcd52;}
#left .lbt li a.hover{ color:#abcd52;}

#left .ltp{ width:100%; float:left; height:auto; margin-top:20px;}
#left .ltp h3{ background:#f76846; text-align:center; font-size:22px; color:#fff; text-transform:capitalize; border-radius:25px; padding:10px 10px; margin-bottom:15px;}
#left .ltp p{ width:100%; float:left; height:auto; line-height:32px; padding-left:20px; font-size:13px; color:#7b7b7b; margin-bottom:15px;}
#left .ltp p i{ float:left; padding-right:10px; width:15%;}
#left .ltp p span{ float:right; width:80%;}
#left .ltp p span a{ color:#7b7b7b;}
#left .ltp p.child{ line-height:16px;}

#left .lpt{ width:100%; float:left; height:auto; margin-top:20px;}
#left .lpt h3{ background:#ff9f00; text-align:center; font-size:22px; color:#fff; text-transform:capitalize; border-radius:25px; padding:10px 10px; margin-bottom:15px;}
#left .lpt img{width:100%;}


/*右侧列表*/
#right{}

/*产品中心*/
#nframe .divoutput{ width:100%; float:left; height:auto; background:url(../images/2_04.jpg) no-repeat top center #fff; padding:30px 0;}

#right .divgoods{ width:100%; float:left; height:auto; margin-bottom:20px;}
#right .divgoods h3{ font-family: 'Comfortaa-Regular'; font-size:25px; color:#f76846; text-transform:uppercase; font-weight:bold;}
#right .divgoods h3 span{ width:45%; float:left; height:1px; border-bottom:1px solid #f76846; margin-top:15px;}
#right .divgoods .divgoods_C{ width:100%; float:left; height:auto; margin-top:15px; font-family:'Aileron'; font-size:18px; color:#7b7b7b;}

#right .divproduce{ width:100%; float:left; height:auto;}
#right .divproduce h3{ font-family: 'Comfortaa-Regular'; font-size:25px; color:#abcd52; text-transform:uppercase; font-weight:bold; margin-bottom:40px;}
#right .divproduce h3 span{ width:45%; float:left; height:1px; border-bottom:1px solid #abcd52; margin-top:15px;}

#right .divproduce .puto{ width:100%; float:left; height:auto; margin-bottom:20px; overflow:hidden;}
#right .divproduce .puti{ width:100%; float:left; height:auto; position:relative;}
#right .divproduce .puti img{ width:100%;}
#right .divproduce .putz{ width:100%; float:left; height:48px; line-height:24px; overflow:hidden; text-align:center; font-size:20px; font-family:'Aileron'; margin-top:15px;}
#right .divproduce .puto:hover .pupthover{ display:block;}
#right .divproduce .pupthover{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/1_09.png) no-repeat center center rgba(0,0,0,.50); border-radius:10px; display:none; }
#right .divproduce .pupthover h5{ padding:5%; text-align:center; color:#fff;  font-family: 'Aileron'; font-size:16px;}

/*产品详细*/
#nframe .divdetail{ width:100%; float:left; height:auto; background:url(../images/2_04.jpg) no-repeat top center #fff; padding:30px 0;}

.divdetail #right h3{ color:#fff; font-size:22px; margin-bottom:30px;}
.divdetail #right h3 span{ display:inline-block; padding:0 60px 0 30px; background:url(../images/2_05.jpg) no-repeat right center #f76846; height:63px; line-height:63px;}

.divdetail #right #detail_output{ position:relative; }

.divdetail #right #detail_output .carousel-indicators li {display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; cursor:pointer; background-color:#e6f0cb; border:1px solid #e6f0cb; border-radius:10px}
.divdetail #right #detail_output .carousel-indicators .active {width:12px; height:12px; margin:0; background-color:#abcd52; border:1px solid #abcd52;}
.divdetail #right #detail_output .carousel-indicators { bottom:30px}

.divdetail #right #detail_summary{}
.divdetail #right #detail_summary h4{ font-size:30px; font-family:'Aileron'; color:#434a54;}
.divdetail #right #detail_summary p{ width:100%; float:left; height:auto; font-family:'Aileron'; font-size:18px; color:#7b7b7b; line-height:30px; margin-top:30px; margin-bottom:20px;}
.divdetail #right #detail_summary h5{ font-family:'Aileron'; font-size:16px; color:#68ae31;}
.divdetail #right #detail_summary h5 a{ color:#68ae31;}
.divdetail #right #detail_summary h5 img{ padding-left:10px;}

.divdetail #right #detail_content{ margin-top:30px;}

.divdetail #right #detail_related{ margin-top:30px;}
.divdetail #right #detail_related .puto{ width:100%; float:left; height:auto; margin-bottom:20px; overflow:hidden;}
.divdetail #right #detail_related .puti{ width:100%; float:left; height:auto; position:relative;}
.divdetail #right #detail_related .puti img{ width:100%;}
.divdetail #right #detail_related .putz{ width:100%; float:left; height:auto; text-align:center; font-size:20px; font-family:'Aileron'; margin-top:15px;}
.divdetail #right #detail_related .puto:hover .pupthover{ display:block;}
.divdetail #right #detail_related .pupthover{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/1_09.png) no-repeat center center rgba(0,0,0,.50); border-radius:10px; display:none;}
.divdetail #right #detail_related .pupthover h5{ padding:5%; text-align:center; color:#fff;  font-family: 'Aileron'; font-size:16px;}


.divdetail #right #leave{}
.divdetail #right #leave label{ width:100%; float:left; height:auto; font-family: 'opensans'; font-size:18px; line-height:36px; color:#979595; }
.divdetail #right #leave label em{ color:#F00;}
.divdetail #right #leave input{ width:100%; float:left; height:auto; border:1px solid #ebebeb; background:#f8f8f7; border-radius:5px; font-size:18px; line-height:30px; padding-left:10px;}
.divdetail #right #leave textarea{ width:100%; float:left; height:128px; border:1px solid #ebebeb; background:#f8f8f7; border-radius:5px; font-size:18px; line-height:30px; padding-left:10px;}
.divdetail #right #leave button{ display:inline-block; background:#5bc4db; margin-top:20px; border:0; color:#fff; font-family: 'Comfortaa-Regular'; font-size:28px; padding:15px 150px;}


/*新闻中心*/
#nframe .divnews{ width:100%; float:left; height:auto; background:url(../images/2_04.jpg) no-repeat top center #fff; padding:30px 0;}

/*新闻分类*/
.numnew{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%);}
.numnew h3{ font-family: 'Comfortaa-Regular'; font-size:22.81px; color:#fff; text-transform:uppercase; text-shadow:0px 3px 2px #ccc;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divnews img{ margin-bottom:20px;}
}

#right .divnewslist{ width:100%; float:left; height:auto; margin-top:30px;}
#right .divnewslist .divlist{ width:100%; float:left; height:auto; margin-bottom:30px;}
#right .divnewslist h4{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#abcd52; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:50px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#right .divnewslist h4{ font-size:28px;}
}

#right .divnewslist .divlist{ width:100%; float:left; height:auto; overflow:hidden;}
#right .divnewslist img{ border:2px solid #d8d8d8;}
#right .divnewslist h5{ width:98%; float:left; height:20px; font-size:18px; font-weight:inherit; font-weight:normal; margin-bottom:10px; overflow:hidden;}
#right .divnewslist h5 a{ display:block; color:#434a54;}
#right .divnewslist span{ width:98%; float:left; height:auto; font-family:'Aileron'; font-size:16px; color:#999; margin-bottom:10px;}
#right .divnewslist p{ width:98%; float:left; height:40px; line-height:20px; font-family:'Aileron'; font-size:16px; color:#7b7b7b; overflow:hidden;}

#right .divnewslist .divlist:hover img{-webkit-animation:pulse 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#right .divnewslist img{ width:100%}
}

/*新闻详细*/
#right .divnewsdetail{width:100%; float:left; height:auto;}
#right .divnewsdetail h4{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#abcd52; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:50px;}
#right #news_tit{}
#right #news_tit h1{ font-size:24px;}
#right #news_detail{ padding-top:15px;}
#right #news_detail span{ width:inherit; float:inherit;}

#RelatedNews .list-group{}
#RelatedNews .list-group li{ margin-top:10px;}


/*案例展示*/
#nframe .divproject{ width:100%; float:left; height:auto; background:url(../images/2_04.jpg) no-repeat top center #fff; padding:30px 0;}

.divproject h4{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#abcd52; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:50px;}

.divproject .project{ width:100%; float:left; height:auto; margin-bottom:40px;}
.divproject .project h3{ font-family: 'Comfortaa-Regular'; font-size:40px; line-height:25px; color:#f76846; text-transform:uppercase; margin-bottom:40px;}
.divproject .project .ipto{ width:100%; float:left; height:auto; overflow:hidden;}
.divproject .project .ipti{ width:100%; float:left; height:auto;}
.divproject .project .ipti img{ width:100%;}
.divproject .project .iptz{ width:100%; float:left; height:40px; line-height:20px; margin-top:15px; margin-bottom:15px; text-align:center; font-size:18px;}
.divporject .project .iptz a{ display:block; color:#434a54;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.divproject .project h3{ font-size:24px;}
	.divproject .project .iptz{ height:90px; overflow:hidden; padding:inherit; margin-top:10px;}
	.divproject .project .iptz a{ }
}

/*联系我们*/
#nframe .divcontact{ width:100%; float:left; height:auto; background:url(../images/2_04.jpg) no-repeat top center #fff; padding:30px 0;}

.divcontact #lxfs{ box-shadow:0px 0px 10px #ccc; padding:30px; color:#979595; font-size:18px; line-height:30px;}
.divcontact #lxfs a{ color:#979595;}

.divcontact h3{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#ff9f00; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:40px; margin-top:40px;}

.divcontact #leave{ box-shadow:0px 0px 10px #ccc; padding:30px 50px; color:#979595; font-size:18px; line-height:30px;}
.divcontact #leave label{ width:100%; float:left; height:auto; font-family: 'opensans'; font-size:18px; line-height:36px;}
.divcontact #leave label em{ color:#F00;}
.divcontact #leave input{ width:100%; float:left; height:auto; border:1px solid #ebebeb; background:#f8f8f7; border-radius:5px; padding-left:10px;}
.divcontact #leave textarea{ width:100%; float:left; height:128px; border:1px solid #ebebeb; background:#f8f8f7; border-radius:5px; padding-left:10px;}
.divcontact #leave button{ display:inline-block; background:#5bc4db; margin-top:20px; border:0; color:#fff; font-family: 'Comfortaa-Regular'; font-size:28px; padding:15px 150px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.divcontact #lxfs{ padding:30px 15px;}
	.divcontact #leave{ padding:30px 15px;}
}


.set_4_button2{position:relative; position:relative; z-index:0; display:inline-block; background:#5bc4db; margin-top:20px; border:0; color:#fff; font-family: 'Comfortaa-Regular'; font-size:28px; padding:10px 13%; overflow:hidden;cursor:pointer}
.set_4_button2.raised{background:#5bc4db;-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.set_4_button2.raised:active{background:#515151;box-shadow:0 1px 1px #063e6b}
.anim{position:absolute;top:50%;left:50%;z-index:-1;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%)}
.anim:before{position:relative;display:block;margin-top:100%;content:''}
.anim:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;content:''}
.clickable .toggle:checked+.anim{-moz-animation:anim-in .75s;-webkit-animation:anim-in .75s;animation:anim-in .75s}
.clickable .toggle:checked+.anim:after{-moz-animation:anim-in-pseudo .75s;-webkit-animation:anim-in-pseudo .75s;animation:anim-in-pseudo .75s}
.clickable .toggle:not(:checked)+.anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.clickable .toggle:not(:checked)+.anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable:hover>.anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.hoverable:hover>.anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
@-webkit-keyframes anim-in{0%{width:0}
100%{width:100%}
}
@-moz-keyframes anim-in{0%{width:0}
100%{width:100%}
}
@-ms-keyframes anim-in{0%{width:0}
100%{width:100%}
}
@keyframes anim-in{0%{width:0}
100%{width:100%}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}
@-webkit-keyframes anim-out{0%{width:0}
100%{width:100%}
}
@-moz-keyframes anim-out{0%{width:0}
100%{width:100%}
}
@-ms-keyframes anim-out{0%{width:0}
100%{width:100%}
}
@keyframes anim-out{0%{width:0}
100%{width:100%}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}
100%{background:0 0}
}


/*网站地图*/
#sitemapnav {float:left; width:100%;padding:4%;  border:solid 1px #dddddd; box-shadow:20px 20px 20px -20px #ccc; position:relative; border-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:30px;}
#sitemapnav li{list-style:none;margin:5px 0;}
#sitemapnav a{ color:#666666; text-decoration:underline;}
#sitemapnav .bigli{float:left;	width:100%;}
#sitemapnav .bigli h2{line-height:35px;font-size:18px;font-weight:bold;}
#sitemapnav .bigli a {color:#666;text-decoration:underline;}
#sitemapnav .bigli a:hover {color:#00b9c4;}
#sitemapnav .abli_02{font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#00b9c4;}
.jiange{ float:left;width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:44%;}
}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_00{font-weight:bold;font-size:18px;}
#sitemapnav .PROclass_01 { float:left;font-size:16px; line-height:30px; display:inline;}
#sitemapnav .PROclass_02 { float:left;font-size:15px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{color:#666;}
#sitemapnav .PROclass_02 a{color:#666666;}
#sitemapnav .PROclass_01 a:hover{ color:#00b9c4;}
#sitemapnav .PROclass_02 a:hover{ color:#00b9c4;}