@charset "utf-8";
/* reset */
html{overflow-y:scroll;}
body,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,table,td,th,hr,sub,sup,form,select,fieldset,input,button,textarea{margin:0;padding:0;}
body{background:#fff;}
body,button,input,select,textarea{font:12px/1.5 tahoma,microsoft yahei,"微锟斤拷锟脚猴拷","锟斤拷锟斤拷";*font-family:"微锟斤拷锟脚猴拷","锟斤拷锟斤拷";}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6,font{font-size:1em;}
iframe,img{border:0 none;}
img{vertical-align:middle;}
em,i,ins{font-style:normal;text-decoration:none;}
ul,li,ol{list-style:none outside none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear: both;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:underline;color:#3395e7;}
/* common */
.cBlue,a.cBlue,a.cBlue:hover{color:#3395e7;}
.cGray{color:#666;}
.mt10{margin-top: 10px;}
.fz14{font-size: 14px;}
.inner{width:1080px;margin:0 auto;}
.wrap{min-width:1080px;}
/* main */
.top,.main,.grayRow{min-width:990px;}
.mod_pds dd ins,.banner_in .dlbtn,.mod_pds .arrow_down,.dropdown_m ins.arrow,.log_cnt .corner i,.list_tit a.more,.list_bd li{background:url(sprite.png) no-repeat;}
.top{height:90px;line-height:70px;background:#fff;}
.top .inner{position:relative;z-index:99;}
.top .menu{position:absolute;right:0;top:13px;height:60px;z-index:99;}
.top .menu li{_display:inline;float:left;height:60px;margin-left: 10px;}
.top .menu li a{display:inline-block;font:16px/70px Microsoft YaHei;color:#707070;padding:1px 21px;float:left;}
.top .menu li a:hover{color:#197acc;text-decoration:none;}
.top .menu li.cur a{color:#197acc;text-decoration:none;border-bottom:5px solid #3395e7;}
.top .menu li .submenu{width:112px;padding:0 1px;background:#dadada;text-align:center;position:absolute;top: 58px;_top:57px;left:0px;display:none;z-index:99;-webkit-box-shadow:0 3px 3px 1px rgba(0,77,150,0.7);box-shadow:0 3px 3px 1px rgba(0,77,150,0.7);opacity:0.9;filter:alpha(opacity=90);}
.top .menu li .submenu a{display:block;background:#fff;border:0;height:27px;font:13px/27px SimSun;padding:0;margin:-1px;float:none;color:#666;}
.top .menu li .submenu a:hover{color:#fff;text-decoration:none;background:#3395e7;}
.top .menu li.dropdown .submenu{display:block;}
.top .menu li.dropdown_1,.top .menu li.dropdown_2{position:relative;z-index:199;}
.top .menu li .dropdown_m1,.top .menu li .dropdown_m2{height:50px;line-height:35px;margin-top:8px;padding:0 56px 0 26px;background:url(sprite.png)  67px -248px no-repeat;}
.top .menu li .dropdown_m2{padding:0 48px 0 18px;}
.top .menu li.dropdown_1 .dropdown_m1,.top .menu li.dropdown_2 .dropdown_m2{color:#197acc;background:url(sprite.png)  66px -202px no-repeat;}
.top .menu li .dropdown_m2{background:url(sprite.png) 123px -250px no-repeat;}
.top .menu li.dropdown_2 .dropdown_m2{background-position:122px -203px;}
.top .menu li.dropdown_1 .submenu,.top .menu li.dropdown_2 .submenu{display:block;}
.top .menu li.dropdown_1 .submenu{width:112px;}
.top .menu li.dropdown_2 .submenu{width:160px;}
/* banner */
.banner{background:#2e8cdb;text-align:center;min-width:990px;}
.banner_in{width: 1080px;height:655px; margin: 0 auto; background: url(1.gif) 0 74px no-repeat;overflow:hidden;position:relative;}
.banner_in .dlbox{float: right; margin-top: 80px; text-align: right:15%; width:550px;}
.banner_in .dlbox img{clear: both;}
.banner_in .code{float: right;text-align:left;margin-top: 16px;margin-right: 10px; border: 1px solid #81baea; background: #3e95de; padding: 7px; color:White;}
.banner_in .code .img img{display:block;}
.banner_in .dlbtn{width: 224px; height: 76px; background-position: 0 -324px; float: right; margin: 16px 36px 0 0;}
.banner_in .dlbtn:hover{background-position: 0 -401px;}
/* mod_pds */
.mod_pds{height:165px;width:1020px;margin: 0 auto; padding-top: 50px; overflow: hidden;}
.mod_pds .inner{position:relative;}
.mod_pds dd{width:150px;float:left;text-align:center;color: #FFFFFF;position:relative;margin-right:30px; padding-top:100px}
.mod_pds dd p{color: #FFFFFF}
.mod_pds dd ins{display:inline-block;width:75px;height:75px;margin:0 auto;}
.mod_pds dd ins.ico_android{background-position:0 0;}
.mod_pds dd ins.ico_iphone{background-position:-80px 0;}
.mod_pds dd ins.ico_ipad{background-position:-160px 0;}
.mod_pds dd ins.ico_apad{background-position:0 -80px;}
.mod_pds dd ins.ico_mobile{background-position:-80px -80px;}
.mod_pds dd h2{font:16px/24px Microsoft YaHei;}
.mod_pds .arrow_down{display:inline-block;width:75px;height:30px;padding-top: 45px;overflow:hidden;background-position:-160px -80px;position:absolute;top:0;left:38px;z-index:100;display:none; color:#69b2ef;font-size: 14px;}
.mod_pds a.arrow_down:hover{text-decoration: none;}
.mod_pds .hov .arrow_down{display:block;}
.mod_pds dd.pds_fa{position:relative;margin-right: 0;}
.sub_pds{position:absolute;text-align:center;left:0;bottom:0;_bottom: -5px;width: 162px;height: 210px;display:none;}
.sub_pds .arrow_down{top: 90px;z-index: 2;}
.sub_pds .sec_down{top: 10px;z-index: 1;}
.hov .ico_mobile{visibility:hidden;}
.hov .sub_pds{display:block;}
/* mod_intro */
.mod_intro h2{color:#3da2f8;font:42px/42px Microsoft YaHei; font-weight:700;}
.mod_intro em{display:block;color:#999;font:14px/32px Microsoft YaHei;margin-bottom:15px;}
.mod_intro p{color:#666;font:18px/26px Microsoft YaHei;}
.intro_box{padding:15px 0;}
.bg1{background:url(cn1.jpg) right 50px no-repeat;height:330px;padding:128px 0 0 0px;}
.bg2{background:url(cn2.jpg) 0px 50px no-repeat;height:328px;padding:130px 0 0 550px;}
.bg3{background:url(cn3.jpg) right 60px no-repeat;height:290px;padding:155px 0 0 0px;}
.grayRow{background: #f9f9f9; overflow: hidden; *zoom: 1;}
/* footer */
.footer{border-top:1px solid #e5e5e5;zoom:1;font-family: simsun;min-width:990px;}
.footer .inner{border-top:1px solid #fff;zoom:1;background: #f2f2f2;width:auto;padding-bottom:15px;}
.footer .links{overflow:hidden;*zoom:1;width:1080px;margin:0 auto;padding:27px 0;border-bottom: 1px solid #e5e5e5;}
.footer .links a{color:#666;}
.footer .links a:hover{color:#666;}
/*.footer .links li{height:26px;line-height:26px;background-position:-296px 6px;padding-left:10px;}*/
.footer .links li{height:26px;line-height:26px;color:#666;}
.footer .links dl{float:left;border-right:1px dotted #d8d4d4;padding:0 14px;}
.footer dl.last{border-right:0 none;}
.footer .links dt{margin-bottom:8px;font-size: 14px;font-weight: bold;color:#666;}
.footer .links dd{line-height:24px;}
.footer .links .product{overflow: hidden;}
.product-list{}
.product-list li{float:left;_display:inline;width: 280px; line-height:30px;}
.footer .copyright{width:990px;margin:0 auto;padding:15px 0;text-align: center;border-top:1px solid #fff;color:#999;}
.footer .copyright a{color:#999;}
.footer .copyright a:hover{color:#999;text-decoration:underline;}


/* log */
.log{background:url(log_bg-x.png) 0 0 repeat-x #f8f9f9;padding:22px 0;}
.log_cnt{background:#fff;min-height:100px;position:relative;z-index:1;padding:22px 23px;}
.log_cnt .lineA{width:440px;float:left;}
.log_cnt .lineB{width:440px;float:left;margin-left:64px;}
.log_cnt .corner i{display:inline-block;width:14px;height:14px;overflow:hidden;position:absolute;z-index:2;}
.log_cnt .corner .left_top{left:0;top:0;background-position:-263px -61px;}
.log_cnt .corner .right_top{right:0;top:0;background-position:-278px -61px;}
.log_cnt .corner .left_bottom{left:0;bottom:0;background-position:-263px -76px;}
.log_cnt .corner .right_bottom{right:0;bottom:0;background-position:-278px -76px;}
.log_cnt .corner{display:inline-block;}
.list_tit{border-left:5px solid #3395e7;height:19px;position:relative;margin-bottom:12px;}
.list_tit .line{display:inline-block;height:1px;overflow:hidden;background:#dbdbdb;position:absolute;top:10px;width:100%;z-index:0;}
.list_tit h3{font:20px/19px Microsoft YaHei;background:#fff;position:absolute;left:0;left:0;padding:0 11px 0 8px;z-index:9;}
.list_tit a.more{color:#197acc;width:104px;height:22px;line-height:22px;text-align:center;position:absolute;right:0;top:0;background-position:-153px -156px;z-index:8;}
.list_tit a:hover.more{background-position:-153px -179px;color:#fff;text-decoration:none;}
.list_bd{padding-bottom:30px;}
.list_bd li{background-position:-296px 6px;height:28px;line-height:28px;padding-left:11px;position:relative;font-size:14px;}
.list_bd li .date{position:absolute;right:0;color:#999;}

.freecall{overflow: hidden;}
.freecall .navbar .t,.freecall .ico{background-image: url(freecall.png); background-repeat: no-repeat;}
.freecall .ico{width: 16px;height: 16px;display:inline-block;vertical-align: middle;*display:inline;zoom: 1;overflow: hidden;}
.freecall .ico1{background-position: 0 -65px}
.freecall .ico2{background-position: -20px -65px}
.freecall .ico3{background-position: -60px -65px}
.freecall .ico4{background-position: -40px -65px}
.freecall .ico5{background-position: -80px -65px}
.freecall .navbar{width: 210px;padding-bottom: 100px;background-color: #FFF;position: absolute;top: 94px;left: 50%;margin-left: -495px;}
.freecall .navbar .t{width: 210px;height: 60px;margin-bottom: 15px;background-position: 0 0;background-color: #FFF;display:block;}
.freecall .navbar li{border-bottom: 1px solid #f5f5f5;}
.freecall .navbar li.last{border-bottom: 0 none;}
.freecall .navbar li.current a{position: relative;margin-left: -4px;}
.freecall .navbar li.current a{background-color: #eff6fb;color:#2b9efc;border-left: 4px solid #2b9efc;}
.freecall .navbar li a{padding-left: 26px;height: 38px;line-height: 38px;display:block;font-size: 14px;}
.freecall .navbar li a:hover{text-decoration: none;}

.freecall .cont{width: 740px;padding: 0 15px 30px;background-color: #FFF;float: right;}
.mod_aspect{margin-top: 10px;padding-bottom: 10px;}
.mod_aspect .th{line-height: 20px;padding: 10px 5px;height: 20px;font-size: 0;border-bottom: 1px solid #e0e0e0;margin-bottom: 15px;}
.mod_aspect .th strong{color:#3395e7;font-size: 16px;margin-left: 2px;}
.mod_aspect .th .ico{vertical-align: top;margin-top: 2px;}
.mod_aspect .tb{line-height: 24px;}

.mod_qa .q{font-size: 14px;font-weight: bold;color:#333;line-height: 30px;margin: 15px 0 3px;border-bottom: 1px dashed #ddd;}
.mod_qa .a{padding: 0 3px;color:#666;}
.mod_qa .a a{text-decoration: underline;}
.mod_qa .ewm{width: 150px;text-align: center;font-weight: bold;font-size: 14px;}
.mod_qa .ewm img{margin: 5px;}

@-webkit-keyframes slideUp{
  0%{
    -webkit-transform: translate(0,90px);
    opacity: 0.5;
  }
  30%{
    -webkit-transform: translate(0,0px);
  }
  50%{
    -webkit-transform: translate(0,10px);
  }
  100%{
    -webkit-transform: translate(0,0);
    opacity: 1;
  }
}
@-o-keyframes slideUp{
  0%{
    -o-transform: translate(0,90px);
    opacity: 0.5;
  }
  30%{
    -o-transform: translate(0,0px);
  }
  50%{
    -o-transform: translate(0,10px);
  }
  100%{
    -o-transform: translate(0,0);
    opacity: 1;
  }
}
@-moz-keyframes slideUp{
  0%{
    -moz-transform: translate(0,90px);
    opacity: 0.5;
  }
  30%{
    -moz-transform: translate(0,0px);
  }
  50%{
    -moz-transform: translate(0,10px);
  }
  100%{
    -moz-transform: translate(0,0);
    opacity: 1;
  }
}
@-ms-keyframes slideUp{
  0%{
    -ms-transform: translate(0,90px);
    opacity: 0.5;
  }
  30%{
    -ms-transform: translate(0,0px);
  }
  50%{
    -ms-transform: translate(0,10px);
  }
  100%{
    -ms-transform: translate(0,0);
    opacity: 1;
  }
}
.mod_pds .hov .arrow_down.sec_down{
     -webkit-animation-name:slideUp;
     -webkit-animation-fill-mode:both;
     -webkit-animation-duration: 1s;/
     -webkit-animation-timing-function: ease-in-out;
     -webkit-animation-delay: 0s;
     -webkit-animation-iteration-count: 1;
     -webkit-animation-direction: normal;
     -o-animation-name:slideUp;
     -o-animation-fill-mode:both;
     -o-animation-duration: 1s;/
     -o-animation-timing-function: ease-in-out;
     -o-animation-delay: 0s;
     -o-animation-iteration-count: 1;
     -o-animation-direction: normal;
     -moz-animation-name:slideUp;
     -moz-animation-fill-mode:both;
     -moz-animation-duration: 1s;/
     -moz-animation-timing-function: ease-in-out;
     -moz-animation-delay: 0s;
     -moz-animation-iteration-count: 1;
     -moz-animation-direction: normal;
     -ms-animation-name:slideUp;
     -ms-animation-fill-mode:both;
     -ms-animation-duration: 1s;/
     -ms-animation-timing-function: ease-in-out;
     -ms-animation-delay: 0s;
     -ms-animation-iteration-count: 1;
     -ms-animation-direction: normal;
     animation-name:slideUp;
     animation-fill-mode:both;
     animation-duration: 1s;/
     animation-timing-function: ease-in-out;
     animation-delay: 0s;
     animation-iteration-count: 1;
     animation-direction: normal;
}



.action-bg-login{position:absolute; left:0;width:468px;background:#eeeeee; z-index:1;height:300px; 
	
}
.action-bg-add{position:absolute;right:0;width:468px;background:#eeeeee;z-index:3;height:300px;
	
}

.caret-bg{
	position:absolute;
	display: inline-block;
	width: 0;
	height: 0;
	font-size:0;
	content: "";
	overflow:hidden;
}
.action-bg-login .caret-bg{
	border-top: 150px solid #eeeeee;
	border-left:55px solid #eeeeee;
	border-bottom: 150px dashed transparent;
	border-right: 55px dashed transparent;
	right:-110px;
	z-index:2;
}

.action-bg-add .caret-bg{
	border-bottom: 150px solid #eeeeee;
	border-right:55px solid #eeeeee;
	border-top: 150px dashed transparent;
	border-left: 55px dashed transparent;
	left:-110px;
	z-index:2;
}

.action-text{
	font-size:32px;
	z-index:3;
	position:absolute;
	top:40px;
	color:#606060;
	line-height:40px;
	text-shadow: 1px 1px 0 #ffffff;
}
.action-bg-login .action-text{
	left:40px;
}
.action-bg-add .action-text{
	text-align:right;
	right:50px;	
}
.button-1,.button-2{
	width:400px;
	height:111px;
	display:inline-block;
	background:url(btngg.gif) no-repeat;
	font-size:0;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	bottom:40px;
	position:absolute;
	z-index:3;
	outline:0;
	cursor:pointer;
}
.button-1{
	background-position:0 0;
	left:40px;
	
}
.button-2{
	background-position:-400px 0;
	left:-30px;
}
.button-1:active{
	background-position:0 -113px;
}
.button-2:active{
	background-position:-400px -113px;
}
.weixin{ background:url(4.gif) no-repeat left top; width:620px; height:200px; float:left}
.bg8{ background: url(5.gif) no-repeat top center}
.erweima{ right:0px; top:250px; position:fixed}
.weixin a{ width:80px; height:15px; display:block; float:right; margin-top:50px; margin-right:50px }
.head{ height:30px; margin-top:-30px; overflow:hidden}
.news{ width:350px; float:left; overflow:hidden}
.news li{ width:100%; height:32px; line-height:32px} 
.news li a{ width:100%; height:32px!important; line-height:32px!important; margin:0px} 
.news  ul{ margin:0px ; padding:0px}


.main2{
   
    width: 1080px;
    margin: 0 auto;
    padding: 27px 0;

}

.weizhi{ height:32px; line-height:32px; border-bottom:1px solid #D9D9D9; margin-bottom:30px}
.art-content h2{ font-size:18px; margin:0px auto; text-align:center; line-height:50px}
.jieshao{ height:38px; line-height:38px; color:#999999; text-align:center}
.con{ font-size:14px; line-height:26px}
.fanye{ font-size:14px; line-height:26px; margin-top:20px}

.pagination-wrapper{margin: 20px 0;} .pagination{height: 34px;text-align: center;} .pagination li {display: inline-block;height: 34px;margin-right: 5px; float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;} .pagination li a{} .pagination li a:hover{background:#f5f5f5;color:#0099ff;} .pagination li.thisclass {background: #09f;color: #fff;} .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}

.list li h2{ font-size:18px; text-align:left; font-weight:normal}
.list li p{ line-height:26px; color:#7B7B7B}

.list-p{
    width: 100%;
    overflow: hidden;
}
.list-p .left{
    float: left;
    width: 200px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;

}
.list-p .left .t{
   font-size: 15px;
    font-weight: bold;
    color: #111;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
      border-bottom: 1px solid #e2e2e2;
}
.list-p .left ul{
    width: 100%;
    padding: 10px;
     box-sizing: border-box;
}
.list-p .left li{
    height: 28px;
    line-height: 28px;
    position: relative;
}
.list-p .left li a{
    font-size: 14px;
    color: #555;
    padding-left: 20px;
}
.list-p .left li.this a{
    color: #2e8cdb;
}
.list-p .left li:after{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    left: 5px;
    top: calc(50% - 2px);
    background: #555;
}
.list-p .left li.this:after{

    background: #2e8cdb;
}
.list-p .list{
    width: calc(100% - 240px);
        float: right;
    border: 1px solid #e2e2e2;
    padding: 20px;
      box-sizing: border-box;
}
.list-p .list li{
    width: 31%;
    float: left;
    margin-right: 3.5%;
    margin-bottom: 25px;
      border: 1px solid #e2e2e2;
      box-sizing: border-box;
      padding: 4px;
      text-align: center;
      transition: all .25s;
      cursor: pointer;
}
.list-p .list li:nth-child(3n){
    margin-right: 0;
}
.list-p .list li .img{
    width: 100%;
    height: 138px;
    overflow: hidden;
}
.list-p .list li .img img{
    width: 100%; 
}
.list-p .list li p{
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
      transition: all .25s
    color: #555;
    
}
.list-p .list li:hover{
     border: 1px solid #2e8cdb;
}
.list-p .list li:hover p{
     color:  #2e8cdb;
}


/*@media screen and (min-width: 300px){*/
/*    .top, .main, .grayRow {*/
/*    min-width: 300px;*/
/*}*/
/*.wrap,.banner {*/
/*    min-width: 300px;*/
/*}*/

/*}*/
/*@media screen and (min-width: 1100px){*/
/*    .top, .main, .grayRow {*/
/*    min-width: 990px;*/
/*}*/
/*.wrap,.banner {*/
/*    min-width: 1080px;*/
/*}*/
/*}*/

/*@media screen and (max-width: 1100px) {*/
/*    .inner {*/
/*    width: 95%;*/
/*    margin: 0 auto;*/
/*}*/
/*.banner_in {*/
/*    width: 95%;*/
/*    height: auto;*/
/*    margin: 0 auto;*/
/*}*/
/*.mod_pds {*/
/*    max-width: 100%;*/
/*}*/
/*.mod_pds .clearfix{*/
/*    margin-left: 0 !important;*/
/*}*/
/*.i2{*/
/*        width: 95% !important;  */
/*    height: 350px !important;*/
/*    padding-top: 50px;*/
/*}*/

/*}*/

/*@media screen and (max-width: 768px) {}*/

/*@media screen and (max-width: 768px) {}*/