@charset "utf-8";
/*全局定义*/
*{padding:0; margin:0;}
html,body{ color:#666666; font-family:'微软雅黑','Microsoft YaHei', Arial, sans-serif, FontAwesome, 'Glyphicons Halflings' !important; font-weight:normal; font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:#ffffff; font-size: 16px;}
div{padding:0; margin:0 auto; font-weight:normal; font-style:normal;}
img{border:none;}
a{color:#00aeef; border:none;}
a:hover, a:visited, a:focus{text-decoration: none; outline:none;}
/*a,button,input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; outline: none;}*/
li{list-style: none;}
.clear{ clear:both; font-size:0;}
.hiddenx{ display:none;}
h1, h2, h3, h4, h5, h6, h1>a, h2>a, h3>a, h4>a, h5>a, h6>a { color: #1169af;}
h1, h2 { margin-bottom: 20px; font-size: 1.750em;}
p{font-size: 1em; line-height: 1.3em; margin-bottom: 10px;}
.xyCon{padding:100px 0 150px;}
.xyCon5035{padding:50px 0 35px;}
.xyCon0030{padding:0px 0 30px; }
.xyCon0060{padding:0px 0 60px; border-bottom: 1px solid #ccc; margin-bottom: 35px;}
.glayblock{background-color: #eeeeee;}

/*head*/
.headdiv{background-color: #333; margin-bottom: 0; border-radius: 0;}
.topnav{height: 116px; width:100%; background-color: #fff; padding-top: 27px; border-bottom: 1px solid transparent;}
.navbar{border:none;}
.logo{width:100%;}
.slogan{ padding-left: 15px; border-left: 1px solid #999; font-size: 14px; font-weight: 600; line-height: 110%; margin-top: 14px; margin-left: 15px;}
.navbar-brand { padding: 0px 20px 0px 0px; height: 50px;}
.phonediv{ margin-top:10px;}
.phonediv i{color:#1169af; font-size:32px;}
.phonediv span{padding-left:10px; color:#1169af; display:inline-block; font-size: 26px;font-family: Arial; line-height:140%;}
.phonediv span small{font-size:12px;}

.downnav{background-color: #333; border-bottom: none;}
.navdiv{padding-left:0px; padding-right:0px; position:relative; z-index:9;}
.navmenu{ display:block; width:100%; text-align:center; margin:0px auto; border-bottom:1px solid transparent; position:relative;}
.navmenu li{float:left; list-style:none;}
.navmenu li a{ display:inline-block; padding:20px 38px; color:#fff; font-size: 18px; background-color:transparent;}
.navmenu li a:hover, .navmenu li a.on, .navmenu li a.navOn{ color:#fff; text-decoration:none; background: url(../images/arrow-blue-down.png) center bottom no-repeat;}
.navbar_submenu{ display:none; position:absolute; padding: 32px; background-color: #efefef; border-bottom: 2px solid #00AEEF; box-shadow:0px 1px 10px #333;}
.navbar_submenu li{float:none !important;}
.navbar_submenu li a{display:block; color:#000; margin-bottom:1px; font-size: 20px; font-weight: bold; padding: 0; text-align: left; padding: 15px 50px; border-top:1px solid #00AEEF;}
.navbar_submenu li a:hover{color:#00AEEF; text-decoration:none; background: none;}


.footerup{width:100%; background-color: #333; padding: 30px 0; color:#CCC;}
h3.fh3{ font-size: 1.2em; color:#ccc; font-weight: bold;}
.footerup ul li{color:#999; font-size:16px;}
.footerup ul li a{color:#999; font-size:16px;}
.footerup ul li a i{padding-right: 6px; color:#00AEEF; font-size:16px;}
.footerup ul li a:hover{color:#ccc;}
.contactinfo ul li span{display: inline-block; width:30px; color:#00AEEF;}
.shareicon img{width:110px;}
.footerdown{width:100%; background-color: #111; padding: 30px 0; color:#666; font-size: 14px;}
.footerdown span{padding: 0 30px;}
.footerdown a{color:#666; font-size:14px;}
.footerdown a:hover{color:#ccc;}

/*手机页脚四个按钮*/
.footersubdiv{ margin-bottom:0px;  height:70px; border-top:3px solid #f60;}
.footersub{ background-color:#262626; height:60px; width:100%; padding-top:10px; padding-bottom:0px;}
.footersub li{ list-style:none; text-align:center;}
.footersub li a{color:#fff;}
.footersub li a i{font-size: 20px;}

/*在线客服QQ层*/
.side{position:fixed;width:54px;height:275px;right:0px;top:135px;z-index:100;}
.side ul li{ display:block; width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; list-style:none;}
.side ul li a{ text-decoration:none;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#00AEEF;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox:hover{cursor:pointer;}
.side ul li:first-child .sidebox{ border-radius:12px 0 0 0;}
.side ul li:last-child .sidetop{ border-radius:0 0 0 12px;}
.side ul li #sidebox{position:absolute;width:160px;height:54px;top:0;right:0;transition:all 0.3s;background:#00AEEF;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#00AEEF;opacity:0.9;filter:Alpha(opacity=90);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.leftvideo{position: relative; margin-bottom: 0px;}
.leftvideo a.playvideobtn{ display: block; width:auto; height: 362px; overflow: hidden;border: 12px solid #f1f1f1; border-radius:12px; background-color: #000; line-height: 334px;}
.leftvideo a.playvideobtn img{width:100%; max-width:100%; transition: all 0.3s ease;}
.leftvideo p{ display: block; width:100%; height: 32px; text-align: center; background:#888; color:#fff; border: 1px solid #888; border-top:none; font-size: 13px; line-height: 32px; }
.leftvideo .maskicon{position: absolute; left: 50%; top: 0; width:100%; height: 362px; line-height: 382px; text-align: center; margin-left: -50%;}
.leftvideo .maskicon a i{color:rgba(255,255,255,.8); font-size:72px;}
.leftvideo:hover a.playvideobtn{border:12px solid #00aeef;}
.leftvideo:hover a.playvideobtn img{ transform: scale(1.15);}
.leftvideo:hover p{background: #00aeef; color:#fff; border: 1px solid #00aeef; border-top:none;}
.leftvideo:hover .maskicon a{cursor: pointer;}
.leftvideo:hover .maskicon a i{ text-shadow: 0px 0px 15px #00aeef; color:#fff;}

video{display: block; width:100%; height:100%; object-fit: fill;}
.modal-content{ background-color: #fff;}
.modal-body {  position: relative;  padding: 15px;  overflow: hidden;}
.modal-footer { padding: 15px;text-align: center; border-top: 1px solid #e5e5e5;}
.really-cool-video-dimensions {width:640px; height: 360px;}


.videoright{ font-family: Arial,'微软雅黑','Microsoft YaHei'; padding: 0 50px;}
.videoright h2{padding-top: 0px; color:#000;}
.videoright p{font-size: 1.250em; padding-bottom: 25px;}
.videoright a{ display: block; width:156px; height: 50px; background-color: #00aeef; color:#fff; text-align: center; border-radius: 4px; font-size: 1.250em; line-height: 48px;}
.videoright a:hover{background-color: #039fda; color:#fff;}


.iproduct{}
.iproduct h2{color:#000; border-left:5px solid #e42620; padding-left: 15px;}
.iproduct h2 span{ float:right; text-align: right;}
.iproduct h3{text-align: center; color:#000;}
.iproduct p{font-size: 1.250em; color:#666; padding-bottom: 25px;}
.iproduct p a{text-align: center;display: inline-block; background-color: #00aeef; border-color: #00aeef; font-size: 1em;}
.iproduct p a:hover, .iproduct p a:visited{background-color: #039fda!important; border-color: #039fda;}
.iproductItem{padding-left: 0; padding-right: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	transition: all 0.4s ease;}
.iproductItem:nth-child(2){padding-right: 20px;}
.iproductItem:nth-child(3){padding-left: 10px; padding-right: 10px;}
.iproductItem:nth-child(4){padding-left: 20px;}
.iproductItem .thumbnail{border: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	transition: all 0.4s ease; overflow:hidden;}
.iproductItem .thumbnail img{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	transition: all 0.4s ease; overflow:hidden;}
.iproductItem .thumbnail .caption{padding: 0 25px;}
.iproductItem .thumbnail .caption p:nth-child(3){text-align: center;}
.iproductItem:hover .thumbnail{box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.iproductItem:hover .thumbnail img{transform: scale(1.14);}
.iproductItem h3{text-align: center;}
.img-holder{color:#fff;}
.imageHolder h1{-webkit-transform: translateZ(1px); color:#fff; font-size: 50px; /*text-shadow: 0px 1px 5px #111;*/}
.imageHolder h1 span{color:#e42620; -webkit-text-stroke: 2px #fff; /*text-shadow: 0px 1px 5px #111; */font-weight:bold; font-size: 64px; padding-right: 20px;}
.imageHolder p{-webkit-transform: translateZ(1px); color:#fff; font-size: 1.2em; /*text-shadow: -1px -1px #ddd, 1px 1px #333;*/ padding-bottom: 30px;}
.ides{padding-top: 15%; padding-left: 10%; padding-right: 10%;}
.ides_a{display: block; width:156px; height: 50px; background-color: #00aeef; color:#fff; text-align: center; -webkit-transform: translateZ(1px); border-radius: 4px; font-size: 1.250em; line-height: 48px;}
.ides_a:hover{background-color: #039fda; color:#fff;}
.isample{}
.isample h2{text-align: center; color:#000; font-weight: bold; background: url(../images/line-t.jpg)center center repeat-x transparent; padding-bottom: 30px;}
.isample h2 span{padding:0px 30px; background-color: #fff; }
.roll{width: 100%; height: 240px; overflow: hidden; position: relative;}
.roll ul{ width: 100%; height: 240px; position:relative;}
.roll ul li{ float: left; margin: 15px; margin-right: 6px; list-style: none;}
.roll ul li img{display: inline-block; height:200px; width: auto; box-shadow: 0px 0px 10px #999; border:10px solid #f9f9f9;}
.roll ul li a:hover img{box-shadow: 0px 0px 13px #f00;}

.friendshiplink{ padding: 30px 0; background-color: #eeeeee;}
.friendshiplink span{color:#666;}
.friendshiplink a{padding: 0 10px;}

.titlefirst{font-weight: bold; margin-bottom: 2px; font-size: 1.75em;}
.titlemain{font-weight: bold; margin-top: 0; margin-bottom: 2px; font-size: 1.5em; padding-bottom: 20px;}
.location{}
.location a{font-size: 0.75em; color: #666; text-decoration: underline;}
.location span{font-size: 0.75em; font-weight: bold;}
.aboutpic{overflow: hidden; }
.aboutpic img{width:100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	transition: all 0.4s ease;}
.aboutpic:hover img{transform: scale(1.14);}
.aboutlastp{padding-top: 75px;}

.productItem{padding-left: 0; padding-right: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	transition: all 0.4s ease;}
.productItem .thumbnail{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	transition: all 0.4s ease; overflow:hidden; margin-left: 15px;  margin-right: 15px;}
.productItem .thumbnail img{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	transition: all 0.4s ease; overflow:hidden;}
.productItem .thumbnail .caption{padding: 0 25px;}
.productItem:hover .thumbnail{box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.productItem:hover .thumbnail img{transform: scale(1.14);}
.productItem h3{text-align: center;}

.productdl{}
.productdl dt{ float:left;padding: 5px 10px; border:2px solid #fff; padding-left: 0;}
.productdl dd{float:left; margin-right: 6px; margin-bottom: 8px;}
.productdl dd a{ display: block; padding: 5px 10px; border:2px solid #666; color:#666;}
.productdl dd a:hover{border: 2px solid #e42620; color:#e42620;}
.productdl dd a.on{border:2px solid #039fda; color:#039fda;}

.productbigpic{text-align: center;}
.productbigpic img{max-width: 100%;}
.productrightitem{}
.productrightitem h3{font-size: 1.15em; font-weight: 600; padding-bottom: 15px;}
.productrightitem h4{color:#333; font-weight: 600; padding-bottom: 10px;}
.productrightitem h4 a{text-decoration: underline;}
a.firsta{padding: 15px; display: -moz-inline-stack; display: inline-block; zoom: 1; margin-top: 10px; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; font-size: 1em; font-weight: bold; color: #ffffff; background-color: #00aeef;}
a.firsta i{padding-right: 8px;}
a.firsta:hover{background-color: #039fda;}

.nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 0; color: #666; font-weight: 600; font-size: 1.0em; background-color: #ccc;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{color: #fff; background-color: #00aeef; border: none; border-bottom-color: transparent; cursor: default;}
.nav-tabs>li>a:hover{background-color: #666; color:#fff;}
.nav-tabs>li.active>a:hover{color: #fff; background-color: #666; border: none; border-bottom-color: transparent; cursor: default;}
.xytabcontent{background-color: #ebebeb; padding: 35px;}

.tab-content>.tab-pane img{display: block; max-width: 100%; margin: 30px auto 15px;}

.videoItem{ display: block; padding-bottom: 35px; border-bottom: 1px solid #ccc; margin-bottom: 35px;}
.videoItem:last-child{border-bottom: none;}
.rightvideo p{color:#999; padding-top: 20px;}
.applicationcontent{background-color: #efefef; padding: 30px 0;}

.pagediv{ margin:10px auto 60px auto; width:100%;  height:30px; font-size:14px; color:#777; font-family:Arial,'Microsoft YaHei'; text-align:center;}
.pagediv a{ display:inline-block; _zoom:1;*display:inline; padding:5px 10px; margin-left:2px; margin-right:2px; color:#f60; border:1px solid #f60; background-color:#fff;}
.pagediv span{display:inline-block; _zoom:1;*display:inline;margin-left:2px; margin-right:2px;padding:5px 10px;color:#ccc; border:1px solid #ccc;}
.pagediv span.pageinfo{padding:5px 10px;color:#ccc; border:1px solid #ccc; background-color:#fff;}
.pagediv span.thisclass{padding:5px 10px; color:#fff; border:1px solid #333; background-color:#333;}

.articlep{padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.articlep span{padding-right:45px;}
.articlecontent{}
.articlecontent img{display: block; padding: 10px; text-align: center; background-color: #f5f5f5; margin: 15px auto 20px auto; max-width: 100%;}
.contactp{line-height: 2em;}

@media (min-width:320px) and (max-width:359px)
{
	.xyCon{padding: 20px 0 50px;}
	.navbar-brand img{width:210px;}
	.ivideo .container{padding-left: 0; padding-right: 0;}
	.really-cool-video-dimensions {width:236px!important; height: 420px!important;}
	
	
	.videoright{ padding: 0 20px;}
	.leftvideo .maskicon {position: absolute;left: 50%;top: 0;width: 100%;height: 240px;line-height: 260px;text-align: center; margin-left: -50%;}
	.leftvideo a.playvideobtn { display: block; width: auto; height: 240px; overflow: hidden; border: none; border-radius: 0px; background-color: #000; line-height: 228px;}
	.iproductItem:nth-child(2){padding-right: 0px;}
	.iproductItem:nth-child(3){padding-left: 0px; padding-right: 0px;}
	.iproductItem:nth-child(4){padding-left: 0px;}
	.imageHolder .container{padding-left:350px; padding-right: 350px;}
	.imageHolder h1, .imageHolder h1 span{ font-size: 24px; -webkit-text-stroke:0px #fff;}
	.imageHolder h1 span{padding-right: 5px;}
	.imageHolder p{font-size: 0.8em; padding-bottom: 0;}
	.ides { padding-top: 0%; padding-left: 5%; padding-right: 5%;}
	.isample .xyCon{padding: 20px 0px 50px;}
	.xyCon5035 { padding: 5px 0 35px;}
	.aboutlastp{padding-top: 0px;}
}

@media (min-width:360px) and (max-width:767px)
{
	.navbar-brand img{width:236px;}
}

/*手机显示器 调整部分*/
@media (max-width:767px)
{
	.headdiv{margin-bottom: 0;}
	.logo{margin-right: 0px!important; margin-left: 0px !important;}
	.topnav{border-bottom: 1px solid #333; height: 80px;}
	.navbar-brand { padding: 0px 20px 0px 10px; height: 50px;}
	/*.navbar-brand img{width:236px;}*/
	.navbar-toggle { margin-right: 0px; margin-top: 0px;}
	.downnav{/*border-bottom: 2px solid #00AEEF;*/}
	.navdiv{border-top:none;}
	
	.navmenu{ display:block; width:100%; text-align:left; margin:0px auto; border-bottom:1px solid transparent; position:static;}
	.navmenu li{clear:both; float:none !important; list-style:none;}

	.navmenu li a{ display:block; padding:15px; padding-right:0px; color:#fff; background-color:#454545; border-bottom:1px solid #262631;}
	.navmenu li a:hover, .navmenu li a.on{ background-color:#FF6000; color:#fff; text-decoration:none;}
	.navmenu li a i{padding-left:8px; padding-right:8px;}
	.navbar_submenu{ display:block; background-color:transparent; padding:0px; position:static; border-bottom: 1px solid #00AEEF;}
	.navbar_submenu li{ clear:both; float:none !important;}
	.navbar_submenu li a{display:block; width:100%; padding:10px 0px 10px 25px; color:#fff; background-color:#666666; margin-bottom:0px; border-bottom:none; box-shadow:none;font-size: 18px; font-weight: normal;}
	.navbar_submenu li a:hover{background-color:#FF6000; color:#fff; text-decoration:none;}
	.navbar_submenu li a i{padding-left:8px; padding-right:8px;}
	
	.xyCon{padding: 20px 20px 50px;}
	.ivideo .container{margin-left: 0; margin-right: 0;}
	.vvmodel{padding-left: 0;}
	.really-cool-video-dimensions {width:278px; height: 156px;}
	.videoright{ padding: 0 20px;}
	.iproductItem:nth-child(2){padding-right: 0px;}
	.iproductItem:nth-child(3){padding-left: 0px; padding-right: 0px;}
	.iproductItem:nth-child(4){padding-left: 0px;}
	
	.imageHolder .container{padding-left:350px; padding-right: 350px;}
	.imageHolder h1, .imageHolder h1 span{ font-size: 24px; -webkit-text-stroke:0px #fff;}
	.imageHolder h1 span{padding-right: 5px;}
	.imageHolder p{font-size: 0.8em; padding-bottom: 0;}
	.ides { padding-top: 0%; padding-left: 5%; padding-right: 5%;}
	.isample .xyCon{padding: 20px 0px 50px;}
	.xyCon5035 { padding: 5px 0 35px;}
	.aboutlastp{padding-top: 0px;}
	.my-video-dimensions{width:320px; height: 180px;}
	.titlefirst{font-weight: bold; margin-bottom: 2px; font-size: 1.5em;}
}

/*手机显示器 调整部分*/
@media (min-width:768px) and (max-width:1024px)
{
	.navmenu li a{ display:inline-block; padding:20px 25px; color:#fff; font-size: 18px; background-color:transparent;  border-bottom: 1px solid #444;}
	.navbar_submenu li a{display:block; color:#000;}
	.slogan{display: none;}
	.really-cool-video-dimensions {width:568px; height: 318px;}
}
/*手机显示器 调整部分*/
@media (min-width:1025px) and (max-width:1366px)
{
	.slogan{display: block;}
	.navmenu li a { display: inline-block; padding: 20px 35px; color: #fff; font-size: 18px;  background-color: transparent;}
	.navbar_submenu li a{display:block; color:#000;}
	.imageHolder h1 {font-size: 36px;}
	.imageHolder h1 span {font-size: 48px;}
	.imageHolder p {font-size: 1.0em;}
	
}