@charset "utf-8";
/* CSS Document */

body {
	magin: 0px;
	padding-top:0px;
}
@font-face {
  font-family:BERNHC;   /*字体名称*/
  src:url(../fonts/BERNHC.ttf);       /*字体源文件*/
}	
* {
	font-family: Arial, "微软雅黑",AlbertusMT-Lights;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
/*分页样式*/
.hbcord li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.hbcord li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.hbcord li a {display: block;text-align: center;}

a:link {color:inherit;}/*未访问样式*/
a:hover{text-decoration:none;}
h1{ margin:0px;}
i{ font-weight:normal;}
hr{ border:none; border-top:1px dashed #ccc; margin:10px 0px;}

.vcenter-box{ position:relative; z-index:1; width:300px; height:200px; background:red;}
.vcenter-parent{ position:absolute; z-index:2; left:0px; top:0px;display: table;width: 100%;height: 100%;}
.vcenter {display: table-cell;vertical-align: middle;}
/*居中布局*/

.scroll-box{ padding-right: 10px; overflow-y:scroll; overflow-x:hidden; } 
.scroll-box::-webkit-scrollbar {width:6px;height:10px;}
.scroll-box::-webkit-scrollbar-button    {background-color:#999;height:10px;width:10px;display:none;}
.scroll-box::-webkit-scrollbar-track     {background:#ccc;display:none;}
.scroll-box::-webkit-scrollbar-track-piece {background:#e0e0e0; }
.scroll-box::-webkit-scrollbar-thumb{background:#0f87cd;border-radius:0px;}
.scroll-box::-webkit-scrollbar-corner {background:#f2f2f2;}
.scroll-box::-webkit-scrollbar-resizer  {background:#f2f2f2;}
/*滚动条设置*/

@media (min-width: 768px) {
.container{ width:1170px;}
}


.top{position:fixed; top:0px; left:0px; z-index:99; width:100%; height:30px; background:#e0e0e0; overflow:hidden; transition-duration: .3s;}
.top.window-scroll{position:fixed; top:0px; left:0px; z-index:99; height:0px;transition-duration: .3s;}
/* marqueeleft */
.marqueeleft{height:30px;width:100%;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 10px;display:inline;height:30px;overflow:hidden;}
.marqueeleft li .txt{text-align:center; font-size:12px; color:#666;height:30px;line-height:30px;}
.marqueeleft li .txt a{ display:inline-block;text-align:center; font-size:12px; color:#666;height:30px;line-height:30px;}
.marqueeleft li .txt a:hover{ display:inline-block;text-align:center; font-size:12px; color:#0a92e2;height:30px;line-height:30px;}
/* marqueetop */

.top-button a{ display:inline-block; position:relative; font-size:12px; line-height:30px; color:#666; padding:0px 10px;}
.top-button a:hover{color:#0a92e2;}
.top-button a:after{ content:""; position: absolute;  z-index:1;width: 2px;height: 12px;bottom: 9px;left: -1px;background-color:#999;}
.top-button a:nth-child(1):after{ content:""; position: absolute;  z-index:1;width: 0px;}

.top-language a{ display:inline-block; line-height:30px; margin-left:4px;}
.top-language img{ display:inline-block; line-height:30px; vertical-align:text-bottom; width:24px; height:16px;opacity: 0.8;  }
.top-language a:hover img{opacity: 1;  }

/*顶部设置*/
.logo-box{position:fixed; z-index:99; top:30px; left:0px; width:100%; background:#fff;transition-duration: .3s;}
.logo-box.window-scroll{ position:fixed; top:0px; transition-duration: .3s;}
.logo-scroll{ height:110px; padding:25px 15px;transition-duration: .3s; overflow:hidden;}
.logo-scroll.window-scroll{ height:80px; padding:10px 15px; transition-duration: .3s;}

.logo{ display:block; margin-right:15px;}
.logo a{ display:block;}
.logo a img{ height:60px; width:auto;}

.top-by{ display:block;transition-duration: .3s;}
.top-by p{ font-size:23px; color:#1081c4; font-weight:bold; line-height:46px; margin:10px 0px 5px;}
.top-by span{ font-size:15px; color:#4d4d4d;  line-height:16px}


.search-box{ display:block;transition-duration: .3s; font-size:0px;}

.search-call{ text-align:left; margin:6px 0px 6px;}
.search-call img{ display:inline-block; vertical-align:text-bottom; margin-right:6px; margin-left:4px;}
.search-call span{ display:inline-block; font-size:12px; line-height:16px; color:#4d4d4d; vertical-align:text-bottom;}
.search-call b{ display:inline-block; font-size:15px; line-height:16px; color:#de2910; vertical-align:text-bottom;}

.search-text{ display:inline-block; width:170px; height:30px; line-height:30px; border:1px solid #e0e0e0; border-right:0px; margin:0px; padding:0px 10px;font-size:14px; vertical-align:text-bottom;}
.search-button{ display:inline-block;  width:40px; height:30px; line-height:30px; border:1px solid #e0e0e0; margin:0px; padding:0px; border-left:0px; font-size:14px;vertical-align:text-bottom; background: url(../images/icon-search.png) no-repeat center#fff;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
transition-duration: .3s;
}
.search-button:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
transition-duration: .3s;
}

/*logo end*/

.nav-box{ position:fixed; top:140px; left:0px; z-index:99; width:100%; height:50px;transition-duration: .3s;

background: #239de5; /* Old browsers */
background: -moz-linear-gradient(top, #239de5 0%, #239de5 50%, #0a92e2 51%, #0a92e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #239de5 0%,#239de5 50%,#0a92e2 51%,#0a92e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #239de5 0%,#239de5 50%,#0a92e2 51%,#0a92e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239de5', endColorstr='#0a92e2',GradientType=0 ); /* IE6-9 */
}
.nav-box.window-scroll{ position:fixed; top:80px; left:0px; z-index:99; width:100%; height:44px; transition-duration: .3s;}

.nav{ box-sizing:border-box; text-align:left; font-size:0px; padding:0px 15px;}
.nav li{display:inline-block;}
.nav li>a{ display:inline-block; position:relative; z-index:1; box-sizing:border-box; font-size:16px; line-height:50px; padding:0px 20px; color:#fff; vertical-align:text-bottom; text-align:center;transition-duration: .3s;}
.nav-box.window-scroll .nav li>a{ line-height:44px;transition-duration: .3s;}
.nav li:hover>a{ background:#0f87cd;}
.nav li.on>a{ background:#0f87cd;}
.nav li.on>a:before{ content:""; position: absolute;  z-index:2;width: 1px;height: 100%;top:0px;left: 0%;background-color:#0c76b3;}
.nav li.on>a:after{ content:""; position: absolute;  z-index:2;width: 1px;height: 100%;top:0px;right: 0%;background-color:#0c76b3;}
/*一级导航*/


.nav2{ position:fixed; top:190px; left:0px; z-index:98; width:100%; background:#f2f2f2;overflow:hidden; border-bottom:1px solid #0f87cd; display:none; }
.nav-box.window-scroll .nav2{ position:fixed; top:124px;}
.nav2 dl{ width:1140px; margin:auto;  text-align:left; font-size:0px;}
.nav2 dl dd{ display:inline-block; box-sizing:border-box; width:20%; padding:0px 15px; margin:20px 0px; border-left:1px solid #ccc;text-align:center; font-size:12px; color:#666; vertical-align:text-top;}
.nav2 dl dd:nth-child(1){border-left:0px;}
.nav2 dl dd a{ display:inline-block; width:100%; overflow:hidden; }

.nav2 dl dd a:hover{  color:#0c76b3;}

.nav2-cp{ display:block; overflow:hidden; }
.nav2-cp img{ display:inline-block; width:40%; height:auto; }
.nav2-cp p{ display:inline-block; float:left; width:100%; height:auto; color:#0f87cd; font-weight:bold;}
.nav2-cp p:hover{ display:inline-block; float:left; width:100%; height:auto; color:#239de5; font-weight:bold;}

.nav2-link{ width:100%; overflow:hidden; text-align:center;}
.nav2-imglink { display:inline-block;padding-top:20px; margin-right:20px;}
.nav2-imglink img{ max-width:100%; margin-bottom:10px;}
.nav2-imglink p{ font-size:14px;  color:#333; font-weight:bold;}
.nav2-imglink:hover p{ font-size:14px;  color:#0f87cd; font-weight:bold;}


.nav2-contact{ width:100%; overflow:hidden; background:#f7f7f7; border-top:1px solid #e0e0e0;}
.nav2-contact div{ width:1140px; margin:auto; text-align:center;}
.nav2-contact div a{ display:inline-block; font-size:12px; line-height:40px; margin-right:20px; vertical-align:text-bottom; color:#666;}
.nav2-contact div a:hover{color:#0f87cd;}
.nav2-contact div a img{ display:inline-block;  vertical-align:text-bottom; margin-right:4px;}

.wap-nav-open{ display:none;}
.wap-nav{ display:none;}

.scroll-spacing{ width:100%; height:0px; clear:both;margin-top:190px;transition-duration: .3s;}
.scroll-spacing.window-scroll{ margin-top:124px;transition-duration: .3s;}
/*页面滚动顶部间距*/



/*手机版*/
@media (max-width: 768px) {
.top{ display:none;}

.logo-box{position:fixed; z-index:99; top:0px; left:0px; width:100%; background:#fff;transition-duration: .3s; border-bottom:2px solid #0f87cd;}
.logo-scroll{ position:relative; height:50px; padding:5px;transition-duration: .3s; overflow:hidden;}
.logo-scroll.window-scroll{ height:50px; padding:5px; transition-duration: .3s;}

.logo{ display:inline-block; height:100%; margin-right:15px; font-size:0px;}
.logo a{ display:inline-block; height:100%;}
.logo a img{ height:100%; width:auto; display:inline-block;}
.top-by{ display:none;}
.search-box{ position:absolute; top:0px; right:100px;width:0; height:50px; background:#ccc; text-align:center; overflow:hidden;}
.search-show{ display:inline-block;width:calc(100% - 100px);}
.search-box .search-call{ display:none;}
.search-box .search{ font-size:0px;}
.search-box .search input{ display:inline-block; margin:10px 0px;}

.wap-search-open{ position:absolute; top:0px; right:50px; display:inline-block; width:50px; height:50px; background:url(../images/icon-search2.png) no-repeat center,#f5f5f5;}
.wap-search-open-on{ background:url(../images/cion-close.png) no-repeat center,#f5f5f5;}
.wap-nav-open{ position:absolute; top:5px; right:5px; display:inline-block; width:40px; height:40px; background:url(../images/cion-open.png) no-repeat center;}
.nav-box{ display:none;}

.wap-nav{ position:fixed; z-index:9999999; top:0px; right:0px; display:block; width:100%; height:100%; text-align: right;
 	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	transition-duration: .5s;
}
.wap-nav.wap-nav-show{
 	-webkit-transform: translate3d(0%,0,0);
	transform: translate3d(0%,0,0);
	transition-duration: .5s;
}


.wap-nav-close{ position:fixed; z-index:2; display:block; width:100%; height:100%; background:rgba(0,0,0,.0);}
.wap-nav-show .wap-nav-close{ position:fixed; z-index:2; display:block; width:100%; height:100%; background:rgba(0,0,0,.6);transition-duration: .3s;transition-delay: .5s;}

.wap-nav-box{ position:relative; z-index:3; display:inline-block; width:90%; height:100%; background:#fff;}
.wap-nav-logo{ box-sizing:border-box; text-align:left; border-bottom:2px solid #0f87cd; padding:5px 0px; }
.wap-nav-logo .wap-close{ display:inline-block; float:right; width:40px; height:40px; background:url(../images/cion-close.png) center no-repeat;}

.wap-nav ul{ display:block; width:100%;}
.wap-nav ul li{ box-sizing:border-box; width:100%; padding:0px 15px; font-size:14px; line-height:50px; color:#333; border-bottom:1px solid #e0e0e0;}

.scroll-spacing{ width:100%; height:0px; clear:both;margin-top:52px;transition-duration: .3s;}
.scroll-spacing.window-scroll{ margin-top:52px;transition-duration: .3s;}

}
/*手机版*/
/*top - logo - nav end*/
/*top - logo - nav end*/


.index-gjc{ position:relative; z-index:2;width:100%;}
.index-gjc-box{ position:absolute; z-index:2; bottom:0px; left:0px;width:100%; background:rgba(0,0,0,.5);}
.gjc-box{ text-align:left; font-size:0px; padding:8px 15px;}
.gjc-box span{ display:inline-block; font-size:12px; line-height:24px; color:#ccc;}
.gjc-box div{ display:inline-block; text-align:left;}
.gjc-box div a{ display:inline-block; text-align:center;font-size:12px; line-height:24px; color:#ccc; margin:0px 8px;}
.gjc-box div a:hover{ color:#239de5;}
@media (max-width: 768px) {
.index-gjc{ display:none;}
}
/*首页关键词*/
.index-p{ margin-top:70px; margin-bottom:100px;}
.index-product-box{ padding:0px;}
.index-product{ padding:0px 5px;}
.index-product-list{ box-sizing:border-box;width:100%; height:220px; background:#f0f0f0; padding:10px; margin-bottom:10px; }
.index-product-link{ padding-left:30px; padding-right:0px;}
.index-product-link a{ display:inline-block; width:100%; font-size:12px; color:#4d4d4d;line-height:24px;}
.index-product-link .index-product-title{ display:inline-block; position:relative; width:100%; font-size:16px; line-height:16px; color:#333; margin-top:15px;}
.index-product-link .index-product-title:before{ content:""; position: absolute; z-index:1; display:block;width: 6px;height: 6px;bottom: 5px;left:-16px;background-color:#0a92e2;}
.index-product-link a:hover{ color:#0a92e2;}
.index-product-link span{ display:inline-block; width:100%; font-size:12px; color:#999; margin-bottom:10px;}
.index-product-link .product-more{ display:inline-block; box-sizing:border-box; margin-top:8px; width:18px; height:18px; border:1px solid #999; font-size:14px; line-height:18px; text-align:center; color:#333; font-family:"宋体";transition-duration: .5s;}
.index-product-link .product-more:hover{ width:24px; height:18px; border:1px solid #0a92e2;transition-duration: .5s; }


.index-product-img{ padding:0px;}
.index-product-img img{ max-width:100%; height:auto;}

.index-product-img-big{ background:url(../images/img-product5.jpg) center no-repeat; height:450px; width:100%;}
.index-product-img-more{ box-sizing:border-box; width:100%; height:100%; padding:65px;}
.index-product-img-more>div{ width:100%; height:100%; border:5px solid #fff; text-align:center;}
.index-product-img-more p{ position:relative; margin:55px 0px; font-size:22px; color:#fff;}
.index-product-img-more p:after{ content:""; position: absolute;  z-index:-1;width: 40px;height: 4px;bottom: -25px;left: 50%; margin-left:-20px;background-color:#fff; }
.index-product-img-more span{ display:inline-block; width:80%; font-size:14px; line-height:24px; color:#fff; margin-bottom:30px;}
.index-product-img-more a{ display:inline-block; padding:0px 20px; line-height:28px; color:#0a92e2; font-size:12px; background:#FFF;transition-duration: .3s}
.index-product-img-more a:hover{opacity: 0.8;   transition-duration: .3s}

@media (max-width: 768px) {
.index-p{ margin-top:20px; margin-bottom:20px;}
.index-product-box{ padding:0px 5px;}
.index-product-list{ height:auto; }
.index-product-link{ padding-left:20px; padding-right:0px;}
.index-product-link a{ display:none;}
.index-product-link .index-product-title{ display:inline-block; position:relative; width:100%; font-size:16px; line-height:16px; color:#333; margin-top:15px;}
.index-product-link span{ display:inline-block; width:100%; font-size:12px; color:#999; margin-bottom:5px;}
.index-product-link .product-more{ display:none;}

.index-product-img-big{ display:none;}
}
/*首页产品end*/
.gg{ background:url(../images/img-ggbg.jpg) center no-repeat; width:100%; height:150px; overflow:hidden; margin-bottom:60px;}
.gg-title{ text-align:center;}
.gg-title img{ display:inline-block; margin:35px 0px 20px;}
.gg-title div{ font-size:0px; line-height:0px;  text-align:center;}
.gg-title b{ display:inline-block; font-size:28px; line-height:28px; color:#fff; margin:0px 40px;text-shadow:1px 1px 1px rgba(0,0,0,.6); vertical-align:text-bottom;}
.gg-title a{ display:inline-block; padding:0px 20px; line-height:28px; font-size:12px; border-radius:2px; background:#fff;vertical-align:text-bottom; transition-duration: .3s; box-shadow:1px 1px 1px rgba(0,0,0,.4);}
.gg-title a:hover{ opacity: 0.8;   transition-duration: .3s}

.gg-contact-box{ text-align:right;}
.gg-contact{ display:inline-block; text-align:left; box-sizing:border-box; border:2px solid #fff; padding:15px 20px; margin-top:30px;margin-bottom:0px; box-shadow:1px 1px 1px rgba(0,0,0,.4),1px 1px 1px rgba(0,0,0,.4) inset;}
.gg-contact p{ font-size:16px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.6); }
.gg-contact i{ font-size:30px; line-height:30px; font-weight:bold; font-family:BERNHC; letter-spacing:3px; color:#fff; text-shadow:1px 2px 1px rgba(0,0,0,.5);}

@media (max-width: 768px) {
.gg{ background:url(../images/img-ggbg.jpg) center no-repeat; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.gg-title img{ display:inline-block; margin:20px 0px 15px; width:100%;}
.gg-title b{ display:inline-block; font-size:18px; line-height:18px; color:#fff; margin:0px 0px; margin-bottom:15px;text-shadow:1px 1px 1px rgba(0,0,0,.4); vertical-align:text-bottom;}
.gg-title a{ display:inline-block; padding:0px 20px; margin-bottom:20px; line-height:24px; font-size:12px; border-radius:2px; background:#fff;vertical-align:text-bottom; transition-duration: .3s;opacity: 0.95;}

.gg-contact-box{ display:none;}
}
/*首页横幅广告*/

.ys-title{ text-align:center;}
.ys-title b{ position:relative; display:inline-block; width:100%; font-size:30px; line-height:30px; color:#333; text-shadow:1px 1px 0px rgba(10,146,226,.4); margin-bottom:30px;}
.ys-title b>span{ color:#0a92e2;text-shadow:1px 1px 0px rgba(0,0,0,.4);}
.ys-title b:after{ content:""; position: absolute;  z-index:-1;width: 50px;height: 3px;bottom: -18px;left: 50%; margin-left:-25px;background-color:#0a92e2;transition-duration: .3s;}
.ys-title>span{ font-size:14px; color:#666;text-transform:Uppercase;}
@media (max-width: 768px) {
.ys-title b{ position:relative; display:inline-block; width:100%; font-size:18px; line-height:26px; color:#333; text-shadow:1px 1px 0px rgba(10,146,226,.4); margin-bottom:20px;}
.ys-title b:after{ content:""; position: absolute;  z-index:-1;width: 40px;height: 2px;bottom: -12px;left: 50%; margin-left:-20px;background-color:#0a92e2;transition-duration: .3s;}
.ys-title>span{ font-size:12px; color:#666;text-transform:Uppercase;}
}

.ys-box{ padding:0px; margin-top:40px; margin-bottom:60px; overflow:hidden;}
.ys-box>div{ padding:0px;}
.ys-box img{ max-width:100%; height:auto;}

.ys1{ overflow:hidden; padding:0px; margin-bottom:40px;}
.ys-list{ float:left; width:15%; text-align:center;}
.ys-list-text{ float:left; width:75%;}

.ys-list p{ font-size:48px; line-height:48px; margin-bottom:4px; color:#333;}
.ys-list span{ font-size:10px; line-height:10px; color:#666;}
.ys-list-text p{ font-size:16px; font-weight:bold; color:#0a92e2; margin-bottom:10px;}
.ys-list-text span{ font-size:14px; line-height:24px; color:#333;}
@media (max-width: 768px) {
.ys1{ display:none;}
.ys-box{ margin:20px 0px 0px;}
.ys-box img{ margin-bottom:20px;}	
.ys-box .pull-right{ display:none;}
}
/*首页优势*/

.about-title{ width:100%; border-bottom:1px solid #e0e0e0; text-align:center; margin-bottom:20px;}
.about-title b{ position:relative; display:inline-block; font-size:24px; line-height:70px;}
.about-title b:after{ content:""; position: absolute;  z-index:1;width: 100%;height: 3px;bottom: -2px;left: 0%;background-color:#0a92e2;}

.about-content{ padding:0px; margin-bottom:40px;}
.about-content>div{ box-sizing:border-box; padding:0px; padding-right:15px;}

.about-content .about-text{ box-sizing:border-box; height:300px; overflow:hidden; padding:25px; background:#f0f0f0; border-top:4px solid #b2b2b2;border-bottom:4px solid #b2b2b2;}
.about-content .about-text>b{ font-size:18px; color:#0a92e2;}
.about-content .about-text>span{ font-size:12px; color:#999;}
.about-content .about-text .about-jj{ height:135px; margin-top:20px; margin-bottom:20px;font-size:14px; line-height:24px; color:#333;}
.about-content .about-text a{ position:relative; display:inline-block; font-size:12px; line-height:24px; color:#666;transition-duration: .3s; }
.about-content .about-text a:after{ content:"→"; position: absolute;  z-index:1; font-size:14px; line-height:24px;  color:#666;bottom: 0px;right: -20px;transition-duration: .3s;}
.about-content .about-text a:hover{color:#0a92e2;transition-duration: .3s;}
.about-content .about-text a:hover:after{ color:#0a92e2;right: -30px;transition-duration: .3s;}

@media (max-width: 768px) {
.about-title{width:calc(100% - 20px); margin:0px 10px 20px;}
.about-title b{ position:relative; font-size:18px; line-height:48px;}

.about-content{ padding:0px 10px; margin-bottom:20px;}
.about-content>div{ padding:0px; margin-bottom:0px;}
.about-content .about-text{ box-sizing:border-box; height:auto; overflow:hidden; padding:15px 20px; background:#f0f0f0; border:none;}
.about-content .about-text .about-jj{ height:150px; margin-top:10px; margin-bottom:0px; }
}
/*首页about end*/

.news-title{ width:100%; border-bottom:1px solid #e0e0e0; text-align:left; margin-bottom:20px;}
.news-title b{ position:relative; display:inline-block; font-size:18px; line-height:50px;}
.news-title b:after{ content:""; position: absolute;  z-index:1;width: 100%;height: 3px;bottom: -2px;left: 0%;background-color:#0a92e2;}

.index-news{ padding:0px;}
.index-faq{ padding:0px 0px 0px 20px;}

.index-news-list{ background:#f2f2f2; box-sizing:border-box; padding:10px 15px; margin-bottom:10px;}
.index-news-list:hover{ background:#ebebeb;}
.index-news-list span{ display:inline-block; width:100%; font-size:12px; line-height:16px; color:#999;}
.index-news-list a{ display:inline-block; max-width:100%; font-size:14px; line-height:30px; font-weight:bold; color:#333; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.index-news-list a:hover{color:#0a92e2;}
.index-news-list p{ display:inline-block; max-width:100%; font-size:12px; line-height:24px;  color:#4d4d4d; margin-bottom:0px; height:48px; overflow:hidden;}

.index-faq-list-box{ height:405px; padding:20px;background:#f2f2f2; overflow:hidden;}
.index-faq-list-box .index-faq-list{ height:100%;background:#f2f2f2; overflow:hidden;}
.index-faq-list-box ul{ overflow:hidden;}
.index-faq-list-box li a{ position:relative; display:inline-block; box-sizing:border-box; width:100%; padding-left:32px; font-size:14px; line-height:24px; color:#333; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.index-faq-list-box li a:hover{ color:#0a92e2;}
.index-faq-list-box li a:after{ content:""; position: absolute;  z-index:1;width:18px;height: 18px;top: 5px;left: 0%;background:url(../images/img-faq-q.jpg) center no-repeat;}
.index-faq-list-box li p{ position:relative; display:inline-block; box-sizing:border-box; width:100%; padding-left:32px; font-size:14px; line-height:24px; height:48px; color:#4d4d4d;overflow:hidden;}
.index-faq-list-box li p:after{ content:""; position: absolute;  z-index:1;width:18px;height: 18px;top: 5px;left: 0%;background:url(../images/img-faq-a.jpg) center no-repeat;}
@media (max-width: 768px) {
.news-title{ width:100%; border-bottom:1px solid #e0e0e0; text-align:center; margin-bottom:20px;}
.index-news{ padding:0px 10px;}
.index-faq{ display:none;}
}
/*新闻&常见问题
*/
.index-partner{ background:#f5f5f5; width:100%; margin-top:80px;}
.partner-title{ float:left; width:140px; height:90px; margin:15px 0px; background:url(../images/img-partner.jpg) center no-repeat; text-align:center;}
.partner-title b{ display:inline-block; width:72px;  font-size:18px; line-height:24px; color:#fff; margin:21px 0px; }
@media (max-width: 768px) {
.index-partner{ border-top:1px solid #e0e0e0; margin-top:10px;}
.partner-title{ float:none; width:auto; height:auto; margin:0px; background:none; text-align:center;}
.partner-title b{ position:relative; display:inline-block; width:auto; font-size:14px; line-height:24px; color:#333; margin:10px 0px; }
.partner-title b:after{ content:""; position: absolute;  z-index:1;width: 100%;height: 2px;top: -12px;left: 0%;background-color:#0a92e2;transition-duration: .3s;}
}

.foot-nav-box{ background:#0a92e2; width:100%;}
.foot-nav-box ul{ width:100%; overflow:hidden; }
.foot-nav-box ul li{ display:inline-block; margin:0px 10px;}
.foot-nav-box ul li a{ display:inline-block; font-size:14px; line-height:44px; color:#fff; padding:0px 20px;}
.foot-nav-box ul li a:hover{color:#cce2f7;}
@media (max-width: 768px) {
.foot-nav-box{ display:none;}
}


.foot{ background:url(../images/foot-bg.jpg) repeat; padding-top:60px;}
.foot ul{ display: flex; justify-content: space-between; box-sizing:border-box; padding:0px 20px;  margin-bottom:50px; overflow:hidden; }
.foot li{ float:left; }
.foot li:nth-child(1){ margin-left:0px; }
.foot li b{ position:relative; display:block; font-size:14px; color:#0a92e2; margin-bottom:30px;}
.foot li b:after{ content:""; position: absolute;  z-index:1;width: 100%;height: 1px;bottom: -15px;left: 0%;background-color:#666;}
.foot li a{ display:block; font-size:12px; color:#e5e5e5; line-height:24px;}
.foot li a:hover{ color:#0a92e2; }
.foot li p{ font-size:12px; color:#e5e5e5; line-height:24px; margin-bottom:0px;}
.foot ol{ float:left; text-align:center; padding:0px; margin-left:50px;}
.foot ol img{ display:inline-block; max-width:100px; margin-bottom:8px;}
.foot ol p{ width:100%;font-size:12px; color:#e5e5e5; line-height:24px;}

.wap-foot-contact{ display:none;}

.foot-bq{ box-sizing:border-box; padding:8px 20px; border-top:1px solid #666; font-size:12px; color:#e5e5e5; line-height:24px;}
.foot-bq a{color:red;}

@media (max-width: 768px) {
	
.foot{ background:url(../images/foot-bg.jpg) repeat; padding-top:10px;}
.foot ul{ display:none;}

.wap-foot-contact{ display:block; box-sizing:border-box; padding:15px;}
.wap-foot-contact b{ display:inline-block; width:100%; font-size:16px; color:#0a92e2; margin-bottom:15px;}
.wap-foot-contact p{ font-size:12px; color:#e5e5e5;}

}
/*首页end*/
/*首页end*/
/*首页end*/
.inside-banner{background-repeat:no-repeat; background-position:center; height:200px;}

.inside-cb{ background:#f2f2f2; text-align:right; padding:8px 0px; margin-bottom:50px;}
.inside-cb span{ display:inline-block; color:#666; font-size:12px; line-height:24px;}
.inside-cb a{ position:relative; display:inline-block; color:#333; font-size:12px; line-height:24px; padding-right:10px;}
.inside-cb a:after{ content:">"; position: absolute;  z-index:1;font-size:12px; color:#666; line-height:24px;bottom: 0px;right: 0%;}
@media (max-width: 768px) {
.inside-banner{ display:none;background-repeat:no-repeat; background-position:center; background-size:auto 80px; height:80px;}
.inside-cb{ background:#f2f2f2; text-align:left; padding:8px 0px; margin-bottom:20px;}
}

.inside-navbox{ padding:0px; margin-bottom:20px;}
.inside-navbox h2{ display:inline-block; font-size:24px; margin:0px; margin-bottom:10px;}
.inside-navbox p{ display:inline-block; width:100%; font-size:12px; color:#666;}
.nav3{ text-align:right; font-size:0px;}
.nav3 a{ position:relative; z-index:2; display:inline-block; width:calc(20% - 2px); box-sizing:border-box; margin:0px 1px 2px; font-size:14px; line-height:50px; text-align:center; background:#f7f7f7; color:#333;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.nav3 a:hover{color:#0a92e2;}
.nav3 a.on{color:#0a92e2; font-weight:bold;}
.nav3 a.on:after{ content:""; position: absolute;  z-index:1;width: 100%;height: 2px;bottom: 0px;left: 0%;background-color:#0a92e2;transition-duration: .3s;}
@media (max-width: 768px) {
.nav3{ text-align:left; padding:0px 10px;}
.nav3 a{ display:inline-block; position:relative; width:calc(50% - 2px); box-sizing:border-box;font-size:14px; line-height:50px; background:#f7f7f7; color:#333; }

.nav3 a.on{color:#fff; font-weight:bold;}
.nav3 a.on:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 100%;bottom: 0px;left: 0%;background-color:#0a92e2;transition-duration: .3s;}

}

.product-list-box{ padding:8px;}
.product-list{background:#f0f0f0; overflow:hidden;
    -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,00px,0);
    transition-duration: .3s;
}
.product-list:hover{
        box-shadow:1px 2px 3px rgba(0,0,0,.4);
   -moz-box-shadow:1px 2px 3px rgba(0,0,0,.4);
-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0);
    transition-duration: .3s;}
	
.product-list-text{ float:left; display:inline-block; box-sizing:border-box; padding:15px; width:60%; }
a.product-list-title{ display:inline-block; box-sizing:border-box; width:100%; font-size:14px; line-height:20px;  font-weight:bold; color:#333; }
.product-list:hover a.product-list-title{ color:#0a92e2;  }
.product-list-text span{ display:inline-block; font-size:10px; line-height:22px; color:#999;margin-bottom:10px;}
.product-list-text p{ font-size:12px; line-height:22px; color:#666; height:88px; overflow:hidden;}
.product-list-img{ float:left; display:inline-block; box-sizing:border-box;padding:10px; width:40%;}
.product-list-img img{ max-width:100%;}
@media (max-width: 768px) {
.product-list-text{ float:none; display:inline-block; box-sizing:border-box; padding:15px; width:100%; padding-bottom:0px; }
.product-list-img{ float:none; display:inline-block; box-sizing:border-box; padding:15px; width:100%; }
.product-list-text span{ margin:0px;}
.product-list-text p{ display:none;}	
}
/*产品列表页*/
.Page{ text-align:center; line-height:0px; font-size:0px; width:100%; overflow:hidden; margin:40px 0px;}
.Page a{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#ebebeb;}
.Page a:hover{ color:#0a92e2;font-weight:bold;}
.Page span{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#ebebeb;}
.Page a.on{ color:#fff; background-color:#0a92e2; }
.Page span.on{ color:#fff; background-color:#0a92e2;}
@media (max-width: 768px) {
.Page{ text-align:center; line-height:0px; font-size:0px; width:100%; overflow:hidden; margin:20px 0px;}
}

.product-jj{ padding:0px; padding-left:50px;}
.product-title{float:right; padding-left:50px; font-size:24px; color:#333; margin-bottom:20px;}
.product-title p{ display:inline-block; width:100%;font-size:24px; color:#333; border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-bottom:0px;}
.product-jj-text{ font-size:14px; line-height:24px; color:#4d4d4d; padding-bottom:10px; margin-bottom:20px;	 border-bottom:1px solid #e0e0e0;}

.product-jj-contact a{ display:inline-block; font-size:14px; line-height:50px; color:#fff; padding:0px 30px; margin-right:10px; background:#0a92e2; vertical-align:text-bottom;}
.product-jj-contact a>img{ margin-right:10px;}
.product-jj-contact div{ display:inline-block; background:#f0f0f0; font-size:0px; padding:0px 20px 0px 0px; vertical-align:text-bottom;}
.product-jj-contact p{ display:inline-block; font-size:14px; line-height:20px; color:#333; margin:5px 0px;  vertical-align:text-bottom;}
.product-jj-contact div img{ display:inline-block; background:#0a92e2; margin-right:15px;vertical-align:text-bottom;}

.product-cs{ margin:30px 0; padding:0px;}
.product-cs-title{ background:#f5f5f5; margin-bottom:20px;}
.product-cs-title span{ display:inline-block; font-size:16px; color:#fff; padding:0px 20px; line-height:40px; background:#0a92e2; line-height:40px;}
.product-cs p{ font-size:14px; color:#4d4d4d;}
.product-cs p img{ max-width:100%; height:auto;}

#tabs-product{}
#tabs-product ul{ background:#f5f5f5; overflow:hidden; text-align:left; font-size:0px;}
#tabs-product ul li{  display:inline-block; width:auto; margin-left:2px;}
#tabs-product ul li a{ display:inline-block; padding:0px 20px; font-size:16px; color:#333; line-height:40px; background:#e0e0e0;}
#tabs-product ul li a:hover{color:#0a92e2;}
#tabs-product ul li.active a{ background:#0a92e2; color:#fff;}

#tabs-product  .tab-content{ box-sizing:border-box; width:100%; padding:15px;}

@media (max-width: 768px) {
.product-title{float:right; padding:0px; font-size:24px; color:#333; margin-bottom:20px;}
.product-jj{ padding:0px; }
.product-jj-text{ display:none;}
.product-jj-contact{ display:none;}
.product-cs{ margin:10px 0; padding:0px;}

}


.product-tj{ overflow:hidden; padding:0px; margin-bottom:30px;}
/* marqueeleft */
.marqueeleft2{width:100%;overflow:hidden;}
.marqueeleft2 ul{float:left; overflow:hidden;}
.marqueeleft2 li{float:left; margin:0 5px;display:inline;overflow:hidden;}
.marqueeleft2 li {text-align:center; font-size:12px; color:#666;line-height:30px;}
.marqueeleft2 li .img{ display:inline-block; width:100%; padding:10px 0px; background:#f0f0f0;}
.marqueeleft2 li .img img{ max-width:100; max-height:200px;}
.marqueeleft2 li a p{ display:inline-block; width:100%;text-align:center; font-size:12px; color:#333;line-height:30px;}
.marqueeleft2 li a:hover p{ display:inline-block;text-align:center; font-size:12px; color:#0a92e2;line-height:30px;}
/* marqueetop */
@media (max-width: 768px) {
.product-tj{ overflow:hidden; padding:0px; margin-bottom:10px;}
.marqueeleft2 li .img img{ max-width:100; max-height:120px;}
	
	}

.inside-text{ background:#f7f7f7; margin-bottom:20px; padding:30px;}
.inside-text p{ font-size:14px; line-height:1.75em; color:#333;}
.inside-text img{ max-width:100%; height:auto;}
@media (max-width: 768px) {
.inside-text{ background:#f7f7f7; margin-bottom:20px; padding:20px 15px;}

}
/*图文页面*/


a.video-list {
	display: block;
	width: 100%;
	margin: 15px 0px;
}
a.video-list p {
	width: 100%;
	margin: 15px 0px;
	color: #4d4d4d;
	text-align: center;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
a.video-list:hover p {
	color: #1666cd;
}
a.video-list span {
	display: none;
}
.video-img {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
.video-img:before {
	content: "";
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0;
	opacity: 0;
	background: url(../images/bofang.png) no-repeat center;
	transition-duration: .3s;
}
.video-img:after {
	content: "";
	position: absolute;
	z-index: 2;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	bottom: 0%;
	left: 0%;
	opacity: 0;
	background: rgba(0,0,0,0.2);
	transition-duration: .4s;
}
.video-img:hover:before {
	content: "";
	position: absolute;
	z-index: 3;
	opacity: 1;
	transition-duration: .3s;
}
.video-img:hover:after {
	content: "";
	position: absolute;
	z-index: 2;
	opacity: 1;
	transition-duration: .4s;
}
.video-img img {
	width: 100%;
}



#video-box .modal-dialog {
	margin: 0px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#video-box .modal-content {
	border-radius: 0px;
	border: none;
	width: 100%;
}
#video-box .modal-body {
	width: 100%;
	padding: 0px;
	font-size: 0px;
}
#video {
	width: 100%;
	border: none;
}

@media (min-width: 992px) {
#video-box .modal-dialog {
	width: 800px;
}
}

@media (min-width: 1200px) {
#video-box .modal-dialog {
	width: 1000px;
}
}

@media (max-width: 768px) {
#video-box .modal-dialog {
	margin: 0px;
	width: 450px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#video-box .modal-body {
	width: 100%;
}
}

@media (max-width: 480px) {
#video-box .modal-dialog {
	width: 300px;
}
}
/*视频弹出*/
/*video*/



.down-list{ padding:5px; overflow:hidden;}
.down-list>div{overflow:hidden; padding:10px 15px; background:#f7f7f7;}
.down-title{ float:left; display:inline-block; box-sizing:border-box; max-width:70%; padding-left:20px; font-size:14px; line-height:24px; color:#333; background:url(../images/down1.png) left center no-repeat;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.down{ float:right; display:inline-block;box-sizing:border-box; max-width:30%;  padding-left:20px; font-size:14px; line-height:24px; color:#333; background:url(../images/down2.png) left center no-repeat;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.down-list>div a:hover{ color:#0a92e2;}

.news-list{ padding:5px; overflow:hidden;}
.news-list>div{overflow:hidden; padding:10px 15px; background:#f7f7f7;transition-duration: .3s;}
.news-list>div:hover{background:#f2f2f2;
        box-shadow:1px 2px 3px rgba(0,0,0,.4);
   -moz-box-shadow:1px 2px 3px rgba(0,0,0,.4);
-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.4);
transition-duration: .3s;
}
.news-list span{ font-size:12px; color:#999;}
.news-list span.look{ display:inline-block; padding-left:18px; margin-left:15px; background:url(../images/look.png) left center no-repeat; font-size:12px; color:#999;}

.news-list a{ display:inline-block; width:100%; font-size:14px; color:#333; font-weight:bold; margin:10px 0px 6px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news-list>div:hover a{color:#0a92e2;}

.news-list p{ display:inline-block; width:100%; font-size:12px; color:#666; line-height:22px; height:48px; margin:0px; overflow:hidden;}


.inside-news-content{ background:#f7f7f7; padding:20px; margin-bottom:30px;}
.inside-news-content img{ max-width:100%; height:auto;}
.inside-news-title{ display:inline-block; width:100%; margin-top:10px; padding-bottom:10px; font-size:18px; color:#333; border-bottom:1px solid #e0e0e0;}
.news-time{ margin-bottom:20px;}
.news-time span{ font-size:12px; color:#999; margin-right:15px;}
.news-time span.look{ display:inline-block; padding-left:18px; background:url(../images/look.png) left center no-repeat; }

.page2{ margin:30px 0px 20px; width:100%; border-top:1px solid #e0e0e0; padding-top:15px;}
.page2 span{ display:inline-block; width:100%; font-size:12px; color:#999; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.page2 a{ display:inline-block; width:100%; font-size:12px; color:#666; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.page2 a:hover{color:#0a92e2; }


.news-right-title{ display:inline-block; width:100%; box-sizing:border-box; border-left:5px solid #0a92e2; color:#fff; background:#666; line-height:50px; text-align:center; margin-bottom:4px;}
.news-tj{ width:100%; background:#f7f7f7; padding:15px; margin-bottom:4px;}
.news-tj a{ display:inline-block; width:100%; font-size:14px; color:#333; font-weight:bold; margin-bottom:5px;}
.news-tj a:hover{color:#0a92e2;}
.news-tj span{ display:inline-block; width:100%; font-size:12px; line-height:22px; color:#999; margin-bottom:5px; }
.news-tj p{ display:inline-block; width:100%; font-size:12px; line-height:22px; height:66px;  color:#666; overflow:hidden; margin:0px;}

@media (max-width: 768px){
.page2{ margin:20px 0px 0px; width:100%; border-top:1px solid #e0e0e0; padding-top:15px;}
.news-right{ display:none;}
	
}



.inseide-ly{ }
.ly{ margin-top:-12px;}
.ly .ly-title{ display:inline-block; font-size:18px; margin-left:15px; line-height:50px; border-bottom:2px solid #333;}
.ly .messages_box {width:600px;padding: 10px 1% 60px 1%;}
.ly .messages_box ul {width: 100%;}
.ly .messages_box ul li {padding: 5px 28px 5px 5px;}
.ly .messages_box .text-input, .ly .messages_box .summary-input, .ly .messages_box .qq-input {width: 100%;height: 33px;padding: 0px 10px;line-height: 33px;font-size: 14px; border:1px solid #999;}
.ly .messages_box .cont-input {width: 100%;height: 130px;padding: 10px;line-height: 20px;font-size: 14px; border:1px solid #999;}
.ly .messages_box .submitBtn {text-align: center;padding-top: 10px;}
.ly .messages_box .messages-button { margin-top:10px;width: 125px;height: 34px;line-height: 34px;font-size: 16px;color: #fff;text-align: center;background: none repeat scroll 0% 0% #292933;border: none;transition-duration: .3s;}
.ly .messages_box .messages-button:hover {background: none repeat scroll 0% 0% #0a92e2;transition-duration: .3s;cursor: pointer; color:#fff;}
/*在线留言  end*/

@media (max-width: 768px){
.ly .messages_box {width:100%;padding: 10px 1% 10px 1%;}
.ly .messages_box ul li {padding: 5px 5px 5px 5px;}
}

.inside-about-text{ max-width: 800px; font-size: 14px; line-height: 1.75em; margin:auto;}


.fc-list{ padding:5px;}
.fc-list a .show-img{overflow:hidden; text-align:center;}
.fc-list a img{ width: 100%;transform:scale(1); transition:all .4s;  }
.fc-list a:hover img{ width: 100%;transform:scale(1.2); transition:all .4s;  }
.fc-list a:hover {opacity: 1; transition-duration: .3s; } 
.fc-list a .show-name{width: 100%; text-align: center;margin: 10px; font-size: 14px;line-height: 24px; color: #4d4d4d;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.fc-list a:hover .show-name{ color: #0a92e2;}


.partner-list{ padding:0px; margin-left:-1px; margin-top:-1px; position:relative;height: 120px; border:1px solid #e0e0e0; }
.vcenter-parent-img{ position:absolute; z-index:2; left:0px; top:0px;display: table;width: 100%;height: 100%;}
.vcenter-img {display: table-cell;vertical-align: middle; text-align:center;}
.vcenter-img img{display:inline-block; max-width:100%; max-height:100%;}

.partner-list .vcenter-parent{ position:absolute; z-index:2; display: table;width: 100%;height: 100%; box-sizing:border-box; background:rgba(10,146,226,.8);opacity: 0; transition-duration: .3s;}
.partner-list:hover .vcenter-parent{opacity:1; transition-duration: .3s;}
.partner-list .vcenter{width: 100%;height: 100%; box-sizing:border-box; text-align:center;}
.partner-list .vcenter span{ font-size:18px; color:#fff;}

.inside-contact{ margin-bottom:30px;}
.contact{ width:100%; overflow:hidden; padding:40px 30px;background:#f7f7f7;}
.contact h4{ margin: 10px 0px 20px;}
.contact p{ font-size:14px; color:#333; line-height:18px;}
.contact a{
	display: inline-block;
	padding: 0px 20px;
	margin-right: 6px;
	font-size: 14px;
	line-height: 42px;
	color: #4d4d4d;
	border:1px solid #ccc;
	transition:all .3s;  
}
.contact a:hover{
	color: #0a92e2;
	border:1px solid #0a92e2;
}


#map-canvas {
        height: 400px;
		width: 100%;
        margin: 0px;
        padding: 0px;
}

.up{ display:none; position:fixed; right:20px; bottom:20px; width:40px; height:40px; background: url(../images/up.png) center no-repeat,#333; border-radius:2px;}
.up.upshow{ display:inline-block;}
.up:hover{ background: url(../images/up.png) center no-repeat,#0a92e2;transition-duration: .3s; }

@media (max-width: 768px){
.up{ display:none; position:fixed; right:20px; bottom:20px; width:40px; height:40px; background: url(../images/up.png) center no-repeat,#333; border-radius:2px;}

}


/*2017-11-16修改*/
.nav{ padding:0px;}
.nav li>a{ padding:0px 19px;}

.inside-js{ padding:0px;}
.js-list{ margin-top:15px;
 	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,00px,0);
	transition-duration: .3s;
}
.js-up img{ max-width:100%;}
.js-up p{ font-size:14px; color:#333; line-height:22px; margin:10px 0px; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition-duration: .3s;}
.js-js{ display:none;}

.js-list:hover p{ color:#0a92e2;transition-duration: .3s;}



.modal-body{ overflow:hidden;}
.modal-body .modal-img{ width:100%; text-align:center; margin-bottom:20px;}
.modal-body img{ display:inline-block; max-width:100%;}
.modal-body .modal-text{ width:100%; font-size:14px; line-height:24px; padding:20px; color:#444;}

@media (min-width: 768px){
.js-list{ width:20%; padding:0px 10px;}
.js-list:hover{ margin-top:15px;
 	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	transition-duration: .3s;
}

}
@media (max-width: 768px){ 
.inside-js{ padding:0px 15px;}
.js-list{ margin-top:0px;}
.modal-body .modal-text{ width:100%; font-size:14px; line-height:24px; padding:0px; color:#444;}

}

.video-list{ padding:0px 10px; margin-bottom:15px;}
.video-img{ position:relative; display:block; overflow:hidden;}
.video-img img{ width:100%; height:auto;transition-duration: .5s;}
.video-img:after{ content:""; position: absolute;  z-index:3;width: 100%;height: 100%;bottom: 0px;left: 0%;background:url(../images/video.png) center no-repeat;opacity: 0;transform:scale(1.3);transition-duration: .3s;}
.video-img:before{ content:""; position: absolute;  z-index:2;width: 100%;height: 100%;bottom: 0px;left: 0%;background:#0a92e2;opacity: 0;transition-duration: .3s;}
.video-title{ display:inline-block; width:100%; text-align:center; line-height:36px; color:#333;}

.video-list:hover .video-img img{transform:scale(1.05);transition-duration: .5s;}
.video-list:hover .video-img:after{ content:""; position: absolute;  z-index:3;opacity:1;transform:scale(1);transition-duration: .3s;}
.video-list:hover .video-img::before{ content:""; position: absolute; opacity:.5;transition-duration: .3s;}
.video-list:hover .video-title{ color:#0a92e2;}


.inside-video-content{ background:#f7f7f7; text-align:center; padding:40px; margin-bottom:60px;}
.video-box{ display:inline-block; background:#0a92e2; padding:4px; font-size:0px; margin-bottom:30px;}
.inside-video-title{ font-size:24px; color:#333; margin-bottom:20px;}
.inside-video-content .page2{ margin:30px 0px 20px; width:100%; border-top:1px solid #e0e0e0; padding-top:15px;}
.inside-video-content .page2 span{ display:inline-block; width:100%; font-size:12px; color:#999; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.inside-video-content .page2 a{ display:inline-block; width:100%; font-size:12px; color:#666; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.inside-video-content .page2 a:hover{color:#0a92e2; }
.inside-video-content .page2 .page2-prve{ text-align:left;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.inside-video-content .page2 .page2-next{ text-align:right;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
@media (max-width: 768px){ 
.inside-video-content{ background:#f7f7f7; text-align:center; padding:15px; margin-bottom:30px;}
.video-box{ margin-bottom:0px;}
.video-box iframe{ width:100% !important; min-height:150px !important;}
.inside-video-content .page2 .page2-next{ text-align:left;}

}