/* CSS Document */
@media only screen and (max-width:768px),only screen and (max-device-width:768px) {undefined

body,html {undefined

font-size: 104px;

}

}

@media only screen and (max-width:750px),only screen and (max-device-width:750px) {undefined

body,html {undefined

font-size: 100px;

}

}

@media only screen and (max-width:640px),only screen and (max-device-width:640px) {undefined

body,html {undefined

font-size: 85.33px;

}

}

@media only screen and (max-width:600px),only screen and (max-device-width:600px) {undefined

body,html {undefined

font-size: 80px;

}

}

@media only screen and (max-width:540px),only screen and (max-device-width:540px) {undefined

body,html {undefined

font-size: 72px;

}

}

@media only screen and (max-width:480px),only screen and (max-device-width:480px) {undefined

body,html {undefined

font-size: 64px;

}

}

@media only screen and (max-width:414px),only screen and (max-device-width:414px) {undefined

body,html {undefined

font-size: 55.2px;

}

}

@media only screen and (max-width:412px),only screen and (max-device-width:412px) {undefined

body,html {undefined

font-size: 54.8px;

}

}

@media only screen and (max-width:400px),only screen and (max-device-width:400px) {undefined

body,html {undefined

font-size: 53.33px;

}

}

@media only screen and (max-width:375px),only screen and (max-device-width:375px) {undefined

body,html {undefined

font-size: 50px;

}

}

@media only screen and (max-width:360px),only screen and (max-device-width:360px) {undefined

body,html {undefined

font-size: 47.8px;

}

}

@media only screen and (max-width:320px),only screen and (max-device-width:320px) {undefined

body,html {undefined

font-size: 42.4px;

}

}
body {
	
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Hind', sans-serif; margin:0; padding:0;  
	 box-sizing:border-box;
-webkit-box-sizing:border-box;overflow-x: hidden;

}
.img { max-width: 100%;}

*{ margin:0; padding:0;-webkit-tap-highlight-color: transparent;}
.logo{ 
 background:url(../images/logo.png) no-repeat center left;
 height:128px; margin-left:5%; width:90%;
}
.nav{ height:128px;}
   .status_bar {
        width: 100%;
        background: #007AFF;
        position: relative;
    }
    /* 调整状态栏标题的位置 */
    text{
        position: absolute;
        margin: auto;
        bottom:10px;
        left:0;
        right:0;
        text-align: center;
    }
.main{ width:100%; height:100%;}
.pic{ height:445px; width:100%; background:url(../images/banner.jpg) no-repeat center; }
.pic-1{ height:300px; width:100%; background:url(../images/a1.jpg) no-repeat; }
.pic-2{ height:300px; width:100%; background:url(../images/a2.png) no-repeat; }
.pic-3{ height:300px; width:100%; background:url(../images/a3.png) no-repeat; }
.pic-4{ height:300px; width:100%; background:url(../images/a4.png) no-repeat; }
.pic-5{ height:300px; width:100%; background:url(../images/a5.png) no-repeat; }
.container{ padding-top:120px;}
.zcc{
width: 175px;
height: 202px;
margin:20px 5px;
position: relative;

}
#six{

margin:auto;
margin-top:100px;
}
.six-2{
overflow:hidden; margin:0 auto; padding-left:130px;
}
.six-2:nth-child(2n){
margin-left:63px;
margin-top:-80px;
}
.six-2:nth-child(2n+1){
margin-top:-147px;
margin-left:-30px;
}
#six .zcc{
float:left; 
}
#six .zcc-1{
background-size:100% 100%;
cursor:pointer; 
}
.zcc-2{
background:url(../images/process-img2.png) no-repeat;
background-size:100% 100%;
cursor:pointer;  width: 175px;
height: 202px; z-index:10; filter:alpha(opacity=50);  
-moz-opacity:0.5;  
-khtml-opacity: 0.5;  
opacity: 0.5; z-index:10;
}
.zcc-2:hover{
background:url(../images/process-img1.png)  no-repeat;
background-size:100% 100%; width: 175px;height: 202px;
 z-index:10;
}
.zcc h2{
height:50px;
line-height:50px;
text-align:center;
font-size:28px;
font-weight:400;
color:#fff; 
}
.zcc h2 span{
color:#FFF;
font-size:40px; 
}
.daohang{
	width:179px;
	z-index:99;
	position:absolute;margin-top:45px;
}
.home{ float:right; margin-right:5px; margin-top:40px;}
.menu-icon{background: url(../images/icon-peo.png) no-repeat; width:60px; height:60px; margin:0 auto;}
.menu-icon1{background: url(../images/icon-news.png) no-repeat; width:60px; height:60px; margin:0 auto;}
.menu-icon2{background: url(../images/icon-core.png) no-repeat; width:60px; height:60px; margin:0 auto;}
.menu-icon3{background: url(../images/icon-pro.png) no-repeat; width:60px; height:60px; margin:0 auto;}
.menu-icon4{background: url(../images/icon-tel.png) no-repeat; width:60px; height:60px; margin:0 auto;}

