@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
html, body {  width: 100%; height: 100%; -webkit-text-size-adjust: none; }
body { line-height: 1; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: none }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; color: #666 }
body {  font-weight: 300; color: #333; background: #2c2c2c;font-family: 'hyzjhj'; }

@font-face {
   font-family:HYQiHeiY1-75W;
	src: url(../font/HYQiHeiY1-75W.ttf) format('truetype');
}

@font-face { 
  font-family:hyzjhj; 
	src: url(../font/hyzjhj.ttf) format('truetype');
} 

@font-face { 
  font-family:San_Francisco_Thin; 
src: url(../font/San_Francisco_Thin.ttf) format('truetype');
} 

.c_333{ color:#333 !important;}.c_666{ color:#666 !important;}.c_999{ color:#999 !important;}
.fix { position: fixed; top: 0; left: 0; }
.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}.mb30{ margin-bottom:30px;}.mb40{ margin-bottom:40px;}.mb50{ margin-bottom:50px;}
.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}.pt50{ padding-top:50px;}.pt60{ padding-top:60px;}
#top_nav{ height:96px; background: #fff; color: #666; width:100%; z-index: 99999;}
#top_nav .logo{position: absolute; left:6%; top: 20px; z-index: 10;}
#top_nav .logo img{width:202px; display: block;}
#top_nav .top_share{width:130px; height: 70px; position: absolute; right:7%; top: 26px;z-index: 10; text-align: center;}
#top_nav .top_share a img{ -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%); filter: gray; transition: all .6s ease-out;}
.top_nav .top_share a:hover img{ -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  filter: grayscale(0%); filter: gray;}
#top_nav .top_share .sha{padding: 5px; display: inline-block; margin: 5px; border: #d2d1d1 1px solid; }
#top_nav .top_share .sha img{ display: block;width: 20px; }
#menu{ box-sizing: border-box; width: 100%; z-index: 9999;}
#nav {margin:0 auto; text-align: center;display:block; z-index: 9999;}

#nav .mainlevel { text-align: center; padding: 30px .6% 0 .6%; box-sizing: border-box; position:relative; display: inline-block; background: #fff; z-index: 9999;}
#nav .mainlevel a {color:#333; text-decoration:none; line-height:34px; display:block; width:120px; font-size:17px; }

#nav .mainlevel .select {color:#30804a; text-decoration:none;  border: #30804a 1px solid;}
#nav .mainlevel a:hover {color:#30804a; text-decoration:none;  border: #30804a 1px solid;}
#nav .mainlevel a:before { content: ""; width: 1px; height: 16px; background: #ccc; position: absolute; right: 0; bottom: 10px;margin-top: -5px; color: #ccc;transform:rotate(30deg);
-ms-transform:rotate(30deg); 	/* IE 9 */
-moz-transform:rotate(30deg); 	/* Firefox */
-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
-o-transform:rotate(30deg); 	/* Opera */ }
#nav .mainlevel ul {display:none; position:absolute; z-index: 9999;}
#nav .mainlevel ul li a{border-bottom:1px solid #3e8a57; background:#30804a; line-height: 32px; font-size: 12px; color:#fff; width:120px;/*IE6 only*/}
#nav .mainlevel ul li :before{ display: none;}
#nav .mainlevel ul li a:hover{border:none; background:#1f743d; color:#fff;}
.log {text-align:center; color:skyblue; line-height:24px; text-transform:capitalize; margin:50px auto;}

