@charset "utf-8";
html{font-size:100px;}
.main-width{width:1200px;margin:0 auto;}
.secd-width{width:1500px;margin:0 auto;}
.minor-width{width:1420px;margin:0 auto;}
.other-banner img{width:100%;height:auto;}

.header{height:175px;}
.header .logo{position:relative;height:107px;padding:27px 0;background-color:#fff;border-bottom:1px solid #ebeced;box-sizing:border-box;z-index:2;}
.header .logo .pic{float:left;margin-right:15px;}
.header .logo .text{float:left;height:53px;line-height:26px;padding-left:25px;font-size:22px;border-left:1px solid #ebeced;}
.header .logo .text span{color:#068bd6;}
.header .logo .func{float:right;}
.header .logo .func .contact{float:right;text-align:right;}
.header .logo .func .contact p{line-height:26px;}
.header .logo .func .contact .tel{font-size:15px;color:#adadad;}
.header .logo .func .contact .mail{position:relative;font-size:20px;padding-left:41px;}
.header .logo .func .contact .mail i{position:absolute;top:2px;left:0;width:32px;height:26px;background:url(../images/header-mail-icon.png) no-repeat;}
.header .logo .func .contact .mail a{color:#068bd6;}
.header .logo .func .search{position:relative;float:left;width:310px;height:41px;padding-right:76px;margin:6px 30px 0 0;border:2px solid #068bd6;box-sizing:border-box;}
.header .logo .func .search input[type="text"]{width:230px;height:37px;line-height:37px;padding:0 10px;border:none;box-sizing:border-box;}
.header .logo .func .search input[type="submit"]{position:absolute;top:0;right:0;width:76px;height:37px;line-height:37px;background:#068bd6 url(../images/search-icon.png) no-repeat center;cursor:pointer;}
.header .logo .phone-menu{display:none;float:right;width:28px;height:18px;margin-top:13px;background:url(../images/all-icon.png) no-repeat -80px -60px;cursor:pointer;}
.header .nav{width:100%;height:67px;background-color:#068bd6;box-shadow:0 0 5px #999;z-index:9999;}
.header .nav .one{height:67px;}
.header .nav .one > li{position:relative;float:left;font-size:18px;padding:26px 0;margin-right:30px;}
.header .nav .one > li > a{display:block;height:15px;line-height:15px;color:#e9ebee;padding-right:30px;border-right:1px solid #ebeced;}
.header .nav .one > li > a span{vertical-align:middle;}
.header .nav .one > li > a i{display:inline-block;width:14px;height:8px;margin-left:5px;vertical-align:middle;background:url(../images/all-icon.png?v=111) no-repeat -10px -60px;}
.header .nav .one > li.active > a,.header .nav .one > li > a:hover{color:#e9ebee;}
.header .nav .one > li:nth-last-child(1) a{border-right:none;}
.header .nav .drop-down{display:none;position:absolute;left:-30px;top:67px;width:220px;background-color:#fff;z-index:9999;box-sizing:border-box;box-shadow:0 0 3px #999;}
.header .nav .drop-down li{position:relative;height:40px;line-height:39px;padding:0 18px;font-size:14px;}
.header .nav .drop-down li a{display:block;color:#2d2d2d;border-bottom:1px solid #e5e7e8;}
.header .nav .drop-down li:hover{background-color:#e5e7e8;}
.header .nav .drop-down li:hover a{color:#068bd6;}
.header .nav .drop-down li:hover:before{content:"";position:absolute;left:0;top:50%;margin-top:-6.5px;width:4px;height:13px;background-color:#068bd6;}
.header .nav .drop-down li:hover:after{content:"";position:absolute;right:10px;top:50%;margin-top:-6.5px;width:0;height:0;border:7px solid transparent;border-left-color:#068bd6;}

.header.flow .nav{position:fixed;left:0;top:0;}
.header.active .logo .phone-menu{background-position:-108px -60px;}

.slidebox{width:100%;overflow:hidden;}
.slidebox .slideshow{position:relative;width:100%;overflow:hidden;}
.slidebox .slideshow ul{position:relative;}
.slidebox .slideshow ul li{float:left;}
.slidebox .slideshow ul li img{width:100%;height:auto;}
.slidebox .slidelist{width:100%;margin:35px 0;text-align:center;}
.slidebox .slidelist ul{display:inline-block;*display:inline;*zoom:1;}
.slidebox .slidelist li{float:left;width:14px;height:14px;margin:0 6px;cursor:pointer;background-color:#b6b9be;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;transition:all .3s;}
.slidebox .slidelist li.active{width:52px;background-color:#068bd6;}
.slidebox .item-btn{position:absolute;width:43px;height:43px;top:50%;margin-top:-21px;background:url(../images/all-icon.png) no-repeat;cursor:pointer;transition:left .5s,right .5s;}
.slidebox .prev{left:-50px;background-position:-10px -10px;}
.slidebox .next{right:-50px;background-position:-53px -10px;}
.slidebox .prev:hover{background-position:-96px -10px;}
.slidebox .next:hover{background-position:-139px -10px;}
.slidebox:hover .prev{left:50px;}
.slidebox:hover .next{right:50px;}


.index-about .video{position:relative;overflow:hidden;}
.index-about .video video{width:100% !important;}
.index-about .video img{width:100%;height:auto;transition:all .4s;}
.index-about .video i{position:absolute;width:93px;height:93px;top:70%;left:50%;margin:-110px 0 0 -46px;background:url(../images/play-icon.png) no-repeat;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .4s;}
.index-about .video:hover img{transform:scale(1.1,1.1);}
.index-about .video:hover i{top:50%;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index-about .main-width{height:200px;}
.index-about .info{position:relative;top:-150px;height:336px;padding:45px 0;background:url(../images/index-about-bg.jpg?v=11) no-repeat;text-align:center;box-sizing:border-box;}
.index-about .info h2{line-height:30px;margin-bottom:30px;font-size:30px;font-family:"OpenSans-Regular";color:#fff;text-transform:uppercase;}
.index-about .info p{width:800px;font-size:16px;color:#fff;margin:0 auto;}
.index-about .info a{display:block;width:180px;height:44px;line-height:44px;margin:40px auto 0;border:1px solid #068bd6;border-radius:23px;color:#fff;transition:all .4s;}
.index-about .info a:hover{background-color:#068bd6;}


.index-adv{padding:90px 0 0;background:url(../images/index-adv-bg.jpg) no-repeat top center;}
.index-adv .title{height:30px;text-align:center;margin-bottom:20px;}
.index-adv .title h2{position:relative;width:250px;height:30px;line-height:30px;margin:0 auto;font-size:30px;font-family:"OpenSans-Regular";background-color:#fff;color:#454b52;text-transform:uppercase;z-index:1;}
.index-adv .title h2 span{color:#068bd6;}
.index-adv .title hr{margin:0;border:none;border-top:1px solid #dee0e2;transform:translateY(-15px);}
.index-adv .cont{position:relative;padding-top:115px;overflow:hidden;}
.index-adv .cont li{float:left;width:375px;height:300px;margin-right:100px;margin-bottom:80px;padding:20px 20px 0;box-sizing:border-box;}
.index-adv .cont li a{display:block;}
.index-adv .cont li img{transform:translateY(0);float:left;margin:0 10px 20px 0;}
.index-adv .cont li h3{float:left;line-height:27px;padding:35px 0;font-size:20px;color:#555;text-transform:uppercase;margin-bottom:15px;transition:all .4s;}
.index-adv .cont li p{position:relative;padding-left:15px;font-size:16px;color:#8d8d8d;clear:both;}
.index-adv .cont li p:after{content:"";position:absolute;width:4px;height:4px;top:11px;left:0;background-color:#8d8d8d;border-radius:50%;}
.index-adv .cont li:hover{background-color:#f1f2f3;}
.index-adv .cont li:hover h3{color:#068bd6;}
.index-adv .cont li:nth-child(2n){float:right;margin-right:0;}
.index-adv .cont .pic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.index-adv .cont .pic img{width:100%;height:auto;}


.index-app{overflow:hidden;}
.index-app .secd-width{padding:90px 0 0;background-color:#f4f5f6;}
.index-app h2{height:30px;line-height:30px;margin:0 auto;font-size:30px;font-family:"OpenSans-Regular";color:#454b52;text-transform:uppercase;}
.index-app h2 span{color:#068bd6;}
.index-app .slide-app{position:relative;width:890px;padding-top:75px;}
.index-app .slide-pic{width:1920px !important;overflow:hidden;}
.index-app .slide-pic li{position:relative;float:left;margin-right:30px;overflow:hidden;}
.index-app .slide-pic li img{transition:all .3s;}
.index-app .slide-pic li span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:40px;font-size:36px;color:#fff;text-shadow:2px 2px 3px #000;font-family:"OpenSans-Bold";text-align:center;transition:all .3s;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index-app .slide-pic li .text{position:absolute;left:0;top:0;width:100%;height:0;padding:30px;background:url(../images/text-bg.png);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .3s;box-sizing:border-box;}
.index-app .slide-pic li .text a{display:block;width:120px;height:34px;line-height:34px;margin-top:15px;text-align:center;border-radius:17px;border:1px solid #fff;color:#fff;transition:all .3s;}
.index-app .slide-pic li .text a:hover{background-color:#068bd6;color:#fff;border-color:#068bd6;}
.index-app .slide-pic li .text h3{line-height:30px;font-size:26px;color:#fff;font-family:"OpenSans-Bold";margin-bottom:20px;text-shadow:1px 1px 1px #333;}
.index-app .slide-pic li .text p{line-height:25px;font-size:17px;color:#fff;margin-bottom:8px;text-shadow:1px 1px 1px #333;}
.index-app .slide-pic li:hover .text{height:100%;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;} 
.index-app .slide-pic li:hover img{transform:scale(1.1,1.1);}
.index-app .slide-pic li:hover span{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.index-app .item-btn{position:absolute;top:50%;width:50px;height:50px;margin-top:25px;background:url(../images/all-icon.png) no-repeat;cursor:pointer;}
.index-app .prev{left:-80px;background-position:-190px 0px;}
.index-app .next{right:-80px;background-position:-240px 0px;}
.index-app .prev:hover{background-position:-290px 0px;}
.index-app .next:hover{background-position:-340px 0px;}
.index-app .num{position:absolute;top:-30px;right:0;height:30px;font-family:Arial;}
.index-app .num .act{font-size:30px;color:#068bd6;}
.index-app .num .all{font-size:20px;}


.index-products{padding:100px 0 70px;overflow:hidden;}
.index-products h2{height:30px;line-height:30px;margin:0 auto 40px;font-size:30px;font-family:"OpenSans-Regular";color:#454b52;text-transform:uppercase;text-align:center;}
.index-products h2 span{color:#068bd6;}
.index-products .cont{padding-top:30px;}
.index-products .cont .tab{float:left;width:235px;background-color:#f2f3f4;}
.index-products .cont .tab li{position:relative;height:60px;line-height:59px;padding:0 18px;}
.index-products .cont .tab li a{display:block;color:#2d2d2d;border-bottom:1px solid #e5e7e8;}
.index-products .cont .tab li:hover{background-color:#e5e7e8;}
.index-products .cont .tab li:hover:before{content:"";position:absolute;left:0;top:50%;margin-top:-6.5px;width:4px;height:13px;background-color:#068bd6;}
.index-products .cont .tab li:hover:after{content:"";position:absolute;right:10px;top:50%;margin-top:-6.5px;width:0;height:0;border:7px solid transparent;border-left-color:#068bd6;}
.index-products .cont .show{float:right;width:920px;}
.index-products .cont .show .box{}
.index-products .cont .show ul{width:103.369%;}
.index-products .cont .show li{float:left;width:30.0736%;margin:0 3.2597% 3.2597% 0;}
.index-products .cont .show li .pic{background-color:#f2f3f4;transition:all .4s;}
.index-products .cont .show li .pic img{width:100%;height:auto;}
.index-products .cont .show li .text{line-height:20px;font-size:14px;background-color:#e6e8e9;padding:20px;transition:all .4s;}
.index-products .cont .show li .text a{display:block;height:40px;color:#343434;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-products .cont .show li:hover{box-shadow:0 0 15px #ccc;}
.index-products .cont .show li:hover .pic{background-color:#fff;}
.index-products .cont .show li:hover .text{background-color:#068bd6;}
.index-products .cont .show li:hover .text a{color:#fff;}


.index-news{padding:80px 0;background-color:#f2f3f4;overflow:hidden;}
.index-news h2{height:30px;line-height:30px;margin:0 auto 50px;font-size:30px;font-family:"OpenSans-Regular";color:#454b52;text-transform:uppercase;text-align:center;}
.index-news h2 span{color:#068bd6;}
.index-news .cont{margin-bottom:70px;}
.index-news .cont ul{width:102.464788%;}
.index-news .cont li{float:left;width:30.9278%;margin-right:2.4055%;}
.index-news .cont li .pic{position:relative;overflow:hidden;}
.index-news .cont li .pic img{width:100%;height:auto;}
.index-news .cont li .pic a{position:absolute;bottom:-45px;left:0;width:100%;height:45px;line-height:45px;text-align:center;font-size:34px;background-color:#068bd6;color:#fff;transition:all .3s;}
.index-news .cont li .text{padding:55px 30px;transition:all .3s;}
.index-news .cont li .text h3{line-height:30px;margin-bottom:10px;font-size:18px;font-family:"OpenSans-Light";font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-news .cont li .text p{height:40px;line-height:20px;font-size:15px;color:#8c8c8c;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-news .cont li:hover{box-shadow:0 0 20px #aaa;}
.index-news .cont li:hover .pic a{bottom:0;}
.index-news .cont li:hover .text{background-color:#fff;}
.index-news .cont li:hover .text h3 a{color:#068bd6;}
.index-news .more{display:block;width:180px;height:45px;line-height:46px;margin:0 auto;border:1px solid #068bd6;border-radius:23px;color:#068bd6;text-align:center;transition:all .4s;}
.index-news .more:hover{background-color:#068bd6;color:#fff;}



.list-products{padding:50px 0;overflow:hidden;}
.list-products .classify{float:left;width:235px;background-color:#f2f3f4;}
.list-products .classify h2{height:60px;line-height:60px;padding:0 18px;font-size:22px;background-color:#068bd6;color:#fff;text-transform:uppercase;}
.list-products .classify li{position:relative;height:50px;line-height:49px;padding:0 18px;}
.list-products .classify li a{display:block;color:#2d2d2d;border-bottom:1px solid #e5e7e8;}
.list-products .classify li:hover{background-color:#e5e7e8;}
.list-products .classify li:hover:before,.list-products .classify .active:before{content:"";position:absolute;left:0;top:50%;width:4px;height:13px;margin-top:-6.5px;background-color:#068bd6;}
.list-products .classify li:hover:after,.list-products .classify .active:after{content:"";position:absolute;right:10px;top:50%;width:0;height:0;margin-top:-6.5px;border:7px solid transparent;border-left-color:#068bd6;}
.list-products .classify.flow{position:fixed;}
.list-products .content{float:right;width:920px;}
.list-products .content .top{height:36px;background-color:#848990;padding:0 17px;}
.list-products .content .top h1{float:left;line-height:36px;font-size:22px;font-family:"OpenSans-Regular";color:#fff;}
.list-products .content .top .bread{float:right;color:#fff;}
.list-products .content .top .bread a{color:#fff;}
.list-products .content .top .bread a:hover{color:#068bd6;}
.list-products .content .desc{padding:30px 50px 30px 17px;margin-bottom:40px;background:#f2f3f4;}
.list-products .content .desc p{line-height:20px;font-size:14px;color:#555;}
.list-products .content .list{margin-bottom:20px;}
.list-products .content .list ul{width:103.369%;}
.list-products .content .list li{float:left;width:30.0736%;margin:0 3.2597% 3.2597% 0;}
.list-products .content .list li .pic{background-color:#f2f3f4;transition:all .4s;}
.list-products .content .list li .pic img{width:100%;height:auto;}
.list-products .content .list li .text{height:40px;line-height:20px;font-size:14px;background-color:#fff;padding:20px;transition:all .4s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-products .content .list li .text a{color:#343434;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-products .content .list li:hover{box-shadow:0 0 15px #ccc;}
.list-products .content .list li:hover .pic{background-color:#fff;}
.list-products .content .list li:hover .text{background-color:#068bd6;}
.list-products .content .list li:hover .text a{color:#fff;}


.list-news{padding:60px 0;overflow:hidden;}
.list-news .cont{width:1275px;}
.list-news .cont li{float:left;width:350px;padding:30px 30px 50px;margin:0 75px 50px 0;box-sizing:border-box;}
.list-news .cont li span{display:block;line-height:20px;margin-bottom:20px;font-size:14px;font-family:"OpenSans-Light";}
.list-news .cont li h3{height:60px;line-height:30px;margin-bottom:20px;font-size:18px;font-weight:200;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .cont li .line{height:1px;background-color:#d3d6d8;margin-bottom:40px;}
.list-news .cont li .line i{display:block;width:25px;height:1px;background-color:#006c17;transition:all .5s;}
.list-news .cont li p{height:80px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.list-news .cont li:hover{box-shadow:0 0 20px #ccc;}
.list-news .cont li:hover .line i{width:100%;}
.list-news .cont li:hover h3 a{color:#006c17;}


.main-news{padding:50px 0;background-color:#fff;}
.main-news .main-width{overflow:hidden;}
.main-news .info{float:left;width:200px;padding-top:10px;}
.main-news .info p{font-size:16px;font-family:"OpenSans-Light";}
.main-news .info .time{padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:15px;}
.main-news .info.flow{position:fixed;}
.main-news .content{float:right;width:950px;}
.main-news .content h1{line-height:40px;margin-bottom:40px;}
.main-news .content h3{line-height:30px;margin-bottom:10px;font-size:20px;font-family:"OpenSans-Bold";color:#555;}
.main-news .content p{margin-bottom:20px;font-size:16px;font-family:"OpenSans-Light";}
.main-news .content ol{margin:0 0 20px;padding-left:25px}
.main-news .content ol li{list-style:decimal;font-size:16px;padding-left:5px;line-height:25px;font-family:"OpenSans-Light";}
.main-news .content ul{margin:0 0 20px;padding-left:25px}
.main-news .content ul li{list-style:disc;font-size:16px;padding-left:5px;line-height:25px;font-family:"OpenSans-Light";}
.main-news .content li p{margin-bottom:5px;}
.main-news .content .img{text-align:center;overflow:hidden;}
.main-news .content .subpage{clear:both;margin-top:40px;padding-top:30px;border-top:1px solid #ccc;}


.main-products{padding:20px 0;}
.main-products .bread{text-align:right;color:#555;margin-bottom:20px;}
.main-products .bread a,.main-products .bread span{color:#555;}
.main-products .overview{padding:70px 0;background-color:#f0f2f4;overflow:hidden;}
.main-products .overview .slide-pro{position:relative;float:left;width:520px;}
.main-products .overview .slide-pic{width:520px;overflow:hidden;}
.main-products .overview .slide-pic ul{position:relative;}
.main-products .overview .slide-pic li{float:left;width:520px;}
.main-products .overview .slide-pic li img{width:100%;height:auto;}
.main-products .overview .item-btn{position:absolute;top:50%;width:8px;height:13px;margin-top:-7px;background:url(../images/all-icon.png) no-repeat;cursor:pointer;}
.main-products .overview .prev{left:15px;background-position:-35px -60px;}
.main-products .overview .next{right:15px;background-position:-43px -60px;}
.main-products .overview .prev:hover{background-position:-51px -60px;}
.main-products .overview .next:hover{background-position:-59px -60px;}
.main-products .overview .text{float:right;width:600px;}
.main-products .overview .text .title{padding:15px 0 20px;margin-bottom:30px;border-bottom:1px solid #068bd6;}
.main-products .overview .text .title p{line-height:25px;margin-bottom:15px;font-size:20px;color:#343434;}
.main-products .overview .text .title h1{line-height:50px;font-size:36px;font-family:"OpenSans-Regular";}
.main-products .overview .text .info p{line-height:25px;font-size:16px;color:#555;}
.main-products .overview .text .info .par{margin:30px 0;}
.main-products .overview .text .info .inq{display:block;width:180px;height:46px;line-height:48px;margin-top:30px;font-size:15px;text-align:center;text-transform:uppercase;border-radius:23px;background-color:#666c73;color:#fff;cursor:pointer;transition:all .4s;}
.main-products .overview .text .info .inq:hover{background-color:#068bd6;}
.main-products .detail{padding:70px 0;}
.main-products .detail h2{line-height:30px;margin-bottom:40px;font-size:30px;font-family:"OpenSans-Regular";text-align:center;text-transform:uppercase;}
.main-products .detail .table{margin-bottom:60px;overflow:hidden;}
.main-products .detail .table table{float:left;width:50%;}
.main-products .detail .table table .green td{background-color:#068bd6;color:#fff;}
.main-products .detail .table table td,.main-products .detail .table table th{line-height:25px;padding:10px 0 10px 25px;border:1px solid #dee0e2;text-align:left;font-size:16px;color:#555;}
.main-products .detail .table table th{width:175px;font-weight:normal;background-color:#f5f6f7;}
.main-products .detail .table table tr:hover{background-color:#f5f6f7;}
.main-products .detail .application{text-align:center;}
.main-products .detail .application .pic{margin-bottom:40px;}
.main-products .detail .application .pic img{width:100%;height:auto;}
.main-products .detail .application p{line-height:30px;font-size:16px;color:#555;}
.main-products .detail .application p span{color:#068bd6;}
.main-products .detail .application:after{content:"";display:block;width:1px;height:48px;background-color:#068bd6;margin:50px auto;}
.main-products .detail .service{padding:70px 0 20px;background:url(../images/detail-service-bg.jpg) no-repeat;}
.main-products .detail .service h2{margin:0;}
.main-products .detail .service hr{width:35px;height:7px;border:none;background-color:#068bd6;margin:25px auto 50px;}
.main-products .detail .service ul{overflow:hidden;}
.main-products .detail .service li{position:relative;float:left;width:450px;height:130px;padding-bottom:30px;margin:0 75px 50px;padding-left:40px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.main-products .detail .service li span{position:absolute;left:0;top:5px;width:27px;height:27px;line-height:27px;text-align:center;background-color:#068bd6;color:#fff;border-radius:5px;}
.main-products .detail .service li p{font-size:16px;}
.main-products .detail .adv{position:relative;padding-top:115px;margin-bottom:70px;border-bottom:1px solid #ddd;overflow:hidden;text-align:center;}
.main-products .detail .adv h2{margin-bottom:50px;}
.main-products .detail .adv ul{width:1230px;padding-top:50px;overflow:hidden;}
.main-products .detail .adv li{float:left;width:380px;height:255px;margin:0 30px 90px 0;padding:0 20px;box-sizing:border-box;background-color:#f1f2f3;}
.main-products .detail .adv li img{transform:translateY(-40px);}
.main-products .detail .adv li h3{line-height:20px;font-size:20px;color:#068bd6;text-transform:uppercase;margin-bottom:15px;}
.main-products .detail .adv li p{font-size:16px;color:#8d8d8d;}
.main-products .detail .feature{margin-bottom:70px;padding-bottom:45px;border-bottom:1px solid #ddd;}
.main-products .detail .feature ul{width:102.5%;overflow:hidden;}
.main-products .detail .feature li{float:left;width:30.894%;margin-right:2.439%;box-sizing:border-box;}
.main-products .detail .feature li h3{line-height:30px;padding-bottom:30px;margin-bottom:30px;font-size:25px;border-bottom:1px solid #ddd;}
.main-products .detail .feature li p{position:relative;line-height:25px;margin-bottom:25px;padding:0 30px;font-size:16px;}
.main-products .detail .feature li p:after{content:"";position:absolute;top:7.5px;left:0;width:10px;height:10px;background:#068bd6;}
.main-products .detail .certificate ul{overflow:hidden;}
.main-products .detail .certificate li{float:left;width:295px;margin-right:105px;}
.main-products .detail .certificate li img{width:100%;height:auto;}
.main-products .detail .certificate li p{line-height:25px;margin-top:30px;font-size:18px;text-align:center;}
.flow-inquiry{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-inquiry .box{position:absolute;top:70%;left:50%;width:500px;height:450px;padding:30px;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 0 20px #333;box-sizing:border-box;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .4s;}
.flow-inquiry .box span{display:block;line-height:35px;margin-bottom:30px;font-size:28px;font-family:"OpenSans-Bold";color:#068bd6;text-align:center;text-transform:uppercase;}
.flow-inquiry .box input,.flow-inquiry .box textarea{width:100%;height:40px;line-height:38px;padding:0 10px;margin-bottom:10px;background-color:#ecedee;border:1px solid #e1e3e5;box-sizing:border-box;}
.flow-inquiry .box textarea{height:120px;line-height:25px;padding:5px 10px;font-family:"OpenSans-Regular";}
.flow-inquiry .box .sub{width:170px;height:40px;line-height:40px;text-align:center;background-color:#008a47;color:#fff;cursor:pointer;}
.flow-inquiry.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-inquiry.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.flow-inquiry.footi{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-inquiry.footi.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-inquiry.footi.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


.main-about{padding:60px 0 40px;background-color:#fff;}
.main-about h1{line-height:60px;font-size:50px;margin-bottom:50px;}
.main-about h1 span{color:#068bd6;}
.main-about h2{line-height:40px;font-size:25px;margin-bottom:40px;font-family:"OpenSans-Bold";}
.main-about h2 span{color:#068bd6;}
.main-about .profile{padding:0 0 60px;}
.main-about .profile p{font-size:16px;margin-bottom:25px;}
.main-about .profile .adv{display:flex;overflow:hidden;margin:80px 0;justify-content:space-between;}
.main-about .profile .adv li{box-sizing:border-box;}
.main-about .profile .adv li .text{width:100%;height:100%;background:url(../images/index-about-shadow.html);box-sizing:border-box;}
.main-about .profile .adv li .text p{margin-top:5px;font-size:16px;line-height:20px;text-align:center;color:#555;}
.main-about .profile .adv li .text p.adv-num{font-size:0;height:50px;line-height:50px;margin-bottom:10px;font-family:"OpenSans-Bold";margin-top:0;overflow:hidden;}
.main-about .profile .video{position:relative;overflow:hidden;}
.main-about .profile .video img{width:100%;height:auto;transition:all .4s;}
.main-about .profile .video i{position:absolute;width:93px;height:93px;top:70%;left:50%;margin:-46px 0 0 -46px;background:url(../images/play-icon.png) no-repeat;cursor:pointer;transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.main-about .profile .video:hover img{transform:scale(1.1,1.1);}
.main-about .profile .video:hover i{top:50%;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.main-about .culture{padding:60px 0 20px;background-color:#fafafa;}
.main-about .culture .box{margin-bottom:60px;}
.main-about .culture .box h3{line-height:30px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d7dadc;font-size:22px;font-family:"OpenSans-Bold";color:#333;}
.main-about .culture .box p{font-size:16px;}
.main-about .culture .box .tip{margin-bottom:15px;font-family:"OpenSans-Semibold";color:#333;}
.main-about .culture .box ul{width:1300px;overflow:hidden;}
.main-about .culture .box li{position:relative;float:left;width:550px;min-height:165px;padding:40px 0 40px 105px;margin:0 100px 0 0;border-bottom:1px solid #e7e9ea;box-sizing:border-box;}
.main-about .culture .box li img{position:absolute;left:0;top:40px;}
.main-about .culture .box li .text p{font-size:16px;}
.main-about .culture .box li .text:before{content:"";display:block;width:12px;height:4px;margin:4px 0 20px;background-color:#068bd6;}
.main-about .respon{padding:60px 0;}
.main-about .respon .box{margin-bottom:30px;overflow:hidden;}
.main-about .respon .box .left{float:left;}
.main-about .respon .box .left.text{padding:6% 6% 0 3%;}
.main-about .respon .box .right{float:right;}
.main-about .respon .box .right.text{padding:6% 3% 0 6%;}
.main-about .respon .box .pic{width:50%;overflow:hidden;}
.main-about .respon .box .pic img{width:100%;height:auto;transition:all .4s;}
.main-about .respon .box .pic img:hover{transform:scale(1.1,1.1);}
.main-about .respon .box .text{width:50%;box-sizing:border-box;}
.main-about .respon .box .text h3{line-height:30px;margin-bottom:30px;font-size:22px;font-family:"OpenSans-Bold";color:#333;}
.main-about .respon .box .text p{font-size:16px;}
.main-about .organization{padding:50px 0 80px;}
.main-about .organization .autobox{overflow:auto;}
.main-about .organization h2{position:relative;display:inline-block;line-height:60px;font-size:50px;padding-right:40px;background-color:#fff;font-family:"OpenSans-Regular";margin-bottom:0;z-index:2;}
.main-about .organization hr{position:relative;margin-bottom:40px;top:-32px;z-index:1;}
.main-about .organization img{min-width:700px;}
.main-about .history{padding:70px 0;background-color:#f2f3f4;}
.main-about .history h2{line-height:60px;font-size:50px;margin-bottom:80px;text-align:center;font-family:"OpenSans-Regular";}
.main-about .history .tab{font-size:0;padding-bottom:50px;margin-bottom:70px;border-bottom:1px solid #b5b8bd;}
.main-about .history .tab span{position:relative;display:inline-block;width:33.3333%;line-height:65px;font-size:70px;font-family:"OpenSans-Light";text-align:center;cursor:pointer;vertical-align:top;transform:scale(.5,.5);transition:all .4s;}
.main-about .history .tab span:hover{color:#068bd6;}
.main-about .history .tab span:after{content:"";position:absolute;left:50%;bottom:-62px;margin-left:-12px;width:11px;height:11px;border:6px solid #d7dadc;border-radius:50%;background-color:#068bd6;transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.main-about .history .tab .on{transform:scale(1,1);color:#068bd6;font-family:"OpenSans-Regular";}
.main-about .history .tab .on:after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.main-about .history .show ul{display:none;width:102%;}
.main-about .history .show ul.on{display:block;}
.main-about .history .show li{float:left;width:23.039%;height:270px;padding:20px 20px 30px;margin-right:1.961%;background-color:#fff;box-sizing:border-box;transition:all .5s;}
.main-about .history .show li label{display:block;line-height:40px;padding-bottom:9px;margin-bottom:20px;font-size:30px;color:#068bd6;border-bottom:1px solid #b9bdc1;}
.main-about .history .show li .text p{font-size:16px;font-family:"OpenSans-Light";color:#2a2a2a;}
.main-about .history .show li:hover{box-shadow:0 2px 10px #ccc;transform:translateY(-10px);}
p.adv-num label{display:inline-block;width:15px;height:50px;font-size:50px;transform:translateY(-5px);}
p.adv-num span{position:relative;width:30px;height:100%;display:inline-block;font-size:50px;color:#555;}
p.adv-num span i{position:absolute;top:0;left:0;width:30px;word-wrap:break-word;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;transition-timing-function:linear;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;}
.on p.adv-num span i{top:-500px;}
.on p.adv-num span.n1 i{top:-50px;}
.on p.adv-num span.n2 i{top:-100px;}
.on p.adv-num span.n3 i{top:-150px;}
.on p.adv-num span.n4 i{top:-200px;}
.on p.adv-num span.n5 i{top:-250px;}
.on p.adv-num span.n6 i{top:-300px;}
.on p.adv-num span.n7 i{top:-350px;}
.on p.adv-num span.n8 i{top:-400px;}
.on p.adv-num span.n9 i{top:-450px;}
.on p.adv-num span.r2 i{transition-delay:.2s;}
.on p.adv-num span.r3 i{transition-delay:.4s;}
.on p.adv-num span.r4 i{transition-delay:.6s;}
.on p.adv-num span.r5 i{transition-delay:.8s;}
.on p.adv-num span.r6 i{transition-delay:1.0s;}
.on p.adv-num span.r7 i{transition-delay:1.2s;}
.on p.adv-num span.r8 i{transition-delay:1.4s;}



.main-capabilities{padding:60px 0;}
.main-capabilities .technical{margin-bottom:60px;}
.main-capabilities .technical p{margin-bottom:15px;font-size:16px;}
.main-capabilities .technical table{width:100%;margin-top:30px;}
.main-capabilities .technical table thead td{font-size:16px;font-family:"OpenSans-Semibold";color:#fff;background-color:#068bd6;}
.main-capabilities .technical table tr:hover{background-color:#f5f6f7;}
.main-capabilities .technical table th,.main-capabilities .technical table td{line-height:25px;padding:10px 0 10px 25px;border:1px solid #dee0e2;box-sizing:border-box;font-family:"OpenSans-Regular";}
.main-capabilities .technical table th{width:200px;padding-left:20px;text-align:left;background-color:#f5f6f7;}
.main-capabilities .process h2{position:relative;display:inline-block;line-height:60px;font-size:40px;padding-right:40px;background-color:#fff;margin-bottom:0;z-index:2;}
.main-capabilities .process hr{position:relative;margin-bottom:30px;top:-32px;z-index:1;}
.main-capabilities .process .autobox{overflow:auto;text-align:center;}
.main-capabilities .process .provideo{position:relative;}
.main-capabilities .process .provideo h2{position:absolute;top:0;left:0;width:100%;height:80px;line-height:80px;padding:0 30px;font-size:28px;background:none;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px 1px #000;}
.main-capabilities .process .provideo video{width:100%;}
.main-capabilities .equipments{margin-bottom:60px;}
.main-capabilities .equipments h2{position:relative;display:inline-block;line-height:60px;font-size:40px;padding-right:40px;background-color:#fff;margin-bottom:0;z-index:2;}
.main-capabilities .equipments hr{position:relative;margin-bottom:30px;top:-32px;z-index:1;}
.main-capabilities .equipments ul{width:102%;overflow:hidden;}
.main-capabilities .equipments li{float:left;width:23.039%;margin:0 1.961% 40px 0;}
.main-capabilities .equipments li img{width:100%;height:200px;}
.main-capabilities .equipments li p{height:50px;margin-top:10px;text-align: center;}



.main-quality{padding:90px 0;}
.main-quality .quality{overflow:hidden;}
.main-quality .quality .list{width:1290px;margin-bottom:80px;overflow:hidden;}
.main-quality .quality .list li{float:left;width:24%;}
.main-quality .quality .list li .pic{width:124px;height:124px;padding:24px;margin-bottom:20px;border:3px solid #eff0f1;box-sizing:border-box;border-radius:50%;transition:all .4s;}
.main-quality .quality .list li .pic:hover{border-color:#068bd6;}
.main-quality .quality .list li .text span{display:block;line-height:35px;margin-bottom:20px;font-size:20px;font-family:"OpenSans-Semibold";}
.main-quality .quality .list li .text p{line-height:30px;font-size:13px;}
.main-quality .quality .overinfo{padding:100px 0;background-color:#303a47;text-align:center;}
.main-quality .quality .overinfo h2{line-height:50px;font-size:40px;font-family:"OpenSans-Semibold";;color:#fff;}
.main-quality .quality .overinfo hr{width:15px;height:3px;margin:10px auto 20px;border:1px solid #fff;background-color:#fff;}
.main-quality .quality .overinfo p{width:850px;line-height:30px;margin:0 auto;font-size:15px;color:#fff;}
.main-quality .quality .info{position:relative;width:1280px;padding:80px 0;border-bottom:1px solid #eff0f1;overflow:hidden;}
.main-quality .quality .info .box{float:left;width:560px;margin-right:80px;overflow:hidden;}
.main-quality .quality .info .box img{width:100%;height:auto;transition:all .4s;}
.main-quality .quality .info .box img:hover{transform:scale(1.1,1.1);}
.main-quality .quality .info .box h3{line-height:30px;font-size:24px;font-family:"OpenSans-Semibold";}
.main-quality .quality .info .box hr{width:20px;height:4px;margin:25px 0;border:none;background-color:#068bd6;}
.main-quality .quality .info .box p{line-height:30px;font-size:15px;text-align:justify;}
.main-quality .quality .info .right{float:right;}
.main-quality .quality .info .l-text{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.main-quality .quality .info .r-text{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.main-quality .equipments .tab{text-align:center;margin-bottom:70px;}
.main-quality .equipments .tab span{display:inline-block;height:44px;line-height:42px;margin:0 15px;padding:0 30px;border:1px solid #e4e6e7;box-sizing:border-box;cursor:pointer;transition:all 0.4s;}
.main-quality .equipments .tab span.on,.main-quality .equipments .tab span:hover{background-color:#068bd6;color:#fff;border-color:#068bd6;}
.main-quality .equipments .show{overflow:hidden;}
.main-quality .equipments .show ul{display:none;width:102%;}
.main-quality .equipments .show ul.on{display:block;}
.main-quality .equipments .show li{float:left;width:23.039%;margin:0 1.961% 40px 0;}
.main-quality .equipments .show li img{width:100%;height:200px;}
.main-quality .equipments .show li p{height:50px;margin-top:10px;}
.main-quality .certificate ul{overflow:hidden;}
.main-quality .certificate li{float:left;width:295px;margin-right:105px;}
.main-quality .certificate li > img{width:100%;height:auto;cursor:pointer;}
.main-quality .certificate li > p{line-height:25px;margin-top:30px;font-size:18px;text-align:center;}
.main-quality .certificate .flow-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.main-quality .certificate .flow-bg .box{position:absolute;top:70%;left:50%;width:900px;height:600px;padding:30px;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 0 20px #333;box-sizing:border-box;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .4s;}
.main-quality .certificate .flow-bg .box .pic{float:left;width:343px;}
.main-quality .certificate .flow-bg .box .text{float:right;width:467px;height:540px;padding-top:10px;text-align:left;overflow-y:auto;}
.main-quality .certificate .flow-bg .box .text h3{margin-bottom:20px;font-size:24px;font-family:"OpenSans-Bold";}
.main-quality .certificate .flow-bg .box .text p{font-size:16px;margin-bottom:10px;}
.main-quality .certificate .flow-bg.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.main-quality .certificate .flow-bg.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}



.main-whyus img{transition:all .4s;}
.main-whyus img:hover{transform:scale(1.1,1.1);}
.main-whyus .pic{overflow:hidden;}
.main-whyus .title{position:relative;min-height:97px;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #cfd4d5;overflow:hidden;}
.main-whyus .title .slogan{position:absolute;left:0;top:0;height:97px;box-sizing:border-box;}
.main-whyus .title .slogan h2{display:inline-block;line-height:45px;padding-right:30px;margin:26px 0 0 15px;font-size:45px;font-family:"OpenSans-Bold";text-transform:uppercase;color:#068bd6;border-right:1px solid #959ba0;}
.main-whyus .title .text{float:left;padding:23px 0 0 30px;box-sizing:border-box;}
.main-whyus .title .text p{line-height:25px;font-size:16px;font-family:"OpenSans-Semibold";color:#555;}
.main-whyus .whyvideo{padding:5px 0 50px;}
.main-whyus .whyvideo video{width:100%;}
.main-whyus .quality{padding:70px 0;background:url(../images/whyus-quality-bg.jpg) no-repeat center;}
.main-whyus .quality .title{padding-left:342px;}
.main-whyus .quality .cont{overflow:hidden;}
.main-whyus .quality .cont ul{width:103.83333%;}
.main-whyus .quality .cont li{float:left;width:46.30818%;margin-right:3.69182%;overflow:hidden;}
.main-whyus .quality .cont li img{width:100%;height:auto;}
.main-whyus .quality .cont li p{position:relative;line-height:30px;padding-left:20px;margin-top:30px;font-size:16px;text-align:justify;}
.main-whyus .quality .cont li p:after{content:"";position:absolute;width:7px;height:2px;background-color:#068bd6;top:14px;left:0;}
.main-whyus .experience{padding:70px 0;}
.main-whyus .experience .title{padding-left:416px;}
.main-whyus .experience .title .text{width:670px;}
.main-whyus .experience .cont{overflow:hidden;margin-bottom:30px;}
.main-whyus .experience .cont .pic{float:left;width:48.33333%;}
.main-whyus .experience .cont .pic img{width:100%;height:auto;}
.main-whyus .experience .cont .text{float:right;width:47.5%;padding:20px 0 0 30px;box-sizing:border-box;}
.main-whyus .experience .cont .text p{line-height:30px;font-size:16px;}
.main-whyus .experience .cont .text .tip{position:relative;color:#068bd6;margin-bottom:30px;}
.main-whyus .experience .cont .text .tip:after{content:"";position:absolute;width:7px;height:2px;left:-30px;top:14px;background-color:#068bd6;}
.main-whyus .equipment{padding:70px 0;background:url(../images/whyus-equipment-bg.jpg) no-repeat center;}
.main-whyus .equipment .title{padding-left:416px;}
.main-whyus .equipment .title .slogan h2{color:#fff;}
.main-whyus .equipment .title .text{width:100%;}
.main-whyus .equipment .title .text p{color:#fff;}
.main-whyus .equipment .cont .box{overflow:hidden;margin-bottom:50px;}
.main-whyus .equipment .cont .box .left{float:left;}
.main-whyus .equipment .cont .box .right{float:right;}
.main-whyus .equipment .cont .box .pic{width:48.08333%;}
.main-whyus .equipment .cont .box .pic img{width:100%;height:auto;}
.main-whyus .equipment .cont .box .text{width:48.08333%;padding:30px 30px 0 40px;box-sizing:border-box;}
.main-whyus .equipment .cont .box .text p{position:relative;line-height:30px;font-size:16px;text-align:justify;color:#fff;}
.main-whyus .equipment .cont .box .text p:after{content:"";position:absolute;width:7px;height:2px;left:-40px;top:14px;background-color:#fff;}
.main-whyus .service{padding:70px 0;background:url(../images/whyus-service-bg.html) center;}
.main-whyus .service .title{padding-left:325px;}
.main-whyus .service .cont{overflow:hidden;}
.main-whyus .service .cont .text{float:left;width:550px;padding-top:70px;}
.main-whyus .service .cont .text p{line-height:30px;font-size:16px;margin-bottom:30px;}
.main-whyus .service .cont .text:before{content:"";display:block;width:10px;height:2px;background-color:#068bd6;margin-bottom:30px;}
.main-whyus .service .cont .pic{float:right;width:550px;}
.main-whyus .service .cont .pic img{width:100%;height:auto;}
.main-whyus .whyvideo .pos{position:relative;}
.main-whyus .whyvideo .pos h2{position:absolute;top:0;left:0;width:100%;height:80px;line-height:80px;padding:0 30px;font-size:28px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px 1px #000;}



.main-contact{padding:90px 0;}
.main-contact .person{overflow:hidden;padding-bottom:60px;border-bottom:1px solid #ebeced;}
.main-contact .person .left{float:left;}
.main-contact .person .right{float:right;}
.main-contact .person .box{width:550px;box-sizing:border-box;overflow:hidden;}
.main-contact .person .box .pic{float:left;width:180px;margin-right:40px;font-size:0;}
.main-contact .person .box .pic .sns{text-align:center;height:30px;margin-top:10px;}
.main-contact .person .box .pic .sns a{display:inline-block;width:30px;height:30px;margin:0 5px;background:url(../images/all-icon.png) no-repeat;vertical-align:top;}
.main-contact .person .box .pic .sns .facebook{background-position:-400px -60px;}
.main-contact .person .box .pic .sns .twitter{background-position:-430px -60px;}
.main-contact .person .box .pic .sns .skype{background-position:-460px -60px;}
.main-contact .person .box .pic .sns .facebook:hover{background-position:-400px -30px;}
.main-contact .person .box .pic .sns .twitter:hover{background-position:-430px -30px;}
.main-contact .person .box .pic .sns .skype:hover{background-position:-460px -30px;}
.main-contact .person .box .info{float:left;width:230px;padding-top:40px;}
.main-contact .person .box .info p{line-height:43px;font-size:16px;color:#2e2e2e;border-bottom:2px dotted #dee0e2;}
.main-contact .form{padding:60px 0;}
.main-contact .form h3{line-height:35px;margin-bottom:25px;font-size:25px;color:#000;}
.main-contact .form .left{float:left;}
.main-contact .form .right{float:right;}
.main-contact .form .pos{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #dee0e2;overflow:hidden;}
.main-contact .form .box{width:550px;box-sizing:border-box;overflow:hidden;}
.main-contact .form .box p{position:relative;padding-left:160px;margin-bottom:15px;}
.main-contact .form .box p span{position:absolute;left:0;top:0;line-height:40px;font-size:16px;}
.main-contact .form .box p input{width:100%;height:40px;line-height:38px;padding:0 10px;background-color:#ecedee;border:1px solid #e1e3e5;box-sizing:border-box;}
.main-contact .form .box p textarea{width:100%;height:150px;line-height:25px;padding:5px 10px;background-color:#ecedee;border:1px solid #e1e3e5;box-sizing:border-box;font-family:"OpenSans-Regular";}
.main-contact .form .sub{width:170px;height:40px;line-height:40px;text-align:center;background-color:#068bd6;color:#fff;cursor:pointer;}
.main-contact .map{height:450px;margin-bottom:60px;}
.main-contact .map iframe{width:100%;height:100%;box-sizing:border-box;}
.main-contact .contact-way{position:relative;overflow:hidden;border-bottom:1px solid #ebeced;}
.main-contact .contact-way .line{position:absolute;left:0;top:205px;width:100%;height:1px;background:#eee;}
.main-contact .contact-way li{float:left;height:155px;padding:10px 0;margin-bottom:100px;text-align:center;box-sizing:border-box;}
.main-contact .contact-way li i{display:block;width:50px;height:50px;margin:0 auto;background:url(../images/all-icon.png) no-repeat;}
.main-contact .contact-way li h4{line-height:25px;margin:5px 0;font-size:16px;font-family:"OpenSans-Bold";}
.main-contact .contact-way .tel{width:29.5%;border-right:1px solid #eee;}
.main-contact .contact-way .tel i{background-position:-150px -60px;}
.main-contact .contact-way .add{width:41%;padding:10px 5%;border-right:1px solid #eee;}
.main-contact .contact-way .add i{background-position:-200px -60px;}
.main-contact .contact-way .mail{width:29.5%;}
.main-contact .contact-way .mail i{background-position:-250px -60px;}
.main-contact .contact-way .phone{width:29.5%;border-right:1px solid #eee;}
.main-contact .contact-way .phone i{background-position:-10px -120px;}
.main-contact .contact-way .wahtsapp{width:41%;padding:10px 5%;border-right:1px solid #eee;}
.main-contact .contact-way .wahtsapp i{background-position:-60px -120px;}
.main-contact .contact-way .skype{width:29.5%;}
.main-contact .contact-way .skype i{font-size:30px}


.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:874px;height:500px;transform:translate(-50%,-50%);padding:10px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 20px #333;transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.flow-video .box video{width:100%;height:auto;vertical-align:top;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}





.search-top{height:78px;padding-top:40px;border-bottom:1px solid #ddd;}
.search-top .title{float:left;height:36px;margin-top:21px;}
.search-top .title h1{line-height:36px;}
.search-top .bread{float:right;margin-top:21px;color:#555;}
.search-top .bread a,.search-top .bread span{color:#555;}
.search-top .bread a:hover{color:#068bd6;}
.search-results{padding:60px 0;}
.search-results .cont ul{width:102%;}
.search-results .cont li{float:left;width:23.039%;margin:0 1.961% 1.961% 0;transition:all .4s;}
.search-results .cont li .pic{background-color:#f2f3f4;transition:all .4s;}
.search-results .cont li .pic img{width:100%;height:auto;}
.search-results .cont li .text{height:40px;line-height:20px;font-size:14px;background-color:#fff;padding:20px;transition:all .4s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.search-results .cont li .text a{color:#343434;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.search-results .cont li:hover{box-shadow:0 0 15px #ccc;}
.search-results .cont li:hover .pic{background-color:#fff;}
.search-results .cont li:hover .text{background-color:#068bd6;}
.search-results .cont li:hover .text a{color:#fff;}
.search-results .sear-page{text-align:center;font-size:0;overflow:hidden;}
.search-results .sear-page span,.search-results .sear-page strong,.search-results .sear-page a{float:left;display:block;font-size:14px;width:40px;line-height:40px;margin:0 5px 5px;background-color:#e7eaec;}
.search-results .sear-page span,.search-results .sear-page strong{cursor:default;}
.search-results .sear-page strong{background-color:#068bd6;color:#fff;}
.search-results .sear-page a:hover{background-color:#068bd6;color:#fff;}


.c-top{height:78px;padding-top:40px;border-bottom:1px solid #ddd;background-color:#fff;}
.c-top .bread{float:left;margin-top:21px;color:#555;}
.c-top .bread a,.c-top .bread span{color:#555;}
.c-top .bread a:hover{color:#068bd6;}
.c-top .classify{float:right;}
.c-top .classify li{float:left;line-height:76px;padding:0 10px;margin-left:30px;font-size:16px;}
.c-top .classify li.active{border-bottom:2px solid #068bd6;}
.c-top .classify li.active a{color:#068bd6;}


.page ul{overflow:hidden;}
.page ul li{float:left;margin:0 10px 10px 0;}
.page ul li a{display:block;width:40px;line-height:40px;text-align:center;background-color:#e7eaec;}
.page ul li a:hover{background-color:#068bd6;color:#fff;border-color:#068bd6;}
.page ul li.thisclass a{background-color:#068bd6;color:#fff;}


.footer{padding:70px 0;background-color:#32373e;overflow:hidden;}
.footer h3{line-height:40px;font-size:25px;font-family:Arial;color:#fff;margin-bottom:15px;}
.footer .fbox{float:left;box-sizing:border-box;}
.footer .nav{width:22%;padding-right:30px;}
.footer .nav li{position:relative;height:45px;line-height:45px;padding-left:30px;margin-bottom:10px;font-size:16px;transition:all .4s;}
.footer .nav li a{color:#fff;transition:all .4s;}
.footer .nav li:after{content:"";position:absolute;left:0;top:21px;width:5px;height:2px;background-color:#93989e;transition:all .4s;}
.footer .nav li:hover{padding-left:40px;}
.footer .nav li:hover a{color:#068bd6;}
.footer .nav li:hover:after{width:15px;background-color:#068bd6;}
.footer .contact{width:50%;padding-right:120px;}
.footer .contact li{position:relative;padding-left:90px;margin-bottom:10px;font-size:16px;}
.footer .contact li span{position:absolute;top:0;left:0;line-height:30px;color:#fff;}
.footer .contact li p{line-height:30px;color:#a6a6a6;}
.footer .message{width:28%;}
.footer .message p{line-height:30px;padding-top:10px;font-size:16px;color:#fff;}
.footer .message input,.footer .message textarea{width:100%;height:40px;line-height:40px;padding:0 10px;margin-bottom:5px;font-size:16px;box-sizing:border-box;}
.footer .message textarea{line-height:25px;height:125px;margin-bottom:15px;padding:5px 10px;font-family:"OpenSans-Regular";}
.footer .message .sub{background-color:#068dd9;color:#fff;cursor:pointer;font-size:16px;}


.copy-right{padding:15px 0;background-color:#101317;overflow:hidden;}
.copy-right p{float:left;line-height:30px;color:#5a5a5a;font-size:16px;}
.copy-right p a{color:#5a5a5a;}
.copy-right p a:hover{color:#068bd6;}
.copy-right .sns{float:right;height:30px;}
.copy-right .sns a{float:left;display:block;width:30px;height:30px;margin:0 5px;background:url(../images/all-icon.png) no-repeat;}
.copy-right .sns .facebook{background-position:-400px 0px;}
.copy-right .sns .twitter{background-position:-430px 0px;}
.copy-right .sns .skype{background-position:-460px 0px;}
.copy-right .sns .facebook:hover{background-position:-400px -30px;}
.copy-right .sns .twitter:hover{background-position:-430px -30px;}
.copy-right .sns .skype:hover{background-position:-460px -30px;}

#a-pro,#a-cul,#a-res,#a-org,#a-his{position:relative;top:-117px;display:block;height:0;}
#a-top,#a-pce,#a-pequ{position:relative;top:-107px;display:block;height:0;}
#a-qua,#a-exp,#a-equ,#a-ser{position:relative;top:-137px;display:block;height:0;}


.an-overall .animate{transform:translateY(80px);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:transform .8s ease,opacity .8s ease;}
.an-overall .t1{transition-delay:.2s;}
.an-overall .t2{transition-delay:.4s;}
.an-overall .t3{transition-delay:.6s;}
.an-overall .t4{transition-delay:.8s;}
.an-overall .t5{transition-delay:1s;}
.an-overall .t6{transition-delay:1.2s;}
.an-overall .t7{transition-delay:1.4s;}
.an-overall .t8{transition-delay:1.6s;}
.an-overall.action .animate{transform:translateY(0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.flow-send{position:fixed;width:60px;height:125px;top:50%;right:5px;margin-top:-62px;z-index:999;}
.flow-send a{display:block;width:60px;height:60px;border-radius:5px;overflow:hidden;background:url(../images/all-icon.png?v=111121) no-repeat -230px -115px;}
.flow-send span{display:block;width:60px;height:60px;margin-bottom:5px;border-radius:5px;overflow:hidden;cursor:pointer;background:url(../images/all-icon.png?v=111121) no-repeat -170px -115px;}


.to-top{display:none;position:fixed;right:10px;bottom:50px;}
.to-top a{display:block;width:40px;height:40px;background:url(../images/arrow-top.png) no-repeat;}
