@charset "utf-8";
/*.element::-webkit-scrollbar {display:none}*/
/* CSS Document */

.i8_banner{ background:url(../banner/banner0.jpg) no-repeat center; background-size:180% 100%; /*! display:none; */}
.i8_banner a{display:block;  height:200px;}

.top-banner{position:fixed; top:70px; left:0; width:100%; display:none; z-index:999; /*! visibility:hidden; */}
.top-banner span{font-size:25px; cursor:pointer; position:absolute; top:-5px; right:5px; }
.top-banner a img{height:70px; width:100%;}
/* CSS Document */

.DivMain01 {  background: url(../index-wap-img/banbg01-nineteen.jpg) top center no-repeat #ababab; }
.DivMain01 .Details {  padding: 0 0 25px 0; width: 96%; }
.DivMain01 h1 {  font-size: 31px; color: #fff; text-align: center; padding: 30px 0; }
.DivMain01 h1 em {  color: #333;  display: block; font-size: 21px; padding: 10px 0 0; font-style: normal; }
.DivMain01 .cent { padding: 10px 0; }
.DivMain01 .cent .Text { width: 49%; height: auto; padding: 10px 0; background: url(../index-wap-img/bani01-nineteen.png) 97% 45% no-repeat #fff;  }
.DivMain01 .cent .Text img { padding: 0 25px 0 25px; float: left; }
.DivMain01 .cent .Text h2 { font-size: 23px; padding: 10px 20px 0 0; }
.DivMain01 .cent .Text h2 b { font-size: 17px; color: #64645c; display: block;  font-weight: 400; padding: 5px 0 0; }
.DivMain01 .cent .Text h2 a { color: #333; text-decoration: none; }
/* CSS Document */
.DivMain02 {  }
.DivMain02 h4 { font-size: 31px; text-align: center; line-height: 45px; padding: 30px 0 0;  }
.DivMain02 h3 { text-align: center; color: #808080; font-size: 17px; padding: 10px 0 0; line-height: 29px; }
.DivMain02 .Cent {  width: 750px; margin: 0 auto; padding: 50px 0 0; }
.DivMain02 .Round { border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 320px; height: 320px; text-align: center;
color: #fff;  }
.DivMain02 .Round img { padding: 50px 0 10px; }
.DivMain02 .Cent .Soft01 { background: -webkit-linear-gradient(180deg, #02baba , #42df8f);  
	background: -o-linear-gradient(180deg, #02baba , #42df8f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #02baba , #42df8f); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #02baba , #42df8f); }
.DivMain02 .Cent h2 { font-size: 25px; padding: 5px 0; }
.DivMain02 .Cent h2 a { color: #fff; text-decoration: none; }
.DivMain02 .Cent p { padding: 10px 40px 0; }
.DivMain02 .Cent .Soft02 { background: -webkit-linear-gradient(180deg, #ff5a70 , #ff9365);  
	background: -o-linear-gradient(180deg, #ff5a70 , #ff9365); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #ff5a70 , #ff9365); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #ff5a70 , #ff9365); }
.DivMain02 .Cent .Soft03 { background: -webkit-linear-gradient(180deg, #6a4dff , #4ca4fe);  
	background: -o-linear-gradient(180deg, #6a4dff , #4ca4fe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #6a4dff , #4ca4fe); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #6a4dff , #4ca4fe); }
.DivMain02 .Cent .Soft04 { background: -webkit-linear-gradient(180deg, #007afb , #00d0ff);  
	background: -o-linear-gradient(180deg, #007afb , #00d0ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #007afb , #00d0ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #007afb , #00d0ff); }
.DivMain02 .Cent .Soft05 { background: -webkit-linear-gradient(180deg, #ff5a6e , #ff9365);  
	background: -o-linear-gradient(180deg, #ff5a6e , #ff9365); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #ff5a6e , #ff9365); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #ff5a6e , #ff9365); }
.DivMain02 .Cent .Soft06 { background: -webkit-linear-gradient(180deg, #8d5aff , #fe73f4);  
	background: -o-linear-gradient(180deg, #8d5aff , #fe73f4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #8d5aff , #fe73f4); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #8d5aff , #fe73f4); }
.DivMain02 .Cent .Soft07 { background: -webkit-linear-gradient(180deg, #007afb , #00d0ff);  
	background: -o-linear-gradient(180deg, #007afb , #00d0ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #007afb , #00d0ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #007afb , #00d0ff); }
.DivMain02 .Cent .Soft08 { background: -webkit-linear-gradient(180deg, #ff5a6e , #ff9365);  
	background: -o-linear-gradient(180deg, #ff5a6e , #ff9365); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #ff5a6e , #ff9365); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #ff5a6e , #ff9365); }
.DivMain02 .Cent .Soft09 { background: -webkit-linear-gradient(180deg, #8543e5 , #5293e3);  
	background: -o-linear-gradient(180deg, #8543e5 , #5293e3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #8543e5 , #5293e3); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #8543e5 , #5293e3); }
.DivMain02 .Cent .Soft10 { background: -webkit-linear-gradient(180deg, #8c59fe , #fe72ef);  
	background: -o-linear-gradient(180deg, #8c59fe , #fe72ef); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #8c59fe , #fe72ef); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #8c59fe , #fe72ef); }
.DivMain02 .Cent .Soft11 { background: -webkit-linear-gradient(180deg, #02bec7 , #32daa6);  
	background: -o-linear-gradient(180deg, #02bec7 , #32daa6); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #02bec7 , #32daa6); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #02bec7 , #32daa6); }

/* CSS Document */
.DivMain03 { background: -webkit-linear-gradient(180deg, #fcfcfc , #fff);  
	background: -o-linear-gradient(180deg, #fcfcfc , #fff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #fcfcfc , #fff); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #fcfcfc , #fff); padding: 50px 0; }
.DivMain03 h3 {  font-size: 39px; text-align: center;  padding: 10px 0 0; }
.DivMain03 ol {  width: 90%; display: block; margin: 0 auto; padding: 230px 0 0;  }
.DivMain03 ol li { width: 260px; margin: 0 auto; padding: 40px 0 0; display: block; text-align: center; color: #808080; font-size: 21px; }
.DivMain03 ol li em { font-size: 27px; font-weight: 800; font-style: normal; display: block; color: #333; padding: 10px 0 0; }
.DivMain03 .Map { background: url(../index-wap-img/banbg03-nineteen.jpg) center top repeat-x; min-height: 646px; }
.DivMain03 .Map .text { width: 380px; padding: 30px 10px 0;  margin: 0 auto; }
.DivMain03 .Map .text .one { width: 380px;  }
.DivMain03 .Map .text .img {  width:70px; float: left; }
.DivMain03 .Map .text .plun { width: 310px; float: left; }
.DivMain03 .Map .text .plun p { line-height: 23px; color: #808080; }
.DivMain03 h4 { font-size:19px; text-align: center; color: #818d99; padding: 40px 0 0; }
.DivMain03 h4  a { color: #0970ca;  text-decoration: underline; }
/* CSS Document */
.DivMain04 { padding: 40px 0 20px; }
.DivMain04 h3 { font-size: 47px; font-weight: 800; text-align: center; }
.DivMain04 h3 span { color: #ffab41; font-size: 53px; }
.DivMain04 h4 { color: #686d73; text-align: center; font-size: 23px; padding: 30px 0 30px; }
.DivMain04 .Col { background: #f6f7fb; padding: 30px 0 10px; text-align: center; }
.DivMain04 .Col .adv p { padding: 15px 55px; }
.DivMain04 .Col .img01 { padding: 15px 0 0px; }

/* CSS Document */
.DivMain05 {  }
.DivMain05 .Left { width: 53%; min-height: 934px; background: url(../index-wap-img/banbg05-nineteen.jpg) right top no-repeat; float: left; }
.DivMain05 .Right { width: 47%; float: right;  font-size: 17px; }
.DivMain05 .One { background: #fab325; width: 300px; padding: 5px 5px 5px 10px; color: #fff; position: relative; margin: 43px 0 0 30px; }
.DivMain05 .One::after {
    content: "";
    border-right: 16px solid rgb(250, 179, 37);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    left: -16px;
    top: 20px;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}
.DivMain05 .Right .p1 { color: #666e80;  margin: 115px 0 0; }
.DivMain05 .Right .p2 { color: #666e80;  margin: 37px 0 0; }
.DivMain05 .Right .p3 { color: #666e80;  margin: 78px 0 0; }
.DivMain05 .Right .p4 { color: #666e80;  margin: 37px 0 0; }
.DivMain05 .two {  background: #fff9e5; border: 1px solid #ffbf40; width: 300px; margin: 90px 0 0; color: #f09312; padding: 5px; }
.DivMain05 .three {  background: #fff9e5; border: 1px solid #ffbf40; width: 300px; margin: 40px 0 0; color: #f09312; padding: 5px; }
.DivMain05 .four { border: 1px solid #e8e8e8; width: 400px; margin: 10px auto 0; color: #626b74; padding: 5px; }
/* CSS Document */
.DivMain06 {  background: #fbfbfb; }
.DivMain06 .Left {  width: 75%;  margin: 0 auto; background: url(../img/div04-bg01.jpg) right center no-repeat; height: 414px; padding: 0 0 0 25%; }
.DivMain06 .Left h3 { font-size: 23px; padding: 70px 0 0; margin: 0; }
.DivMain06 .Left h4 { padding: 50px 0 0; margin: 0; font-size: 19px; }
.DivMain06 .Left h4 em { font-style: normal; font-size: 15px;  }
.DivMain06 .Left .img { padding: 25px 0 0; }
.DivMain06 .Left ul {  padding: 25px 0 0; }
.DivMain06 .Left ul li {  padding: 5px 0 5px 0px; color: #666; }
.DivMain06 .Left ul li a { color: #000; text-decoration: underline; margin: 0 10px 0 0; }
.DivMain06 .Left .put { padding: 10px 0 0 }
.DivMain06 .Left .put a { text-decoration: none; }
.DivMain06 .Left .put .More { border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #0eb6ff;
width: 145px; height: 35px; color: #fff; text-align: center; line-height: 35px; transition: background 0.3s; -o-transition: background 0.3s; 
-moz-transition: background 0.3s; -webkit-transition: background 0.3s;  }
.DivMain06 .Left .put .More:hover { background: #30aee5; }
.DivMain06 .Right {  width: 65%;  padding: 0 0 0 35%; background: url(../img/div04-bg02.jpg) left center no-repeat; height: 414px; }
.DivMain06 .Right h3 {  font-size: 23px; padding: 50px 0 0; margin: 0; }
.DivMain06 .Right ul { padding:30px 0 0 0px;}
.DivMain06 .Right ul li { display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   
	/* Webkit browsers */ border-radius:5px;     /* W3C syntax */  padding:12px 0 12px 15px; border-bottom:1px solid #e3e4e8; 
	font-weight:bold; width:350px; background:url(../img/div04-icon02-nineteen.png) 325px 23px no-repeat, url(../img/div04-icon03-nineteen.png) 0 21px no-repeat;  
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; font-size: 15px; }
.DivMain06 .Right ul li i { display:block; font-style:normal; font-weight:400; color:#363a46;}
.DivMain06 .Right ul li a { color:#333; text-decoration:none; display:block;}
.DivMain06 .Right ul li a:hover { color:#FF6600; text-decoration:underline; display:block;}
/* CSS Document */
.DivMain07 {  background: #f5f5f5;  }
.DivMain07 .details { padding: 20px 0 40px; background: url(../img/div05-icon01-nineteen.png) center 20px no-repeat; }
.DivMain07 h4 { padding: 60px 0 0; font-size: 45px; text-align: center; }
.DivMain07 p { color: #525c66; padding: 20px 100px; text-align: center; }
.DivMain07 ul {  }
.DivMain07 ul li {  width: 196px; display: block;  text-align: center; padding: 20px 0; float: left; margin: 0 5px; 
transition: background, box-shadow 0.3s; -o-transition: background, box-shadow 0.3s; -moz-transition: background, box-shadow 0.3s; 
-webkit-transition: background, box-shadow 0.3s; }
.DivMain07 ul li:hover { background: -webkit-linear-gradient(180deg, #fffcf5, #fcf9f2);  
	background: -o-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #fffcf5, #fcf9f2); box-shadow: 0px 0px 8px #fceecc; }
.DivMain07 ul li em { display: block; font-style: normal; padding: 15px 0 0; }
.DivMain07 ul a { color: #333; text-orientation: none; }
.DivMain07 p { color: #808080; }
.DivMain07 p a { color: #000; text-decoration: underline; }
/* CSS Document */
.DivMain08 { background: #f5f5f5;  }
.DivMain08 .details { padding: 30px 0 30px; width: 95%; margin: 0 auto; border-bottom: 1px solid #ccc; }
.DivMain08 .left { width: 47%; float: left; padding: 20px 0;  }
.DivMain08 .left h4 { font-size: 19px; }
.DivMain08 .left ul {  padding: 10px 0 0; }
.DivMain08 .left ul li {   padding: 12px 0 5px; }
.DivMain08 .left ul li i {  color: #666;  display: block; font-style: normal; font-size: 13px; line-height: 24px; }
.DivMain08 .Mag { margin: 0 2%; }
.DivMain08 .left ul li a { color: #333; text-decoration: none; }
.DivMain08 .left ul li a:hover { color: #3f9efb; text-decoration: underline; }
/* CSS Document */
.HomeFoot { background: #515153; color: #b3b3b3; } 
.HomeFoot .details { padding: 30px 0 30px;  }
.HomeFoot .Logo { width: 41%; float: left; padding: 0 0 0 2%; }
.HomeFoot .Logo p { padding: 15px 0 0; }
.HomeFoot .Left { width: 14%; float: left; padding: 25px 0 0 2%; }
.HomeFoot .Left h3 { font-size: 19px;  color: #fff; }
.HomeFoot .Left ul {  padding: 12px 0 0; }
.HomeFoot .Left ul li { padding: 3px 0; font-style: 13px; }
.HomeFoot .Left ul li a { color: #b3b3b3;  }
.HomeFoot .Right { width: 43%; padding: 25px 0% 0 4%; float: left; }
.HomeFoot .Right h3 { font-size: 19px; padding: 0 0 10px 0; }
.HomeFoot .Right .input { width: 270px; height: 26px; background: url(../img/foot05-nineteen.png) no-repeat;  margin: 15px 0 0; }
.HomeFoot .Right .Share { padding: 20px 0 0; }
.HomeFoot .Right .Share h4 { font-size: 15px; margin: 0 10px 0 0; }
.HomeFoot .Right .Share img { margin: 0 8px; }


@media  (max-width: 979px) {
	
.DivMain01 .cent .Text h2 { font-size: 21px; padding: 10px 20px 0 20px; }
.DivMain01 .cent .Text h2 b { font-size: 15px;  }
	
}

@media  (max-width: 767px) {
.DivMain01 h1 {   line-height: 36px; }
.DivMain01 h1 em {   line-height: 27px;  }
.DivMain01 .cent .Text h2 { font-size: 21px; padding: 10px 20px 0 20px; }
.DivMain01 .cent .Text h2 b { font-size: 15px;  }
.DivMain01 .cent { padding: 0; }
.DivMain01 .cent .Text { width: 95%;  }	
.DivMain01 .leftfloat { float:none; margin: 15px auto;}
.DivMain01 .rightfloat { float: none; margin: 15px auto; }
/* CSS Document */
.DivMain02 .Cent {  width: 95%; margin: 0 auto; padding: 0; }
.DivMain02 h3 { padding: 10px 0 40px; }
.DivMain02 .leftfloat { float:none;  margin: 15px auto; }
.DivMain02 .rightfloat { float: none; margin: 15px auto; }
/* CSS Document */
.DivMain03 h3 { font-size: 29px; line-height: 37px; }
/* CSS Document */
.DivMain05 .Left { width: 35%; min-height: 934px; background: url(../index-wap-img/banbg05-nineteen.jpg) right top no-repeat; float: left; }
.DivMain05 .Right { width: 65%; float: right;  font-size: 17px; }
/* CSS Document */
.DivMain06 .Left {  width: 87%;  margin: 0 auto; background: #edeff2; height: 414px; padding: 0 0 0 13%; }
.DivMain06 .Right {  width: 75%;  padding: 0 0 0 25%; background: url(../img/div04-bg02.jpg) -100px center no-repeat; height: 414px; }
/* CSS Document */
.DivMain07 h4 { font-size: 33px; line-height: 45px; }
.DivMain07 p {  padding: 20px 40px; text-align: center; }
.DivMain07 ul li {   width: 30%;}
/* CSS Document */
.DivMain08 .left { width: 95%; float: none; margin: 0 auto;  }
.DivMain08 .Mag { margin: 20px auto; }

.HomeFoot .Logo { width: 38%; float: left; padding: 0 0 0 2%; }
.HomeFoot .Right { width: 56%; padding: 25px 0% 0 4%; float: left; }
}

@media  (max-width: 479px) {

.DivMain01 h1 {  font-size: 27px;  line-height: 32px; }
.DivMain01 h1 em {   line-height: 27px; font-size: 19px;  }
.DivMain01 .cent .Text img { display: none; }
.DivMain01 .cent .Text h2 { font-size: 19px; padding: 10px 20px 0 20px; }

.DivMain05 .Left { width: 35%; min-height: 934px; background: url(../index-wap-img/banbg05-nineteen.jpg) right top no-repeat; float: left; }
.DivMain05 .Right { width: 65%; float: right;  font-size: 17px; }

.DivMain05 .One {  width: 75%; }
.DivMain05 .two {  width: 85%;  }
.DivMain05 .three {   width: 85%;   }
.DivMain05 .four {  width: 75%;  }

.DivMain06 .Left {  width: 95%;  margin: 0 auto; background: #edeff2; height: auto; padding: 0 0 0 5%; }
.DivMain06 .Right {  width: 95%;  padding: 0 0 0 5%; background: url(../img/div04-bg02.jpg) -250px center no-repeat; height: auto; }

.DivMain07 ul li {   width: 47%;}

.HomeFoot .Logo { width: 95%; float: none; padding: 0; margin: 0 auto; }
.HomeFoot .Right { width: 95%; padding: 25px 0; float: none; margin: 0 auto; }
	}