.zcc-un{visibility: hidden;}

.shortcut{ width:500px; height:500px; margin:0px auto; position:relative; z-index:101; overflow:hidden; margin-top:20px; }
.shortcut a{ margin-right:20px; display:block; width:230px; height:230px; position:relative; overflow:hidden; float:left; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; top:0px; margin-bottom:20px;}
.shortcut a img{ position:absolute; left:0px; top:0px; }
.shortcut a span{ position:absolute; line-height:18px; font-family:arial; color:#fff; left:15px; bottom:32px; transition:all 1s; -webkit-transition:all 1s;}
.shortcut a .imgH{ left:-230px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.shortcut a:hover{ text-decoration:none;}
.shortcut a:hover .imgH{ display:block; left:0px;}
.shortcut a:hover span{ animation: img4 0.8s linear infinite alternate; -webkit-animation: img4 1s linear infinite alternate;}
.brief-app{  margin:0 auto;  position: relative; padding:0 20px; display: block; margin-top:20px; max-width: 99999px;
	max-height: 99999px;}
.brief-app  p{ line-height:35px;margin-top:20px;font-size:24px;}
.brief-app  h3{ font-size:28px;}
.inner{ height:88px; background:#3f9937;}
.inner h2{ color:#FFFFFF; font-size:36px; padding-top:20px; margin-right:15%;}
.from{ font-size:24px; margin:10px 0;}
.slogan{ background:url(../images/word.png) no-repeat center; height:3rem; padding-top:20px; margin:0 auto;}
.tab-bar-wrap{width:100%;height:5%;margin-top:105px; }
.goback{ background:url(../images/return.png) no-repeat; float:left; width:15%; height:48px; margin-left:20px; margin-top:20px; } 



        .news {
            /* 注意：设定宽和高后，padding会撑大盒子 */
         margin:0 auto; width:80%;
            padding: 15px;max-width: 99999px;
	max-height: 99999px;
        }
		.news h2{
           
            padding: 5px 0;
            margin-bottom: 15px;
        }

        .news ul li{
            height: 44px;
            /* 垂直居中 */
            line-height: 44px;
            border-bottom: 1px dashed #cccccc; font-size:24px;
        }
        .news ul li a{
            /* 取消下划线 */
            text-decoration: none;
            color: #333333;
        }
        .news ul li a:hover{
            /* 鼠标悬停时，显示下划线 */
            text-decoration: underline;
        }  
.scrollbox{width:700px; position: relative;}
#scrollDiv{width:700px;height:100%; overflow:hidden; display: block;}
#scrollDiv ul{ width: 700px;}
#scrollDiv li{width:75%;height:100px;padding:10px;margin-right:11px; float:left;background: #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;border:1px solid #dedede; margin-bottom:10px;}
#scrollDiv li img{width:148px;height:100px;margin-right:10px;float:left;}
#scrollDiv li span{ float: left;width:69%;;height:100px; overflow: hidden; display: block;}
#scrollDiv li span h4{font-size: 14px;font-weight: bold;line-height: 14px;margin-bottom:5px;color: #a57132; }
#scrollDiv li span p{line-height: 20px;height:45px;font-size: 12px;color: #666666;display: block;width:400px; margin-bottom:5px;}
#scrollDiv li span em{ height: 20px;line-height: 18px;text-align:center;font-size: 14px;width:100px;border:1px solid #72ae2d; display: block;color: #72ae2d;}
#scrollDiv li:hover{ background: #7cba27;border:1px solid #72ae2d;}
#scrollDiv li:hover span h4{ color: #fff;}
#scrollDiv li:hover span p{ color: #fff;}
#scrollDiv li:hover span em{ color: #fff;border:1px solid #fff; }
.scroltit{ position: absolute; right:-30px; top:30px;width:18px;}
.scroltit small{float:right; font-size:12px;width:18px;height:18px; line-height:18px; text-align: center;background:#bbbbbb;color: #fff;font-family: "宋体"; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{margin-top:6px;}
.scroltit small:hover{ background: #ff9a22;}

.bottom{ height:5%; background-color:#1e5d11; margin-top:105px; position:fixed; bottom:0; width:100%; z-index:99; }
.bottom h3{color:#FFFFFF; font-size:24px; font-weight:100; padding-top:15px;}