@charset "gb2312";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1;position:relative;}
body{
text-align:center;
position:relative;list-style:none
}
ol,ul li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:0}
a:hover,a:link{ text-decoration:none;}
a:focus{ outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
body{color:#666;background-color:#fff;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:20px;min-width:1000px}
a{text-decoration:none}
input,select,textarea{outline:0}
.curt {border-bottom: 2px solid #00a0e8;}
.fix{*zoom:1}
.fix:after{content:"";display:table;clear:both}
.pull-left{float:left}
.pull-right{    float: right;
    font-size: 23px;
    color: rgba(48, 53, 60, 0.68);
    font-style: italic;
    font-weight: bold;}
.left{text-align:left}
.right{text-align:right}
a{color:#000}
.hidden{display:none}
.container{position:relative;width:1000px;margin:0 auto}
.top{width:100%;min-height:30px;border-bottom:1px solid #e5e5e9;line-height:30px;color:#949494}
.header{background:#fff;}
.header .nav{height:70px;overflow: hidden;}
.header .nav .logo-wrap{position:absolute;top:5px;left:0}
.header .nav .logo-wrap .logo{display:block;width:230px;height:60px;background:transparent url(../images/apple.png?ioss) no-repeat;background-position:-10px -8px;text-indent:-1111px}
.header .nav .nav-list{position:relative;top:20px;left:180px;margin-left:50px}
.header .nav .nav-list li{*display:inline;margin:0 15px;float:left;text-align:center;height:30px;line-height:30px}
.header .nav .nav-list li.underline{position:absolute;top:0;left:0;min-width:28px;*width:28px;border-bottom:0px solid #00a0e8}
.header .nav .nav-list li a{display:block;font-size:14px;color:#313131}
.header .nav .action a.blue,.header .nav .action a.green{position:absolute;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff}
.header .nav .action a{width:50px;height:30px;line-height:30px;text-align:center}
.header .nav .action a.blue{right:60px;top:20px;background-color:#00a1ff}
.header .nav .action a.green{right:0;top:20px;background-color:#57bf5e}
.banner{width:100%;height:450px;background:url(../images/banner.jpg) no-repeat center center}
#head{
  width: 100%;
  height: 85px;
  background: #FFFFFF;
      overflow: hidden;
    margin: 0px auto;
    text-align: center;
    clear: both;
}
#head .m{
  width: 960px;
    overflow: hidden;
    text-align: left;
    margin: 0px auto;
    clear: both;
}
.head-left{
  float: left;
  margin-top: 15px;
}
.head-left h1{
float:left;
}
.head-left img{
  float: left;
  padding-right: 15px;
  border-right: 1px solid #EEEEEE;
}
.head-left p{
  float: right;
  height: 30px;
  font-size: 20px;
  color:#333333;
  margin-left: 15px;
  margin-top: 16px;
float:left;
}
.head-right{
  float: right;
  font-size: 16px;
  color: #333333;
  height: 40px;
  padding-top: 5px;
  padding-left: 45px;
  margin-top: 30px;
  background: url(../Images/head-phone.jpg) no-repeat left top;
}
.head-right h1{
float:left;
}
.head-right img{
  color: #cc0000;
  font-size: 27px;
}

a:hover{ color:#cf1732; cursor:pointer;}
.xinqia1{ height:31px; width:100%; background:#f5f5f5; border-bottom:1px solid #e3e3e3;}
.xinqia12{ width:1000px; margin:0 auto; text-align:right;}
.xinqia12 a{ float: right; font-family:"΢ÈíÑźÚ"; font-size:12px; line-height:32px; color:#888888; padding-left:11px;}
.xinqia2{ height:93px; background:#fafafa; width:100%;}
.xinqia21{ width:1000px; margin:0 auto;}
.xinqia211{ width:145px; overflow:hidden; float:left; padding-top:30px;}
.xinqia211 img{ width:145px; height:57px; overflow:hidden; float:left;}
.xinqia211 span{font-family:"΢ÈíÑźÚ"; font-size:20px; line-height:38px; color:#777777; float:left; padding-left:13px;}
.xinqia212{ float:right; overflow:hidden; padding-top:33px;}
.xinqia212 span{ font-family:Arial, Helvetica, sans-serif;font-size:27px; line-height:36px; color:#0b3876; font-weight:bold; letter-spacing:-1px; background:url(../Images/xinqia13.jpg) no-repeat left 3px; padding-left:38px;}
.xinqia3{ height:56px; width:100%; text-align:center;  background:#1070c6;}
.xinqia3 a{font-family:"΢ÈíÑźÚ"; font-size:15px; line-height:32px; color:#ffffff; padding-left:17px; padding-right:17px; overflow:hidden; float:left; padding-top:12px;height:100%;    width: 110px;}

#nav a:hover{ display:inline-block; text-decoration:none;color:#fff; background:#135ab0;}
#nav a.oob{display:inline-block; text-decoration:none; color:#fff;background:#135ab0;}
.xinqia3 li{ float:left; width: 110px;height:100%;}
.xinqia3 ul{ width:1000px; margin:0 auto; height:56px;overflow:hidden}




.box-1{
  width: 100%;
  margin: 0 auto;
  height: 622px;
  background: url(../Images/box1bg.jpg) no-repeat center top;
}
.box-1 .m{
  width: 1000px;
  margin: 0 auto;
  height: 622px;
  position: relative;
}
.box-1 .h1{
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 100px;
}
.box-1 .hh{
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 100px;
}
.box-1 .h2{
  text-align: center;
  font-size: 26px;
  color: #FFFFFF;
}
.box-1 .hhh{
  text-align: center;
  font-size: 26px;
  color: #FFFFFF;
}
.box-1 .h3{
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 50px;
}
.box-1 .hhhh{
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 50px;
}
.box-1 .h3 font{
  color: #ffff00;
}
.box-1 .h4{
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 8px;
}
.box-1 .h5{
  text-align: center;
  font-size: 30px;
  color: #00fff6;
  background: #2354b6;
  line-height: 56px;
  width: 255px;
  margin-top: 30px;
  margin-left: 360px;
}
.box-1 .h5 a{
  color: #00fff6;
}



.box-2{
  width: 100%;
  height: 520px;
  background: url(../Images/mid-box2bg.jpg) no-repeat center top;
}
.box-2 .m{
  width: 1000px;
  margin: 0 auto;
  height: 520px;
  position: relative;
}
.box-2 .h1{
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 45px;
}
.box-2 .hh{
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 45px;
}
.box-2 .h1 font{
  font-size: 46px;
  color: #ffff00;
}
.box-2 ul{
  padding-top: 30px;
}
.box-2 li{ clear:both;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 40px;
  padding-left: 20px;
  background: url(../Images/dian.jpg) no-repeat left center; list-style-type:none
}
.box-2 .h2{
  font-size: 28px;
  color: #FFFFFF;
  padding-top: 65px;
}
.box-2 .hhh{
  font-size: 28px;
  color: #FFFFFF;
  padding-top: 65px;
}
.box-2 .h3{
  padding-top: 10px;
}
.box-2 .hhhh{
  padding-top: 10px;
}

.box-2-go{
  position: absolute;
  bottom: 30px;
  right: 0;
  width: 270px;
  height: 37px;
  background: #2354B6;
  border-radius: 5px;
  padding: 5px;
  left: 858px;
}
.box-2-go p{
  float: left;
  color: #FFFFFF;
}
.box-2-go .h4{
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px dashed #EEEEEE;
}
.box-2-go .h5 a{
  font-size: 30px;
  color: #00fefa;
}

.box-3{
  width: 100%;
  background:#FFFFFF;
}
.box-3 .m{
  width: 1000px;
  margin: 0 auto;
}
.box-3 .h1{
  font-size: 30px;
  color: #000000;
  padding-top: 50px;
}
.box-3 .hh{
  font-size: 30px;
  color: #000000;
  padding-top: 50px;
}
.box-3 .h2{ width:100%;
  font-size: 16px;
  color: #333333;
  line-height: 25px;
  padding-top: 15px;
}
.box-3 .hhh{ width:100%;
  font-size: 16px;
  color: #333333;
  line-height: 25px;
  padding-top: 15px;
}

.box-4{
  width: 100%;
  background: url(../Images/mid-box4bg.jpg) no-repeat center top;
  height: 808px;
}
.box-4 .m{
  width: 1000px;
  height: 808px;
  margin: 0 auto;
  position: relative;
}
.box-4 .h1{
  text-align: center;
  padding-top: 55px;
}
.box-4 .hh{
  text-align: center;
  padding-top: 55px;
}
.box-4 .h2{
  color: #ffff00;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;
}
.box-4 .hhh{
  color: #ffff00;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;
}
.box-4 .h3{
  color: #FFFFFF;
  font-size: 14px;
}
.box-4 .hhhh{
  color: #FFFFFF;
  font-size: 14px;
}
.box-4 .txt6{
  position: absolute;
  top: 175px;
  left: 0;
  width: 340px;
}
.box-4 .txt1{
  position: absolute;
  right: 0;
  top: 175px;
  width: 315px;
}
.box-4 .txt5{
  position: absolute;
  left: 0;
  top: 405px;
  width: 255px;
}
.box-4 .txt2{
  position: absolute;
  right: 0;
  top: 405px;
  width: 255px;
}
.box-4 .txt4{
  position: absolute;
  left: 0;
  bottom: 65px;
  width: 325px;
}
.box-4 .txt3{
  position: absolute;
  right: 0;
  bottom: 65px;
  width: 305px;
}

.box-5{
  width: 100%;
  padding-top: 30px;

  background: url(../Images/mid-box5-xian.png) repeat-x;

}
.box-55{
  width: 1438px; margin:0 auto;
  padding-top: 30px;
  padding-bottom: 40px;
  background: #056EAC; height:100%
}
#main { width:1000px; margin:0 auto; height:auto}
#main ul{ clear:both; padding:0px; margin:0px;width:1200px; margin:0 auto; height:250px;}
#main ul li{ width:31.66%; display:block; padding:0.65em; float:left; position:relative}
#main ul li a{ display:block; position:absolute; left:25%;  bottom:8%; width:50%; height:auto; background:#1055E1; border:1px solid #1055E1; border-radius:8px; text-align:center;  font-size:1.5em; padding:0.2em; color:#F6FF02}
#main ul li img{ width:100%}
.box-5 .m{
  width: 1000px;
  margin: 0 auto;
  padding-top:3em;
}
.box-5 .h1{
  font-size: 30px;
  color: #010101;
  font-weight: bold;
  text-align: center;

}
.box-5 .hh{
  font-size: 30px;
  color: #010101;
  font-weight: bold;
  text-align: center;

}
.box-5 .h1 font{
  font-size:35px;
}
.box-5 .box-5t{
  margin-top: 40px;
  margin-bottom: 40px;
}
.box-5 .box-5b{
  width: 9800px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  overflow:hidden
}
.box-5 .box-5b .box1{
  float: left;
  width: 508px;
  overflow: hidden;
}
.box-5 .box-5b .box1 ul{
  width: 520px;
}
.box-5 .box-5b .box1 li{
  float: left;
  margin: 2.0px;
}

.box-5 .box-5b .box1 li img{
  width: 167px;
  height: 57px;
}
.box-5 .box-5b .box2{
  width: 465px;
  height: 180px;
  margin: 2px;
  float: right;
  position: relative;
  background: url(../Images/box-5b-box2.png) no-repeat left top #f5f6f7;
}
.box-5-go{
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 265px;
  background: #2354B6;
  border-radius: 5px;
  padding:10px 0px 10px 20px;
}
.box-5-go p{
  float: left;
  color: #FFFFFF;
}
.box-5-go .h4{
  line-height: 35px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px dashed #EEEEEE;
}
.box-5-go .h5 a{
  line-height: 35px;
  font-size: 30px;
  color: #00fefa;
}


.box-6{
  width: 100%;
  background: url(../Images/mid-box6bg.jpg) no-repeat center top #fafafa;
}
.box-6 .m{
  width: 1000px;
  margin: 0 auto;
}
.box-6 .h1{
  padding-top: 45px;
  margin-bottom: 34px;
  font-size: 30px;
  color: #FFFFFF;
  font-weight: bold;
}
.box-6 .hh{
  padding-top: 45px;
  margin-bottom: 34px;
  font-size: 30px;
  color: #FFFFFF;
  font-weight: bold;
}
.box-6 .h1 font{
  font-size: 36px;
  color: #ffff00;
}
.box-6 p{
  font-size: 22px;
  color: #FFFFFF;
  line-height: 40px;
}
.box-6 p font{
  color: #ffff00;
}
.box-6 .h2{
  padding-bottom: 45px;
}
.box-6 .hhh{
  padding-bottom: 45px;
}
.box-6 .biaod{
  height: 380px;
  background: #FFFFFF;
  padding: 40px;
  padding-bottom: 30px;
}
.box-6 .biaod p{
  color: #333333;
  text-align: center;
  height: 40px;
  margin-bottom: 30px;
  font-weight: bold;
}
.box-6 .biaod .biao-left{
  float: left;
  width:460px;
}
.box-6 .biaod table td{
  line-height: 55px;
}
.form{ margin:10px 5px;}
.formtitle{ border:none;
  width:300px;

  line-height: 40px;
  height: 35px;
  border: 0px solid #CCCCCC}

.box-6 .biaod .text{
  width: 300px;
  line-height: 40px;
  margin:5px auto;
  height: 40px;
  border: 1px solid #CCCCCC;
}
.login_verification{line-height: 30px;
width:100px;
  height: 30px;
  border: 1px solid #CCCCCC;}
.box-6 .biaod .sub{
  width: 165px;
  height: 40px;
  line-height: 35px;
  background: #396ed9;
  color: #FFFFFF;
  font-size: 20px;
  cursor: pointer;
  border-radius: 5px;
}
.box-6 .biaod table td font{
  color: #cc0000;
}
.box-6 .biaod table td span{
  color: #666666;
  margin-left: 8px;
  font-size:14px;
}
.box-6 .biaod .biao-right{
  float: right;
}
#error-msg{
  font-size:16px;
  color:#F00;
}
.box-6 .lianjie{
  margin-top: 35px;
  padding-bottom: 40px;
}
.box-6 .lianjie li{
  float: left;
  margin: 2.5px;
}
.box-6 .lianjie li img{
  border: 1px solid #E4E2E2;
}

.box-7{
  width: 100%;
  background:#f0f0f0;
}
.box-7 .m{
  width: 1000px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow:hidden;
}
.box-7 p{
  font-size: 24px;
  color: #333333;
  margin-bottom: 30px; text-align:center
}
.box-7 ul{
  width: 1000px;

  overflow:hidden;
}
.box-7 ul li{
  text-align: center;
  width:296px;
  float: left;
  margin: 10px;
   padding:5px; background:#ddd;
    -webkit-box-shadow: 0 4px 4px #ccc, 0 0 20px #ccc inset;
  -moz-box-shadow: 0 4px 4px #ccc, 0 0 20px #ccc inset;
  box-shadow: 0 4px 4px #ccc, 0 0 20px #ccc inset;


}
.box-7 ul li img{
  text-align: center;
  width: 100%;
  float: left;



}
.box-7 ul li:hover{
   -webkit-box-shadow: 0 15px 16px #6b6b6b;
  -moz-box-shadow: 0 15px 16px #6b6b6b;
  box-shadow: 0 15px 16px #6b6b6b;
  -webkit-transform: skew(-15deg) rotate(-6deg);
  -moz-transform: skew(-15deg) rotate(-6deg);
  -ms-transform: skew(-15deg) rotate(-6deg);
  -o-transform: skew(-15deg) rotate(-6deg);
  transform: skew(-15deg) rotate(-6deg);

}
.box-7 ul li .h3{
  margin-top: 10px;
  line-height: 25px;
  font-size: 16px;
  text-align: left;
}
.box-7 ul li .hhhh{
  margin-top: 10px;
  line-height: 25px;
  font-size: 16px;
  text-align: left;
}
.box-7 ul li .h4 a{
  display:block;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  background: url(../Images/box7-h4-1.png) no-repeat;
}
.box-7 ul li .h4 a:hover{
  background: url(../Images/box7-h4.png) no-repeat;
}
#foot{
  width: 100%;
  background:#E6E6E6;
}
#foot .m{
  width: 1000px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 20px;
}
#foot .foot-logo1{

}

#foot .foot-logo1 span{
  float: left;
  border-left: 1px solid #CCCCCC;
  margin-left: 20px;
  padding-left: 20px;
}
#foot .foot-logo1 p{
  float: left;
  margin-left: 10px;
  font-size: 11px;
  line-height: 30px;
  color:#000000;
}
#foot .bagin{
  font-size: 12px;
  color: #666666;
  text-align: center;
}
#foot .bagin font{
  font-weight: bold;
  color:#000000;
  margin-right: 10px;
  line-height: 40px;
}

a,img{border:0;}
body{font:12px/180% microsoft yahei;}
/* input */
input{font-size:12px;font-size:100%;font-family:microsoft yahei;outline:none;line-height:normal;color:#444;}
.ipt{border:solid 1px #d2d2d2;border-left-color:#ccc;border-top-color:#ccc;border-radius:2px;box-shadow:inset 0 1px 0 #f8f8f8;background-color:#fff;padding:4px 6px;height:21px;line-height:21px;color:#555;width:180px;vertical-align:baseline;}
.ipt:focus{border-color:#95C8F1;box-shadow:0 0 4px #95C8F1;}
/* btn */
.btn{position:relative;cursor:pointer;display:inline-block;vertical-align:middle;font-size:12px;font-weight:bold;height:27px;line-height:27px;min-width:52px;padding:0 12px;text-align:center;text-decoration:none;border-radius:2px;border:1px solid #ddd;color:#666;background-color:#f5f5f5;background:-webkit-linear-gradient(top, #F5F5F5, #F1F1F1);background:-moz-linear-gradient(top, #F5F5F5, #F1F1F1);background:linear-gradient(top, #F5F5F5, #F1F1F1);}
input.btn{height:29px;}
.btn:hover{border-color:#c6c6c6;color:#333;background-color:#f8f8f8;background:-webkit-linear-gradient(top, #f8f8f8, #f1f1f1);background:-moz-linear-gradient(top, #f8f8f8, #f1f1f1);background:linear-gradient(top, #f8f8f8, #f1f1f1);box-shadow:#ddd 0 1px 1px 0;}
.btn:active, .btn.btn-active{box-shadow:#ddd 0 1px 2px 0 inset;border-color:#c6c6c6;}
.btn:focus{border-color:#4d90fe;outline:none}
.btn-primary{ width:50px; height:180px;border-color:#3079ED;color:#F3F7FC;background-color:#FF0C00;background:-webkit-linear-gradient(top, #FF0C00, #FF0C00);background:-moz-linear-gradient(top, #FF0C00, #FF0C00);background:-O-linear-gradient(top, #FF0C00, #FF0C00);background:-ms-linear-gradient(top, #FF0C00, #FF0C00);background:linear-gradient(top, #FF0C00, #FF0C00); border-radius:10px;}
.btn-primary:hover{border-color:#2F5BB7;color:#fff;background-color:#FF0C00;background:-webkit-linear-gradient(top, #FF0C00, #FF0C00);background:-moz-linear-gradient(top, #FF0C00, #FF0C00);background:linear-gradient(top, #FF0C00, #FF0C00);}
.btn-primary:active{box-shadow:#2176D3 0 1px 2px 0 inset;border-color:#3079ED;}
.btn-primary:focus{border-color:#4d90fe;outline:none}

.theme-buy{
position:fixed;
top:37%; right:0px; text-align:center;}
.theme-signin{font-size:15px;}
.theme-popover-mask{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;display:none;}
.theme-popover{z-index:9;position: fixed;top:50%;left:45%;width:760px;height:360px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #e4e4e4;background-color:#fff;display:none;box-shadow:0 0 10px #666;background:#fff;}
.theme-poptit{border-bottom:1px solid #ddd;padding:12px;position:relative; line-height:24px;height:24px; }
.theme-poptit .close{float:right;color:#FF0C00;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun; border:1px solid red;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover{color:#FF0C00;}
.theme-popbod{padding:60px 15px;color:#444;height:148px;}
.dform{padding:80px 60px 40px;text-align:center;}
.theme-signin{margin: -50px -20px -50px 90px;text-align:left;font-size: 14px;}
.theme-signin h4{color:#999;font-weight:100;margin-bottom: 20px;font-size: 12px;}
.theme-signin li{padding-left: 80px;margin-bottom: 15px;}
.theme-signin li strong{float: left;margin-left: -80px;width: 80px;text-align: right;line-height: 32px;}
.theme-signin .btn{margin-bottom: 10px;}
.theme-signin p{font-size: 12px;color: #999;}
.tvclass{ width:800px; height:700px;background: url(../Images/tvbg.png) no-repeat; margin:0 auto; position:relative
}
.demo{ width:720px; height:447px; position:absolute; left:38px; top:10px;}
.video{ margin-top:20px;}

.index-sec .sec-title p{font-size: 36px;}
.index-sec .col-xs-4  p{font-size: 60px;}
.zhanwei-bar3 h1 {font-size: 24px;}