@charset "utf-8";
* { margin:0; padding:0; border:0;  text-decoration:none;}
a{ color:#666;}
a:hover{ color:#66bfe6; text-decoration:underline;}
p { font-size:13px; letter-spacing:0.4px; }
img { border:0; }
li{ list-style:none}
a, a img { cursor:pointer; }
.clear{ clear:both;}
body { overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#efefef;}

.header{background:#000; height:60px;filter:alpha(Opacity=30);background: rgba(0, 0, 0, 0.3) !important; position:absolute; z-index:1000; width:100%;}
.head{ width:1000px; margin:0 auto; line-height:60px;}
.head .logo { float:left; font-size:16px; color:#d4d2cf; width:400px; float:left; padding-top:5px;}
.head .dh{ text-decoration:none; color:#FFF; float:right; width:600px;} 
.head .dh a{ margin:0px 12.5px; font-size:16px; color:#d4d2cf;}
.head .dh a:hover{ color:#FFF; text-decoration:none;}
.bannerbg{ background:url(../image/backdrop.png) no-repeat center;background-size:100%; height:560px;}
.banner{  width:1000px; margin:0 auto; position:absolute; top:0px; left:50%; margin-left:-500px;z-index:0;  background:url(../image/bannerbg.png) no-repeat right bottom; height:625px;}
.index_icon{ margin-top:110px; text-align:center; width:650px;}
.index_icon p{ font-size:18px; line-height:30px; padding-bottom:15px;filter: Dropshadow(offx=1, offy=1,color=#dedede); text-shadow: 0px 1px 0 #dedede;}
.index_an{ width:490px; height:45px; margin:0 auto; border:1px solid #d7d7d6; background:#000;filter:alpha(Opacity=30);background: rgba(0, 0, 0, 0.3) !important;border-radius:5px; overflow:hidden;}
.index_an a{ line-height:45px; color:#FFF; width:234px; text-align:left; padding-left:10px; display:block; float:left; font-size:18px;}
.index_an a img{vertical-align:middle; margin-right:10px;}
.index_an a:hover{ text-decoration:none; background:#000;filter:alpha(Opacity=30);background: rgba(0, 0, 0, 0.3) !important;}

.powerful_features { width:100%; height:650px; overflow:hidden; margin-top:70px;}
.powerful_features_title{ font-size:14px; text-align:center; width:100%; height:80px; color:#7d7d7d;}
.powerful_features_title p{ font-size:26px; padding-bottom:10px; color:#494949;}
.powerful_features .title { height:170px; margin:0 auto; width:1000px; }
.powerful_features .title-list { position: relative;}
.powerful_features .title-list li { width:250px;float: left; display: inline; height:150px;}
.powerful_features .title-list li.on { color: #ff6600; font-weight: bold;  }
.powerful_features .title-list p { position:absolute; top:180px; left:0px; width:250px; height:12px; overflow: hidden; background:url(../image/trianglebg.png) no-repeat top center;}
.product-wrap{ width:100%; margin:20px auto;background:#d9d9d9; height:380px; padding-top:25px;}
.product{ height:355px; overflow: hidden; display: none;  width:1000px; margin:0px auto;}
.playback{ width:500px; float:left; padding-top:30px;}
.playback p{ padding-bottom:20px; line-height:24px; color:#555;}
.wrap{ display:block;}
.jump-link{ margin:0 auto; width:150px; text-align:center;}
.jump-link a { display:block; float:left; width:150px; height:150px; text-align:center; color:#666;}
.jump-link a:hover { text-decoration:none; }
.jump-link .img { background:#5abef0; border-radius:60px; padding:10px; width:90px; height:90px; margin:20px auto 0 auto;text-align:center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.jump-link .img img{ margin-top:7px;}
.jump-link a:hover .img { background:#2a9ad2; padding:15px 15px; width:90px; height:90px; margin:15px auto 0 auto;}
.jump-link a span { line-height:1.2em; font-weight:bold; position:relative; top:10px; text-align:center;}

.faq{ margin:30px auto; width:1000px;}
.index_faqdl{ width:500px; float:left; padding-top:15px;}
.index_faqdl dt{ float:left; width:80px; text-align:center;}
.index_faqdl dd{ float:left; width:400px;}
.index_faqdl dd p{ font-size:20px; padding-bottom:10px; padding-top:10px;}
.index_faqdl dd ul li{ line-height:28px;}

.evaluationbg{ background:url(../image/evaluationbg.png) top repeat-x; width:auto; height:360px; margin-top:30px; clear:both; padding-top:50px;}
.evaluation{ width:1000px; margin:0 auto;}
.evaluation dl{ width:325px; float:left; margin-right:10px;}
.evaluation dl dt{ float:left; width:50px; text-align:center; padding-top:8px;}
.evaluation dl dd{ float:left; width:250px; padding:0px 10px; color:#6d6d6d;  font-size:14px; line-height:26px;}
.evaluation dl dd p { padding:15px 0px;color:#979797;}
.evaluation dl dd p img{vertical-align:middle;}

.yuandian{ background:url(../image/yuandian.png) repeat-x ; height:10px; margin:25px 0px;}
.cooperation { text-align:center;}
.cooperation a{ margin:0px 5px; text-align:center;}


.footerbg{ background:#444; height:240px; width:auto; padding-top:30px;}
.footer{ margin:0px auto;  width:1040px;}
.footer ul{ float:left; width:250px;margin-right:10px;}
.footer ul li p{ font-size:18px; color:#fff; padding-bottom:15px;}
.footer ul li{ line-height:24px; color:#c5c5c5;}
.footer ul li a{color:#c5c5c5;}

.copyright{ text-align:center; border-top:1px solid #3d3d3d; margin-top:15px; padding-top:15px;}
.copyright p{ color:#b3b3b3; line-height:24px;}
.copyright p a{color:#b3b3b3; margin:0px 5px;}