@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,i,em, pre, form, fieldset, legend, button, input, textarea, th, td,em { margin:0; padding:0; list-style: none; font-style: normal; color: #333;}

.clear{ clear: both;}

a{ text-decoration: none;}

/*公共*/
.main_c{width:960px; margin:0 auto;}




/*首页*/
.m_banner{ background:#fff;height:589px; position:relative;}
.m_banner .banner{height:589px;width:100%; position:absolute;top:0;left:0; }
.banner_ctrl{ height:100px;width:1300px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -650px;z-index:2;}
.banner_ctrl a{ display:block;width:57px;height:57px; background:url(../images/banner_ctrl.png) no-repeat; position:absolute; }
.banner_ctrl a.prev{left:-57px;}
.banner_ctrl a.next{right:-57px; background-position:-57px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}


/*内容*/

.shms{ margin-top: 50px;}

.tit i{ display: block; text-align: center;  }

.tit em{ display: block; width: 54px; height: 4px; border-radius: 5px; margin: 0 auto; background: #2b5de7; margin-top: 25px;}

.ymyjs{ width: 1200px; margin: 0 auto; font-size: 16px; line-height: 30px; margin-top: 10px; margin-top: 30px;}




.glt{ margin: 0 auto; width: 1200px;margin-top: 50px;}

.glt li{ float: left; margin-left: 90px; margin-right: 90px; }

.glt li:nth-child(1){ margin-left: 0;}

.glt li:nth-child(4){ margin-right: 0;}

.glt li:nth-child(5){ margin-left: 170px;}

.glt li span{ background:url(../images/yu_ty.png) no-repeat; width: 156px; height: 156px; display: block;}

.glt li span i{ display: block; text-align: center;padding-top: 30px;}

.glt li span em{display: block; text-align: center; margin-top: 10px;}


/*应用场景*/

.yycj{ margin-top: 50px; background: #f6f6f6; padding-top: 50px;padding-bottom: 50px;}

.cjyy{ width: 1200px; margin: 0 auto; margin-top: 50px;}

.cjyy li{ float: left; width: 271px; margin-left: 20px;margin-right: 15px;}

.cjyy li:nth-child(1){ margin-left: 0;}

.cjyy li:nth-child(4){ margin-right: 0;}

.cjyy li i{ display: block;width: 271px; height: 208px;}

.cjyy li em{ display: block; text-align: center; margin-top: 10px;}

.ptjd{ width: 1200px; margin: 0 auto; margin-top: 40px; border-bottom: 1px #ddd solid; padding-bottom: 30px;}

.ptjd span{ display: block;}

.ptjd span.jd_le{ width: 667px; float: left;}

.jd_le h3{ font-size: 24px; font-weight: normal; color: #3064fd;}

.jd_le h4{ font-size: 18px; font-weight: normal; margin-top: 20px;}

.ptjd span.jd_le i{ display: block; color: #666; margin-top: 15px; line-height: 30px;}

.ptjd span.jd_le i b{ font-weight: normal; color: #f60;}

.ptjd span.jd_ri{ float:right; margin-top: 10px;}

.jjfa{ margin-top: 50px;}

.djjdc{ width: 1200px; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px #ddd solid;margin-top: 50px;}

.dj_le{ display: block; width: 394px; float: left; }

.dj02_ri{ width: 680px; float: right; margin-top: 40px;}

.dj02_ri h3{ font-size: 24px; font-weight: normal; color: #3064fd;}

.dj02_ri i{ line-height: 30px; color: #666; margin-top: 12px; display: block;}

.dj02_ri ul{ margin-top: 20px;}

.dj02_ri ul li{ margin-top: 30px;}

.dj02_ri ul li b{ display: block; width:31px; height: 31px; background: #ff6600; border-radius: 17px; text-align: center; line-height: 31px; color: #fff; font-weight: normal; float: left;}

.dj02_ri ul li em{ display: block; float: left; margin-left: 14px; margin-top: 5px;}

.jdzj{ width: 1200px; margin: 0 auto; margin-top: 30px;}

.jdzj span.jdzj{ display: block; float: left; width: 640px;}

.jdzj span.jdzj h3{ color: #3064fd; font-size: 24px; font-weight: normal;}

.jdzj span.jdzj h4{ font-weight: normal; margin-top: 20px; color: #333;}

.jdzj span.jdzj i{ display: block; color: #666; line-height: 30px; margin-top: 15px;}

.jdzj span.jdzj b{ color: #333; font-weight: normal; line-height: 30px; color: #333; display: block; margin-top: 15px;}

.jdzj span.jdzj b ins{ color: #ff6600; text-decoration: none;}

.zjtp{ float: right; width: 416px;}

.wmys{ margin: 0 auto; width: 100%; margin-top: 50px; background: #f6f6f6; padding-top: 50px; padding-bottom: 50px;}

.wysl{ margin-top: 30px; width: 1200px; margin: 0 auto; padding-top: 50px;}

.wysl li{margin-left: 20px;margin-right: 20px;float: left; width: 262px; height: 235px;}

.wysl li a{padding-top:50px;}

.wysl li a i{display: block; width: 54px; height: 54px;margin: 0 auto; }

.wysl li.wysl01 a i{background:url(../images/ico_ys01.png) no-repeat bottom;  }

.wysl li.wysl01 a:hover i{background:url(../images/ico_ys01h.png) no-repeat bottom;}


.wysl li.wysl02 a i{background:url(../images/ico_ys02.png) no-repeat bottom;  }

.wysl li.wysl02 a:hover i{background:url(../images/ico_ys02h.png) no-repeat bottom;}


.wysl li.wysl03 a i{background:url(../images/ico_ys03.png) no-repeat bottom;  }

.wysl li.wysl03 a:hover i{background:url(../images/ico_ys03h.png) no-repeat bottom;}


.wysl li.wysl04 a i{background:url(../images/ico_ys04.png) no-repeat bottom;  }

.wysl li.wysl04 a:hover i{background:url(../images/ico_ys04h.png) no-repeat bottom;}



.wysl li a{ display: block; width: 262px; height: 235px; background: #fff;   border-radius: 5px ; -webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;}

.wysl li a:hover{ background: #3263fc; color: #fff;}

.wysl li:first-child{ margin-left: 0;}

.wysl li:last-child{margin-right: 0;}

.wysl li a{ display: block; text-align: center;}

.wysl li a i{ display: block; padding-top: 55px;  }

.wysl li a em{ display: block; line-height: 30px; font-size: 18px; margin-top: 15px; }

.wysl li a:hover em{ color: #fff;}

.wysl li a b{ display: block; font-weight: normal;line-height: 30px; color: #666; margin-top: 5px;}

.wysl li a:hover b{ color: #fff;}



/* 本例子css */

.dzbqjjbox1{ margin-top: 60px; padding-bottom: 60px;}

.picList li{ width: 313px; height: 384px; background: #f6f6f6; border-radius: 5px;}
		.picMarquee-left{ width:1200px; margin: 0 auto;  overflow:hidden; position:relative; margin-top: 50px;   }

		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:30px; height:58px;  overflow:hidden;
			 cursor:pointer;   }

        .picMarquee-left .hd .prev{background:url("../images/preNextIco01.png") no-repeat left ;position: absolute; left: 0; top: 170px; }
		.picMarquee-left .hd .next{ background:url("../images/preNextIco02.png") no-repeat right ; position: absolute; right: 0; top: 170px;  }

.picMarquee-left .hd .prev:hover{background:url("../images/preNextIco02.png") no-repeat left ;}

.picMarquee-left .hd .next:hover{background:url("../images/preNextIco01.png") no-repeat right ;}

		.picMarquee-left .bd{ padding-left: 92px; padding-right: 92px;    }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:153px; height:129px; display:block; padding:2px; margin: 0 auto; margin-top: 40px;}
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ font-size: 18px; margin-top: 25px; display: block;    }

.neirn{ font-size: 16px; color: #666; width: 257px; margin: 0 auto; text-align: left; line-height: 30px; margin-top: 10px;}

.ckxqq a{ margin: 0 auto; display: block; width: 133px; height: 32px; border-radius: 16px; background: #eee; line-height: 32px; text-align: center; text-decoration: none; font-size: 14px; color: #333; margin-top: 20px;-webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;}

.ckxqq a:hover{ color: #fff; background: #f60;}

.titb{ text-align: center; padding-top: 60px;}





/*软件下载*/

.zddb{background:#3263fc; height: 326px; }

.ditew{ width: 660px; margin: 0 auto;padding-top: 60px;}

.ewmm{ display: block; float: left; width: 400px;}

.ewmm strong{ display: block; width: 180px;float: left;margin-left: 10px; margin-right: 10px;}

.ewmm i{  width: 180px; height: 167px; display: block; background: #fff; border-radius: 3px;  text-align: center;padding-top: 13px;}


.ewmm strong b{ display: block; font-weight: normal; color: #fff; text-align: center; line-height: 30px;padding-top: 5px;}


.rjxz{ display: block; float: left; padding-top: 26px; margin-left: 70px;}

.rjxz i{ display: block;}

.rjxz span{ display: block; margin-top: 32px;}

.rjxz span a{ display: block; width: 177px; height: 36px; background: #bfcfff; border-radius: 23px; text-decoration: none; color: #333; font-size: 18px; padding-top: 7px;-webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;}



.rjxz span a:hover{background: #bfcfff; color: #333;}

.rjxz span a em{ padding-right: 10px;padding-left: 35px;}


.bfkhal{ width: 100%; background: #f6f6f6; padding-top: 50px; padding-bottom: 50px;}

.bfkhaxb{ width: 1200px; margin: 0 auto; padding-top: 50px;}

.bfkhaxb li{ display: block; float: left; margin-left: 10px; margin-right: 10px;}

.bfkhaxb li em{ text-align: center; line-height: 30px; margin-top: 8px;}

.bfkhaxb li:first-child{ margin-left: 0;}

.bfkhaxb li:last-child{margin-right: 0;}

.bfkhaxb li i{ display: block;}

.bfkhaxb li em{ display: block;}

.ljgdz{ margin-top: 30px;}

.ljgdz a{ display: block; text-align: center; color: #ff6600;}

.ljgdz a:hover{ color: #ff8331;}