@charset "utf-8";
@import "swiper.min.css";
@import "bootstrap.glyphicon.css";
@import "animate.min.css";
/* CSS Document */
* { padding: 0; margin: 0; }
body { color: #666666; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 22px; width: 100%; }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #666666; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float: left }
.fr { float: right }
.wrap { margin: 0 auto; width: 1200px; }
#container { background: #fff; position: relative }
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; }
/*加载*/
.load { margin-top: 10px; height: 31px; background: #f0f0f0; color: #707c85; text-align: center; font-size: 12px; line-height: 31px }
.load a { color: #707c85 }
.load a:hover { color: #870407 }
/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-weight: bold; font-size: 21px }
.time { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #aaa; text-align: center }
.hits { margin-left: 20px }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; }
/*留言*/
#guestform { margin-top: 20px; padding: 20px; border: dotted 1px #ddd }
.ajaxtable td { vertical-align: middle }
.tdinput { text-align: left; font-weight: normal; font-size: 12px; line-height: 30px }
/*招聘*/
.jobs { color: #225fa9; font-weight: bold; padding-bottom: 20px; }
.jobtitle { cursor: pointer; height: 25px; margin-bottom: 0; padding-top: 10px; width: 705px; }
.jobtitle td { border-bottom: 1px solid #dadada; line-height: 26px; }
.jobtitle .subgif { background: url(../images/mini.gif) no-repeat scroll right center; }
.jobsub { background-color: #fafafa; border: 1px dotted #dadada; border-top: none; display: none; overflow: hidden; padding: 10px; }
#job .th { background-color: #eFF; margin: 10px 0 3px 0; padding: 5px 3px; font-weight: bold }
/*顶部*/
.top { height: 43px; line-height: 43px; }
.top a { padding: 0 20px; border-right: 1px solid #ccc; display: block; float: left }
.top a:hover { color: #c12933 }
.top a img { vertical-align: text-bottom; margin-right: 5px; }
/*头部*/
#header { background:#fff; height: 98px; z-index: 40; width: 100%; position:fixed;top:0; box-shadow:0 0 10px #ccc; }
#header .container-fluid{padding:0 30px;}
.logo { margin-top: 14px; display: block }
.menu li a { padding: 0 25px; line-height: 60px; display: block; font-size: 16px; }
.menu li a:hover { border:0; }
.menu li { float: left; margin-left:5px; }
.menu .first a { border-bottom: 3px solid #005cd1 }
.container-fluid { margin-left: auto; margin-right: auto; padding: 0 15px; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.ulast span { display: none; }
@media (min-width:768px) {
.container { width: 750px }
}
@media (min-width:992px) {
.container { width: 970px }
#footer .footright h3 { margin-left: 10px; }
#footer .footright p { margin-left: 10px; }
}
@media (max-width:1920px) and (min-width:1250px) {
.container { width: 1200px }
#footer .footright h3 { margin-left: 90px; }
#footer .footright p { margin-left: 90px; }
}
@media (max-width:1250px) and (min-width:1200px) {
.container { width: 1170px }
#footer .footright h3 { margin-left: 80px; }
#footer .footright p { margin-left: 80px; }

}
@media (min-width:1200px) {
.navbar-toggle { display: none }
.ys { display: none }
#container .swiper-container { top: 0; }
}
@media (max-width:1199px) and (min-width:993px) {
.navbar-toggle { display: block }
.navbar-default .collapse { display: none; }
.navbar-default .in { background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; position: absolute; right: 0; top: 98px; z-index: 44; width: 100%; }
.menu {  margin: 0 auto; }
.menu li { display: inline-block; *float:none;
*display:inline;
zoom: 1; border: 0; }
.menu li { border-left: 1px solid #ccc;margin:0; }
.menu li a { line-height: 98px; }
.menu li a:hover { background: #005cd1; border: 0; color: #fff; }
.menu .first a { background: #005cd1; border: 0; color: #fff; }
.ys { display: block; border-left: 1px solid #ccc; }
.top { display: none; }
.maintitle { display: none; }
.footr.col-md-8 { background: none; }
.lan{ display:none}
.menu .first a:hover{background: #005cd1; border: 0; color: #fff; }
.nav.menu .hover{border:0; background:#005cd1; color:#fff;}
.nav.menu .menulist{top:98px;left:-20px;}
.nav.menu .menulist LI{width:100%;}
.content .contentleft{width:100%;margin-bottom:20px;}
.navFix .navbar-default .in{top:71px}
}
@media (max-width:992px) {
#header.navFix .logo{margin-top:12px;}
.logo { margin-top: 20px; }
.logo img { width: 80%; }
.navbar-toggle { display: block }
.navbar-default .collapse { display: none; }
.navbar-default .in { background: #fff; display: block; border-top: 1px solid #ccc; box-shadow: 0 0 10px #ccc; position: absolute; height: auto; right: 0; top: 98px; z-index: 44; width: 100%; }
.menu li { float: none; text-align: left; height: 45px; border-bottom: 1px solid #ebebeb; margin: 0 10px; }
.navbar-nav { margin: 0; }
.menu li a { line-height: 45px; background: url(../images/mmore.png) no-repeat center right; margin-right: 10px; }
.menu li a:hover { border: 0; color: #005cd1; }
.menu .first a { border: 0; color: #005cd1; }
.top { display: none; }
.maintitle { display: none; }
.proinfobg p { font-size: 14px; }
.proinfobg h3 { font-size: 30px; margin-top: 15% }
.foottop { display: none; }
#footer .footbottom { text-align: center; line-height: 22px; }
.footbottom span { display: block; float: none; }
.carousel-inner .ca2 { display: block }
.navbar-collapse.in { padding: 10px 0 15px 0; }
.menu { text-align: center; margin: 0 auto; }
.menu .ys { display: inline-block; *float:none;
*display:inline;
zoom: 1; text-align: center; border: 0; }
.menu .ys a { background: url(../images/en.png) no-repeat center center; color: #fff; font-size: 13px; margin-top: 5px; }
.menu .ys a:hover { background: url(../images/ch.png) no-repeat center center; color: #fff }
#container .video { height: 300px; }
.lan{ display:none}
.ban .inbanner{height:200px;}
.ban .inbanner .box{padding-top:70px;}
.ban .inbanner h3{ font-size:30px; line-height:40px;}
.ban .inbanner p{font-size:15px;}
.jtime{ display:none}
.nav.menu .menulist{ display:none}
.nav.menu .subnav{ display:none}
.content .contentleft{width:100%;margin-bottom:20px;}
.navFix .navbar-default .in{top:71px}
#guestform .gtitle{width:200px;}
#guestform .remark{width:200px;}
.contentinfo #mediaplayer_wrapper{width:140px;height:380px;}
.main2 #myswiper4 .thumbnail:hover > img {
    transform:none;
    transition:none;
}
.main1 a:hover .pic2{ display:none;}
.main1 a:hover .pic1{ display:block;}
.main1 .proinfobg{ display:none;}
.main1 .thumbnail:hover .proinfo { display: block; }
.contentinfo .videoo{width:320px; height:230px;}

.content .prolist .thumbnail:hover img {
   transform:none;
    transition:none;
}
.content .solutionlist a:hover .pic2{ display:none;}
.content .solutionlist a:hover .pic1{ display:block;}
.content .txt-four{ display:block}
.contentbottom .protitle li{ float:none;}
}
.video { height: 500px; width: 100%;margin-top:98px;}
.video .container{padding:0;}
.collapse.in { display: block }
.navbar-collapse.in { }
.collapsing { height: 0; display: none; }
.navbar-header { float: left; }
.navbar-default .navbar-toggle { border-color: #ddd; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #e7e7e7; color: #555; }
.navbar-toggle { background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 15px; margin-top: 27px; padding: 9px 10px; position: absolute; right: 0; cursor: pointer }
.navbar-toggle:focus { outline: 0 none; }
.navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 2px; width: 22px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; cursor: pointer; }
.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.lan{ text-align:right;margin-right:20px;}
.lan a{margin-left:5px;}
.lan a img{ border:2px solid #fff;}
.lan a:hover img{ border:2px solid #005cd1;}
.menu>li{ position:relative}
.nav  .hover{border-bottom:0; color:#005cd1}
.nav  .first .hover{ color:#005cd1; border:0;}
.menu .menulist { background:url(../images/arrow.png) no-repeat 30px top;width:225px; display:none; overflow: hidden; position: absolute; top:50px;padding:10px 10px; left:0;  z-index: 20;}
.menu .menulist ul{ background:url(../images/bg.png) repeat center center;padding:10px 0;} 
.menu .subnav{ display:block}
.menulist li{line-height:40px; height:40px; float:none;border:0;margin:0;}
.menulist li a:hover{ color:#005cd1;border:0; background:#c3dbfa;}
.menu li .menulist li a{ line-height:40px; font-size:14px; color:#fff;}
.menu li .menulist li a:hover{ color:#005cd1; background:#c3dbfa;}
.nav .first  ul li a{  border:0; background:none;color:#fff;}
.nav .first  ul li a:hover{ color:#005cd1; background:#c3dbfa;}


#myswiper4 .thumbnail:hover > img {
    transform: scale(1.25, 1.25);
    transition: transform 0.3s ease 0s;
}

.thumbnail .more img{width:80px;}
/*banner*/

/*------------swiper------------*/
.swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.swiper-container img { position: relative; }
.swiper-pagination { position: absolute; left: 0; bottom: 3%; width: 100%; height: 20px }
.swiper-container .arrow-left, .video .arrow-right { position: absolute; top: 50%; margin-top: -15px; z-index: 111; color: #fff; opacity: 0.5; font-size: 60px }
.swiper-container .arrow-left:hover, .video .arrow-right:hover { opacity: 1 }
.swiper-container .arrow-left { left: 10px }
.swiper-container .arrow-right { right: 10px }
@media (max-width:500px) {
.video .box { margin: 50px; text-align: left }
}
/*删格排版*/

/*首页主体*/
#main { clear: both }
.main1 { margin-top: 35px; padding-top: 50px; overflow: hidden; background: #f2f2f2 url(../images/main2bg.png) no-repeat top center; }
.row { margin-top: 20px; }
.main1 li .thumbnail{ position:relative; overflow:hidden}
.maintitle { text-align: center }
.maintitle p { font-size: 18px; color: #c12933; line-height: 35px; height: 35px; }
.thumbnail { position: relative; }
.thumbnail img{width:100%;transform: translateZ(0px);
    transition: transform 0.1s ease 0s;}
.proinfo { background: url(../images/pbg.png) no-repeat bottom center; height: 52px; position: absolute; width: 100%; bottom: 0; left: 0; }
.proinfo span { display: block; color: #fff; height: 30px; line-height: 30px; margin-top: 22px; font-size: 18px; text-align: center }

.thumbnail:hover .proinfo { display: none; }
 .proinfobg {background:url(../images/probg.png) repeat center center;  bottom:-217px; text-align: center; color: #fff; position: absolute; left: 0;/*background: url(../images/probg.png) repeat center center; */width: 100%; height: 100%;}
.pic2{ display:none;}
.thumbnail:hover .pic1{ display:none;}
.thumbnail:hover .pic2{ display:inline;}
.proinfobg h3 { margin-top: 16%; font-size: 35px;margin-bottom:5px; }
.proinfobg p { font-size: 18px; line-height: 40px; }
.main2 { }
.main2title { font-size: 30px; text-align: center; margin-top: 30px; line-height: 40px; height: 40px; color: #006fbc }
.swiper4 { margin-top: 40px; }
/*底部*/
#footer { background: #006fbc; }
/*上下*/
.foottop { color: #fff; margin-bottom: 10px; }
.foottop a { color: #fff; }
.ftitle { font-size: 18px; line-height: 30px; height: 30px; }
.footleft { border-right: 1px solid #2b87c7; overflow: hidden; margin-bottom: 10px; }
.footcenter { overflow: hidden }
.footr.col-md-8 { background: url(../images/fmap.png) no-repeat center right; }
.footright.col-md-8 { float: right; }
.footright { height: 171px; }
.footright h3 { line-height: 30px; font-size: 18px; margin-left: 90px; }
.footright p { margin-left: 90px; margin-bottom: 5px; }
.footbottom a { color: #fff; }

.link { float: right }
.footbottom { color: #fff; line-height: 60px; border-top: 1px solid #2b87c7 }
/*首页产品推荐*/
#myswiper4 { position: relative }
#myswiper4 .arrow-left, #myswiper4 .arrow-right { font-size: 40px; top: 45%; color: #e6e6e6; position: absolute;z-index:20;}
#myswiper4 .arrow-left:hover, #myswiper4 .arrow-right:hover { color: #005cd1; }
#myswiper4 .arrow-left { left: 5% }
#myswiper4 .container { padding: 0; }
#myswiper4 .arrow-right { right: 5% }
#myswiper4 .swiper-container { color: #666 }
#myswiper4 .swiper-wrapper { overflow: hidden }
#myswiper4 .swiper-wrapper .swiper-slide .thumbnail { margin: 0 10px; }
#myswiper4 .caption h3 { font-size: 16px; height: 35px; line-height: 35px; }
#myswiper4 .caption{ color:#666;}
#myswiper4 a:hover .caption h3{ color:#005cd1}

.inbanner1{height:250px; background:url(../images/inbanner1.jpg) no-repeat center center;background-size: cover;margin-top:98px;}
.inbanner2{height:250px; background:url(../images/inbanner2.jpg) no-repeat center center;background-size: cover;margin-top:98px;}
.inbanner3{height:250px; background:url(../images/inbanner3.jpg) no-repeat center center;background-size: cover;margin-top:98px;}
.inbanner4{height:250px; background:url(../images/inbanner4.jpg) no-repeat center center;background-size: cover;margin-top:98px;}
.inbanner5{height:250px; background:url(../images/inbanner5.jpg) no-repeat center center;background-size: cover;margin-top:98px;}
.inbanner6{height:250px; background:url(../images/inbanner6.jpg) no-repeat center center;background-size: cover;margin-top:98px;}
.inbanner7{height:250px; background:url(../images/inbanner7.jpg) no-repeat center center;background-size: cover;margin-top:98px;}



.inbanner .box{padding-top:90px; color:#fff; }
.inbanner h3{ font-size:36px; line-height:50px;}
.inbanner p{font-size:20px;}

.inmaintitle{ text-align:center; font-size:30px; color:#0467b5; line-height:50px;margin:25px 0;}
.content{padding-bottom:25px; overflow:hidden}




/*产品列表*/
.row.prolist{margin:0;}
.prolist li a:hover .thumbnail{   }
.prolist .thumbnail .caption{padding:15px;}
.prolist .thumbnail { overflow:hidden;padding:3px;}
.prolist .caption{ background:#fff;}
.prolist .caption h3 { font-size: 16px; height: 35px; line-height: 35px; }
.prolist li a:hover .caption h3{ color:#005cd1}
.prolist li{ text-align:center; }
.prolist li a{ display:block; background:#f6f6f6}
.prolist .thumbnail:hover  img {
    transform: scale(1.25, 1.25);
    transition: transform 0.3s ease 0s;
}
.inmain img{max-width:100%;height:auto;}
.row.solutionlist{margin:0;}
.solutionlist li{margin-bottom:20px;}
.solutionlist .thumbnail { margin:0 5px; border:2px solid #f6f6f6; }
.solutionlist a:hover .thumbnail { border:2px solid #ccc; }
.solutionlist .solutioninfo{padding:15px; background:#f6f6f6}
.solutionlist .solutioninfo h3 {font-size: 16px; line-height:30px; color:#006fbc; }
.solutionlist .solutioninfo p {font-size: 16px;  }



/*精彩视频*/
.videolist li { position: relative; cursor: pointer; margin-bottom: 25px;overflow: hidden; position: relative; text-align: center; }
.videolist li h3 { font-size: 15px; color: #555;height:40px; line-height:40px; }
.videolist li a:hover h3 { color: #f7243e }
.txt-four { color: #fff;left:0; position: absolute; top: 0; width: 100%; display:none; }
.videolist li a:hover .txt-four{ display:block}



.inmaintop{text-align:center; margin:20px auto 10px auto}
.inmaintop li {margin:0 10px 10px 0; display: inline-block; *float:none;
*display:inline;
zoom: 1; text-align: center; }
.inmaintop li a { padding:0 40px; border:1px solid #ccc; display:block ;height:35px; line-height:35px;}
.inmaintop li a:hover { background:#005cd1;color:#fff;}
.inmaintop .cur a { background:#005cd1;color:#fff; }
.text{display:none; background:url(../images/q1.png) no-repeat top left;padding-top:10px;margin-top:10px;}
.question li{padding-bottom:10px; border-bottom:1px dashed #ddd;margin-bottom:10px; cursor:pointer}
.qtop{ overflow:hidden}


.contentop{ overflow:hidden;margin-top:30px;margin-bottom:20px;}
.contentop h3{ font-size:30px; color:#0467b5; line-height:50px;}
.contentop p{ font-size:22px; color:#6d6d6d; line-height:40px;margin-bottom:15px;}
.contentop .download{margin-bottom:20px;}
.contentbottom{ overflow:hidden}
.proin{ display:none;}
.protitle{ overflow:hidden; border-bottom:1px solid #ccc;}
.protitle li{ float:left;border:1px solid #ccc;border-bottom:0;padding:0 10px;height:40px; line-height:40px;font-size:16px; cursor:pointer}
.protitle li img{margin-right:5px; vertical-align:text-top;}
.protitle  .sel{ border-top:2px solid #0467b5}
.proin{padding:20px 0;}

.proinfotitle{background: url("../images/bg3.png") no-repeat center; width: 100px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; margin-bottom: 15px;}



.downloadlist li {
    background:url("../images/down.png") no-repeat  right center;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding:0 10px 10px 10px;
}
.downloadlist li h3 {
    color: #333;
    font-size: 15px;
	
}
.downloadlist li p {
    color: #999;
    font-size: 12px;
    padding-top: 3px;
	
}

.downloadlist li a:hover h3 {
    color: #035fb3;
}

.contentleft{ float:left;width:45%;padding-right:20px;}

.gtitle{width:400px;}
.name,.mobile,.phone,.email{width:200px;}
.remark{width:400px;height:180px;border:0; background:none;}




.videoo{width:660px; height:480px; background:#000;}