@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family:Arial;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family:Arial;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}

.hidden{ overflow:hidden;}
html{font-size: calc(16vw / 1920 * 100);}
.header{height: 5.5rem;background:#ffffff;position:fixed;top:0;left:0;width:100%;z-index:1000;}
.logos{ width:29%;}
.logos img{ display:block; height:89px; margin:0 auto;}

.nav{width:66.5%;line-height: 5.6;background: #3c5d62;background-size:auto 100%;text-align: right;text-transform:uppercase;color:#ffffff;font-size:16px;padding-left: 18%;float:  right;font-family: Arial;}
.nav li{display:inline-block;position:relative;float: left;}
.nav li>a{padding: 0 2.5rem;display:inline-block;color:  #fff;font-size: 1rem;}
.nav li:hover,.nav li.on{ color:#cda919;  }


.nav li .wapsub{text-align: center;background:#f4f4f7;display:none;overflow: hidden;position:absolute;left:0;top: 4rem;border-top:1px solid #dcdcdc;-moz-box-shadow:0 0 10px #888888;-webkit-box-shadow:0 0 10px #888888;box-shadow:0 0 10px #888888;}
.nav li .wapsub2{width: 7rem;/* height: 10rem; */margin-left: 15%;}
.nav li .wapsub2 a{display:block;padding:0 10px;height: inherit;line-height: 3;width: 7rem;font-size: 0.8rem;color:#333333;border-bottom:1px solid #dcdcdc;/* width: 100%; */float:left;}
.nav li .wapsub2 a:hover{ background:#3c5d62; color:#ffffff;  }

.nav li .wapsub1{ width:730px; overflow: hidden; padding:20px 10px; }
.nav li .wapsub1 .lisub{ float:left; width:25%; padding:0 10px; }

.nav li .wapsub1 .lisub>a{ display: block; border-radius:5px; font-weight: bold;  height: 40px; line-height: 38px; border:1px solid #dcdcdc; text-align:center; font-size:14px; color:#333333; background:#eae9e9; }
.nav li .wapsub1 .lisub .zsub{ overflow: hidden; }
.nav li .wapsub1 .lisub .zsub a{ display: block; margin-top:10px; border-radius:5px; height:40px; line-height: 38px; border:1px solid #dcdcdc; text-align:center; font-size:14px; color:#666666;  }
.nav li .wapsub1 .lisub a:hover{ background: #61146c; color:#ffffff; border-color:#61146c; }


.lang{ width:4.5%; height:100%; border-right:1px solid #ebecf0;}
.lang a{display:block;line-height: 5.6rem;color:#000000;font-size:14px;text-align:center;font-weight:bold;}

.nav-btn{ display:none;}
.nav-toggle{margin:24px auto 0 auto;background: none;border: none;outline: none;cursor: pointer; width:32px; }
.nav-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #61146c;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
.nav-toggle.close .span2{opacity: 0;}
.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}

.wapsub{ display: none; }

.nav_sub{ position: absolute; display: none; top:89px; left: 0; width:100%; background:#ffffff; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; box-shadow:0 5px 5px #cccccc;}
.nav_sub ul{ overflow: hidden; padding:2% 0; }
.nav_sub ul li{ float:left; width:25%; padding:0 2%; }
.nav_sub ul li>a{ display: block; border-radius:7px; font-weight: bold;  height: 50px; line-height: 48px; border:1px solid #dcdcdc; text-align:center; font-size:16px; color:#333333; background:#f4f4f7; }
.nav_sub ul li .zsub{ overflow: hidden;  }
.nav_sub ul li .zsub a{ display: block; margin-top:5%; border-radius:7px; height:50px; line-height: 48px; border:1px solid #dcdcdc; text-align:center; font-size:16px; color:#666666;  }
.nav_sub ul li a:hover{ background: #61146c; color:#ffffff; border-color:#61146c; }


.banmain{position:relative;margin-top:89px;margin-left: 7.5%;}
.banmain .banbj{width:4.5%;height:100%;position:absolute;top:0;right:0;z-index:10;background: #3c5d62;/* background-size:cover; */}

.banbj .ban-pagination{width: 3rem;text-align:center;position: absolute;overflow:hidden;top:40%;margin-top: -9rem;right: 10%;font-family:Arial;}
.banbj .ban-pagination:after{position:absolute;content:"";width: 0.05rem;height: 2rem;background:#ffffff;top: 5.5rem;left: 1.5rem;}
.banbj .ban-pagination:before{position:absolute;content:"";width: 0.05rem;height: 2rem;background:#ffffff;bottom: 5.5rem;left: 1.5rem;}
.banbj .ban-pagination .swiper-pagination-bullet{background:none;display:block;color:#ffffff;font-size: 0.7rem;opacity:1;margin: 3rem 0;width:100%;height: 2rem;/* text-align: left; */line-height: 2;}
.banbj .ban-pagination .swiper-pagination-bullet-active{font-weight:bold;font-size: 0.8rem;color: #ffffff;}

.banbj .lower{width: 3rem;background:url(../images/lower.png) no-repeat top center;padding-top: 4rem;margin-bottom: -5rem;writing-mode:tb-rl;line-height: 3.5;font-size:13px;color:#ffffff;position: absolute;bottom:25%;right:0;cursor:pointer;}

.banner{padding-right: 4.5%;}
.banner .swiper-slide{ }
.banner .swiper-slide img{ display: block; width:100%;  } 
.banner .swiper-slide a{ display:block; height:100%;}

.bantxt{ background:rgba(255,255,255,0.6); width:705px; height:506px; right:4%; top:50%; margin-top:-253px; position: absolute; z-index:20; padding:78px; }
.bantxt .btop{ overflow:hidden; margin-top:15px;}
.bantxt .btop img{ height:110px; display:block;}
.bantxt .binfo{ margin-top:40px; color:#646464; font-size:16px; line-height:1.8; }
.bantxt .bmore{ font-weight:bold; color:#61146c; font-size:24px; border-bottom:2px solid #61146c;line-height:86px; display:inline-block;}
.bantxt .bmore span{ font-size:18px; font-weight:normal;}


.wapban{ width:100%; display:none;}
.wapban .img img{ width:100%; display:block;}
.wapban .txt{background:#f4f4f7; padding:20px;}
.wapban .txt .top{}
.wapban .txt .top img{ height:40px; display: block;}
.wapban .txt .info{ font-size:14px; line-height:1.5; margin-top:10px;}
.wapban .txt .more{font-weight:bold; color:#61146c; font-size:18px; border-bottom:1px solid #61146c;line-height:40px; display:inline-block;}
.wapban .txt .more span{ font-size:14px; font-weight:normal;}

.wapban .swiper-pagination{ line-height:0;}
.wapban .swiper-pagination-bullet{ background:#61146c;}
.wapban .swiper-pagination-bullet-active{ background:#61146c;}

.homeprod{ overflow:hidden; border-left:1px solid #f0eeee;}
.homeprod li{ float:left; width:25%;border-right:1px solid #f0eeee;}

.homeprod li .title{ line-height:92px; color:#646464;font-size:20px;}
.homeprod li .title span{ color:#e7e7e9; margin:0 20px 0 36px; font-weight:bold; font-family:Arial;}
.homeprod li .img{ overflow:hidden;}
.homeprod li img{ width:100%; display:block;}
.homeprod li .more{ height:162px; position:relative;}
.homeprod li .more span{ position:absolute; right:0; top:50%; margin-top:-18px; height:36px; line-height:35px; color:#9c9a9a; font-size:14px; border-bottom:1px solid #d4d6dc; width:128px;}

.homeprod li:hover .title{ background:#61146c; color:#ffffff;}
.homeprod li:hover .title span{ color:#fefeff;}
.homeprod li:hover .more span{ right:100%; margin-right:-160px;  color:#8f0aa2; border-color:#8f0aa2; background:url(../images/pmore.png) no-repeat right center; background-size:auto 100%;}



.rd{ background:#f4f4f7 url(../images/rdbj.png) no-repeat right center; background-size:auto 100%; padding:70px 0;}
.rd .img{ height:463px; width:45.5%; border-radius:90px 0 90px 0; overflow:hidden;}
.rd .txt{ width:49%; }
.rd .txt h2{ color:#25273c; font-size:100px; font-weight:normal; line-height:1; margin-top:30px; }
.rd .txt h3{ color:#25273c; font-size:48px; font-weight:normal; line-height:1; margin-top:5px; }
.rd .txt p{ color:#6a6a6e; font-size:20px; line-height:1.5;  margin-top:20px;}
.rd .txt .more{ width:220px; height:58px; line-height:58px; border-radius:10px 0 10px 0; display:block; background:#61146c; color:#ffffff; text-align:center; font-size:20px; margin-top:60px;}
.rd .txt .more:hover{border-radius:0 10px 0 10px;}

.homenews{ padding:70px 0;}
.homenews .img{ width:45.5%; position:relative;}
.homenews .img img{ display:block; width:100%;}
.homenews .img .info{ width:300px; height:160px;  position:absolute; bottom:0; right:0; background:#ffffff; padding:25px 0 0 35px;}
.homenews .img:after{ content:""; position:absolute; bottom:0; height:160px; width:40px; right:-40px; background:#61146c;}
.homenews .img .info h3{ color:#6a6a6e; font-size:20px; font-weight:normal; line-height:1.8;}
.homenews .img .info .more{ position:relative; }
.homenews .img .info .more span{ width:130px; line-height:34px; height:35px; font-size:14px; color:#9c9a9a; position:absolute; right:0; top:10px; border-bottom:1px solid #d4d6dc;}

.homenews .img:hover .info{ background:#61146c;}
.homenews .img:hover .info h3{ color:#ffffff;}
.homenews .img:hover .info .more span{ color:#ffffff; right:100%; margin-right:-130px; }



.nyban{ height:516px; width:95.5%;}
.nbtxt{color:#ffffff;line-height:1.5;padding-left: 3%;position:absolute;top:50%;margin-top:-50px;left:0;}
.nbtxt h3{font-size: 4rem;font-weight:  bold;}
.nbtxt p{ font-size:22px; display: none; }
.nbtxt p span{ margin:0 5px; }
.nbtxt p a:hover{ text-decoration:underline;}
.banbj .nylower{ right:auto; left:50%; margin-left:-22px; bottom:70px;}

.about{background: #fafafa;background-size:100% auto;}

.nynav{overflow: hidden;margin-top: -4rem;z-index:10;position:relative;/* margin-left: 7.5%; */}
.nynav li{line-height: 3.2rem;margin-top:12px;color:#ffffff;font-size:22px;float:left;background: rgba(60, 93, 98, 0.49);margin-right: 0.4rem;}
.nynav li a{display:block;padding: 0 1.2rem;color:  #fff;}
.nynav li:hover,.nynav li.on{margin-top:0;font-size:24px;font-weight:bold;background: #3c5d62;}
.nynav li:hover a,.nynav li.on a{padding-top:12px;color: #fff;}

.a_content{padding: 4% 4% 1% 4%;color:#5d5d5d;font-size: 1rem;line-height: 2;/* margin-left: 7.5%; */}
.a_content h3{color:#040c1f;font-size: 1.8rem;line-height:1.4;margin-bottom: 1rem;}
.a_img{ text-align:center; margin-bottom:40px;}
.a_img img{ max-width:100%;}

.honor{ padding:55px;}
.htit{ overflow:hidden; padding-bottom:38px; border-bottom:1px solid #e5e5e5;}
.htit h3{ float:left; color:#393939; font-size:36px; line-height:1; margin-top:20px;}
.htit a{ float:right; height:56px; width:220px; background:#61146c; color:#ffffff; font-size:20px; text-align:center; border-radius:8px 0 8px 0; line-height:56px;}

.honorlist{ overflow:hidden; margin-top:40px;}
.honorlist li{ float:left; width:19%; margin-right:8%; }
.honorlist li p{ display:block; border:1px solid #e5e5e5;}
.honorlist li img{ width:100%; display:block;}
.honorlist li span{ display:block; text-align:center; color:#2b2b2b; font-size:24px; margin:25px 0; line-height:1.5; font-weight:bold;}
.honorlist li a{ cursor: default;  }

.honorbj{ background:#f4f4f7;}

.honorlist2{ overflow:hidden; margin-top:40px;}
.honorlist2 li{ float:left; width:32%; margin-right:2%; }
.honorlist2 li p{ display:block; border:1px solid #e5e5e5;}
.honorlist2 li img{ width:100%; display:block;}
.honorlist2 li span{ display:block; text-align:center; color:#2b2b2b; font-size:24px; margin:25px 0; line-height:1.5; font-weight:bold;}
.honorlist2 li a{ cursor: default;  }


.anchorfree{ overflow:hidden; padding:145px 0 110px 0;}
.anchorfree .txt{ width:52%; padding:0 40px;}
.anchorfree .txt h3{ color:#040c1f; font-size:36px; line-height:1.4;}
.anchorfree .txt .info{ color:#5d5d5d; font-size:22px; line-height:1.6; margin-top:20px;}
.anchorfree .img{ width:45%; border-radius:100px 0 100px 0; overflow:hidden;}
.anchorfree .img img{ width:100%; display:block;}


.newslist{ overflow:hidden; margin-top:70px;}
.newslist li{ margin-bottom:45px; overflow:hidden;}
.newslist li .img{ position:relative; width:46%; padding-left:145px; float:left; }
.newslist li .img .time{ position:absolute; left:10px; top:10px;}
.newslist li .img .time .ym{ color:#5d5d5d; font-size:22px; line-height:36px; display:block;}
.newslist li .img .time .d{ display:block; color:#61146c; font-size:36px; font-family:Impact; line-height:1;}
.newslist li .img .imgbj{height:384px;}

.newslist li .txt{ float: right; padding:40px 40px 0 40px; width:50%;}
.newslist li .txt h3{ color:#25273c; font-size:24px; line-height:1.2; margin:20px 0; font-family:Arial;}
.newslist li .txt .info{ color:#6a6a6e; font-size:20px; line-height:1.8; }
.newslist li .txt .more{ display:block; height:56px; width:220px; background:#61146c; color:#ffffff; font-size:20px; text-align:center; border-radius:8px 0 8px 0; line-height:56px; margin-top:40px;}

.newslist li .txt .info b{color:#292a33;}

.newsmore{ height:46px; border:1px solid #dcdcdc; border-radius:23px; text-align:center; line-height:44px; color:#b9b9b9; font-size:18px; cursor:pointer; margin:80px 0;} 
.newsmore:hover{ background:#61146c; color:#ffffff;}



.showtop{ text-align:center; padding:3% 0; border-bottom:1px solid #d9d9d9;}
.showtop h1{ color:#333333; font-size:30px; line-height:1.2;}
.showtop p{ color:#666666; font-size:16px; margin-top:15px;}
.showtop p span{ margin:0 10px;}

.showtxt{ padding:4%; font-size:18px; line-height:2; color:#666666; word-break:break-all;}
.showtxt img{ max-width:100%; height:auto !important;}
.showtxt video{ width:900px; height:500px;}
.showbottom{ overflow:hidden; padding:3% 2%; border-top:1px solid #d9d9d9;}
.sxp{ font-size:16px; color:#666666; line-height:36px;}
.sxp span{ display:block;}
.sxp a:hover{ color:#61146c; text-decoration:underline; }

.fanhui{ width:200px; height:48px; display:block; line-height:48px; text-align:center; color:#ffffff; background:#292929; font-size:16px; margin-top:12px;}
.fanhui:hover{ background:#61146c;}





.contact_main{overflow: hidden;height: 100%;margin:4% 0;}
.contact_main .contxt{float: left;width: 42%;background: #3c5d62;color:#ffffff;padding: 3rem 3rem 3rem 3rem;height:100%;}
.contact_main .contxt h3{font-size: 2rem;text-align: center;margin: 2rem 0;}

.contact_main .conlist{ overflow: hidden; }
.contact_main .conlist p{float:left;width: 100%;font-size: 1.2rem;line-height: 2;margin-top: 0;}

.contact_main .map{ float:right; width: 58%; height:100%; background:#ffffff; }

 .my-map {  width: 100%; height: 100%; } 
 .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
 .my-map .icon-cir { height: 31px; width: 28px; } 
 .my-map .icon-cir-red { background-position: -11px -5px; }
 .amap-container{height: 100%;}
 .myinfowindow{width: 240px;min-height: 50px;}
 .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; color:#61146c; font-size: 16px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
 .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 14px; color: #6f6f6f; }


.modal-bg{ display:none; position: fixed; width: 100%; height: 100%; top:0; left:0; bottom:0; right:0; z-index: 5000; background-color: #333; background-color: rgba(0,0,0,0.6);}
.hot-line-modal{ z-index:5001; background:#ffffff; display: none; position: fixed;width: 400px;height: 150px;top:50%;left:50%;margin:-75px 0 0 -200px; text-align:center;}
.hot-line-modal h3{ font-size:18px; color:#999999; font-weight:normal; text-transform: uppercase; }
.hot-line-modal p{ font-size:30px; color:#61146c; margin-top:40px;}
.hot-line-modal .close-btn { z-index: 99999; display: block; position: absolute; width: 30px; top: 15px; right: 15px; height: 30px; background: url(../images/icon-close.png) no-repeat center; cursor: pointer;}


.events_ban{ height:600px; width:70%; margin:0 auto 4% auto; overflow: hidden;   }
.events_ban img{ display: block; height:100%; margin:0 auto; }

.events_ban .swiper-pagination  .swiper-pagination-bullet{ opacity: 1; background:#ffffff; width:12px; height: 12px;  }
.events_ban .swiper-pagination  .swiper-pagination-bullet-active{ background:#61146c; }

.events_ban-next,.events_ban-prev{ width:60px;height:80px; position:absolute; top:50%; margin-top:-40px; z-index:1000; cursor:pointer;}
.events_ban-next{ background:#61146c url(../images/pmpban-next.png) no-repeat center center; background-size:100% auto; left:0; border-radius:7px 0 7px 0; overflow:hidden;}
.events_ban-prev{  background:#61146c url(../images/pmpban-prev.png) no-repeat center center; background-size:100% auto; right:0; border-radius:7px 0 7px 0; overflow:hidden;}







.course{ padding-top:40px; border-top:1px solid #dcdcdc; }
.course .ctit{ text-align: center; color: #61146c; font-size: 36px; line-height: 1.4;}

.course_main{margin:20px 0 60px 0;}

.courselist{ overflow:hidden; position:relative;}
.courselist:after{ content:""; background:#dddddd; width:2px; height:100%; position:absolute; left:50%; margin-left:-1px; top:0; z-index:-1;}
.courselist li{ width:50%; margin-right:50%; position:relative;}
.courselist li.li01{ float:left;}
.courselist li:after{ content:""; width:8px; height:8px; position:absolute; border:3px solid #61146c; border-radius:50%; top:17px; right:-7px;}

.courselist li .txt{ text-align:right; padding-right:40px; min-height:140px; padding-left:150px;}
.courselist li .txt h3{ color:#000000; font-size:30px; position:relative; line-height:48px; }
.courselist li .txt h3:after{ content:""; width:13px; height:2px; background:#61146c; position:absolute; top:50%; margin-top:-1px; right:-25px;}
.courselist li .txt p{ color:#a6a6a6; font-size:12px; text-transform:uppercase; margin:5px 0 15px 0;}
.courselist li .txt .info{ color:#666666; line-height:1.8; font-size:16px; text-transform:uppercase; }

.courselist li.li02{ float:right; margin-right:0; margin-left:50%;}
.courselist li.li02:after{  left:-7px;}

.courselist li.li02 .txt{ text-align:left; padding-left:40px; padding-right:150px; }
.courselist li.li02 .txt h3:after{ right:auto; left:-27px;}




.prodmain{ overflow: hidden; margin:3% 0  }
.prodmain .prodleft{ float:left;  width:20%; border:1px solid #dcdcdc; }
.prodmain .prodleft .prodtit{  font-size:20px;  line-height:2.5; background:#61146c; color:#ffffff;   }
.prodmain .prodleft .prodtit:hover,.prodmain .prodleft .prodtit.on{ background:#b93e3e;  }
.prodmain .prodleft .prodtit a{ display: block; padding-left:5%; }
.prodmain .prodleft .produl{ overflow: hidden; padding:5%; }
.prodmain .prodleft .produl li{ font-size:18px; line-height:2.5;   }
.prodmain .prodleft .produl li a{ display: block; }
.prodmain .prodleft .produl li:hover{ color:#61146c; }

.prodmain .prodright{ float:right;  width:76%; }

.prodlist{ overflow: hidden; }
.prodlist li{ width:23.5%; margin-bottom:2%; margin-right:2%; float:left; border:1px solid #dcdcdc; position:relative; }
.prodlist li img{ width:100%; }
.prodlist li .title{ position: absolute; width:100%; left: 0; bottom: 0; height:50px; line-height:50px; font-size:18px; padding:0 10px; color:#ffffff; background:rgba(0,0,0,0.6); }
.prodlist li .title:after{ content:""; width:30px; height:30px; position:absolute; right:10px; top: 10px; border-radius:50%; background:#61146c url(../images/prod_more.png) no-repeat center center; background-size:90%; }



.message{ overflow:hidden; width:900px; margin:5% auto; }
.message li{ float:left; width: 100%; }
.message li.info{ font-size:18px; color:#b93e3e; line-height:50px;  }
.message li .title{ height:50px; line-height: 50px; font-size:18px; color:#333333;  }
.message li .title span{ margin-left:10px; color:#b93e3e; font-size:24px; line-height:1;  }
.message li .input>label{ font-size:18px; color:#666666; margin-right:20px; cursor: pointer; line-height: 50px; }
.message li .input>label input{ margin-right:10px; }
.message li .input>input{ display: block; width: 100%; height: 50px; border:1px solid #dcdcdc; padding:0 15px; font-size:18px; color:#666666; line-height:48px;}
.message li .input>textarea{ display: block; width: 100%; height: 200px; border:1px solid #dcdcdc; padding:10px 15px; font-size:18px; line-height:1.5; color:#666666; }
.message li.btn{ text-align: center; margin-top:2%; }
.message li.btn input{ width:180px; height: 50px; margin:0 30px; font-size:18px; color:#ffffff; display: inline-block; background:#61146c; cursor:pointer; }
.message li.btn input:hover{ background:#b93e3e; }
html{font-size: calc(16vw / 1920 * 100);}


.homeprod li img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}
.homeprod li:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.nav li,.nav li .wapsub a,.homeprod li .more span,.homeprod li .title,.dbnav li a,.homenews .img .info,.homenews .img .info .more span,.nynav li,.nynav li a,.nav_sub a,.rd .txt .more,.prodmain .prodleft .prodtit,.message li .btn{
transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}



.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}
.delay7{-webkit-animation-delay:1.2s;animation-delay:1.2s; -moz-animation-delay:1.2s;
-o-animation-delay:1.2s;-ms-animation-delay:1.2s;}
.delay8{-webkit-animation-delay:1.4s;animation-delay:1.4s; -moz-animation-delay:1.4s;
-o-animation-delay:1.4s;-ms-animation-delay:1.4s;}

.animated{opacity: 0;}
.animateds{opacity: 0;}