﻿body{font-family:"Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif;background-color:#fff}
/*! normalize.css v3.0.2  */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
ul{list-style:none;padding:0px;padding-left: 10px;margin:0px;}
ul li{list-style:none;padding:0px;margin:0px;}
.red{color:#ff0000}
.text-tomato{color:tomato}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
/*滑动*/
.sliderwrap{margin-top:-20px}
a.carousel-control{position:absolute;top:40%;width:60px;height:90px;color:#fff;text-align:center;background:#222;border:0px solid #fff;opacity:0.6;filter:alpha(opacity=60);cursor:pointer;}
a.left.carousel-control{left:0px;background:url(./static/left.png) no-repeat;}
.carousel-control.right{right:0;left:auto;background:url(./static/right.png) no-repeat;}
a.carousel-control:hover{color:#fff;text-decoration:none;opacity:.8;filter:alpha(opacity=25);background-color:#000}
.carousel:hover .right:hover,.carousel:hover .left:hover{opacity:1;filter:alpha(opacity=50);}
.carousel-indicators{bottom:-3px}
.carousel-indicators li{width:12px;height:12px;background-color:#fff;margin-left:30px}
.carousel-indicators .active{width:12px;height:12px;background-color:#C4181E;border:solid 0px #fff;margin-left:30px}
.Absolute-Center{margin:auto;top:0;left:0;bottom:0;right:0;}


/* index-nav*/
.navbar{padding:0;}
.nav-logo{margin: 15px 20px 5px 4px;max-height:55px}
.navbar .nav-item{position:relative}
.navbar .nav-item a{color:#333;border-bottom:solid 2px #fff}
.navbar .nav-item.active>a{color:#009fda;border-bottom:solid 2px #ff6a00}
.navbar .nav-item a:hover{color:#0d47a1}
.navbar .nav-item .nav-link{color: #343a40!important;}
.navbar .nav-item .nav-link.nav-dpm{color:#ff6a00!important;}
.navbar .nav-item .nav-link.nav-hd::after{content: "";width: 28px;height: 16px;display: block;position: absolute;top: -7px;left: 35px;background: url(./static/new.png) no-repeat;}

/*菜单*/
.navbar-inverse .navbar-toggle{border-color:#fff;}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#fff;}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#000;}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010;}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:20px;margin-right:5px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;}
.navbar-toggle .icon-bar + .icon-bar{margin-top:6px;}
.caidan{border-bottom:2px solid #c5171f;}
.dropdown-menu{text-align:left;min-width:110px;font-size:16px;margin-left:-12px;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.dropdown-menu .lc{line-height:40px}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{color:#fff;text-decoration:none;background-color:#009fda;}
.navbar{font-size:18px}
.navbar .rtcd{margin-left:200px}
.navbar-inverse{background-color:#fff;border-color:#fff;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{background-color:#fff;border-bottom:2px solid #009fda;color:#009fda;}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#009fda;background-color:#fff;}
.navbar-inverse .navbar-text{color:#000;}
.navbar-inverse .navbar-nav > li > a{color:#000;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{color:#009fda;background-color:transparent;}
.navbar-right{margin-right:0px;}

.down{padding:6px;text-align:center;margin-top:15px;}
.down a{background:#379CEE;display:inline-block;width:80%; margin-left: 20px;}
.btn-group-lg>.btn,.btn-lg{border-radius:5px}
.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{color:#fff;text-shadow:none;background-color:#337ab7;border-color:#fff;border:solid 1px #379CEE;border-radius:5px;}
.bs-docs-masthead .btn{width:100%;padding:15px 30px;font-size:20px;}
.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3;}

.intro{margin-top: 25px;}
.intro-title{font-size:36px;text-align:center;line-height:50px}
.intro-lead{font-size:21px;text-align:center;}
.ico-player{ text-align: center;  margin:-180px auto; position: absolute;width: 450px}
.nav-dpm{color:#ff6a00;}
/*导航*/
.breadcrumb {background-color: #FF4933;padding:.55rem 0.75rem;line-height:200%}
.breadcrumb a {color: #fff}
.breadcrumb-item.active { color: #fff}
.breadcrumb-item + .breadcrumb-item::before { color: #fff;content: ">";}

/*通用*/
.section-title{color:#333;margin:20px auto;text-align:center}
.index-service{background-color:rgba(0,0,0,0.35);position:relative;background:linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1));color:#fff}
.index-service:after{background-color:#000;content: "";left: 0;opacity: 0.10;top: 0;position: absolute;height: 100%;width: 100%;}

/*首页我们的产品*/
.we-product .cover{position:relative;width:100%;}
.we-product .cover:hover .play{display:block}
.we-product .cover .play{position:absolute;display:none;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);cursor:pointer}
.we-product .cover .star {width: 72px;height: 72px;display: block;position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);background: url(../images/icon.png) no-repeat 0 -259px;}


/*首页视频*/
.alllist{margin-top:15px}
.alllist ul{list-style: none;}
.alllist ul li{ margin:0; position:relative;}
.alllist ul li a{display:block;box-shadow:2px 5px 10px 0 rgba(0,0,0,0.15);padding-bottom:6px}
.alllist ul li a:hover{text-decoration:none;box-shadow:0px 6px 20px 6px rgba(0,0,0,0.2)}
.alllist ul li .zhe{ height:186px; position:absolute; left:0; top:0; background:#2196f3; opacity:0; filter:alpha(opacity=0);}
.alllist ul li .star{width:72px; height:72px; display:block; position:absolute;     left: 50%;    top:50%;    transform:translate(-50%,-56px); background:url(../images/icon.png) no-repeat 0 -259px; opacity:0; filter:alpha(opacity=0);}
.alllist ul li:hover .star{opacity:0.8; filter:alpha(opacity=80);}
.alllist ul li .zhe{opacity:0.3; filter:alpha(opacity=30);}
.alllist ul li .txtinfo{text-align:center;color:#333;display:block;padding:5px 10px;} 
.alllist ul li:hover .txtinfo{color:#0571e4} 

.tedian-title{font-size:26px; margin-top:25px;padding-left:0px;border-bottom:0px solid #ddd}
.tedian-content{color:#555;margin-top:10px}
.tedian-content ul li{font-size:16px;line-height: 180%;	}
.tedian-content ul li .hd{color:#222;font-size:18px}

.sets{margin-bottom:10px;}
.sets h3{color:#333;font-weight:bold;font-size:18px;line-height:100%;margin-top:0px }
.sets>li{margin:15px 0px 10px 0px;}
.sets>li a{display:block;padding:10px;border:1px solid #d7d7d7;box-shadow:1px 5px 15px 0 rgba(0,0,0,0.2)}
.sets>li a:hover{box-shadow:0px 5px 15px 4px rgba(0,0,0,0.2);text-decoration:none}
.sets li ul{list-style: none;overflow:auto;margin:0px;padding:0px}
.sets li ul li{ line-height: 100%;font-size:14px;float:left;margin-bottom:5px;margin-right:20px;background-color:#e8e8e8;border-radius:2px;padding:3px}
.sets img{border:1px solid #009fda}
.redb{ color:#FF0000; font-weight:bold}

/* 案例 */
@keyframes hdBod{0%{transform: scale(1);} 100%{transform: scale(1.1);}}
@-moz-keyframes hdBod{0%{transform: scale(1);} 100%{transform: scale(1.1);}}
@-webkit-keyframes hdBod{0%{transform: scale(1);} 100%{transform: scale(1.1);}}
@-o-keyframes hdBod{0%{transform: scale(1);} 100%{transform: scale(1.1);}}
.cat-tit{margin-top: 30px; margin-bottom: 10px;}
.cat-tit .t1{width: 100%; height:50px; border-bottom: #e5e5e5 1px solid; margin-top: 35px;}
.cat-tit .t2{height: 50px; font-size: 30px; text-align: center; color: #555; margin:auto; margin-top: -25px;background: #FFF;}
.index-case{padding: 0px; margin: 0 -10px;}
.index-case ul li{padding:10px;}
.index-case ul li a{display:block; position: relative; margin-bottom: 6px; padding-bottom: 1px; background-color: #fff; -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15); box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15); padding:6px; text-align:center; cursor:pointer;overflow: hidden;}
.index-case ul li a:hover{box-shadow:0px 6px 20px 6px rgba(0,0,0,0.2);}
.index-case ul li a:hover .tit{color:#F15656}
.index-case ul li img{text-align:center;font-size:18px;color:#666;transition: all 0.5s;margin:0 auto;} 
.index-case ul li img:hover{}
/*.index-case ul li img:hover {animation: hdBod 0.5s ease-in-out forwards;-moz-animation: hdBod 0.5s ease-in-out forwards;-webkit-animation: hdBod 0.5s forwards; -o-animation: hdBod 0.5s ease-in-out forwards;}*/
/*.index-case ul li img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}*/
.index-case ul li .tit{text-align: center; font-size: 16px; color: #666; margin: 0 auto; padding-top: 8px;line-height:200%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-case-more{text-align:center; margin-top:10px;} 
.index-case-more a{border: 1px solid #F15656; font-family: TechnicLite; color: #F15656; font-size: 26px; padding: 0 20px; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; font-weight: bold; display: inline-block;} 
.index-case-more a:hover{background: #F15656; color: #fff;}

.case .post .post-title{padding:6px 0px 6px 6px}
.case{margin-top:10px;}
.case ul li{margin-bottom:10px}
.case .post{position:relative;margin-bottom:15px;padding-bottom:1px; background-color:#fff;-webkit-box-shadow:2px 5px 15px 0 rgba(0,0,0,0.15);box-shadow:2px 5px 15px 0 rgba(0,0,0,0.15);}
.case .post:hover{box-shadow:2px 5px 25px 0px rgba(0,0,0,0.25);}
.case .post-title{font-size:18px;z-index:9;bottom:12px;margin-top:5px;text-align:center;padding-top: 5px}
.case .post a{color: #333;}
.case .post a:hover{ text-decoration: none;cursor:default; }
.case .post .post-title{color:#666;font-size:16px;display:block;padding-top:6px;padding-bottom:15px}
.case .post:hover .post-title{ text-decoration: none;cursor:default;color:#666}

/*bottom*/
.btmbg{width:auto;margin-top: 50px;background:#2c2f3c;color:rgba(255,255,255,1);padding-top:20px;color:#aaa}
.cpy{background:#262934;color:#767d98;text-align:center;width:auto;line-height:30px; padding: 20px;font-size:14px}
.cpy a{color:#767d98;font-size:14px}
.mgtop-60{margin-top:60px;}
.btmbg ul li a{color:#aaa;line-height:240%}
.btmbg ul li a:hover{text-decoration:none}

/*解答*/
.ask {}
.ask .wen{margin-top:10px;}
.ask .da{margin-top:10px;padding-left:23px;color:#777}

/*友情连接*/
.friend-link {margin-top: 10px}
.friend-link hr{color:#257BBD}
.friend-link ul{padding: 0px;margin: 0px;padding-top:15px; list-style: none;margin-left:-30px }
.friend-link ul li {text-align:center; float: left;margin-left:30px ;line-height: 30px  }
.friend-link ul li a{ color: #555;font-size: 16px; text-decoration:none; }
.friend-link ul li a{ color: #555;font-size: 16px; }

/*下载页面*/
.down-page h3{border-bottom:solid 0px #C4181E;line-height:120%}
.down-page .down-desc{font-size:16px;line-height:180%}
.down-page .down-content{padding-left:45px}
.down-page ul{ list-style: none;}
.down-page ul li{line-height: 200%;font-size:18px;}
.down-page ul li a{display: inline-block; }
.down-page .comment{font-size: 15px;color:#E22F2E; display: inline-block; position: absolute;vertical-align:bottom;}
.down-page .green{color:#888;  }
.down-content{padding-left:16px}
.down-desc{color:#F60}

/*二维码*/
.qrcode{padding:8px; position:fixed;top:50%;margin-top:30px;right:5px;z-index:9999;width:110px; height:210px;border:0px solid #b6dd86;border-radius:2px;background:#FFF url(/images/ecode.gif) no-repeat 0 0;background-size:110px;background-position:0px 70px;box-shadow:0 0 10px rgba(0,0,0,0.5);*position:absolute;}
.qrcode a{display:block;padding:5px 0 0 5px;}
.weixin-tit{position:absolute; top:180px;text-align:center;color:#333;margin:0 auto;font-size:14px;color:#999;}

/*视频教程*/
#video_title{color:#333;font-size:18px;font-weight:bold;padding:5px;line-height:200%;text-align:center;margin-top:10px}
.player-list ul {margin:0;padding:0}
.player-list ul li{line-height:20px;padding-left:5px;font-size:16px;margin-top:10px;}
.player-list ul li a{cursor:pointer}

/*关于我们*/
.down-content{padding-left:16px}
.down-desc{color:#F60}
.soft-diff{list-style:none}
.soft-diff>li{padding:5px;border-left:solid #ccc 1px;border-top:solid #ccc 1px;border-bottom:solid 1px #ccc}
.soft-diff>li:last-child{border-right:solid #ccc 1px;}
.soft-diff li ul{list-style:none}
.soft-diff li ul li{list-style:none;line-height:170%}
.soft-diff li ul li{font-size:16px;color:#555}
.soft-diff li ul li:first-child{font-size:20px;font-weight:bold;color:#337ab7}

/*背景素材*/
.top-nav{line-height: 40px;background-color: #FF4933;color: #fff;font-size: 16px;}
.sc-tit{text-align:center;padding:10px}
.sc-tit .tit{font-size:30px; line-height:50px}
.sc-tit .des{font-size:16px;font-weight:normal;color:#999}
.sc-bg li{padding:5px 15px;margin-top:10px;}
.sc-bg a{text-decoration:none;box-shadow: 0px 6px 5px #ccc;display:inline-block;padding:5px;}
.sc-bg a:hover{text-decoration:none;}
.sc-bg img{height:180px}
.sc-bg .txtinfo{color:#999;font-size:14px;display:none}

 