/*inner global*/
.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 310px); float: right;}
.inner_cont  img{max-width: 100%;}
.container {padding-top:10px;padding-bottom: 80px;position: relative;min-height: 400px; }
.container img{max-width: 100%;}
@media only screen and (max-width: 700px) {
.container {padding-bottom: 120px; }
}
.sunbanner .pc_pic{width:100%;min-height: 330px;}
.sunbanner .pc_pic img{width: 100%;min-height: 330px;}
.sunbanner .mc_pic{display: none;width:100%;}
.sunbanner {position: relative;}

@media only screen and (max-width: 700px) {
.sunbanner .pc_pic{display: none;}
.sunbanner .mc_pic{display: block;}
.sunbanner .mc_pic img{/*min-height: 330px; */width: 100%;}
}

/* ==========================================================================
   Sidebar
   ========================================================================== */
.sidenav {font-family: microsoft yahei;width:200px;margin-top: 20px; padding: 10px 0;
   filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A5000000', endColorstr='#A5000000');background:rgba(0,0,0,0.65); position: absolute; top: 0; z-index:999;
}
.sidenav li { position: relative; *zoom:1; background: url(../images/arr01.png) 10px 10px no-repeat; padding-left: 40px; border-bottom: 1px solid #b6babb;}
.sidenav li a { display: block; color: #fff; *zoom:1;line-height: 30px;padding:2px 0;font-size: 14px; }
.sidenav .active a ,.sidenav .active a:hover{ color: #007d33; }
.sidenav li a:hover { color: #007d33; }

/* arrow-right */
#leftnav .level3 li a { color: #fff; background: none; }
#leftnav .level3 .active a{ color: #007d33; }
#leftnav .level3 li a:hover { color: #007d33; }

.level2 {top: -10px;
*zoom:1; padding: 10px 0; position: absolute; left: 220px; width:200px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);
}
.level2 li {}
.sidenav .level2 li a { color: #fff; background: none; }
.sidenav .level2 .active a{ color: #007d33; }
.sidenav .level2 li a:hover { color: #007d33; }
.sidenav .level2 .level3 {top: -10px;
*zoom:1; padding: 10px 0; overflow: hidden;position: absolute; left: 220px; width:200px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);
}


@media only screen and (max-width: 700px) {
.sidenav {font-family: microsoft yahei;width:30%;margin-top: 20px; padding: 10px 0;}
.sidenav li { position: relative; *zoom:1; background:none; padding-left:5px; border-bottom: 1px solid #b6babb;}
.level2 {top: -10px;
*zoom:1; padding: 10px 0; position: absolute; left:100%; width:90px;margin-left: 5px;}
.sidenav .level2 .level3 {top: -10px;
*zoom:1; padding: 10px 0; overflow: hidden;position: absolute; left:100%; width:120px;margin-left: 5px;}
}


.contactmain{padding: 80px 0 80px 0;/*! background: url(../images/pic08.jpg) top center no-repeat; */ position: relative;}
.contact_title{width: 100%; text-align: center;position: fixed; top:120px;}
.contactmain h3{font: 32px/36px microsoft yahei; text-align: center; color: #4e4e4e; }
.contactmain .texten{font: 18px/36px Arial; text-align: center;}
.contactmain .mode{width: 300px; height: 360px; padding-left: 140px;margin: 30px auto 50px auto; background: url(../images/inco03.png) top left no-repeat;font: 300 16px/24px microsoft yahei; 
}
.contactpart01{font: 300 20px/36px microsoft yahei;  text-align: center;padding-bottom: 30px;}
.contactmain .map{text-align: center;font: 300 16px/24px microsoft yahei; }
@media only screen and (max-width: 767px) {
.contactmain .mode{width: 100%; height: 160px; padding-top: 140px;margin: 30px auto 0 auto; background: url(../images/inco03.png) top center no-repeat;font: 300 16px/24px microsoft yahei; padding-left: 0; text-align: center;}
.contactmain h3{font: 16px/36px microsoft yahei;  }
.contactmain .texten{font: 14px/18px Arial; }
.contactmain .mode{width: 300px; height: 360px; padding-left: 140px;margin: 30px auto 50px auto; font: 300 13px/24px microsoft yahei; }
.contactpart01{font: 300 16px/24px microsoft yahei;  text-align: center;padding-bottom: 30px;}
}


/**news**/
.news-list li {width:100%;height:auto;margin-top:30px;font-family: microsoft yahei;}
.news-list li .imgArea{ float:left;width:250px;height:175px;overflow: hidden;}
.news-list li .imgArea img{width:250px;height:175px;}
.news-list li .textArea {width: calc(100% - 280px); float:right;}
.news-list li h3 {font: 16px/24px microsoft yahei;}
.news-list li h3 a{color:#333;}
.news-list li .textArea .date{ height: 55px; font: 24px/55px microsoft yahei; color:#666; background: url(../images/line02.jpg)  90px center no-repeat;}
.news-list li .textArea .date span{padding-left: 40px;color: #ccc;}

.news-list li .textArea a{ line-height: 40px;}
.news-list li h3 a:hover{ color:#007d33;}
.news-list li .textArea .desc{height:50px; font-size: 14px; overflow: hidden;}
.news-list li{ -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;}
.news-list li:hover {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }

@media only screen and (max-width: 767px) {
.news-list li .imgArea{ float:none;width:250px;height:175px;overflow: hidden;margin:0 auto;}
.news-list li .textArea {width: 100% ; float:none;  text-align: center;}
.news-list li .textArea .date{ background: none;}
.news-list li .textArea .desc{text-align: left;}
}


.newsh{width:100%;text-align: center;}
.newtitle {font: 18px/24px microsoft yahei;color:#333;}
.newsh_cn {padding:20px 0;}
.newsh_cn p{text-indent:20px; font: 14px/24px microsoft yahei;margin-top: 15px;}
.newsh .byline{height:40px;color:#5a5a5a;line-height:40px;border-bottom:1px solid #c2c2c2; }
.newsh .byline span{margin-right:20px;}
.toolbar{padding:30px 20px 0 20px; border-top:1px solid #d8d8d8; position:relative;font: 12px/24px microsoft yahei; margin-top:20px;}
.fhshare{ position: absolute; right: 0; top:34px;}
.fhshare a{padding:8px 30px;border:1px solid #007d33;color:#007d33;}
.fhshare a:hover{border:1px solid #007d33;color:#fff; background-color: #007d33; text-decoration: none;}
.fhshare .fa{margin-right:10px;}


/* ==========================================================================
   产品
   ========================================================================== */
.product_main{padding: 80px 0 0 0;background: url(../images/product-bg.jpg) top center repeat-x;height: 500px;}

#owl-product{ overflow:hidden; zoom:1; position: relative;}
#owl-product .item{ text-align:center; width: 399px; height: 300px; margin:0 auto; }
#owl-product .item{ -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;}
#owl-product .item:hover {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
#owl-product .item .pic{width: 399px; height: 270px; line-height: 320px; overflow: hidden; text-align:center;}
#owl-product .item .pic a{width: 100%;display: block;}
#owl-product .item .pic01{background:url(../images/product-item1-bg.png) no-repeat center bottom;}
#owl-product .item .pic02{background:url(../images/product-item2-bg.png) no-repeat center bottom;}
#owl-product .item .pic03{background:url(../images/product-item3-bg.png) no-repeat center bottom;}
#owl-product .item .pic img{  max-height: 180px; -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;}
#owl-product .item:hover .pic img{     -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);}
#owl-product .item .title{  font: 16px/24px microsoft yahei;  }

#owl-product .owl-buttons{position: absolute;top: 50%; width: 100%;}
#owl-product .owl-buttons .owl-prev{float: left; width:30px; height:30px; overflow: hidden; background:url(../images/controls.png) no-repeat 0 -32px; text-indent: 999px;padding:0; margin:0;}
#owl-product .owl-buttons .owl-next{float: right; width:30px; height:30px; overflow: hidden; background:url(../images/controls.png) no-repeat -43px -32px; text-indent: 999px; padding:0; margin:0;}
#owl-product .owl-buttons .owl-next:hover{background-position:-43px 0}
#owl-product .owl-buttons .owl-prev:hover{background-position:0 0}

@media only screen and (max-width: 420px) {
 #owl-product .item {width: 100%;}
 #owl-product .item .pic{width: 100%; height: 270px; line-height: 320px; overflow: hidden; text-align:center;}
 #owl-product .item .pic01{background-size: auto 240px;}
  #owl-product .item .pic02{background-size: auto 240px}
  #owl-product .item .pic03{background-size: auto 240px}
}

/* ==========================================================================
   product
   ========================================================================== */
   .prolist{margin-left:-30px;margin-top: 30px;}
   .prolist li{width:25%;height:270px;overflow: hidden; float: left;}
   .prolist li .warp{width: 100%; height: 270px; margin:0 auto;}
   .prolist li .picbox{/*! width:215px; */height:215px; text-align: center; line-height: 215px;}
   .prolist li .picbox img{max-width:215px;max-height:215px;}
   .prolist li .tit{width:100%;height:30px;font: 300 16px/30px microsoft yahei;text-align: center;}

   .prolist li{ -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;}
   .prolist li:hover {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }

@media only screen and (max-width: 920px) {
 .prolist li{width:33%;}
}
@media only screen and (max-width: 700px) {
 .prolist li{width:50%;}
      .prolist{margin-left:-30px;margin-top: 30px;}
   .prolist li{width:25%;height:270px;overflow: hidden; float: left;}
   .prolist li .warp{width: 100%; height: 270px; margin:0 auto;}
   .prolist li .picbox{/*! width:215px; */height:215px; text-align: center; line-height: 215px;}
   .prolist li .picbox img{max-width:100%;max-height:100%;}
   .prolist li .tit{width:95%;height:20px;font: 300 15px/26px microsoft yahei;text-align: center;}

}
@media only screen and (max-width: 420px) {
 .prolist li{width:50%;}
   .prolist {
  margin-left: 0px;
  margin-top: 30px;
}
}


   .prodetial .imgarea{width: 700px;  overflow: hidden; float: left; text-align: center;}
   .prodetial .textarea{width: calc(100% - 750px);  overflow: hidden; float: right;font: 300 14px/24px microsoft yahei;padding-top: 50px; }
   .prodetial .textarea .proti03{font: 300 22px/24px microsoft yahei; color: #88c34a;margin-bottom: 20px;}
@media only screen and (max-width: 920px) {
   .prodetial .imgarea{margin:0 auto;float: none; height: auto;}
   .prodetial .textarea{width: 100%; height: 500px; overflow: hidden; float: none;}
}
@media only screen and (max-width: 580px) {
   .prodetial .imgarea{width:100%;text-align: center;}
   .prodetial .imgarea img{max-width: 100%;}
   .prodetial .textarea{width: 100%; height: 500px; overflow: hidden; float: none;}
}

/* ==========================================================================
   video
   ========================================================================== */
   .videolist{margin-top: 30px;}
   .videolist li{width:33.3%;height:auto;overflow: hidden; float: left; text-align: center;}
   .videolist li .warp{width:355px;height:auto; margin:0 auto;}
   .videolist li .picbox{width:355px;height:238px; text-align: center; line-height: 238px;}
   .videolist li .picbox img{max-width:100%;max-height:100%; filter: alpha(opacity=50);opacity: 0.5;}
   .videolist li .tit{height:30px;font: 300 16px/30px microsoft yahei; margin: 20px 0;}
   .videolist li .picbox:hover img{ filter: alpha(opacity=100);opacity: 1;}

@media only screen and (max-width:1100px) {
  .videolist li .warp{width:280px;}
   .videolist li .picbox{width:280px;height:188px; line-height: 188px;}
}
@media only screen and (max-width:880px) {
   .videolist li{width:50%;}
   .videolist li .warp{width:355px;height:auto; margin:0 auto;}
   .videolist li .picbox{width:355px;height:238px; text-align: center; line-height: 238px;}
}

@media only screen and (max-width:767px) {
   .videolist li .warp{width:280px;}
   .videolist li .picbox{width:280px;height:188px; line-height: 188px;}
}
@media only screen and (max-width:580px) {
   .videolist li{width:100%;}
}

.contactpart01{min-height: 600px; position: relative;padding-top: 60px;}
.contactpart02 img{max-width: 100%;}
.arrow { width: 30px; position: absolute; float: none; bottom:180px; left: 50%; margin-left: -15px; z-index: 5; cursor: pointer; -webkit-animation: moveIconUp ease 1.5s both infinite; animation: moveIconUp ease 1.5s both infinite }
.arrow i { float: left; height: 50px; left: 50%; margin-left: -15px; position: relative; width: 30px; -webkit-animation: moveIconDown ease 1.5s both infinite; animation: moveIconDown ease 1.5s both infinite; background: url(../images/p_mousedown.png) no-repeat }

@-webkit-keyframes moveIconUp { 0% {
-webkit-transform:translateY(-50%);
opacity:0
}
50% {
-webkit-transform:translateY(0);
opacity:1
}
100% {
-webkit-transform:translateY(50%);
opacity:0
}
}
@keyframes moveIconUp { 0% {
transform:translateY(-50%);
opacity:0
}
50% {
transform:translateY(0);
opacity:1
}
100% {
transform:translateY(50%);
opacity:0
}
}

/* ==========================================================================
   Pagination
   ========================================================================== */
#dcms_pager { margin-top: 30px;margin-bottom:20px;text-align: center;}
#dcms_pager .pages a { display: inline-block; padding:5px 12px; margin: 0 4px;  background:#e8f2ff;color: #333; cursor: pointer; line-height: 24px; height: 24px; border:1px solid #e8f2ff; font-family: microsoft yahei; }
#dcms_pager .pages .pgcurrent { color: #fff; background-color: #007D33; cursor: default; }
#dcms_pager .pages .pgempty { cursor: not-allowed }
#dcms_pager .pages a:hover{color: #fff; background-color: #007D33;  text-decoration: none;}

.produ_title{text-align: center;margin-bottom: 40px;}
.produ_title h3{font: 300 24px/32px microsoft yahei;    color: #093386; }
.produ_title .txten{font: 300 14px/22px microsoft yahei; color: #999;text-transform: uppercase; }

@media(max-width: 767px){
  .contactpart01{min-height: auto !important;}
  .contactpart02{bottom: 70px !important;position: initial !important;}
 /* .contactmain{padding: 0 !important}*/
}