@charset "utf-8";
/* CSS Document */
img{border:0}
body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0;}
body{ margin: 0 auto; font-family:  Microsoft YaHei, SimSun, Arial; font-size: 16px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
em{font-style:normal}
li{list-style:none;}
img{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word}

.roll-1{position:relative;width:100%;height:100%;line-height:0;font-size:0;overflow:hidden; }
.roll-1 .roll-box{height:100%;max-height:1000px;overflow:hidden;}
.roll-1 .roll-box li{height:100%;}
.roll-1 .roll-dot{position:absolute;bottom:20px;text-align:center;}
.roll-1 .roll-dot ul{display:inline-block;*display:inline;*zoom:1;}
.roll-1 .roll-dot li{float:left;width:10px;height:10px;border:2px solid #fff;border-radius:50%;margin:0 5px;cursor:pointer;}
.roll-1 .roll-dot .roll-o{background:#fff;}
.roll-1 .roll-prev{position:absolute;width:70px;height:70px;left:20px;top:50%;background:url(../images/roll-prev.png) 50% no-repeat;cursor:pointer;margin-top:-35px;}
.roll-1 .roll-next{position:absolute;width:70px;height:70px;right:20px;top:50%;background:url(../images/roll-next.png) 50% no-repeat;cursor:pointer;margin-top:-35px;}
.top-1{ width:100%; height: 72px; min-width: 1200px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff813e,endColorStr=#ff5800); /*IE 6 7 8*/
background: -ms-linear-gradient(left top, #ff813e, #ff5800);/* IE 10 */
background:-moz-linear-gradient(left top,#ff813e,#ff5800);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff813e), to(#ff5800));/*谷歌*/
background: -webkit-linear-gradient(left top, #ff813e, #ff5800);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(left top, #ff813e, #ff5800);  /*Opera 11.10+*/
}
.top{width:100%;height:auto; line-height:72px; position: absolute; top: 0;left: 0; z-index:8; }
.logo{float:left; width:13.5%; padding-left: 1%;}
.nav{float:right;width:85%; height:72px;}
.nav li{float:right; padding:0 2%;font-family:  Microsoft YaHei, SimSun, Arial; line-height:72px;font-size:20px;color:#fff;}
.nav li a{font-size:20px;color:#fff; }
.nav li a:hover{font-size:20px;color:#fff; }
.nav .cooperation-nav{display: block; background: #ff813e;}
.nav .index-nav{display: block;}
.left-cloat{ position: fixed; top:60%;right:0;z-index:99;}
.left-cloat-2{ position: fixed; top:30%;right:0;z-index:999;}
.left-cloat-2 dt{ float:left; }
.left-cloat-2 dd{ float:left; width: 140px; height: 78px; background: #f7f7f7; padding: 22px 0 0 20px;font-family:  Microsoft YaHei, SimSun, Arial; line-height: 30px; color: #f07500;}
.left-cloat-2 dd img{ padding-bottom:3px; padding-right: 10px;}
.left-cloat-2 dd a{font-family:  Microsoft YaHei, SimSun, Arial; line-height: 30px; color: #f07500;}
.left-cloat-3{clear:both; text-align: right;}
.left-cloat-3 li{margin-bottom:5px;}
.left-cloat-3 li img{width:50px; height: auto;}

.erweima{position:absolute; top:60px; right: 70px; z-index: 99; width:220px;}
.erweima li{float: left; padding-left: 10px; width: 100px; text-align: center;}
.erweima li p{display:block; width: 100px;  line-height: 26px; background: #ff5800; font-size: 14px; color: #fff;}
.erweima li img{width:100px; height: auto; overflow: hidden;}

/*---------------------首页修改-----------------------*/

.home-main{position: relative; width: 100%; height: 100%;}
.home-liucheng{ width: 1200px; height: 650px; position: absolute; top: -50%; left:-50%;right: -50%;bottom: -50%; margin: auto; z-index: 9;}
.home-liucheng h2{font-size:36px; color: #ff5800; font-weight: normal; text-align: center; padding:60px 0;}
.home-liucheng img{padding-top:30px;}

#menu { position:fixed; top: 20%; right: 20px; z-index: 100;}
#menu li { position: relative; rotation: 45deg; margin-bottom:10px;}
#menu li .line{ display: block; position: absolute; width: 1px; height:30px; border-right:dashed 1px #ddd; bottom: -11px; left: 9px;}
#menu li a { display: block;width: 12px; height: 12px; border-radius: 50%; background: #e95000;}
#menu li a span{ position: absolute; width: 100px; right:0; top: 0; display: none;}
#menu li a:hover span{display: block;}
#menu li.active{ border-color: #fff;}
#menu .active a {background: #ffc4a5; color: #e95000;}
#menu .active a span { display: block;}

/*---------------------功能介绍-----------------------*/
.function{width:100%; height: auto; overflow: hidden; background: #ffffff; margin: 50px 0;}
.function-2{ width:1200px; height: auto; margin: 0 auto; }
.function-2 h2{font-size:36px; text-align:center; font-weight: normal; padding-bottom: 20px; color: #ff8900;}
.function-2 li{ width:240px; float: left; text-align: center; height: 200px;}

/*---------------------流程-----------------------*/
.process{ width:100%; height: 417px; background:url(../images/process.png) no-repeat center;}
.process-2{width:1200px; height: 417px; overflow: hidden;  margin: 0 auto;  position: relative;}
.process-2 h2{font-size:36px; text-align:center; font-weight: normal; padding-bottom: 20px; color: #fff; padding-top: 50px;}
.process-2 h2 span{width:65px; height: 65px;border-radius:65px; background: #fff; color: #f77a00;  font-size:52px;text-align: center; font-weight: bold; padding: 0 18px; line-height: 65px; margin-right: 15px;}
.process-3{width:1100px; height:16px; border-radius: 8px; margin: 130px auto 0 auto;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffddbd,endColorStr=#dcfda2); /*IE 6 7 8*/
background: -ms-linear-gradient(left top, #ffddbd, #dcfda2);/* IE 10 */
background:-moz-linear-gradient(left top,#ffddbd,#dcfda2);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffddbd), to(#dcfda2));/*谷歌*/
background: -webkit-linear-gradient(left top, #ffddbd, #dcfda2);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(left top, #ffddbd, #dcfda2);  /*Opera 11.10+*/}
.process-4{ position:absolute; top: 225px; left: 0; width: 1200px;}
.process-4 li{ float:left; width: 20%;}
.process-4 li p{ color: #fff; line-height: 30px; padding: 10px 0; font-size: 24px;}
.liucheng{width: 20%; text-align: center; margin-top:-50px; margin-left: -30px;}
.biaodan{width: 20%; text-align: center;margin-left: 30px;}
.qiyong{width: 20%; text-align: center; margin-top:-50px;margin-left: 30px;}
.shiyong{ text-align: right; width: 20%;margin-left:-30px;}
/*---------------------移动OA-----------------------*/
.move{width:100%; height: 545px;background:url(../images/move.png) no-repeat center;}
.move-2{ width:1200px; margin:0 auto; height: 650px; overflow: hidden;position: absolute;top: -50%; left:-50%;right: -50%;bottom: -50%; margin: auto;}
.move-left{float:left; width:450px; height:auto; overflow: hidden; padding-top:120px;}
.move-left h2{font-size:36px;  font-weight: normal; color: #ff5800;}
.move-left-2{ padding: 20px 0; font-size: 18px; color: #999; line-height: 30px;height: 100px;}
.move-left-2 h2{font-size:30px;  font-weight: normal; color: #ff5800; padding-bottom: 15px;}
.move-left-3{padding-top:30px;}
.move-left-3 li{float:left; width: 110px; text-align: center; height: 110px; color: #666666;cursor:pointer;}
.move-left-3 .tab-o{color:#ff5800;}
.move-left-3 li p{ font-size:18px; line-height: 30px; }
.move-rigth{width: 723px; float:right; line-height:650px; height:auto; overflow: hidden; }
/*---------------------智能校园管理-----------------------*/
.campus{width:100%; height:541px; background: url(../images/campus.png) no-repeat center;}
.campus-2{ width:1200px; margin: 0 auto; height: 650px; overflow: hidden;position: absolute;top: -50%; left:-50%;right: -50%;bottom: -50%; margin: auto;}
.campus-left{width: 723px; float:left; line-height:650px; height:auto; overflow: hidden;}
.campus-right{float:right; width:420px; height:auto; overflow: hidden; padding-top:130px;}
.campus-right h2{font-size:36px;  font-weight: normal; color: #ff5800;}
.campus-right-2{ padding: 20px 0; font-size: 18px; color: #999; line-height: 30px; height: 100px;}
.campus-right-2 h2{font-size:30px;  font-weight: normal; color: #ff5800; padding-bottom: 15px;}
.campus-right-3{padding-top:30px;}
.campus-right-3 li{float:left; width: 100px; text-align: center; height: 110px;color: #333;cursor:pointer;}
.campus-right-3 .tab-o{color:#ff5800;}
.campus-right-3 li p{ font-size:18px; line-height: 30px; padding-top: 10px; }
/*---------------------高校的选择-----------------------*/
.cooperation{width:100%; height:726px;  background: url(../images/hezuo.png) no-repeat; position:relative;}
.cooperation-2{ width:1200px; margin:auto;overflow: hidden;position:absolute;top:4%; left:-50%; bottom:0%;right:-50%;}
.cooperation-2 h2{font-size:36px; text-align:center; font-weight: normal; padding: 0px 0 40px 0; color: #ff5800;}
.cooperation-2 li{float:left; width: 285px; height: 82px; background: #fdfdfd; border: 1px solid #f4f4f4; text-align: center; line-height: 82px; margin:0 10px 20px 0;}
/*---------------------多端-----------------------*/
.multiterminal{width:100%; height: 380px;  background: url(../images/multiterminal.png) no-repeat center;}
.multiterminal-2{width:1200px; margin: 0 auto; overflow: hidden; height: auto;}
.multiterminal-2 h2{font-size:36px; text-align:center; font-weight: normal; padding: 40px 0 40px 0; color: #fff;}
.multiterminal-2 li{float:left; width: 240px; height: 210px; text-align: center; }
.multiterminal-2 li span{line-height:148px;height: 148px;width: 240px; margin-bottom: 15px;display: block;}
.multiterminal-2 li p{color: #fff; font-size: 16px;}
/*---------------------安全体系-----------------------*/
.security{width:100%; height:657px; background: url(../images/advantage-02.png) no-repeat center;}
.security-2{ width:1200px; margin: 0 auto; overflow: hidden; height: 680px; position: relative;}
.security-2 h2{font-size:36px; text-align: center; font-weight: bold; padding: 50px 0 50px 0; color: #ff5800;}
.security-3{ text-align:center; }
.suo{position:absolute; top: 140px; left:240px;}
.suo dt{float:left; width:83px; height: 83px; border-radius: 83px; background: #ff5800; text-align: center; line-height: 83px; }
.suo dd{float:left; font-size:24px; padding-right:15px; padding-top: 12px; color: #ff5800;}
.suo dd p{font-size:16px; color:#999; line-height: 30px;}
.jiechuo{position:absolute; top: 310px; left:0px;}
.jiechuo dt{float:left; width:83px; height: 83px; border-radius: 83px; background: #ff5800; text-align: center; line-height: 83px;}
.jiechuo dd{float:left; font-size:24px; padding-right:15px; padding-top: 12px; color: #ff5800;text-align: right;}
.jiechuo dd p{font-size:16px; color:#999; line-height: 30px;}
.shishi{position:absolute; top: 500px; left:120px;}
.shishi dt{float:left; width:83px; height: 83px; border-radius: 83px; background: #ff5800; text-align: center; line-height: 83px;}
.shishi dd{float:left; font-size:24px; padding-right:15px; padding-top: 12px; color: #ff5800;text-align: right; width:300px;}
.shishi dd p{font-size:16px; color:#999; line-height: 30px; }
.product{position:absolute; top: 130px; left:650px;}
.product dt{float:left; width:83px; height: 83px; border-radius: 83px; background: #ff5800; text-align: center; line-height: 83px;}
.product dd{float:left; font-size:24px; padding-left:15px; padding-top: 12px; color: #ff5800;}
.product dd p{font-size:16px; color:#999; line-height: 30px;}
.system{position:absolute; top: 150px; left:690px;}
.system dt{float:left; width:83px; height: 83px; border-radius: 83px; background: #ff5800; text-align: center; line-height: 83px;}
.system dd{float:left; font-size:24px; padding-left:15px; padding-top: 12px; color: #ff5800;}
.system dd p{font-size:16px; color:#999; line-height: 30px;}
.jurisdiction{position:absolute; top:510px; left:660px;}
.jurisdiction dt{float:left; width:83px; height: 83px; border-radius: 83px; background: #ff5800; text-align: center; line-height: 83px;}
.jurisdiction dd{float:left; font-size:24px; padding-left:15px; padding-top: 12px; color: #ff5800;width: 300px;}
.jurisdiction dd p{font-size:16px; color:#999; line-height: 30px;}
.customized{position:absolute; top:330px; left:770px;}
.customized dt{float:left; width:83px; height: 83px; border-radius: 83px; background: #ff5800; text-align: center; line-height: 83px;}
.customized dd{float:left; font-size:24px; padding-left:15px; padding-top: 12px; color: #ff5800;width: 300px;}
.customized dd p{font-size:16px; color:#999; line-height: 30px;}

/*---------------------他们怎么说-----------------------*/
.say{width:100%; height: 530px; background: url(../images/shuo.png) no-repeat center;}
.say-2{width:1200px; margin: 0 auto; overflow: hidden; height: auto;}
.say-2 h2{font-size:36px; text-align: center; font-weight: normal; padding: 40px 0; color: #fff;}
.say-3{text-align:center; width: 1200px; overflow: hidden; height: auto;}
.say-3 li{float:left;}
.prev{ line-height:220px; padding-right: 10px;}
.next{ line-height:220px;padding-left: 10px;}
.prev img{width:30px; height: auto;}
.next img{width:30px; height: auto;}
.say-3 .img-1{width:80px; height: 100px;  background: #000;  margin-top: 60px;z-index: 2;position: relative;
	border-top-left-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:5px;}
.say-3 .img-1 img{height: 100px;width:80px;}
.say-3 .img-2{width:106px; height: 130px; background: #f00; margin-top: 45px;z-index: 3;position: relative;
	border-top-left-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:5px;}
.say-3 .img-2 img{height: 130px;width:106px;}
.say-3 .img-3{width:130px; height: 160px;background: #00f; margin-top: 30px;z-index: 4;position: relative;
	border-top-left-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:5px;}
.say-3 .img-3 img{height: 160px;width:130px;}
.say-3 .img-4{width:150px; height: 190px;background: #0ff;  margin-top: 15px;z-index: 5;position: relative;
	border-top-left-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:5px;}
.say-3 .img-4 img{height: 190px;width:150px;}
.say-3 .img-5{width:180px; height: 220px; border-radius: 5px; background: #000;z-index: 7;position: relative}
.say-3 .img-5 img{height: 220px;width:180px;}
.say-3 .img-9{width:80px; height: 100px;background: #ff0;margin-top: 60px;z-index: 3;position: relative;
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;}
.say-3 .img-9 img{height: 100px;width:80px;}
.say-3 .img-8{width:106px; height: 130px; background: #f00; margin-top: 45px;z-index: 4;position: relative;
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;}
.say-3 .img-8 img{height: 130px;width:106px;}
.say-3 .img-7{width:130px; height: 160px; background: #00f;  margin-top: 30px;z-index: 5;position: relative;
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;}
.say-3 .img-7 img{height: 160px;width:130px;}
.say-3 .img-6{width:150px; height: 190px;  background: #fff; margin-top: 15px;z-index: 6;position: relative;
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;}
.say-3 .img-6 img{height: 190px;width:150px;}
.say-4{ width: 1200px; margin: 0 auto;text-align:center;overflow: hidden;}
.say-4 h2{font-size:24px; padding: 25px;}
.say-4 p{font-size:18px;width: 1000px; margin: 0 auto; line-height: 30px; color: #fff;}
/*---------------------底部-----------------------*/
.about-bottom{  width: 100%; position: absolute; bottom: 0px;left: 0;}
.about{width:100%; height: 200px; overflow: hidden; background: #2e2e2e;}
.about-2{width:1200px; margin: 0 auto;  height: auto; overflow: hidden;}
.about-logo{float:left; line-height: 200px;}
.about-erweima{float:left; padding-top:30px; padding-left: 100px;}
.about-erweima h2{ font-size: 18px; color:#fff; padding-bottom:20px;}
.about-erweima li{float:left;width: 100px;  display: block;text-align: center;}
.about-erweima li img{width:80px; height: 80px;}
.about-erweima .iconfont{font-size: 40px;text-align: center; width: 100px; display: block;}
.about-erweima p{ text-align: center; padding-top: 10px; font-size: 14px;}
.about-erweima li a{color:#999; display: block; width: 100px;}
.about-erweima li a:hover{color:#ff7c37;}



.contact{float:left;  padding-left: 100px; color: #c6c6c6; line-height:26px; font-size: 14px;}
.contact h2{font-size:18px; color: #fff; padding-bottom:15px; padding-top: 30px;}
.contact span{ padding-left:20px;}
.bottom{width:100%;  overflow: hidden; background: #212121;}
.bottom-2{width:1200px; margin: 0 auto; text-align: center; color: #c6c6c6; line-height: 24px; font-size: 14px; padding:20px 0;}
.shade{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;}
.shade .back{width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);}
.shade .cont{position:absolute;left:50%;top:50%;}


/*---------------------在线体验-----------------------*/
.explain{ width:100%; height: auto; overflow:hidden;margin: 0 auto;}
.explain-bj{width:100%; height:auto; overflow: hidden; background:url(../images/explain-bj.jpg) 50% no-repeat; padding-top: 20px;}
.explain-1{text-align:center; color: #ff5800; font-size: 30px; line-height: 50px; margin: 0 auto; width: 1200px;}
.explain-1 h2{font-size:48px; color: #ff5800; font-weight: normal; padding:4% 0 2% 0;}
.explain-1 span img{padding-top:1%;}
.explain-02{margin:0 auto; width: 1160px; background: #fffbf8; height: 31px; line-height:31px; overflow: hidden; padding:0 20px;}
.explain-02 .color{color:#ff5800; font-size: 16px; font-weight: bold;font-family:  Microsoft YaHei, SimSun, Arial;}
.explain-02 .icon-1{color:#ff5800; font-size: 16px; padding-right:5px;}
.explain-2{margin: 20px auto 0 auto; width: 1200px; background: #fffbf8; height: auto; overflow: hidden; padding: 30px 0;}
.explain-2 dl{width:150px; height:auto; overflow: hidden; float:left; text-align: center;}
.explain-2 dt{width:80px; height: 80px; background: #f00; border-radius: 50%;text-align: center; margin-left: 35px;}
.explain-2 dd{font-size:14px; color: #333; line-height: 22px; padding-top: 10px;}
.explain-2 .color-01{width:80px; height: 80px; background: #63c0fb; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .color-02{width:80px; height: 80px; background: #fd5064; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .color-03{width:80px; height: 80px; background: #ffc428; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .color-04{width:80px; height: 80px; background: #00c37b; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .color-05{width:80px; height: 80px; background: #ff57ff; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .color-06{width:80px; height: 80px; background: #ff5000; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .color-07{width:80px; height: 80px; background: #38c4ff; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .color-08{width:80px; height: 80px; background: #ff5c5d; border-radius: 50%;text-align: center;margin-left: 35px;}
.explain-2 .iconfont{ font-size:40px; line-height: 80px; color: #fff;}



.explain-3{margin: 20px auto 0 auto; width: 1200px; background: #fffbf8; height: auto; overflow: hidden;}
.explain-3 h2{font-size:18px;color:#1e1e1e; padding:1%;}
.explain-3 h2 span{font-size:16px; font-weight: normal; color: #ff5800; padding-left: 20px;}
.explain-3 dl{float:left; width: 380px; padding-left:20px ; padding-bottom: 10px; padding-top:10px;}
.explain-3 dt{float:left;}
.explain-3 dd{float:left; color: #999; padding-left: 10px; line-height:24px; width: 200px;}
.explain-3 dd h2{font-size:16px; color: #666;line-height: 50px;}
.explain-button{width:1200px; margin:0 auto; text-align: center; padding: 20px;}
.explain-button button{width:300px; height: 70px; background: #ff5800; color: #fff; border: none; border-radius: 5px; font-size:30px;font-family:  Microsoft YaHei, SimSun, Arial; }

/*---------------------产品介绍-----------------------*/
.introduce{width:100%; height:300px; overflow: hidden;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff9f6,endColorStr=#f2ebe7); /*IE 6 7 8*/
background: -ms-linear-gradient(top, #fff9f6, #f2ebe7);/* IE 10 */
background:-moz-linear-gradient(top,#fff9f6,#f2ebe7);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff9f6), to(#f2ebe7));/*谷歌*/
background: -webkit-linear-gradient(top, #fff9f6, #f2ebe7);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #fff9f6, #f2ebe7);  /*Opera 11.10+*/}
.introduce-1{width:1200px; margin: 0 auto;}
.introduce-1 li{float:left; width: 25%; text-align: center; padding-top: 40px;}
.introduce-1 li p{color: #ff5800; font-size:24px; font-weight: bold; padding-top: 10px;}
.introduce-1 li img{ border:2px solid #fff;width: 183px; height: 183px; border-radius: 183px;}
.introduce-1 li dl{padding-top:60px;}
.introduce-1 li dt{float:left; font-size:93px;font-family: Arial; color: #ff5800;font-weight: bold;}
.introduce-1 li dd{float:left; font-size: 36px; color: #ff5800;font-weight: bold; padding-top: 10px; padding-left: 5px;}
.introduce-1 li dd p{font-size:30px;font-weight: normal;font-family: Arial;text-align: left; padding: 0;}
.solve{width:100%; height: 473px; overflow: hidden; background: url(../images/product.png) no-repeat;}
.solve-1{width:1200px; margin: 0 auto; height: auto; overflow: hidden;}
.solve-1 h2{text-align:center; font-size: 36px; line-height: 100px; color: #ff5800;}
.solve-1 ul{ height:auto; overflow: hidden;}
.solve-1 li{width:170px; height: 180px; background: #fff9f6; float:left; margin-left: 70px; border-radius: 5px; text-align: center;}
.solve-1 li img{padding-top:30px;}
.solve-1 li p{font-size:18px; font-weight: bold; color:#666666; padding-top: 20px;}
.solve-2{width:1200px; margin: 0 auto; height: auto; overflow: hidden; padding:20px 0;}
.solve-2 li{ font-size: 16px; color: #666666; line-height:30px; padding-left: 22%;}
.solve-2 .li_span{ color:#ff5800; font-weight: bold;}
.platform{width:100%; height: 518px; background:url(../images/product-11.png) no-repeat;}
.platform-1{width:1200px; margin: 0 auto; height: auto; overflow: hidden;}
.platform-1 h2{text-align:center; font-size: 36px; line-height: 100px; color: #ff5800;}
.platform-1 ul{ height:auto; overflow: hidden;}
.platform-1 li{width:170px; height: 190px; background: #ffffff; float:left; margin-left: 70px; border-radius: 5px; text-align: center;}
.platform-1 li img{padding-top:20px;}
.platform-1 li p{font-size:18px; font-weight: bold; color:#666666; padding:20px 20px 0 20px; }
.platform-2{width:1200px; margin: 0 auto; height: auto; overflow: hidden; padding:30px 0;}
.platform-2 li{ font-size: 16px; color: #666666; line-height:30px; padding-left: 22%;}
.platform-2 .li_span{ color:#ff5800; font-weight: bold;}

.product-multiterminal{width:100%; height: 380px;  background:url(../images/product-12.png) no-repeat;}
.product-multiterminal-2{width:1200px; margin: 0 auto; overflow: hidden; height: auto;}
.product-multiterminal-2 h2{font-size:36px; text-align:center; font-weight: bold; padding: 40px 0 40px 0; color: #ff5800;}
.product-multiterminal-2 li{float:left; width: 240px; height: 210px; text-align: center; }
.product-multiterminal-2 li span{line-height:148px;height: 148px;width: 240px; margin-bottom: 15px;display: block;}
.product-multiterminal-2 li p{color: #666666; font-size: 16px;}


/*---------------------优势-----------------------*/
.youshi{width:100%; height: 473px; overflow: hidden; background: url(../images/product.png) no-repeat;}
.youshi-1{width:1200px; margin: 0 auto; height: auto; overflow: hidden;}
.youshi-1 h2{text-align:center; font-size: 36px; line-height: 100px; color: #ff5800;}
.youshi-1 ul{ height:auto; overflow: hidden;}
.youshi-1 li{width:210px; height:160px; overflow: hidden; background: #fcfcfc; float:left; margin-right: 10px;margin-top: 10px; border-radius: 5px; text-align: center; padding: 0 10px; }
.youshi-1 .iconfont{font-size: 50px; color:#ff5800; padding-top: 20px; display: block;}
.youshi-1 li img{padding-top:30px;}
.youshi-1 li p{font-size:16px; font-weight: bold; color:#ff5800; padding-top: 10px; text-align: left;}
.youshi-1 li span{font-size:14px; color: #666;font-weight: normal;}
.youshi-1 .logo-youshi img{ padding-top: 60px; width: 95%; height: auto;}



.youshi-2{width:1200px; margin: 0 auto; height: auto; overflow: hidden; padding:20px 0;}
.youshi-2 li{ font-size: 16px; color: #666666; line-height:30px; padding-left: 22%;}
.youshi-2 .li_span{ color:#ff5800; font-weight: bold;}





.advantage{width:100%; height: 904px; background: url(../images/advantage.png) no-repeat center; min-width: 1200px;}
.advantage-1{width:1200px; margin: 0 auto; height: auto; overflow: hidden;}
.advantage-1 h2{ width: 250px; height: 70px;margin: 0 auto; line-height: 70px; font-size:36px; text-align:center; font-weight: bold; color: #ff5800; margin-top: 40px; background: #f8f8f8; display: block;}
.advantage-right{height:736px; overflow: hidden; background: url(../images/advantage-3.png) 50% 0 no-repeat; position: relative;}
.advantage-right dl{clear:both;}
.advantage-right dt{float: left; width: 50px; height: 50px; background: #fbfbfb; text-align: center; line-height: 50px; margin-right: 15px;margin-left: 15px;}
.advantage-right dd{float: left; font-size: 18px; font-weight: bold;}
.advantage-right dd p{font-size:14px; font-weight: normal; line-height: 30px; color: #666;}
.advantage-right .dingwei{ position: absolute; top:30px; left: 640px;}
.advantage-right .dingwei-2{ position: absolute; top:108px; right:625px; text-align: right;}
.advantage-right .dingwei-3{ position: absolute; top:188px; left: 625px;}
.advantage-right .dingwei-4{ position: absolute; top:270px; right:640px; text-align: right;}
.advantage-right .dingwei-5{ position: absolute; top:350px; left: 625px; width: 600px;}
.advantage-right .dingwei-6{ position: absolute; top:420px; right:640px; text-align: right;}
.advantage-right .dingwei-7{ position: absolute; top:500px; left: 625px;}
.advantage-right .dingwei-8{ position: absolute; top:576px; right:640px; text-align: right;}
.advantage-right .dingwei-9{ position: absolute; top:660px; left: 625px;}



.advantage-button{width:1200px; height: 50px; margin: 0 auto; text-align: center; }
.advantage-button button{width:160px; height: 50px;border-radius: 5px; background:#ff5800; text-align: center; border:none; font-size: 24px; color: #fff; font-family:  Microsoft YaHei, SimSun, Arial; }


/*---------------------详细说明-----------------------*/
.index_top{width:100%; height:auto;position:fixed; top: 0; left:0; z-index:1;border-bottom: 1px solid #d64c00;}
.index-top-logo img{ padding-right:30px;}
.index-logo{width:9.1%; height: 159px;float: left; background: #0870ca; text-align: center; line-height: 159px;}
.index-logo img{ width:90%;height: auto;}
.index-logo-2{width:100%; height: 159px;background:url(../images/orange-bj_6.png) no-repeat;float: left;}
.index-top-logo{margin:18px 0 0 22px ; height: auto; float: left; width:50%; font-size: 24px; color: #fff; min-width:650px; }
.index-top-logo dl{ padding-top:18px;}
.index-top-logo dd h2{ font-size:16px; color: #fff; padding: 11px 0;}
.index-top-logo dt{float:left; border-radius: 5px; border: 1px solid #fff;}
.index-top-logo dt img{ padding:0;}
.index-top-logo dd{float:left; font-size: 14px; color: #fff; padding-left:15px; }
.index-top-search{float:left; width: 22%;position:relative;margin-top:100px;}
.index-top-search input{width:100%; height: 40px;border-radius: 20px; border: 1px solid #bfe5ff; background:none;text-indent: 40px; overflow: hidden; line-height: 40px; color: #fff;}
.index-top-search img{position: absolute;left:3%; top:11px; }
.top-rigth-logo{float:right; padding-right: 15px; padding-top: 15px;}
.index-top-out{float:right; width: 14%.5;border: 1px solid #d64c00;border-radius: 15px; height: 30px; padding:0 20px; line-height: 30px; background: #fff; margin-top: 65px; font-size: 14px; text-align: center;}
.index-top-out img{ padding-right:6px;}
.index-top-out a{color: #d64c00;}
.index-top-out a:hover{color: #d64c00;}
.con-box{width:100%; height:auto; overflow: hidden; padding-top:159px;background: #fffaf7;}
.con-box-left{width:9.1%; height:1030px; float: left;overflow: hidden; position: fixed; background: url(../images/orange-bj_7.png) no-repeat; top: 160px; left:0;}
.con-box-left li{width:100% ;height:110px;text-align: center;  color: #fff; font-size: 14px; }
.con-box-left li img{ padding-top:28px;}
.con-box-left .notice{ width:22px; height:22px; border-radius:11px; background:#ff5000; font-size: 14px; display: block; line-height: 22px; text-align: center; position: absolute; top:34%; left:49%;}
.con-box-left li a{ color:#fff; display: block; width: 100%; height: 110px;}
.con-box-left li a:hover{ color:#fff;  width: 100%; height: 110px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7030,endColorStr=#ff4f00); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #ff7030,  #ff4f00);/* IE 10 */
background:-moz-linear-gradient(top,#ff7030,#ff4f00);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff7030), to(#ff4f00));/*谷歌*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7030), to(#ff4f00));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #ff7030, #ff4f00);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #ff7030, #ff4f00);  /*Opera 11.10+*/}
.menu .active{ width: 100%; height: 110px;color:#fff;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7030,endColorStr=#ff4f00); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #ff7030,  #ff4f00);/* IE 10 */
background:-moz-linear-gradient(top,#ff7030,#ff4f00);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff7030), to(#ff4f00));/*谷歌*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7030), to(#ff4f00));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #ff7030, #ff4f00);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #ff7030, #ff4f00);  /*Opera 11.10+*/}
.con-box-right{float:left;width: 88.5%; margin: 20px auto; padding-left:10.2%; background: #fffaf7; height: auto; overflow: hidden;}
.con-box-common{width:99%; height: auto; border-radius: 3px; overflow: hidden; border: 1px solid #feb290;margin-bottom: 20px;}
.con-box-common-2{color:#333; height: 50px;line-height: 50px; background: #fff0eb; padding-left:1%; font-size: 16px; font-weight: bold; }
.con-box-common-2 img{ padding-right:8px;}
.con-box-common-2 a{float:right; padding-right: 10px; font-size: 14px; color: #666;}
.con-box-common-2 a:hover{float:right; padding-right: 10px; font-size: 14px; color: #d64c00;}
.con-box-common-3{width:100%; height: auto; background: #fffaf7; overflow: hidden;}
.con-box-common-3 ul{padding:15px 0;height: auto;overflow: hidden;}
.con-box-common-3 li{float:left; font-size: 16px; color: #666; width:45%; margin-top:5px; line-height: 30px;}
.con-box-common-3 li span{width:100px;display: block; float: left; text-align: right; font-weight: bold;}
.con-box-detailed{padding:20px; line-height: 30px;color: #666;}
.con-box-detailed h2{font-size:16px;}
.detailed-button{text-align:right;width: 99%;}
.detailed-button button{width:200px; height:50px; background: #ff5800; color: #fff; border: none; border-radius: 5px; font-size:20px;font-family:  Microsoft YaHei, SimSun, Arial; }


/*---------------------关于我们-----------------------*/
.aboutus{width:100%; margin: 0 auto; height:300px; background:url(../images/about.jpg) no-repeat center; position: relative; top: 0; left: 0; min-width: 1200px;}
.aboutus-2{margin: 0 auto; color: #fff; position: absolute; top: 100px; left: 50%; margin-left: -100px; height: 300px;}
.aboutus-2 p{width:200px; height: 70px; display: block; text-align: center; line-height: 70px; border: 2px solid #fff; font-size: 36px; font-weight: bold; margin-bottom: 10px;}
.aboutus-2 span{padding-right:16px; font-size: 24px;}
.aboutus-02{width:100%;margin: 0 auto; }
.aboutus-3{width:1200px; margin: 0 auto; clear: both; line-height: 34px;color: #666; padding-bottom: 100px; font-size: 16px;}
.aboutus-3 span{ font-size:18px; color: #ff5800; font-weight: bold;  display: block; padding-top: 40px; padding-bottom: 10px;}



/*---------------------合作伙伴-----------------------*/
.cooperation-info{width:100%; margin: 0 auto; height:300px; background:url(../images/cooperation-1.jpg) no-repeat center; position: relative; top: 0; left: 0; min-width: 1200px;}
.cooperation-info-2{margin: 0 auto; color: #fff; position: absolute; top: 100px; left: 50%; margin-left: -100px; height: 300px;}
.cooperation-info-2 p{width:200px; height: 70px; display: block; text-align: center; line-height: 70px; border: 2px solid #fff; font-size: 36px; font-weight: bold; margin-bottom: 10px;}
.cooperation-info-2 span{padding-right:6px; font-size: 24px;}

.cooperation-info-3{width:100%; height: auto; margin: 20px auto;}
.cooperation-info-4{ width:1200px; margin: 0 auto;overflow: hidden;}
.cooperation-info-4 h2{font-size:18px; font-weight:bold; padding: 10px 0 10px 0; color:#ff5800;}
.cooperation-info-4 li{float:left; width: 285px; height: 80px;background: #fdfdfd; border: 1px solid #f4f4f4; text-align: center; line-height: 80px; margin:0 10px 20px 0; border-radius: 3px;}
.cooperation-info-4 .jiaoyu{float:left; width: 285px; height: 80px; background: #fdfdfd; border: 1px solid #f4f4f4; text-align: center; line-height: 0px; margin:0 10px 20px 0;border-radius: 3px;}