@import url(public.css);

/*head*/
#head { width:100%; height:50px; background:#36c1ea; position:fixed; _position:absolute; top:0px; z-index:1000;}
#head .top { width:1003px; height:50px; line-height:50px;}
.MenuIcon,.MenuIcon-pro { display:none;}
#head .menu { font-size:14px; font-weight:bold; position:relative;}
#head .menu ul {}
#head .menu li { width:125px; text-align:center; float:left; cursor:pointer;}
#head .menu li a { color:#fff; display:block; text-align:center; padding:0 0px; position:relative; z-index:101;}
#head .menu li a:hover { text-decoration:none; color:#fff; background:#33b2d7;}
#head .menu .arrow { width:125px; height:50px; background:#333; position:absolute; left:0px; top:15; z-index:100;}
#head .menu .cur a { color:#fff;}
.fix-menu1 { position:fixed; _position:absolute; top:0px; margin:0;}
.fix-menu2 { margin-top:0px;}

.pro-div:hover>.pro-nav { display:block;}
.pro-nav { display:none;}
.pro-nav li { background:#37bde4;}
.pro-nav>li:hover { background:#3aafd2;}
.pro-nav li a { font-size:14px; line-height:34px; color:#fff;}

/*banner*/
.banner { width:100%; height:460px; background:url(../images/banner.jpg) top center no-repeat; overflow:hidden;}
.width { max-width:1100px; height:460px; margin:0 auto; position:relative;}
.bigtitle { font-size:3.5em; color:#fff; margin:98px 0 0 70px; font-weight:bold; padding-bottom:10px;}
.width span { font-size:0.8em; width:176px; height:20px; line-height:24px; color:#333; text-align:center; background:#fff; margin:100px 0 0 70px; padding:4px 44px;} 
.littletext { font-size:1.2em; color:#fff; margin:34px 0 0 70px; display:block; line-height:24px;}
.QRDiv { width:113px; height:139px; background:url(../images/banner-1.png); position:absolute; top:10px; right:400px; }
.down { font-size:12px; color:#fff; line-height:27px; margin-left:15px;}
.QR { width:84px; height:auto; margin-left:10px; position:relative;}
.QR li img { width:100%;}
.systemtext { width:50%; font-size:12px; color:#fff; line-height:27px; text-align:center; margin:0 auto; cursor:pointer;}
.QR li:nth-child(3) { display:none;}
.Android { color:#02e4f2; float:left;}
.IOS { float:right;}
.IOS:hover { color:#02e4f2;}
.IOS:hover + .IOSimg { display:block; position:absolute; top:0px; transition:.2s;}


/*内容*/
.content { width:100%; height:auto; }
.content1,.content2,.content3,.content4,.content5,.content6,.content7,.content8,.content9 { width:100%; height:500px; background:#fff;}
.word{ width:362px; height:auto;}
.word ul li { float:left;}
.title { font-size:20px; color:#434343; text-align:center; margin-top:10px;}
.text { width:200px; font-size:1.5em; color:#666666; line-height:32px; text-indent:36px; text-align: justify; margin-left:34px;}
.word ul li:nth-child(1) { padding-right:34px;}
.line1 { border-right:1px solid #8e80e2; }
.line2 { border-right:1px solid #f17800; }
.line3 { border-right:1px solid #e6633e; }
.line4 { border-right:1px solid #51c23a; }
.line5 { border-right:1px solid #83cf10; }
.line6 { border-right:1px solid #d84133; }
.line7 { border-right:1px solid #5fa5eb; }
.line8 { border-right:1px solid #1bc5bb; }


/*内容1*/
.ImgDiv1 { padding:40px 0 0 100px; display:inline-block;}
.word1 { float:right; margin:191px 92px 0 0;}


/*内容2*/
.ImgDiv2 { padding:32px 85px 0 0; display:inline-block; float:right;}
.word2 { float:left; margin:191px 0 0 92px;}

/*内容3*/
.ImgDiv3 { padding:60px 0 0 20px; display:inline-block; float:left;}
.word3 { float:right; margin:191px 92px 0 0;}

/*内容4*/
.ImgDiv4 { padding:34px 96px 0 0; display:inline-block; float:right;}
.word4 { float:left; margin:191px 0 0 92px;}

/*内容5*/
.ImgDiv5 { padding:37px 0 0 43px; display:inline-block; float:left;}
.word5 { float:right; margin:191px 92px 0 0;}

/*内容6*/
.ImgDiv6 { padding:35px 110px; 0 0; display:inline-block; float:right;}
.word6 { float:left; margin:191px 0 0 92px;}

/*内容7*/
.ImgDiv7 { padding:41px 0 0 20px; display:inline-block; float:left;}
.word7 { float:right; margin:191px 92px 0 0;}

/*内容8*/
.ImgDiv8 { padding:32px 126px 0 0; display:inline-block; float:right;}
.word8 { float:left; margin:191px 0 0 92px;}

/*内容9*/
.word9 { margin-top:20px;}
.title9 { font-size:32px; text-align:center; line-height:100px;}
.case { width:1000px; margin:0 auto;}
.case li { float:left; margin:0 20px 30px 20px; }
.case li:hover { -webkit-box-shadow:0 0 10px rgba(154, 154, 154, .3);  
  				 -moz-box-shadow:0 0 10px rgba(154, 154, 154, .3);  
 				 box-shadow:0 0 10px rgba(154, 154, 154, .3);}

/*底部*/
#footer { width:100%; height:40px; background:#292828; line-height:40px; color:#fff;}
#footer ul { width:1100px; height:40px; background:#292828; margin:0 auto;}
#footer a { color:#fff;}
#footer a:hover { color:#049ad9;}

.telphone { display:none;}


@media screen and (max-width: 992px) {
.fl img { width:90%;}
#footer { display:none;}
#head .top { width:90%; height:50px; line-height:50px; margin:0 auto;}
.menu { display:none;}
.MenuIcon { height:50px; float:right; position:relative; display:block;}
.wap-menu { width: cursor: pointer; height:20px;}
.wap-menu img { float:right; padding-top:12px; padding-left:20px;}
.NavMenuSmall,.NavMenuSmall-pro { position:absolute; right:-20px; top:50px; display:none;}
.NavMenuSmall li,.NavMenuSmall-pro li { width:130px; height:40px; background:#37bde4;}
.NavMenuSmall li a,.NavMenuSmall-pro li a { font-size:16px; color:#fff; display:block; text-align:center; line-height:40px;}

.MenuIcon-pro { height:50px; float:right; position:relative; display:block; margin-right:10px;}
.menu-toggle-pro { width: cursor: pointer; height:20px;}
.menu-toggle-pro img { float:right; padding-top:12px; padding-left:20px;}

/*banner*/
.banner { height:200px; background:url(../images/banner.jpg) left center no-repeat; background-size:200%; background-position:50%;}
.width { max-width:90%; height:auto; margin:0 auto;} 
.bigtitle { font-size:3em; margin:90px 0 0 30px; color:#fff; }
.littletext,.width span { display:none;}  

/*内容*/
.content { width:95%;}
.content1,.content2,.content3,.content4,.content5,.content6,.content7,.content8,.content9 { height:auto; border-radius:4px; margin-bottom:20px;
				-webkit-box-shadow:0 2px 10px rgba(154, 154, 154, .3);  
  				 -moz-box-shadow:0 2px 10px rgba(154, 154, 154, .3);  
 				 box-shadow:0 2px 10px rgba(154, 154, 154, .3);}
.content1 { margin-top:10px;}
.line1,.line2,.line3,.line4,.line5,.line6,.line7,.line8 { border-right:none; width:40%;}
.word{ width:100%; height:auto; margin:0;}
.ImgDiv { padding:0; width:100%; margin-top:20px; float:none;}
.ImgDiv img { width:80%; display:block; margin:0 auto;}
.word { float:none; height:150px; margin-top:20px;}
.word ul { width:95%; position:relative;}
.word ul li img { width:60%; margin:0 auto; display:block;}
.title { font-size:20px; color:#434343; text-align:center; margin-top:10px;}
.text { width:50%; font-size:14px; color:#666666; line-height:28px; text-indent:28px; text-align: justify; margin-left:0; position:absolute; right:0;}
.word ul li:nth-child(1) { padding-right:0;}

/*内容1*/
.add { position:inherit; width:50%; float:left;}
.add img { width:100%;}
.img1text1,.img1text2 { color:#ff0000; font-size:1.2em; position:inherit; text-align:center;}
.more { display:none;}

/*内容4*/
.night { display:none;}

/*内容9*/
.case { width:100%; height:300px; margin:0 auto;}
.case li { float:left; margin:0; width:33.3%; padding-bottom:15px;}
.case li img { width:80%; display:block; height:auto; margin:0 auto;}


/*直拨电话*/
.telphone { width:100%; height:40px; position:fixed; bottom:0px; border-top:1px solid #CCC; background:url(../images/bottom.png); display:block;
				 -webkit-box-shadow:0 -1px 2px rgba(154, 154, 154, .2);  
  				 -moz-box-shadow:0 -1px 2px rgba(154, 154, 154, .2);  
 				 box-shadow:0 -1px 2px rgba(154, 154, 154, .2);}
.telphone ul { width:100%;}
.telphone ul li { width:33%; float:left;}
.linetwo { border-left:1px solid #CCC; border-right:1px solid #CCC;}
.telphone ul li a { width:100%; line-height:40px; text-align:center; color:#666; font-size:14px; margin:0 auto; display:block;}
}