@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: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
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: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: 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;}
.container{display: block;max-width:1600px; width:85%;  margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}


.header{ border-bottom:1px solid #ebecf0; }
.header .logo{font-size:28px; text-align: center; color:#00a2e8; line-height:90px; }
.header .logo img{ height:90px; display: block; }
.header .logo .en{}
.header .logo .cn{}
.header .logo .xian{ margin:0 14px; color:#ffc90e; }

.header .container{ position: relative; }
.hrig{ position: absolute; right:0; top:0; }

.lang{ margin-top:20px; font-size:14px; width: 160px; height:50px;  background:#00a2e8; cursor: pointer; color:#ffffff; border-radius:25px 0 25px 0; text-align: center; position: relative; }
.lang span{ position: relative; display: inline-block; padding:0 35px; line-height:50px;}
.lang span::before{ content:""; width:30px; height:100%; position: absolute; left:0; top:0; background: url(../images/earth.png) no-repeat left center; background-size:30px; }
.lang span::after{ content:""; width:30px; height:100%; position: absolute; right:0; top:0; background: url(../images/lang_arrow.png) no-repeat left center; background-size:30px; }

.lang .lang_sub{ width:100%; position: absolute; left:0; top:50px; background:#00a2e8; color:#ffffff; display: none;  overflow: hidden; z-index:10; }
.lang .lang_sub a{ display: block; line-height:40px; }
.lang .lang_sub a:hover{ background:#3b60b1; }
.lang:hover{ border-radius:0;}

.search_btn{ width:90px; height:90px; border-left:1px solid #ebecf0; margin-left:70px; background: url(../images/search_btn.png) no-repeat center center; cursor: pointer; }

.nav_btn{ display:none; }


.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; display:none;}
.search_main{ padding:60px; width:580px; height:180px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:1000; margin:-90px 0 0 -290px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:400px; height:60px; border:1px solid #00a2e8; padding:0 15px; float:left; font-size:16px;}
.search_main .submit{ width:60px; height:60px; background:#00a2e8 url(../images/search_btn.png) no-repeat center center; float:left; cursor:pointer;}

.nav{ line-height:90px; color:#4a4a4a; font-size:18px;  width:100%; text-align: center; }
.nav li{ display: inline-block; position:relative;  }
.nav li>a{ display: block; padding:0 50px; }
.nav li.on>a,.nav li:hover>a{ background:#00a2e8; color:#ffffff; }
.nav li .sub{ width:100%; top:90px; left:0; background:#ffffff;  position:absolute; text-align:center; font-size:14px; display:none; box-shadow: 0px 0px 10px #ffffff; z-index:100;}
.nav li .sub a{ display:block; height:40px; line-height:40px; border-top:1px solid #eef1f6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#333333; }
.nav li .sub a:hover{ background:#00a2e8; color:#ffffff; }




.banner{ width:100%; }
.banner img{ display: block; width:100%;}
.banner .baninfo{ position: absolute; left:0; top:0; width:100%; height:100%; display: flex; align-items: center; z-index:2;}

.banner .bantxt01{ width:45%; background: rgba(255, 255,255, 0.6); padding:40px; color:#00a2e8; position: relative; margin-left:2%; }
.banner .bantxt01:after{ content:""; width:70px; height:70px; background:url(../images/circle.png) no-repeat center center; background-size:cover; position: absolute; top:25px; right:40px; }
.banner .bantxt01 h3{ font-size:48px; line-height:2; }
.banner .bantxt01 p{ font-size:20px; line-height:1.8; }
.banner .bantxt01 .more{ width:140px; height:42px; margin-top:4%; text-align: center; border:1px solid #00a2e8; color:#00a2e8;  line-height:40px; font-size:16px; }
.banner .bantxt01 .more:hover{ background:#00a2e8; color:#ffffff; }

.banner .ban-prev,.banner .ban-next{ width:50px; height:50px; position: absolute; z-index:100; top:50%; margin-top: -25px; cursor: pointer; }
.banner .ban-prev{ left:40px; background: url(../images/ban-prev.png) no-repeat center center; background-size:cover; }
.banner .ban-next{ right:40px; background: url(../images/ban-next.png) no-repeat center center; background-size:cover; }

.banner .ban_bottom{ position: absolute; left:0; width:100%; bottom:50px; z-index:10; }
.banner .ban_bottom .swiper-pagination{ position: static; text-align: right;  }
.banner .ban_bottom .swiper-pagination .swiper-pagination-bullet{ color:#949494; opacity:1; background:none; width:30px; margin-left:20px; line-height:25px; height:25px; text-align: left;}
.banner .ban_bottom .swiper-pagination .swiper-pagination-bullet-active{ color:#ffffff; position: relative; width:50px; font-weight: bold;}
.banner .ban_bottom .swiper-pagination .swiper-pagination-bullet-active:after{ content:""; position: absolute; right:0; top:50%; width:28px; height:1px; background:#ffffff; }

.toplist{ overflow: hidden; height:80px; line-height:80px; margin-bottom:2.75%; }
.toplist li{ float: left; width:30%; margin-right:5%; padding:0 40px; color:#838699; font-size:16px; cursor: pointer; }
.toplist li span{ margin-right:18px; color:#dadadd; font-size:18px; font-weight: bold; }
.toplist li.on,.toplist li:hover{ background:#00a2e8; color:#ffffff;}
.toplist li.on span,.toplist li:hover span{ color:#ffffff;}



.huibj{ background:#f6f6f6; overflow: hidden; }

/*首页产品*/
.homecolumn{ overflow: hidden; margin:4% 0 3% 0;}
.homecolumn .htit01{}
.homecolumn .htit01 .tit_cn{ color:#00a2e8; font-size:36px; font-weight:bold; }
.homecolumn .htit01 .tit_en{ color:#00a2e8; font-size:36px; text-transform: uppercase; }
.homecolumn .htit01 p{ color: #666666; font-size: 16px; margin-top:0.5%; line-height: 1.8; }

.hnav{ overflow: hidden; margin-top:70px; }
.hnav li{ float: left;  }

.hnav li a{ display: block; color:#999999; font-size:16px; line-height:30px; padding:0 16px; font-weight: bold; border-radius:15px; position: relative;}
.hnav li a:after{ content:""; position: absolute; left:0; width:2px; height:60%; top:20%; background:#999999; }
.hnav li:first-child a:after{ display: none;}

.hnav li.on a,.hnav li:hover a{ color:#00a2e8; }

.homeprod{ position: relative; margin-bottom: 6%;}
.hplist{}
.hplist .swiper-slide{ }
.hplist .swiper-slide a{padding-right:20px; position: relative; overflow: hidden; display: block; width:23.5%; margin-left:2%; float:left; }
.hplist .swiper-slide a:after{ content:""; width:100%; height:100%; background:#ffffff; position: absolute; left:20px; top:20px; z-index:1; }
.hplist .swiper-slide .img{ position: relative; z-index:2;}
.hplist .swiper-slide .img .name{ position: absolute; top:30px; left:30px; background:rgba(255,255,255,0.5); height:40px; line-height:40px; color:#5f5f5f; font-size:16px; padding:0 16px; font-weight:bold; }
.hplist .swiper-slide .img img{ width:100%; display: block; }
.hplist .swiper-slide .img .txt{ position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 162, 232, 0.87); padding:0 50px; color:#ffffff; display: flex; align-items: center; opacity:0;} 
.hplist .swiper-slide .img .txt p{ font-size:15px; line-height:2.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.hplist .swiper-slide .img .txt .more{ font-size:12px; width:70px; height:30px; line-height:1; padding-left:7px; margin-top:70px; background: url(../images/xian.png) no-repeat right bottom;}

.hplist .swiper-slide .tit{ height:80px; line-height:80px; padding:0 40px; color:#00a2e8; font-size:18px; font-weight: bold; position: relative; z-index:2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hplist .swiper-slide .tit:after{ position: absolute; right:0; top:50%; content:""; background: url(../images/prod_tit.png) no-repeat center center; background-size:cover; height:40px; width:40px; margin-top:-20px; }

.hplist .swiper-slide a:hover .txt{ opacity:1;}

.homeprod .hp-prev,.homeprod .hp-next{ cursor: pointer; width:50px; height:50px; border:1px solid #3e3e3e; border-radius:50%; position: absolute; top:50%; margin-top:-25px; z-index:10; }
.homeprod .hp-prev{ left:-70px; background: url(../images/arrow_left.png) no-repeat center center; background-size:cover;}
.homeprod .hp-prev:hover{background-image: url(../images/arrow_lefts.png); background-color:#00a2e8; border-color:#00a2e8; }
.homeprod .hp-next{ right:-70px; background: url(../images/arrow_right.png) no-repeat center center; background-size:cover;}
.homeprod .hp-next:hover{background-image: url(../images/arrow_rights.png); background-color:#00a2e8; border-color:#00a2e8; }

.homeprod .hp-prev.swiper-button-disabled:hover{ background: url(../images/arrow_left.png) no-repeat center center; background-size:cover; border-color:#3e3e3e; cursor:default; }

.homeprod .hp-next.swiper-button-disabled:hover{ background: url(../images/arrow_right.png) no-repeat center center; background-size:cover; border-color:#3e3e3e; cursor:default; }

/*首页产品*/


/*首页搜索*/
.homesearch{ background: url(../images/searchbj.jpg) no-repeat center center; background-size:cover; padding:4% 0; }
.homesearch .stit{ color:#ffffff; font-size:36px; text-align: center; margin-bottom:1.5%; }

.hslist{ overflow: hidden; width:800px; margin:0 auto; }
.hslist li{ float: left; }

.hslist li.select{ width:290px; height:50px;  position: relative; color:#666666; }
.hslist li.select:after{ position: absolute; right:20px; top:50%; margin-top:-4px; content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #3e3e3e; }
.hslist li.select select{ width:100%; height:50px; display: block; padding:0 30px; color:#666666; background:rgba(255, 255, 255, 0.7); font-size:14px; } 

.hslist li.input{ width:290px; height:50px; line-height:50px; margin-left:10px; }
.hslist li.input input{ width:100%; height:50px; display: block; background:rgba(255, 255, 255, 0.7);  padding:0 15px; color:#666666; font-size:14px; }

.hslist li.submit{ width:200px; height:50px; line-height:50px; margin-left:10px; }
.hslist li.submit input{ width:100%; height:50px; display: block;  background:#00a2e8; color:#ffffff; font-size:16px; cursor: pointer; border-radius:10px; border:1px solid #ffffff; }
.hslist li.submit:hover input{ background:#cc0000; }
/*首页搜索*/

/*首页简介*/
.homelist{ background:#ffffff url(../images/homelist.jpg) no-repeat right bottom; background-size:50% auto; overflow: hidden;}
.homelist li{ float: left; overflow: hidden; width:100%; padding:5%; border-top:1px solid #eeeeee; }
.homelist li .txt{ width:49%; }
.homelist li .txt .ablogo{ height:70px;}
.homelist li .txt .ablogo img{ height:100%;}
.homelist li .txt h3{ color:#333333; font-size:40px; font-weight: normal; margin:2.5% 0 2% 0; }
.homelist li .txt p{ color:#4a4850; font-size:16px; line-height:1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.homelist li .txt .more{ height:52px; line-height:50px; border:1px solid #6d6f75; border-radius:26px; text-align: center; margin-top:4%; color:#6d6f75; float:left; padding:0 35px;}
.homelist li .txt .more span{ display: inline-block; padding-right: 35px; position: relative; font-size:16px; font-weight: bold; }
.homelist li .txt .more span:after{ content:""; background:url(../images/more_arrow.png) no-repeat center center; background-size:cover; width:10px; height:10px; position: absolute; top:50%; margin-top:-5px; right:0; }
.homelist li .txt .more:hover{ border-color:#00a2e8; background:#00a2e8; color:#ffffff;}
.homelist li .txt .more:hover span:after{background-image:url(../images/more_arrows.png);}

.homelist li .video-wrap{ width:49%; }
.homelist li .video-wrap{ position: relative; display: block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden; }
.homelist li .video-wrap .video{ display: block; height: 410px; width: 100%; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out}
.homelist li .video-wrap .video.show{ opacity: 1;}
.homelist li .video-wrap .mask{ display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.2); top:0; left:0; z-index: 5; }
.homelist li .video-wrap .play{ display: block; position: absolute; width: 70px; height: 70px; top:50%; margin-top: -35px; left:50%; margin-left: -35px; background:url(../images/video_btn.png) no-repeat center center; background-size:cover;
z-index: 10; outline: none; border: none; cursor: pointer; opacity: 1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.homelist li .video-wrap .play:hover{opacity: 1;}

.homelist li .img{ width:43.5%; }
.homelist li .img img{ width:100%; display: block;}

.homelist li.li01 .txt{ border:1px solid #dcdcdc; padding:2%; height: 410px;}

.homelist li.li02{ background:#00a2e8;}
.homelist li.li02 .txt h3{ color:#ffffff;}
.homelist li.li02 .txt p{ color:#ffffff;}
.homelist li.li02 .txt .more{ color:#ffffff; border-color:#ffffff;}
.homelist li.li02 .txt .more span:after{background-image:url(../images/more_arrows.png);}
.homelist li.li02 .txt .more:hover{ color:#6d6f75; border-color:#ffffff; background:#ffffff;}
.homelist li.li02 .txt .more:hover span:after{background-image:url(../images/more_arrow.png);}
/*首页简介*/

/*首页案例*/
.homecase{padding:5%; background:#ffffff; margin:2.5% 0 5% 0;}
.htit02{}
.htit02 h3{ line-height:1; color:#00a2e8; font-size:40px; font-weight: normal; }
.htit02 p{ color:#666666; font-size:16px; margin-top:1.5%; line-height:1.8; }

.hclist{ overflow: hidden; margin-top:5%;}
.hclist li{ width:23.5%; margin-right:2%; float: left;}
.hclist li .img{ overflow: hidden;}
.hclist li .img img{ display: block; width:100%;}
.hclist li .tit{ color:#ffffff; font-size:16px; padding:0 40px 0 20px; height:60px; line-height:60px; background:#00a2e8; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hclist li .tit:after{ content: "→"; position: absolute; height:60px; line-height:60px; position: absolute; right:20px; top:0; }
.hclist li:hover .tit{ background:#3b60b1;}

.neorunbc{ position: relative;}
.neorunbc_img{ position: absolute; bottom:0; left:2%; width:60%;}
.neorunbc_img img{ display: block; width:100%;}
/*首页案例*/


/*首页新闻*/
.homenews{ overflow: hidden; }
.hnleft{ width:59%; }
.hnleft .img{ height:350px; }
.hnleft .txt{ border:1px solid #dcdcdc; height:370px; padding:40px; }
.hnleft .txt h3{ color:#3a3a3a; font-size:24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hnleft .txt h3:hover{ color:#00a2e8;}
.hnleft .txt p{ color:#5c5c5c; font-size:18px; line-height:2; margin-top:2%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.hnleft .txt .nbottom{ overflow: hidden; margin-top:10%;}
.hnleft .txt .more{ float: left; width:200px; height:54px; line-height:50px; border:2px solid #00a2e8; background:#00a2e8; border-radius:27px; display: block; text-align: center; color:#ffffff;}
.hnleft .txt .more span{ display: inline-block; padding-right: 35px; position: relative; font-size:16px; font-weight: bold; }
.hnleft .txt .more span:after{ content:""; background:url(../images/more_arrows.png) no-repeat center center; background-size:cover; width:10px; height:10px; position: absolute; top:50%; margin-top:-5px; right:0; }
.hnleft .txt .more:hover{ background:#cc0000; border-color:#cc0000; }
.hnleft .txt .time{ float: right; line-height:54px; color:#5c5c5c; font-size:18px;}


.hnright{ width:39.5%;}
.hnright li{ height:350px; position: relative;}
.hnright li.li02{ margin-top:20px; }
.hnright li a{ display: block; height:100%; padding:25px; color:#3a3a3a; font-size:22px; line-height:1.8; }
.hnright li a{ background-image: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0)); }
.hnright li:hover a{ background-image: linear-gradient(rgba(0,162,232,1),rgba(0,162,232,0.1)); color:#ffffff;}

/*首页新闻*/


.hqlist{ overflow: hidden; margin: 7% 0; }
.hqlist li{ float: left; width:20%; }
.hqlist li .img{ width:180px; margin:0 auto; }
.hqlist li .img img{ display: block; width:100%; }
.hqlist li .tit{ color:#5c5c5c; font-size:18px; text-align: center; margin-top:5%; color:#00a2e8; }


.links{ border-top:1px solid #e8ebf0; border-bottom:1px solid #e8ebf0; padding:2.5% 0; color:#5c5c5c; margin-bottom:2.5%; }
.links b{ color:#333333; font-size:18px; }
.links span{ font-size:12px;  margin:0 10px;}
.links a{ font-size:14px; color:#5c5c5c; }
.links a:hover{ color:#3b60b1; text-decoration: underline; }

/*底部*/
.footer{ background:url(../images/footbj.jpg) no-repeat center center; background-size:cover; overflow: hidden; }
.footer .container{padding-top:3%; padding-bottom:3%; overflow: hidden;}
.dbnav{ width:20%;}
.dbnav li{ margin-bottom:20px;}
.dbnav li>a{ color:#ffffff; font-size:18px; line-height:2;}
.dbnav li .sub{ margin-top:10px;}
.dbnav li .sub a{ color:#ffffff; font-size:14px; line-height:2.5; display: block;}
.dbnav li .sub a:hover{ text-decoration: underline; color:#ffffff; }

.footer .dbcontact{ text-align: right; width:40%; }
.footer .dbcontact .tit{ color:#ffffff; font-size:18px; line-height: 2; }
.footer .dbcontact .tit2{ margin-top:30px; }

.footer .dbcontact .dbtel{ margin-top:5px; }
.footer .dbcontact .dbtel span{ color:#ffffff; font-size:14px; display: block; }
.footer .dbcontact .dbtel p{ background: url(../images/dbtel.png) no-repeat left center; display: inline-block; font-family: Impact; font-size:24px;color:#ffffff; padding-left:45px; }
.footer .dbcontact .info{ color:#ffffff; font-size:14px; line-height:2; margin-top:10px; }


.copy{ color:#ffffff; font-size:14px; padding:1% 0; background:#00a2e8; }
.copy a:hover{ text-decoration: underline; }
/*底部*/


/*关于我们*/
.nyban{ width:100%; position: relative; }
.nyban img{ display: block; width:100%;}

.nyban .bancon{ position: absolute; left:0; top:0; width:100%;  display: flex; align-items: center; height:100%; }
.nyban .bancon>div{ margin:0 auto; }
.nyban .bancon .tit_cn{ font-size:48px; color:#ffffff; letter-spacing:8px; font-weight: bold; }
.nyban .bancon .info{ font-size:24px; color:#ffffff; letter-spacing:5px; }
.nyban .bancon .tit_en{ font-family:Impact; font-size:72px; line-height:1; margin-top:3%; color: rgba(255, 255, 255, 0.2); text-transform: uppercase; }

.nyban .bancon .bantxt{ width: 40%; background: rgba(255, 255,255, 0.7); padding:35px; color: #00a2e8; }
.nyban .bancon .bantxt h3{ font-size:32px; font-weight: normal; color:#00a2e8; border-bottom:2px solid #00a2e8; padding-bottom:2%; margin-bottom:2%;}
.nyban .bancon .bantxt p{ font-size:18px; color:#00a2e8; line-height:2.2;}


.aboutblock{ display: block; padding:4%; background:#ffffff; margin-bottom:2.5%; }
.abbj{ background:#ffffff url(../images/abbj.jpg) no-repeat left bottom; background-size:100% auto; }

.atop{ overflow: hidden;}
.atop h3{ color:#2d2d2d; font-size:30px; line-height:46px; position: relative; }
.atop h3 span{ position: relative; z-index:2;}
.atop h3:after{ content:""; height:5px; background:#71cdf4; width:100%; position: absolute; left:0; bottom:0; z-index:1; }

.weizhi{ color:#5b5a5a; font-size:14px; line-height:46px; background: url(../images/home.png) no-repeat left center; padding-left:35px;  }
.weizhi span{ margin:0 5px;}
.weizhi a:hover{ color:#00a2e8; text-decoration: underline; }

.anav{ overflow: hidden;}
.anav a{ width: 135px; height:46px; line-height:44px; text-align:center; float: left; margin-left:14px; border:1px solid #dddddd; color:#484848; font-size:16px; }
.anav a.on,.anav a:hover{ background:#00a3e8; border-color:#00a3e8; color:#ffffff;}

.abtit{ font-size:28px; color:#00a2e8; margin-top:3%; text-align: center;}
.abtit span{margin: 0 14px; color: #ffc90e;}
.abtxt{ color:#656464; font-size:16px; line-height:2; margin:3% 0 3.5% 0; }
.abimg{margin-bottom:5%;}
.abimg img{ display: block; width:100%; }

.ab-video{ width:100%; margin-bottom:5%;}
.ab-video{ position: relative; display: block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden; }
.ab-video .video{ display: block; height: 500px; width: 100%; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.ab-video .video.show{ opacity: 1;}
.ab-video .mask{ display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.1); top:0; left:0; z-index: 5; }
.ab-video .play{ display: block; position: absolute; width: 70px; height: 70px; top:50%; margin-top: -35px; left:50%; margin-left: -35px; background:url(../images/video_btn.png) no-repeat center center; background-size:cover;
z-index: 10; outline: none; border: none; cursor: pointer; opacity: 1; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.ab-video .play:hover{opacity: 1;}


.culture{ overflow: hidden; margin-top:4%; }
.culture li{ float: left; width:30%; margin-right:5%; border-radius:10px; overflow: hidden;}
.culture li .img{ border-radius:0 0 10px 10px; overflow: hidden; position: relative; z-index:1; }
.culture li img{ display: block; width:100%; }
.culture li .txt{ background:#f1f3f4; text-align: center; padding:35px 0; position: relative; }
.culture li .txt:after{ content:""; width:100%; height:10px; background:#f1f3f4; position: absolute; top:-10px; left:0; }
.culture li .txt h3{ color:#545454; font-size:30px;font-weight: normal; }
.culture li .txt p{ color:#545454; font-size:16px; margin-top:10px; }


.course{position: relative; background:url(../images/coursebj.jpg) no-repeat center center; background-size:100% 100%; }
.courselist{ margin-top:4%; }
.courselist .swiper-slide{ width:12.5%; position: relative;}
.courselist .swiper-slide .info{ width:100px; color:#616161; font-size:14px; line-height:24px; height:240px; writing-mode: vertical-rl;}
.courselist .swiper-slide .time{ color:#2b2b2b; font-size:24px; position: absolute; top:0; right:0; line-height:240px; }
.courselist .course01{ margin-top:260px;background: url(../images/course01.png) no-repeat left center; background-size:auto 100%; padding:30px 20px 0 0;  }
.courselist .course02{ background: url(../images/course02.png) no-repeat left center; background-size:auto 100%; padding:0 20px 30px 0;   }

.course-prev,.course-next{ width:30px; height:80px; position: absolute; top:50%; margin-top:-40px; z-index:100; cursor: pointer; }
.course-prev{ background:#989898 url(../images/course-prev.png) no-repeat center center; background-size:cover; left:0;}
.course-next{ background:#989898 url(../images/course-next.png) no-repeat center center; background-size:cover; right:0;}
.course-prev:hover{ background-color:#00a2e8;}
.course-next:hover{ background-color:#00a2e8;}


.honor{ position: relative;}
.honortab{margin-top:4%;}
.honorlist{ overflow: hidden; height:0;}
.honortab .on{ height:auto;}
.honorlist .swiper-slide{ width:32%; position: relative;}
.honorlist .swiper-slide .img{ position: relative; }
.honorlist .swiper-slide img{ display: block; width:100%;}
.honorlist .swiper-slide .imgtit{ opacity:0; color:#ffffff; font-size:18px; font-weight: bold; position: absolute; text-align: center; left:0; top:0; width:100%; height:100%; background: rgba(0, 162, 232, 0.7);display: flex; align-items: center;}
.honorlist .swiper-slide .imgtit div{ width:100%;}
.honorlist .swiper-slide .tit{ color:#4f4f4f; font-size:18px; text-align: center; padding:18px 0; }
.honorlist .swiper-slide:hover .imgtit{ opacity:1;}

.honor-prev,.honor-next{ width:46px; height:46px; border-radius:50%; margin-top:-55px; top:50%; position: absolute; cursor: pointer; }
.honor-prev{ left:-56px; background: rgba(0, 0, 0, 0.2) url(../images/honor-prev.png) no-repeat center center; background-size: cover;}
.honor-prev:hover{ background-color:#00a2e8;}
.honor-next{ right:-56px; background:rgba(0, 0, 0, 0.2)  url(../images/honor-next.png) no-repeat center center; background-size: cover;}
.honor-next:hover{ background-color:#00a2e8;}
/*关于我们*/


/*联系我们*/
.weizhi2{ margin:2% 0;}

.column_top{ overflow: hidden; }
.contact_wz{ background: url(../images/contact_wz.png) no-repeat center bottom; background-size:100% auto; }

.column_top .lmname{}
.column_top .lmname h3{ color:#26b1eb; font-size:40px; line-height:46px; }
.column_top .lmname h3:before{ content:""; width:40px; height:4px; margin-bottom:10px; background:#26b1eb; display: block;  }
.column_top .lmname p{ color:#5b5a5a; font-size:16px; line-height:2; margin:25px 0 50px 0;}

.anav2{ margin-top:14px; }

.contop{ overflow: hidden; border-bottom:1px solid #eeeeee; padding-bottom:2%;}
.conname{}
.conname .nen{ color:#5b5a5a; font-size:30px; line-height:46px; }
.conname .ncn{ color:#25afea; font-size:36px; font-weight:bold; line-height:54px; }

.contel{ background:url(../images/contel.png) no-repeat left center; padding-left:50px; margin-top:20px; }
.contel span{ display: block; color:#545454; font-size:14px; line-height:24px; }
.contel p{ font-family:Impact; color:#25afea; font-size:24px; line-height:36px; }

.contit{ height:50px; line-height:50px; padding-left:50px; font-size:24px; font-weight: bold; color:#5b5a5a; margin-top:2%;}
.contit01{ background: url(../images/contit01.png) no-repeat left center; background-size:34px 34px;}
.contit02{ background: url(../images/contit02.png) no-repeat left center; background-size:34px 34px;}
.contit03{ background: url(../images/contit03.png) no-repeat left center; background-size:34px 34px;}

.contxt{ overflow: hidden; color:#545454; font-size:18px; line-height:2.2; padding:0 50px; margin:1% 0 3% 0;}
.contxt li{ float: left; width:50%;}

.message{ overflow: hidden; margin-top:2%; padding:0 50px;}
.message li{ float: left; width:32%; margin-bottom:2%;}
.message li{ width:100%; margin-right:2%;}
.message li.w32{ width:32%; margin-right: 2%; }
.message li.textarea{}
.message li.textarea textarea{background:#f2f2f2; height:140px; display: block; width:100%; padding:15px; }

.message li input{ background:#f2f2f2; height:50px; display: block; padding:0 15px; width:100%; }
.message li.submit input{ background:#26b1eb; color:#ffffff; font-size:18px; font-weight: bold; cursor: pointer; }
.message li.submit:hover input{ background:#3b60b1; }
/*联系我们*/


/*人才招聘*/
.recruit_wz{ background: url(../images/recruit_wz.png) no-repeat center bottom; background-size:100% auto; }

.recruitlist{ overflow: hidden; }
.recruitlist li{ width:100%; background:#f5f5f5; float: left; margin-top:2%; }
.recruitlist li:first-child{ margin-top:0; }
.recruitlist li a{padding:5%; display: block; }
.recruitlist li .tit{ padding-left:50px; height:40px; line-height:40px; color:#515151; font-size:24px; background: url(../images/rico01.png) no-repeat left center; background-size:auto 100%; }
.recruitlist li .parameter{ line-height:40px; margin:2% 0; color:#828282; }
.recruitlist li .parameter span{ background:url(../images/rico02.png) no-repeat left center; padding-left:25px; margin-right:25px; }
.recruitlist li .info{ font-size:14px; line-height:2; color:#828282; }
.recruitlist li .info b{ color:#515151; }
.recruitlist li .more{ margin-top:3%;  background: url(../images/rico03.png) no-repeat center center; width:52px; height:30px; border:1px solid #c0c0c0;}
.recruitlist li:hover{ background:url(../images/recruitli.jpg) no-repeat center center; background-size:cover;}
.recruitlist li:hover .tit{background-image: url(../images/rico01s.png); color:#ffffff; }
.recruitlist li:hover .parameter{ color:#ffffff;}
.recruitlist li:hover .parameter span{ background-image:url(../images/rico02s.png);}
.recruitlist li:hover .info{ color:#ffffff;}
.recruitlist li:hover .info b{ color:#ffffff;}
.recruitlist li:hover .more{ background-image: url(../images/rico03s.png); border-color:#ffffff;}


.popup_bj{ width:100%; height:100%; position: fixed; background: rgba(0, 0, 0, 0.2); left:0; top:0; z-index:1000; display: none; }

.return{ background:#a5a5a5 url(../images/return.png) no-repeat center center; border-radius:50%; background-size:80% 80%; width:40px; height:40px; cursor: pointer; position: absolute; top:-20px; right:-20px; }
.return:hover{ background-color:#26b1eb;}

.recruit_popup{ display: none; width:78%; height:560px; position: fixed; top:50%; left:11%; margin-top:-280px; background:#f8f8f8 url(../images/recruit_popup.jpg) no-repeat center bottom; background-size:100% auto; z-index:1001;}
.recruit_popup .w40{ width:40%;}
.recruit_popup .w20{ width:20%;}

.recruit_popup .p100{ padding:0 100px;}
.lith{ line-height:70px; background:#0b98d7; color:#ffffff; font-size:18px; font-weight: bold; overflow: hidden;}
.lith div{ float: left; }

.litd{ line-height:70px; color:#4c4c4c; font-weight: bold; font-size:18px; overflow: hidden; margin:1% 0; }
.litd div{ float: left; }
.litd span{ display: none;}
.recruit_popup .info{ color:#4c4c4c; font-size:16px; line-height:2; }

.hr_email{ color:#3346c7; font-size:18px; font-weight: bold; margin-top:1%; }
/*人才招聘*/


/*技术支持*/
.technical{}
.atop2{ text-align: center; }
.atop2 h3{ display: inline-block; }

.asbj{ background:#ffffff url(../images/asbj.jpg) no-repeat center bottom; background-size:100% auto;}

.aslist{ overflow: hidden; margin-top:4%; }
.aslist li{ float: left; width:33.33%; border-right:1px solid #eeeeee; overflow: hidden; }
.aslist li .ico{ width:140px; height:140px; margin:0 auto; }
.aslist li .ico:after{ content:""; width:35px; height:4px; background:#36c9fd; display: block; margin:0 auto;}
.aslist li .ico img{ display: block; width:100%; }
.aslist li .tit{ color:#2d2d2d; font-size:24px; text-align: center; margin:10% 0 3% 0; }
.aslist li .info{ color:#888888; font-size:14px; line-height:2; text-align: center; margin-bottom:3%; padding:0 10%; }

.tslist{ overflow: hidden; margin-top:5%; }
.tslist li{ float: left; border: 1px dashed #d2d2d2; width:48%; margin-right: 4%; margin-bottom:1%; }
.tslist li a{ display: block; padding:10px 0; padding-left:50px;  position: relative;}
.tslist li a:after{ content:""; width:8px; height:8px; border-radius:50%; position: absolute; left:25px; top:50%; margin-top:-4px; background:#2d2d2d; }

.tslist li:hover{ background:#26b1eb; color:#ffffff;}
.tslist li:hover a:after{ background:#ffffff;}

.download{ overflow: hidden; margin-top:4%;}
.download li{ float: left; width:48%; border-bottom:1px solid #dfdfdf; margin-right: 4%; line-height:76px; color:#333333; font-size:18px; }
.download li a{ display: block; position: relative; padding-left: 76px; }
.download li a:before{ content:""; position: absolute; left:0; top:0; width:76px; height:76px; background: url(../images/download01.png) no-repeat center center; background-size:cover; }
.download li a:after{ content:""; position: absolute; right:0; top:0; width:76px; height:76px; background: url(../images/download02.png) no-repeat center center; background-size:cover; }
.download li:hover{ background:#36c9fd; color:#ffffff; }
.download li:hover a:before{ background-image:url(../images/download01s.png); }
.download li:hover a:after{ background-image:url(../images/download02s.png); }
/*技术支持*/


/*案例展示*/
.casebj{background:#ffffff url(../images/casebj.jpg) no-repeat center bottom; background-size:100% auto;}

.case_wz{ background: url(../images/case_wz.png) no-repeat center bottom; background-size:100% auto; }


.caselist{ overflow: hidden; }
.caselist li{ float: left; width:48%; margin-right:4%; margin-bottom:2%;} 
.caselist li .img{ overflow:hidden; }
.caselist li img{ display: block; width:100%;}
.caselist li .tit{ height:80px; line-height:80px; color:#424242; font-size:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.caselist li:hover .tit{ background:#0895e3; color:#ffffff; padding:0 40px; position: relative; }
.caselist li:hover .tit:after{ content:"→"; font-size:18px; position: absolute; right:40px; }

.fenye{margin:2% 0; padding-top:6%; text-align: center; border-top:1px solid #dcdcdc;}
.fenye span,.fenye a{ display:inline-block; font-size:14px; color:#414141; padding:0 14px;  height:38px; line-height:38px; margin:0 5px; background:#f7f7f7;  }
.fenye a:hover,.fenye span{ background:#00a3e8; color:#ffffff;}
/*案例展示*/


/*新闻动态*/
.news_wz{ background: url(../images/news_wz.png) no-repeat center bottom; background-size:100% auto; }

.newstop{ overflow: hidden; position: relative; margin-bottom:4%;border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.newstop .img{ float: left; overflow: hidden; width:50%;}
.newstop .img img{ display: block; width:100%;}
.newstop .txt{ position: absolute; top:0; right:0; width:50%; padding:0 4%; height:100%; display:flex; align-items:center; }
.newstop .txt>div{ width:100%; }
.newstop .txt .time{ color:#8a8a8a; font-size:14px; }
.newstop .txt .tit{ color:#3a3a3a; font-size:24px; margin:2.5% 0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newstop .txt .info{ color:#8a8a8a; font-size:16px; line-height:1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newstop .txt .more{ color:#3a3a3a; font-size:14px; text-transform: uppercase; margin-top:10%; }
.newstop .txt .more span{ position: relative; padding-right:20px; }
.newstop .txt .more span:after{ position: absolute; right:0; top:50%; margin-top:-5px; content:""; width:10px; height:10px; background:url(../images/more_arrow.png) no-repeat center center; background-size:cover; }
.newstop:hover{ background:#00a3e8; }
.newstop:hover .txt .time{ color:#ffffff; }
.newstop:hover .txt .tit{ color:#ffffff; }
.newstop:hover .txt .info{ color:#ffffff; }
.newstop:hover .txt .more{ color:#ffffff; }
.newstop:hover .txt .more span:after{ background-image:url(../images/more_arrows.png); }


.newslist{ overflow: hidden; }
.newslist li{ float: left; width:31.33%; margin-right:3%; margin-bottom:2%; border:1px solid #dcdcdc; }
.newslist li .img{ overflow: hidden; }
.newslist li img{ display: block; width:100%; }
.newslist li .txt{ padding:5%; }
.newslist li .txt .time{ color:#8a8a8a; font-size:14px; }
.newslist li .txt .tit{ color:#3a3a3a; font-size:24px; margin-top:2%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist li .txt .tit:after{ content:""; width:20px; height:1px; display: block; background:#262626; margin:4% 0; }
.newslist li .txt .info{ color:#8a8a8a; line-height:25px; height:50px; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newslist li:hover{ background:#00a3e8; }
.newslist li:hover .txt .time{ color:#ffffff; }
.newslist li:hover .txt .tit{ color:#ffffff; }
.newslist li:hover .txt .tit:after{ background:#ffffff; }
.newslist li:hover .txt .info{ color:#ffffff; }
/*新闻动态*/


/*产品中心*/
.mainprod{ overflow: hidden; margin:4% 0;}
.prodleft{ width:74%;}
.hplist2{ overflow: hidden;}
.hplist2 .swiper-slide{ width:31.33%; margin-right:3%; float: left; margin-bottom:3%;}
.hplist2 .swiper-slide a{ width:100% !important;}

.prodright{ width:24%; background:#ffffff; padding:0 1.5% 1.5% 1.5%;}

.prod_search{ overflow: hidden; height:48px; border:1px solid #dbdbdb;padding-left: 64px; position: relative; margin:11% 0;}
.prod_search .input{ width: 100%; height:46px; line-height:46px; font-size:14px; color: #282828; padding:0 15px; position: relative;  }
.prod_search:after{ content:""; height:18px; width:1px; background: #dbdbdb; position: absolute; left:64px; top:50%; margin-top:-9px; }
.prod_search .submit{ position: absolute; left:1px; top:1px; background: url(../images/search_btn2.png) no-repeat center center; width:64px; height:46px; cursor: pointer;}

.pnav{ overflow: hidden; }
.pnav li{ float: left; width:100%; border-top: 1px solid #dbdbdb; }
.pnav li .tit{ line-height:60px; color:#414141; font-size: 16px;}
.pnav li .tit a{ display: block; padding:0 20px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pnav li.xl .tit a:after{ content:""; width:10px; height:10px; background: url(../images/sub02.png) no-repeat center center; position:absolute; top:50%; margin-top:-5px; right:10px ; }

.pnav li .tit2 a:after{ display: none;}

.pnav li:hover .tit a,.pnav li.on .tit a{ background: #00a3e8; color: #ffffff;}
.pnav li.xl:hover .tit a:after,.pnav li.xl.on .tit a:after{ background-image: url(../images/sub01.png);}
.pnav li .sub{border-top: 1px solid #dbdbdb; padding:20px; display: none; }
.pnav li .sub a{ display: block; font-size:14px; line-height:36px; padding-left:12px; color: #282828; position: relative;}
.pnav li .sub a:after{ content: ""; width:2px; height:2px; position: absolute; left:0; top:50%; margin-top:-1px; background: #282828;}
.pnav li .sub a.on,.pnav li .sub a:hover{ color: #00a3e8;}
.pnav li .sub a.on:after,.pnav li .sub a:hover:after{ background: #00a3e8;}
.pnav li.on .sub{ display: block;}

.fenye2{ margin:0; padding-top:3%; border-top: none;}
/*产品中心*/


/*产品详情*/
.weizhi3{ line-height:60px;}

.prodtop{ overflow: hidden; background:#ffffff url(../images/ptbj.jpg) no-repeat left center; background-size:auto 100%;}
.prodtop .container{ position: relative; height:100%; overflow: hidden;}
.prodtop .txt{ padding:3% 0; /*position: absolute; left:0; top:0; height:100%; display: flex; align-items: center;*/ width:60%; }
.prodtop .txt>div{ width:100%; }
.prodtop .txt .model{ color:#00a3e8; font-size:48px; }
.prodtop .txt .tit{ color:#222222; font-size:26px; }
.prodtop .txt .tit:after{ content:""; width:66px; height:4px; background:#00a3e8; display: block; margin:35px 0; }
.prodtop .txt .info{ color:#4b4b4b; font-size:18px; line-height:2; }
.prodtop .txt .info b{ color:#242424; }

.prodbtn{ overflow: hidden; margin-top:35px;}
.prodbtn a{ float: left; height:50px; padding:0 25px; line-height:50px;}
.prodbtn a.online{ background:#e2f2f9;}
.prodbtn a.online span{ display: block; font-size:16px; color:#05a5e9; font-weight: bold; padding-left:40px; background: url(../images/prodbtn01.png) no-repeat left center; background-size:auto 100%; }
.prodbtn a.online:hover span{ background-image:url(../images/prodbtn01s.png);}
.prodbtn a.prodtel{ background:#e2f2f9; margin-left: 24px;}
.prodbtn a.prodtel span{ display: block; font-size:16px; color:#05a5e9; font-weight: bold; padding-left:40px; background: url(../images/prodbtn02.png) no-repeat left center; background-size:auto 100%; }
.prodbtn a.prodtel:hover span{ background-image:url(../images/prodbtn02s.png);}

.prodbtn a:hover{ background:#3b60b1; }
.prodbtn a:hover span{ color:#ffffff; }


.prodtop .img{ width:37.5%; }
.prodtop .img img{ display: block; width:100%; }


.prodcenter{ background:url(../images/prodcenter.jpg) no-repeat center center; background-size:cover; overflow: hidden;}

.ptit{ color:#ffffff; font-size:48px;text-align: center;}
.ptit01{ margin-top:6%; }
.ptit:after{ content:""; width:66px; height:4px; background:#ffffff; display: block; margin:1% auto 0 auto;}

.tslist2{ margin:4% 0 2% 0;}
.tslist2 li{ border-color:#88d5f5;}
.tslist2 li a{ color:#ffffff; }
.tslist2 li a:after{ background:#ffffff;}

.fieldlist{ overflow: hidden; margin:5% 0; }
.fieldlist li{ float: left; width:25%; }
.fieldlist li .ico{ width:85px; margin:0 auto; }
.fieldlist li .ico img{ display: block; width:100%; }
.fieldlist li .tit{ font-size:18px; color:#ffffff; text-align: center; margin-top:5%; }

.ptit02{ color:#313030; margin: 4% 0; }
.ptit02:after{ display: none; }

.prodtxt{ background:#ffffff; padding:2%; font-size:14px; }
.prodtxt *{ font-size:14px !important; }
.prodtxt table{ width:100% !important; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
.prodtxt td{ border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:5px 10px!important; }

.technical_parameter{ background:#ffffff; overflow: hidden; }
.technical_parameter .tit{ background:#00a3e8; color:#ffffff; font-size:18px; text-align: center; line-height:60px;}
.tplist{ margin:4%; overflow: hidden; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
.tplist li{ float: left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow: hidden; width:100%; color:#4a4a4a; font-size:18px; line-height:60px; }
.tplist li .name{ border-right:1px solid #e5e5e5; float: left; width:30%; font-weight: bold; padding-left:5%; }
.tplist li .info{ float: left; width:70%; padding-left:5%; }


.after_sale{ overflow: hidden; padding:4%; background:#ffffff; }
.after_sale li{ float: left; width:33.33%; overflow: hidden; line-height:60px; }
.after_sale li .num{ float: left; font-family:Impact; font-size:60px; 
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(235, 235, 235, 1)), to(rgba(235, 235, 235, 0.1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.after_sale li .tit{ float: left; color:#4a4a4a; font-size:18px; font-weight:bold; margin-left:18px; }

.hplist3 .swiper-slide{ width:23.5%; }
.hplist3 .swiper-slide a{ width:100%;}
/*产品详情*/


/*资讯详情*/
.showmian{ padding:4% 4% 0 4%; background:#ffffff; }
.showtop{ text-align: center; border-bottom:1px solid #dcdcdc;}
.showtop h1{ color:#323232; font-size:24px; margin-bottom:1%; }
.showtop .parameter{ color:#666666; overflow: hidden; margin-bottom:1%;}
.showtop span{ margin:0 10px; }

.showtxt{ color: #3a3a3a; font-size:16px; line-height:1.8; margin-top:3%;}
.showtxt img{ max-width:100%; height: auto !important;}

.paging{ overflow: hidden; line-height:70px; border-top:1px solid #e8e8e8; margin-top:3%; }
.paging div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.paging div.fr{ text-align:right;}
.paging a:hover{ color:#00a2e8; text-decoration: underline; }
/*资讯详情*/



.animated{opacity: 0;}

.nav li a,.lang,.lang .lang_sub a,.toplist li,.toplist li span,.hnav li a,.hplist .swiper-slide .img .txt,.hslist li.submit input,.homelist li .txt .more,.homelist li .txt .more span,.hclist li .tit,.hnleft .txt h3,.hnleft .txt .more,.hnright li a,.links a,.dbnav li .sub a,.copy a,.weizhi a,.course-prev,.course-next,.anav a,.honorlist .swiper-slide .imgtit,.honor-prev,.honor-next,.pnav li .tit a,.prodbtn a,.prodbtn a.prodtel span,.tslist li,.tslist li a:after,.homeprod .hp-prev,.homeprod .hp-next,.caselist li .tit,.paging a,.newstop,.newstop .txt .time,.newstop .txt .tit,.newstop .txt .info,.newstop .txt .more,.newslist li,.newslist li .txt .time,.newslist li .txt .tit,.newslist li .txt .tit:after,.newslist li .txt .info,.fenye a,.download li,.message li.submit input,.banner .bantxt01 .more{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

.hclist li .img img,.caselist 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;}

.hclist li:hover .img img,.caselist li:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.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;}