/* 搜索*/
.search{width:900px; margin: auto; height: 40px; padding: 50px 0; display: table;}
.search_01{width:590px; float: left; height: 40px; border: #616161 1px solid;}
.search_keyword{width:280px; float: right; line-height: 40px; font-size: 12px;}
.search_keyword span{ float: left; color:#666;}
.search_keyword a{ float:left; margin: 0 5px;}
.search_keyword a:hover{ text-decoration: underline;}
.sea_input{width:500px; height: 38px; border: none; outline: none; background: none; float: left; color:#666; position: relative; padding:0; padding-left: 10px;}
.sea_sub{width:38px; height: 38px; border: none; outline: none; background: none; float: right; color:#666; position: relative; padding:0; background:url(../images/search.png) no-repeat center center; background-size: 20px 20px;}

/* 搜索----end*/


/* 设计创造价值*/
.design_value { width: 100%; background: url(../images/img_02.jpg) center top no-repeat; }
.value_img { margin-left: 5%; float: left; margin-top:1.8em; margin-bottom: 1.6em; width: 69%; }
.value_right { width: 231px; float: right; }
.value_right img { width: 100%; display: block;}
/* 设计创造价值 end*/



/*4大特效*/

.four_tx {width:100%; display: table;}
.four_tximg { padding:100px 0 80px 0; background: url(../images/jcbg.jpg) center top no-repeat; background-attachment: fixed; background-size:cover; overflow: hidden; position: relative; }
.four_tx_01{width:334px;  height:480px; margin:100px auto 60px auto; display:table; position: relative;}
.ftx_01{width:334px;  position:relative; height:480px; -webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;  margin: auto;}
.ftx_01 img{width:334px; height:480px;}

.ftx_02{width:780px; height:129px; position:absolute;  bottom:0; right: 210px; -webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;float:left;}
.ftx_02 img{width:780px; height:129px;}

.ftx_03{width:699px; height:247px; position:absolute;  bottom:70px; left: 228px;  -webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay:0.5s; float:left;}
.ftx_03 img{width:699px; height: 247px;}

.ftx_04{width:752px; height:283px; position:absolute; -webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; top:-71px; right: 158px;}
.ftx_04 img{width:752px; height:283px;}

 .wow_span01{width:86px; height:86px; line-height:86px; display:block; text-align:center; color:#fff; text-shadow:rgba(0,0,0,.3) 5px 3px 0; background:#f91e00; font-size:51px; font-weight:bold; position:relative; float:left; z-index:10; }
 .wow_span01:before{ content:""; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid red; border-bottom: 5px solid transparent; position: absolute; right:-10px; top:50%; margin-top:-5px; }
.wow_div02{ font-size:24px; line-height:86px; text-align:center; color: #444; }



.four_tx .parHd{ padding:40px 0;  position:relative; text-align: center; border-top: #444 1px solid; background: #2c2c2c;}
.four_tx .parHd ul{ width:600px; position: absolute; left: 50%; margin-left: -300px; top: -10px; background: #2c2c2c;}
.four_tx .parHd ul li{ display: inline-block; padding:0 30px; cursor:pointer; color:rgba(255,255,255,.7); font-size: 18px;  }
.four_tx .parHd ul li.on{ color:#30804a; position: relative;}
.four_tx .parHd ul li.on:before{ content: ""; width:22px; height: 3px; background: #30804a; top: -15px; left: 50%; margin-left: -11px; position: absolute;}
.four_content{width:100%;}
/* 4大特效 end*/



/* 第二部分*/
.four_zs { padding:120px 0 100px; background: url(../images/img02.jpg) center top no-repeat; background-color: transparent; background-attachment: fixed; overflow: hidden;  background-size:cover; }
.zs_div ul li{ width:82%; position:relative; text-align:center; float:left;}
.b_none:before{ display:none;}
.zs_div_01{ background: #30804a; color:#fff; padding: 10px 0;  font-family: hyzjhj; }
.zs_div_01 ul li{ width:82%; position:relative; text-align:center; float:left; width:20%; padding: 20px 0; position: relative;}
.zs_div_01 ul li:before{ content: "+"; position: absolute; font-size: 30px; right: -5px; top: 50px; font-weight: 100;}
.zs_div_01 ul li i{ padding: 8px; border: #64a174 1px solid; text-align: center;  width: 46px; height: 46px; display: inline-block; margin-bottom: 10px;}
.zs_div_01 ul li img{ display: inline-block; width: 30px; height: 30px;}
.zs_div_01 ul li p{ font-size:20px; color:#fff; margin:10px 0; display: block;}
.zs_a{ font-size:22px; color:#000; padding:12px 65px; display:inline-block; margin:60px auto 0; border-radius:100px; background:#f91e00; text-align:center;}
.zs_div_p{ width: 520px; margin: 32px auto; color:#000; font-size: 42px; border-left:#333 2px solid; border-right:#333 2px solid; text-align: center; 
	font-family: HYQiHeiY1-75W; }
/* 第二部分 end*/




/* bottom*/
.footer{ text-align:center; padding:40px 0 23px 0; background:#808080; color:#2c2c2c;}
.footer .bot_logo{ margin-bottom:10px; width:180px;}
.footer p{ padding:3px 0; color:#444; font-size: 12px; } 

.footer_a{ padding:3px; border: #4c4948 1px solid; display: inline-block; margin:3px;}
.footer_a img{width: 12px; height: 12px; display: block;}
.footer_a img{ -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%); filter: gray; transition: all .6s ease-out;}
.footer_a:hover img{ -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  filter: grayscale(0%); filter: gray;}
/* bottom end*/


.prev{ background:url(../images/next.png) no-repeat; width:46px; height: 76px; background-position: 0 0;  position: absolute; z-index: 999; left: 4%; top: 50%; cursor: pointer; margin-top: -38px;}
.next{ background:url(../images/next.png) no-repeat; width:46px; height: 76px; background-position: -46px 0; position: absolute; z-index: 999; right:4%; top: 50%; cursor: pointer; margin-top: -38px;}


.js{width:90%; margin:10px auto 0 auto; }
.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
.js p span{ float:right; }
.js p span a{ color:#f00; text-decoration:underline;   }
.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }



/* 首页嵌套切换css */

.slideGroup{ width:100%; box-sizing: border-box; padding: 0 5%; background: #2c2c2c;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1;  position:relative;   }			
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; right:80px; top:0; display:block; width:66px; height:66px; background:url(../images/icoLeft.png) center center no-repeat #30804a; z-index: 999; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/icoRight.png) center center no-repeat #30804a; z-index: 999;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd{ padding: 50px 0;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ float:left; _display:inline; overflow:hidden; width:100%; position:relative; }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }

/* 首页嵌套切换css */






.con{ color: #fff; padding: 60px 0;}
.con img{width:35%;}
.zycp{width:80%; margin-left: 120px; border-top: #30804a 1px solid; height: 70px; position: relative;}
.zycp:before{ content:""; font-size: 27px; color: #30804a; position:absolute; left: -120px; top: 0; font-weight: 700;}
.zycp span{ position:absolute; left: -120px; display: inline-block; padding: 0 10px;  color: #30804a; font-size: 27px; top: 0;}
.zycp_01{width:60%; float: right; display: table;}
.zycp_01 .zycp_div01 { width:100%; display: table;}
.zycp_01 .zycp_div01 .zy_li01{ width:254px; height: 48px; background: #323232; margin-left: 12px; margin-bottom: 12px;float: right; line-height: 48px; padding-left: 22px; box-sizing: border-box; color: #999;}
.zycp_01 .zycp_div01 .zy_li02{ width:420px; height: 48px; background: #323232; margin-left: 12px; margin-bottom: 12px;float: right; line-height: 48px; padding-left: 22px;box-sizing: border-box; color: #999;}
.zycp_01 .zycp_div01 .zy_li03{ width:152px; height: 48px; background: #323232; margin-left: 12px; margin-bottom: 12px;float: right; line-height: 48px; padding-left: 22px;box-sizing: border-box; color: #999;}
.zycp_01 .zycp_div01 .zy_li04{ width:255px; height: 48px; background: #323232; margin-left: 12px; margin-bottom: 12px;float: right; line-height: 48px; padding-left: 22px;box-sizing: border-box; color: #999;}
.zycp_01 .zycp_div01 .zy_li05{ width:auto; height: 48px; background: #323232; margin-right: 12px; margin-bottom: 12px;float: left; line-height: 48px; padding:0 32px;box-sizing: border-box; color:rgba(255,255,255,.7); }

.zycp_01 .zycp_div01 .zy_li01:hover, .zycp_01 .zycp_div01 .zy_li02:hover, .zycp_01 .zycp_div01 .zy_li03:hover, .zycp_01 .zycp_div01 .zy_li04:hover{ background: #3b3b3b;}

.zycp_01 .zycp_div01 a{ background: #30804a; color:#333; padding:5px 10px; display: inline-block; float: right; margin: 10px 0;-webkit-transition: all .6s ease-out; transition: all .6s ease-out;}
.zycp_01 .zycp_div01 a:hover{ background: #196131; color:#fff; padding:5px 10px; display: inline-block; float: right; margin: 10px 0;}

.zycp_02{ float:left; color:#fff; padding-top: 85px; width:60%; position:relative;}
.zycp_02 p{width:100%; line-height: 20px; color: #ddd;}
.zycp_02 h1{ font-size: 60px; margin-bottom: 20px;}
.zycp_02 h3{ font-size: 42px; padding: 40px 0; font-weight: normal;}

.zycp_page{ position: absolute; right: 0px; bottom: 10%; color: #fff; font-size: 46px; background: #2c2c2c;}






.sub_banner{width:100%; position: relative;}
.sub_banner img{width:100%; display: block; }
.sub_banner .sub_title{width:400px; text-align: center; left: 50%; margin-left: -200px; font-family:'HYQiHeiY1-75W'; font-size: 36px; color:#fff; position: absolute; height: 74px; top: 50%; margin-top: -37px; }
.sub_banner .sub_title p{ font-family: San_Francisco_Thin; font-size: 22px; margin-top: 5px; text-transform: uppercase; }

.sub_content{width:100%; display: table; padding: 50px 0;}
.sub_left{width:270px; border: #616161 1px solid; padding: 50px 0 70px 127px; background: url(../images/logo_left.png) no-repeat 36px 45px;}
.sub_left ul li a{  padding:8px 0 8px 16px; display: block; position: relative; color: rgba(255,255,255,.7)}
.sub_left ul li a:before{ content: "\25BA"; font-size: 12px; position: absolute; left: 0; top: 9px;}
.sub_left ul li a:hover{ color:#fff; }
.sub_left ul li .select{ color:#fff;}

.sub_right{width:880px;}
.right_title_img{ padding:80px 0 0 0; width:100%; text-align: center; background: #30804b; margin-bottom: 10px;}
.right_title_img img{ max-width:100%; display: block; margin: auto;}
.right_content{width:100%; background: #353535; color: #fff; padding: 75px; display: table;}
.right_h3{ border-bottom:#686868 1px solid; padding:40px 0; font-size: 22px; text-align: center; margin-bottom: 30px;}
.right_content p{margin:5px 0;color: rgba(255,255,255,.6);}
.right_content p span{color: rgba(255,255,255,.55) !important;}
.content_text{ line-height: 24px;}
.content_text img{max-width:100%; display: block;}


.righti_content_all{width:100%; display: table;}




.content_ul_01{width:100%; display: table; background: #404040;}
.content_ul_01 li{width:33.333%;  color: #fff; float: left; box-sizing: border-box; padding: 20px;}
.content_ul_01 li .content_dl_sj{}

.content_ul_01 li .content_dl_sj dt{ font-size: 18px; margin: 20px 0;}
.content_ul_01 li .content_dl_sj dt img{ display: inline-table;}
.content_ul_01 li .content_dl_sj dd{ font-size: 15px; margin: 5px 0; color:rgba(255,255,255,.6);}



.contact_center{width:840px; margin: auto;}
.contact_h3{ color:#fff; font-size: 18px; margin-bottom: 20px; margin-top: 80px; font-weight: bold; font-family: HYQiHeiY1-75W;}
.contact_p{ padding:5px 0; color: #999; font-size: 16px;}
.contact_form{width:100%; margin-top: 70px;}
.contact_input01{width:400px; height: 34px; font-size: 14px; padding-left: 10px; box-sizing: border-box; border: #666 1px solid; margin-bottom: 10px; margin-right: 10px; float:left; background: none; color: #bbb;}
.contact_input02{padding: 10px 50px; background: #4c4948; border:none; color:#fff;}
.contact_area{width:810px;height:80px; font-size: 14px; padding-left: 10px; box-sizing: border-box; border: #666 1px solid; margin-bottom: 10px; margin-right: 10px; float:left; background: none; padding-top: 10px; color: #bbb;}

.content_zxns{ line-height: 24px; background: url(../images/zsns_bg.jpg) center top no-repeat; background-size: cover; padding:50px; margin-top: 50px; font-size: 16px;}
.content_zxns dl {width:100%; display: table; margin-bottom:30px;}
.content_zxns dl dt{ color:#fff; margin-bottom: 20px; font-size: 16px; font-weight: normal;}
.content_zxns dl dd p{ margin: 12px 0; color:rgba(255,255,255,.65);}

.content_zxns01{ line-height: 24px; padding:20px; margin-top: 50px; font-size: 16px;}
.content_zxns01 dl {width:100%; display: table; margin-bottom:30px;}
.content_zxns01 dl dt{ color:#fff; margin-bottom: 20px; font-size: 16px; font-weight: normal;}
.content_zxns01 dl dd p{ margin: 12px 0; color: #999;}

.right_content_01{width:100%; background: #353535; color: #fff;}
.right_h3_01{ border-bottom:#686868 1px solid; padding:70px 0 40px 0; font-size: 22px; text-align: center; margin:0 50px 50px 50px;}

.ad{width:100%;}
.navbar_btn{ display:none;}


/*案例分享*/
.case{width:72%; margin: auto; display:table;}
.case ul{ display:table; width:100%; margin-right: -2%; padding: 100px 0;}
.case ul li{ float:left; margin-right: 2%;width:31%; margin-top: 30px; transition: all .6s ease-out;}
.case ul li img{ display:block; width:100%; height:auto;-webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  filter: grayscale(0%); filter: gray; transition: all .6s ease-out;}
.case ul li a:hover img{ -webkit-filter: grayscale(80%);  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);  filter: grayscale(80%); filter: gray;}  
.case ul li span{width:100%; display: block; padding:15px 0; text-align: center; font-size: 20px; color: #fff;}

.case_details{width:72%; margin: 30px auto 0 auto; padding:30px 100px 100px 100px; background: #353535;}
.case_details h3{ padding:45px 0; border-bottom: #9a9a9a 1px solid; width:100%; text-align: center; display: table; color: #fff; font-size: 22px;}
.case_content{width:100%; display: table; font-size: 14px; line-height: 24px; color:#fff; margin-top: 30px;}
.case_content img{max-width:100%; display: block; }



/*案例分享---end*/




/*静态页之服务简介---end*/

.fwjj_01{width:100%; margin: 40px auto; display: table;}
.fwjj_01 img{width:40%; float: left;}
.fwjj_right{width:55%; float: right;}
.fwjj_01 .fwjj_03{ border-bottom: #666 1px solid; padding:10px 0; margin-bottom: 40px; font-size: 20px;}
.fwjj_01 .fwjj_02{ line-height: 30px; color:rgba(255,255,255,.7);}

.font_20{ font-size: 20px; color:#fff; padding:20px 0; text-align: center;}
.font_20_bottom{font-size: 20px; color:#fff; padding:20px 0; text-align: center; width:100%; position: relative;}
.font_20_bottom:before{content:"";width:30px; height: 2px; background: #30804A; position: absolute; left: 50%; margin-left: -15px; bottom:8px;}
.div_border{ border:#484848 1px solid; width:100%; text-align: center; display: table; background: #353535;}

/*静态页之服务简介---end*/


/*静态页之服务体系---end*/
.fwtx_01{width:100%; background: url(../images/fwtx02.jpg) center top no-repeat; padding: 50px 7%; font-size: 16px;display: table;}
.fwtx_ul{width:30%x; float: left;}
.fwtx_ul li{ padding:5px 0 30px 0; color:#fff;}
.fwtx_dl{width:70%; float:right; display: table;}
.fwtx_dl dt{ color:#fff; display: table; font-weight: normal;}
.fwtx_dl dd{ color:#888;  display: table; padding-left: 10px;}


/*静态页之服务体系---end*/


/*静态页之服务质量管理*/
.fwzlgl_01{width:100%; background: url(../images/fwzlgl01.jpg) center top no-repeat; padding: 90px 7% 50px 7%; font-size: 16px;display: table;}
.fwzlgl_h3{ font-size: 20px; color:#fff; background: #30804a; padding: 10px 20px; -webkit-border-radius:5px; border-radius: 5px;display: inline-table;}
.fwtx_ul{width:30%x; float: left;}
.fwtx_ul li{ padding:5px 0 30px 0; color:rgba(255,255,255,.55);}

/*静态页之服务质量管理---end*/


/*静态页之测试验收*/
.csys{width:100%; display:table; margin-top: 50px;}
.csys_ul{ display:table;}
.csys_ul li{ padding:5px 0; color:#999; font-size: 15px;}

/*静态页之测试验收---end*/

/*静态页之集成服务*/

.content_ul_01 li .content_dl_jc{width:100%; box-sizing: border-box; padding-left:60px; margin-top: 20px;}
.content_ul_01 li .jcbg01{ background: url(../images/jcfw01.png) no-repeat left top;}
.content_ul_01 li .jcbg02{ background: url(../images/jcfw02.png) no-repeat left top;}
.content_ul_01 li .jcbg03{ background: url(../images/jcfw03.png) no-repeat left top;}

.content_ul_01 li .content_dl_jc dt{ font-size: 18px; margin: 20px 0;}
.content_ul_01 li .content_dl_jc dd{ font-size: 15px; margin: 8px 0; color:rgba(255,255,255,.6);}

/*静态页之集成服务---end*/


@media screen and (max-width: 1680px) {
	#top_nav .top_share{right:0%;width:auto;}
	#top_nav .logo{left:1%;}
	#top_nav .logo img{width:150px;}
	
}
@media screen and (max-width: 1367px) {
	#nav .mainlevel a{ font-size: 15px;width:100px;}
	#nav .mainlevel ul li a{width:100px;}
}
@media screen and (max-width: 1080px) {
	#top_nav .top_share{ display:none;}
	.navbar_btn{ display:block; }
	.navbar_btn01{ display:block; width:40px; height: 30px; background:rgba(0,0,0,.1); position: absolute; right: 10px; top:13px; border-radius: 4px; border:none; text-align: center; padding:7px 10px;}
	#menu{ display:none;}
	#top_nav{ height:56px; background: #fff; color: #666; width:100%; z-index: 99999; box-sizing: border-box;}
    .icon-bar{width:100%; height: 3px ;background: #777; display: block; margin-bottom: 2px; border-radius: 15px;}
	.navbar_collapse {width:100%;height:auto; position:fixed; top:56px; left:0%;	z-index: 9999;	background: #fff;}
	.navbar_collapse ul li{ padding:15px 10px; border-top: #eee 1px solid;}
	#top_nav .logo{ top:12px; left: 3%;}
	#top_nav .logo img{width:110px; height: auto;}
}


@media screen and (max-width: 768px) {
	
	.zs_div_p{ width: 60%; font-size:22px;  text-align: center; font-family: HYQiHeiY1-75W; margin:10px auto; }
	.zs_div img{width:100%;}
	.zs_div_01{width:100%; box-sizing: border-box;}
	.con{width:100%;}
	.con img{width:30%; height: auto; float: left;}
	.zycp_01{width:70%; float: right; display: block;}
	.zycp_02{ padding: 0;width:100%;}
	.zycp_02 h1{ font-size: 20px;}
	.zycp_02 h3{ font-size: 20px; padding:5px 0;}
	.zycp_02 p{width:100%; font-size: 12px; height: 140px; overflow: hidden;}
	.zycp_page{ font-size: 20px; bottom:0;}
	.slideGroup .parHd ul{width:100%; position: relative;left: 0; margin: 0;}
	.slideGroup .parHd ul li{ padding: 0 10px; font-size: 15px;}
	.owl-carousel .owl-item .item img{width:100%; height: auto;}
	
	
	.four_zs{ padding:40px 0;}
	.zs_div_01 ul li p{ font-size: 12px;}
	.slideGroup .sPrev, .slideGroup .sNext{width:40px; height: 40px; background-size: 40px;}
	.slideGroup .sPrev{right:48px;}
	.zycp{border:none;}
	
	
	.sub_banner .sub_title{ font-size: 20px; margin-top: -20px; width: 100%; text-align: center; margin-left: 0; left: 0;}
	.sub_banner .sub_title p{ font-size: 14px;}
	.sub_banner img{ height:100px;}
	
	.sub_right{width:100%;}
	.right_title_img img{width:100%;}
	.right_content{ padding:10px;}
	
	.sub_left{width:100%;}
	.four_tx{padding:20px 0;}
	.four_tx_01{width:334px; height: 300px; margin: 30px auto 10px auto;}
	.ftx_01{ width:200px; height: 300px;}
	.ftx_01 img{ width:200px; height:auto;}
	.ftx_02{ width:400px; height:auto; right:196px; bottom: 20px;}
	.ftx_02 img{ width:100%; height:auto;}
	.ftx_03{ width:400px; height:auto; left:205px; bottom: 55px;}
	.ftx_03 img{ width:100%; height:auto;}
	.ftx_04{ width:400px; height:auto; top: -30px; right: 162px;}
	.ftx_04 img{ width:100%; height:auto;}
	
	.owl-theme .owl-controls{ bottom: 6px !important;}
	
	.footer{width:100%; margin: auto; padding:20px 10px;}
	
	.contact_center{width:96%;}
	.contact_h3{ margin-top: 0;}
	.contact_input01{width:100%; margin-right: 0; padding: 0;}
	.contact_area{width:100%; margin-right: 0; padding: 0;}
	
	.content_zxns{ padding: 10px; margin-top: 30px;}
	.right_h3_01{margin:0 10px 10px 10px; padding:30px 0 20px 0;}
	
	.search{width:90%; margin: auto; height: 40px; padding:10px 0; display: table;}
	.search_01{width:100%; float: left; height: 40px; border: #616161 1px solid;}
	.search_keyword{display: none;}
	
}
@media screen and (max-width: 640px) {
.case{width:90%;}
.case ul{  margin:0 !important; padding:20px 0;}
.case ul li{ float:none !important; margin:0 !important;width:100%; margin-top:20px; transition: all .6s ease-out;}
.case_details{width:100%; margin: 30px auto 0 auto; padding:30px 10px 10px 10px; background: #353535;}
	
.con img{width:100%; display: block;}
.zycp_01{width:100%; display: table;; margin-top: 15px;}
	
}