*{padding:0; margin:0;}
ul,li{list-style:none;}
body{ font-family: "微软雅黑","黑体","宋体"}
img{border:none;}
a{ text-decoration:none;}
a,input,textarea,selact{outline:none;}
html { }
body { overflow-x: hidden; margin: 0 auto; font-family: '微软雅黑', sans-serif; color: #555555;}
.menu {display: block; position: relative; cursor: pointer;}
.menu-title { display: block; width: 110px; height: 40px; padding: 12px 0 0; font-size: 16px; text-align: center; color: #666; font-weight: 400; text-transform: uppercase; transition: 0.3s background-color;}
.menu-dropdown{ text-align: center; background: #ff7700; }
.menu-dropdown li{ height: 40px; }
.menu-dropdown li a{ line-height: 40px;  display: inline-block; }
.menu-dropdown a{ color: #fff; }
.menu-title:before { content: ""; display: block; height: 0; position: absolute;top: 100%; left: 0; z-index: 101;}
.menu-title:hover {background: red;}
.menu-title:hover:before { border-top-color:red;}
.hList:hover .menu{ background:  }
.menu:hover > .menu-title:before { border-top-width: 0; transition: 0.2s border-top-width ease-in, 0.3s border-top-color;}

.menu-title:after { content: ""; display: block;  height: 0; position: absolute; bottom: 0; left: 0;  z-index: 101;}
.menu:hover > .menu-title:after { border-bottom-width: 5px; transition: 0.2s 0.2s order-bottom-width ease-out;}
.menu-title_2nd { background: #4e96b3;}
.menu-title_2nd:hover { background: #3e86a3;}
.menu-title_2nd:before { border-top-color: #4e96b3;}
.menu-title_2nd:hover:before { border-top-color: #3e86a3;}
.menu-title_3rd { background: #c97676;}
.menu-title_3rd:hover {background: #b96666;}
.menu-title_3rd:before { border-top-color: #c97676;}
.menu-title_3rd:hover:before { border-top-color: #b96666;}
.menu-title_4th { background: #dbab58;}
.menu-title_4th:hover { background: #cb9b48;}
.menu-title_4th:before {border-top-color: #dbab58;}
.menu-title_4th:hover:before { border-top-color: #cb9b48;}
.menu-dropdown { min-width: 100%; padding: 0; position: absolute;  z-index: 100;}
.menu-dropdown:after { content: ""; display: block; height: 0;  position: absolute; top: 100%;
  left: 0; z-index: 101;}
.menu:not(:hover) > .menu-dropdown { padding: 0;  z-index: 99;}
.menu:not(:hover) > .menu-dropdown:after { border-top-color: #dddddd;}
.menu:not(:hover) > .menu-title:after { border-bottom-color: #dddddd;}
.menu-dropdown > * { overflow: hidden; height: 30px; padding: 0; background: transparent;
  white-space: nowrap; transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;}
.menu-dropdown > *:hover { background: rgba(0, 0, 0, 0.1);}
.menu:not(:hover) > .menu-dropdown > * { visibility: hidden; height: 0; padding-top: 0; padding-bottom: 0; margin: 0; color: rgba(25, 25, 25, 0); transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility; z-index: 99;}
.hList > * { float: left;}
.hList > * + * { margin-left: 0;}

/*公共*/
.title{ text-align: center; width: 1200px; margin-top: 85px; }
.title h2{ font-weight: 200; font-size: 34px; color: red; }
.title span{ font-size: 14px; color: #999; line-height: 2em; }



/*导航*/
.nav{ width: 100%; background:url(/tpl/templets/default/images/topbg.png) no-repeat center center transparent;  position: fixed; z-index: 105}
.nav_con{ width: 1200px; height: 152px; margin:0 auto; position: relative;}
.nav_con .logo{ width: 30%; float: left;margin-top:35px; }
.nav_con .nav_a{ width:56%; float: right;  margin-top: 50px; margin-right: 40px;} 
.nav_con .nav_a{  }
.menu-title:hover a{ color: #fff }
.menu-title a{ color: #333 }
.menu-title:before{ background: red; }
/*导航*/
/*banner*/
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 22%; background: url(/tpl/templets/default/images/prev.png) #000 106% no-repeat;}
.ck-slide .ck-next { right: 19%; background: url(/tpl/templets/default/images/next.png) #000 -6% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}


  .main { height: 100%; padding-top: 148px;}
  .mianc { position: relative; height: 100%; left: 50%; margin-left: -960px;}
  .main h1 { width: 900px; margin: 40px auto; font: 32px "微软雅黑";}
  .explain, .dowebok-explain { margin-top: 20px; font-size: 14px; text-align: center; color: #f50;}

  .vad { margin: 50px 0 5px; font-family:"微软雅黑"; text-align:center;}
  .vad a { display: inline-block; height: 36px; line-height: 36px; margin: 0 5px; padding: 0 50px; font-size: 14px; text-align:center; color:#eee; text-decoration: none; background-color: #222;}
  .vad a:hover { color: #fff; background-color: #000;}
  .thead { width: 728px; height: 90px; margin: 0 auto; border-bottom: 40px solid #fff;}
/*banner*/

/*about*/
/*按钮*/
.ab_btn{ width: 135px; margin: 0 auto; }
.bubbly-button { font-family: '微软雅黑' ; display: inline-block; font-size: 1em;
  padding: 0.6em 2.2em; margin-top: 0; margin-bottom:0; -webkit-appearance: none; appearance: none;
  background-color: red; color: #fff; border-radius: 4px; border: none; cursor: pointer; position: relative; transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);}
.bubbly-button a{ color: #fff; }
.bubbly-button:focus { outline: 0;}
.bubbly-button:before, .bubbly-button:after { position: absolute; content: ''; display: block; width: 140%; height: 100%; left: -20%; z-index: -1000; transition: all ease-in-out 0.5s; background-repeat: no-repeat;}
.bubbly-button:before { display: none; top: -75%; background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.bubbly-button:after { display: none; bottom: -75%; background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;}
.bubbly-button:active { transform: scale(0.9); background-color: red; box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);}
.bubbly-button.animate:before { display: block; animation: topBubbles ease-in-out 0.75s forwards;}
.bubbly-button.animate:after { display: block; animation: bottomBubbles ease-in-out 0.75s forwards;}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}
/*按钮*/

.about{ width: 100%; margin-top: 100px; margin-bottom: 80px; overflow: hidden;}
.about .ab_con{ width: 1200px; margin: 0 auto;}
.about .ab_con .ab_left{ width: 528px; float: left;  height: 430px;}
.about .ab_con .ab_left .ab_nr{ margin-top:30px; text-align: center; margin-bottom: 30px; }
.about .ab_con .ab_left .ab_nr p{ font-size: 16px; color: #333; line-height: 2em; }


.banner{position: relative;overflow: auto;text-align: center;width:593px !important;margin:0 auto}
.banner .dots{position:absolute;left:0;right:0;bottom:20px;z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item {width:593px; float: left;height:396px; position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 610px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(/tpl/templets/default/images/slider-info-bg.png) \9;}
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:red}
.ab_right{ width: 593px; height: 396px; float: right;}

/*about*/


/*fuwu*/
.fuwu{ width: 100%; padding:0px; margin:0px;  background:url(/tpl/templets/default/images/bgg.jpg) no-repeat fixed ;  height: 480px; overflow:hidden;}
.fuwu .fuwu_con{ width: 100%; margin: 0 auto; background: rgba(0,0,0,0.7); height: 480px;  overflow:hidden; }
.fuwu .fuwu_con h1{ text-align: center; margin-top: 80px; font-size: 40px; color: #fff;letter-spacing: 20px;}
.fuwu .fuwu_con h1 b{ color:red; }
.fuwu .fuwu_con i{ width: 160px; height: 1px; background: #fff; display:block; margin: 35px auto }
.fuwu .fuwu_con strong{ width: 1000px;  color: rgba(255,255,255,0.5); font-weight: 400; font-size: 13px; letter-spacing: 13px;text-transform: uppercase; text-align: center; display: block; margin: 0 auto; font-family: Arial;}
.fuwu .fuwu_con p{ width: 900px; display: block; margin: 30px auto;line-height: 2em; color: #fff; text-align: center; overflow: hidden;}
.fuwu_bt{ margin-top: 60px;} 

.back {  width: 33%;  height: 200px;  float: left; background-color: #eeeeee; border: 10px;   border-color: #ffffff;  border-style: solid; box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; counter-increment: bc; padding: 0px 5px 5px 5px;}
.back:before { content: counter(bc) "_"; position: absolute; padding: 10px;}
.button_base { margin: 0;  border: 0;  font-size: 16px; position: relative; top: 50%; left: 50%; margin-top: -22.5px; margin-left: -85px; width: 170px; height: 45px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none;
    cursor: default;}
.button_base:hover { cursor: pointer;}
.b02_slide_in { overflow: hidden; border: #fff solid 1.5px;}
.b02_slide_in div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;padding: 10px;}

.b02_slide_in div:nth-child(1) { color: #fff; background-color: rgba(0,0,0,0);}
.b02_slide_in div:nth-child(2) { background-color: red; transition: top 0.5s ease; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; top: -50px;}
.b02_slide_in div:nth-child(3) { color: #ffffff; transition: opacity 0.5s ease; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.5s ease; opacity: 0;}
.b02_slide_in:hover div:nth-child(2) { top: 0px; transition: top 0.5s ease; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease;}
.b02_slide_in:hover div:nth-child(3) { opacity: 1; transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease;}

.slider-item img{
-webkit-transition: ease .6s;
transition: ease .6s;
-webkit-transform-origin:50% 50%; /* transform-origin默认值就是居中，可以不加 */
transform-origin:50% 50%; /* transform-origin默认值就是居中，可以不加 */
}
.slider-item img:hover{
-webkit-transform: scale(1.1); /*放大1.2倍*/
transform: scale(1.1); /*放大1.2倍*/
-webkit-transition: ease .6s;
transition: ease .6s;
}
/*fuwu*/

/*产品*/
.product{ width: 100%;  overflow: hidden; }
.product .pro_con{margin: 0 auto; width: 1200px; }


.product .pro_con .pro_name{ width: 54% ; overflow:hidden; margin-bottom: 40px; margin: 40px auto;}
.product .pro_con .pro_name li{ float: left; height: 18px; width: 80px; text-align: center; border-left: 1px solid #999; }
.product .pro_con .pro_name li:nth-child(1){border-left: none;}
.product .pro_con .pro_name li a{ font-size: 16px; color: #333; font-family:"方正清刻本悦宋简体"; src : url('/tpl/templets/default/font/方正清刻本悦宋简体.ttf'); transition: 0.3s }
.product .pro_con .pro_name li:hover a{ color: #ff7700; transition: 0.3s }

.product .pro_con .pro_cen{ width: 1217px;}
.product .pro_con .pro_cen li{ width: 287px; height: 215px; overflow: hidden; float: left; position: relative; margin-left:17px; margin-bottom:25px;  }

.product .pro_con .pro_cen .prolist{ width: 287px; height: 215px; overflow: hidden; }
.product .pro_con .pro_cen .prolist img{-webkit-transition: ease .6s;transition: ease .6s;-webkit-transform-origin:50% 50%;
transform-origin:50% 50%; }
.product .pro_con .pro_cen li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);-webkit-transition: ease .6s; transition: ease .6s;}

.product .pro_con .pro_nr{ width:287px; height: 215px; position:absolute; top: 0; left: 0; background: rgba(0,0,0,0) ;   transition: 0.5s}
.product .pro_con .pro_cen li:hover .pro_nr{  background: rgba(0,0,0,0.5) ; transition: 0.5s; }
.product .pro_con .pro_cen h1{ color: rgba(0,0,0,0); text-align: center; transition: 0.5s; font-size: 20px; position: absolute; top: -10px;  width: 287px; display: inline-block; font-family:"方正清刻本悦宋简体"; src : url('/tpl/templets/default/font/方正清刻本悦宋简体.ttf'); font-weight: 400;}
.product .pro_con .pro_cen li:hover h1{ color: rgba(255,255,255,1); transition: 0.5s; position: absolute; top: 50px; }
.product .pro_con .pro_nr i{width: 60px; height: 60px; border-radius: 50%; background: rgba(0,0,0,0); display: block;  position: absolute; transition: 0.5s; margin: 0 auto; left:50%; margin-left:-30px; bottom: -50px; }
.product .pro_con .pro_cen li:hover i{ background: rgba(0,0,0,0.8); transition: 0.5s; bottom: 50px;}
.product .pro_con .pro_nr i img{display: block; width: 32px; height: 32px; margin: 13px auto; }
/*产品*/

.news{width: 100%; background: #f5f5f5; height: 680px; overflow: hidden; margin-top: 60px;}
.news .nw_con{ width: 1200px; margin: 40px auto; }
.news .nw_con .ns_tit{margin-top: 60px;  margin-bottom: 20px; }
.nwleft { width: 820px; float: left; }
.card-tabs-stack .tuimg{ height: 110px; overflow: hidden; width: 220px;float: left;}
.card-tabs-stack .tuimg img{  background: #333; width: 220px; }
.card-tabs-stack .newrigt{ width: 580px; float: right; padding: 13px; color: #333;}
.card-tabs-stack .newrigt h2{ color: #272727; font-size: 16px; transition: 0.3s; font-weight: 200;}
.card-tabs-stack .newrigt h2 span{ font-size: 14px; float: right; color: #999; font-weight: 200; }
.card-tabs-stack .newrigt p{ font-size: 14px; line-height: 1.8em;margin-top: 10px; color: #666; }
.card-tabs-stack li:hover h2{color: #fff; transition: 0.3s;}
.card-tabs-stack .nr{ width: 1px; background: red; height: 110px; transition: 0.8s;}
.card-tabs-stack li:hover .nr{ width: 100%; transition: 0.8s; }
.card-tabs-stack li:hover p{ color:rgba(255,255,255,0.8); }
.card-tabs-stack li:hover h2 span{ color: #fff; }

.nw_con .nwright{ width: 330px; float: right; }
.nw_con .nwright .gonggao{ height: 60px;border-bottom: 1px solid #999; }
.nw_con .nwright .gonggao img{ margin-top: 15px; }

.newslist{ width: 330px;  }
.newslist li{ height: 90px; border-bottom: 1px dashed #e1e1e1; padding-bottom: 16px;}
.newslist .nwtt{ margin: 20px auto 16px; }
.newslist li h2{ font-size: 16px; color: #333; font-weight: 900; display: block; width: 305px; float: right; margin-top: 5px;}
.newslist li p{ font-size:15px; color: #666; text-align:justify;width: 305px; float: right; line-height: 2em }
.newslist li img{ padding-right: 5px; padding-top: 5px;}
.newslist li:nth-child(3) { border-bottom:none;}
.newslist li:hover h2{color: red; transition: 0.3s;}

.foot{ width: 100%; background:url(/tpl/templets/default/images/foot.jpg) no-repeat center; height: 479px;  overflow: hidden;}
.foot .ft_con{ width: 1200px; margin: 0 auto; }
.foot .ft_con .ft_tit h2{ color: #fff;}
.foot .ft_con .ft_tit{  text-align: center; width: 1200px; margin-top: 55px;}
.foot .ft_con .ft_tit span{ color: rgba(255,255,255,.6); margin-top: 5px;}

.foot .ft_con .ft_at{ width: 620px; margin: 30px auto; text-align: center; color: #fff; line-height: 1.8em; font-size:15px; }
.foot .ft_con .ft_bt{ width: 1000px; margin: 0 auto; }
.foot .ft_con .ft_bt li{ width: 333px;float: left; text-align: center; }
.foot .ft_con .ft_bt li p{ color: #fff; margin-top: 20px; line-height: 1.8em; }
.foot .ft_con .ft_ct{ width: 1200px; margin: 0 auto; overflow:hidden;    padding-top: 40px;text-align: center;}
.foot .ft_con .ft_ct .ft_left{ color: #f5f5f5; margin-top: 15px;  font-size: 14px; }
.foot .ft_con .ft_ct .ft_left a{ color: #f5f5f5; transition: 0.3s; font-size: 14px;}
.foot .ft_con .ft_ct .ft_left a:hover{color:red; transition: 0.3s}
.foot .ft_con .ft_ct>a{ float: right;  margin-top: 15px; color: #f5f5f5; transition: 0.3s;font-size: 14px;}
.foot .ft_con .ft_ct>a:hover{color:red; transition: 0.3s;}


.mianbao{ width: 100%; height: 35px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; z-index: 2;}
.mb_con{ width: 1200px; position:absolute; left: 50%; top: 0; margin-left: -1100px;}
.mb_con p{ text-align: right; color: #fff; line-height:35px; font-size: 14px;}
.mb_con p a{ color: #fff; }
.mb_con p a:hover{color: red;}
/*内页公共样式*/
.nytit{ width: 100%; height:140px;  }
.nytit .gtitle{ width: 1200px; margin: 0 auto; overflow: hidden; text-align: center;}
.nytit h2{ font-size:30px; font-weight: 900; color: red; padding-top: 40px; font-weight: 100;}
.buttona{  background:red;  color:#fff; border:none;  position:relative; height:40px; font-size:1.6em;  padding:0 2em; cursor:pointer; transition:800ms ease all; outline:none; font-size: 16px;  font-family:"微软雅黑";}
.buttona:hover{ background:#fff; color:red;}
.buttona:before,.buttona:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: red; transition:400ms ease all;}
.buttona:after{ right:inherit; top:inherit; left:0; bottom:0;}
.buttona:hover:before,.buttona:hover:after{  width:100%; transition:800ms ease all;}

.nynav{ width: 449px; margin: 0 auto; height: 40px; }
.fw_nav{ width: 289px; }

.nynav li{ float: left; margin-right: 30px; }
.nynav li:nth-child(3){ margin-right:0; }
.fw_nav li:nth-child(2){ margin-right:0; }
.pro_nav{ width: 1033px; }
.pro_nav li:nth-child(3){ margin-right:30px; }
.pro_nav li:nth-last-child(1){ margin-right:0px; }


.ny{ width: 100%; background:url(/tpl/templets/default/images/bgxa.png) repeat-y #f5f5f5; overflow: hidden;}
.ny_con{ width: 1200px; background: #fff; margin: 0 auto;}

.ny_neirong{ padding: 10px 50px; margin: 40px auto; }
.ny_neirong p{text-align: justify; font-size: 16px; line-height: 1.8em;}

#showtext{ width: 100%; margin: 0 auto; }
#myform tr{ width: 45%; float: left;  margin:10px 0 10px 20px;}
#myform tr  input{ width: 320px; height: 35px; padding-left: 10px;}
.hback{}
#myform tr .hback_1{ width: 120px; text-align: right; padding-right:5px;  }
#myform .teshu{ width:70%; }
#myform tbody{ display: inline-block; text-align: center; padding-left: 20px; }
#myform .teshu .input_w1{ width:120px; float: left; height: 35px; margin-top: 5px;}
#myform .teshu img{ float: left; width: 80px;  margin-left: 10px; margin-top: 10px;}
#myform .teshu a{ font-size: 14px; }

#myform td textarea{ width: 320px; height:100px; padding-left: 5px;}

#myform tr td b{ font-size: 16px; font-weight: 400; }
#myform .anniu .button_w1{ width: 400px;background: #ff7700; margin: 0 auto}
#myform .anniu{  position: relative; top: 0; left: 300px; margin-top:20px;  }
#myform .anniu input{font-size: 15px; color: #fff; font-family: "微软雅黑"; border:none;  line-height: 30px; display: block;}

.prox{width: 1200px; margin: 50px auto 30px; overflow: hidden;}
.prox li{ width: 320px; float: left; margin-left: 60px; height: 240px; overflow: hidden; margin-bottom: 45px; position: relative;}

.prox li img{-webkit-transition: ease .6s;transition: ease .6s;-webkit-transform-origin:50% 50%;
transform-origin:50% 50%; }
.prox li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);-webkit-transition: ease .6s; transition: ease .6s;}

.prox li .pro_nr{ width:320px; height: 240px; position:absolute; top: 0; left: 0; background: rgba(0,0,0,0) ;   transition: 0.5s}
.prox li:hover .pro_nr{  background: rgba(0,0,0,0.5) ; transition: 0.5s; }
.prox li .pro_nr h1{ color: rgba(0,0,0,0); text-align: center; transition: 0.5s; font-size: 20px; position: absolute; top: -10px;  width: 320px; display: inline-block; font-family:"方正清刻本悦宋简体"; src : url('/tpl/templets/default/font/方正清刻本悦宋简体.ttf'); font-weight: 400;}
.prox li:hover h1{ color: rgba(255,255,255,1); transition: 0.5s; position: absolute; top: 50px; }
.prox .pro_nr i{width: 60px; height: 60px; border-radius: 50%; background: rgba(0,0,0,0); display: block;  position: absolute; transition: 0.5s; margin: 0 auto; left:50%; margin-left:-30px; bottom: -50px; }
.prox li:hover i{ background: rgba(0,0,0,0.8); transition: 0.5s; bottom: 50px;}
.prox .pro_nr i img{display: block; width: 32px; height: 32px; margin: 13px auto; }

.pagecode{ width: 1100px; height: 40px; overflow:hidden; text-align:right; padding-right: 30px; margin: 10px auto 20px;}
.pagecode a{ padding:5px 25px; background: #444; margin-left: 5px; color: #fff; line-height: 25px; transition: 0.3s;}
.pagecode a:hover{ background: red; transition: 0.3s; }

.prox_xq{ margin: 50px auto 20px; overflow:hidden; }
.prox_xq .slider{ margin-bottom: 30px; }
.protit{ padding-bottom: 40px; overflow:hidden; }
.protit h2{text-align: center;}

.prtopa{ width: 100%;height: 40px;  background: -webkit-linear-gradient(left, red , #ff7700); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, red,  #ff7700); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, red,  #ff7700); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, red ,  #ff7700); /* 标准的语法 */
text-align: center; }
.prtopa span{  color: #fff;  line-height: 40px; font-size: 18px;}
.proxq{ width: 100%; margin-bottom: 30px; }
.proct{ width: 94%; padding: 30px; }
.proct p{  font-size: 16px; line-height: 1.8em; text-align: justify; }

.xiangguanpro{ width: 100%; text-align: center; overflow: hidden; margin-bottom: 40px;}
.xiangguanpro h2{ color: #fff;  line-height: 40px; font-size: 18px; font-weight: 100; height: 40px; display: block;background: -webkit-linear-gradient(left, red , #ff7700); /* Safari 5.1 - 6.0 */  background: -o-linear-gradient(right, red,  #ff7700); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, red,  #ff7700); /* Firefox 3.6 - 15 */  background: linear-gradient(to right, red ,  #ff7700); /* 标准的语法 */ }
.xiangguanpro li{ width: 280px; height: 210px; float: left; margin: 0 10px; position: relative; overflow: hidden;}
.xiangguanpro ul{ width: 100%;  overflow: hidden; margin: 30px auto;}
.xiangguanpro li img{ width: 280px; -webkit-transition: ease .6s;transition: ease .6s;-webkit-transform-origin:50% 50%;
transform-origin:50% 50%; }
.xiangguanpro li p{ width: 100% ; height: 40px; background:rgba(0,0,0,0.5); font-size:16px; color: #fff;display: block; position: absolute; bottom: 0; left: 0; line-height: 40px; }

.xiangguanpro li:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);-webkit-transition: ease .6s; transition: ease .6s; }
.fuwu_bt a{ color: #fff; }

.new_con{ width: 1100px; margin: 40px auto; }
.new_con li{ width: 1060px; height: 160px; overflow: hidden;  margin: 40px auto;box-shadow: 2px 2px 5px 3px #efefef; position:relative;}
.new_con li img{ width: 300px; float: left; -webkit-transition: ease .6s;transition: ease .6s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%; position: relative; z-index: 2}
.new_con li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);-webkit-transition: ease .6s; transition: ease .6s;}
.new_con li .newrigt{ width: 700px; float: left; margin-left: 40px; position: relative; z-index: 2}
.new_con li .newrigt h2{ margin:8px 0; font-weight:  ; font-size:18px; color: #333; padding-top: 15px; transition: 0.3s; }
.new_con li .newrigt p{ font-size:14px; color: #666; line-height: 1.8em; padding-right:30px; text-align: justify; transition: 0.3s;}
.new_con li .newrigt h2 span{ float: right; font-size: 14px; color: #666; padding-right: 30px;}
.nrs{width: 1px; height: 100%; float: left; overflow: hidden;  background:#ff7700; position: absolute; left: 300px; top: 0; transition: 0.8s;z-index: 0;transition: 0.3s;}

.nls{ width: 1px; height: 100%; float: right; overflow: hidden; background:#ff7700; position: absolute; right: 0; top: 0; transition: 0.8s; z-index: 0}
.new_con li:hover .nrs{ width: 390px; transition: 0.8s}
.new_con li:hover .nls{ width: 390px;  transition: 0.8s}
.new_con li:hover h2{ color: #fff; transition: 0.3s; }
.new_con li:hover .newrigt h2 span{ color: rgba(255,255,255,0.6); transition: 0.3s; }
.new_con li:hover p{  color: rgba(255,255,255,0.6); transition: 0.3s;}

.news_con h2 { width: 100%; text-align: center; margin: 50px 0 20px; font-size: 23px; color: #ff7700; height: 100%; background: #f5f5f5; line-height: 1.8em; } 

.new_con i{ font-style: normal; margin: 5px 0 30px; text-align: center; width: 100%; display: block; }
.new_con p{ line-height: 1.8em; text-align: justify; }
.new_con .tu{ margin-top: 15px; padding-bottom:15px;  }
.new_con .tu p{margin: 5px 0; border-top:1px solid #ccc; padding-top: 10px; }


.music{ width: 18px; height: 27px;  position:absolute; right: 0;top: 54px;}
/*
     FILE ARCHIVED ON 19:25:06 Mar 25, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:58:14 Aug 20, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.749
  exclusion.robots: 0.042
  exclusion.robots.policy: 0.026
  esindex: 0.013
  cdx.remote: 36.508
  LoadShardBlock: 526.959 (3)
  PetaboxLoader3.datanode: 298.488 (4)
  PetaboxLoader3.resolve: 218.688 (2)
  load_resource: 331.803
*/