body{background: #fff;font-family: '微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}
@charset "utf-8";
::-webkit-scrollbar{width: 8px}
::-webkit-scrollbar-track{background: #fff}
::-webkit-scrollbar-thumb{background: #1b1b1b}
::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b}
::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b}
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding: 0;border: 0;margin: 0}
li{list-style: none}
html{font-size: 625%}
body{font-size: 16px;overflow-x: hidden}
a{text-decoration: none;color: black;outline: 0; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
a:focus{outline: 0}
a:visited{text-decoration: none}
em{font-style: normal;font-weight: normal; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.clear{clear: both}
.iphone{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0, 0, 0, .2);display: none!important;}
.iphone form{display: none;width: 400px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 250px;background: white;border-radius: 5px;}
input,textarea{background: 0;outline: 0;resize: none;border: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding-left: 10px;}

.w100{ width:100%;}
.w1200{ width:1200px; margin:0 auto;}
.clearboth{clear:both;height:0;overflow:hidden; display:block;}

/* 公用头部 */
.Headerpc{ width: 100%; height: 90px; border-bottom: 1px solid #ADADB0; background:url("../../images/wangZhan/10.png") repeat; position:fixed; left:0; top:0; z-index:9999; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.HeaderOn{ background:rgba(255,255,255,0.8); border-bottom: 0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); }
.HeaderMainpc{ width:92%; margin:0 auto;}
.HeaderLogopc{ width:192px; height:60px; margin-top: 15px; position:relative; float: left;}
.HeaderLogopc img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.HeaderNav{ float: right; }
.HeaderNav li{ height:90px; line-height:90px; padding:0 30px; float:left; position:relative;}
.HeaderNav li a{ width: 100%; display:block; color:#FFF;/*position:relative;*/}

.HeaderNav li:hover .headerNav2{left:0;top: 90px;}
.headerNav2{background-color: #272727;opacity:0.7;box-shadow: 0 0 5px #636363;border-radius: 0 0 3px 3px;position: absolute;left: 0;left: -999em;z-index: 1000 !important;}
.headerNav2 li{margin: 0;display: block;min-width: 160px;border-bottom: 2px solid #565656;position: relative;padding: 15px 10px;line-height: 30px;height: auto;}
.headerNav2 li a{width: auto;padding: 0 20px;}

/*.Nav{width: 100%; height:90px; background:url("../../images/wangZhan/topbg.jpg") repeat-x; left:0; top:0;}
.menu{float: right;}
.menu li{list-style-type: none;margin-left: 60px;float: left;line-height: 90px;position: relative;}
.menu li a{display: block;color: #FFFFFF;}
.menu li:hover .menu2{left: 0px;top:90px;}
.menu2{margin: 0px auto;position: absolute;z-idnex:1000 !important;float: left;text-align: left;border: 2px solid #0072ff;border-top: none;background-color: #2098D1;}
.menu li:hover div a{font-size: 14px;color: #2098D1;}
.menu2 li{position: relative;float: none;width: 150px;padding: 0px;margin: 0px;}
.menu2 li:hover{background: none;border: none;}*/




.HeaderNav li.active a,.HeaderNav li a:hover{color: #007eff;}

/*.HeaderNav li.active a em,.HeaderNav li a:hover em{ width: 100%; height: 2px; background: #D1AB50; display: block; position: absolute; left: 0; bottom: 0; }*/
/* .HeaderOn .HeaderNav a,.CaseOn .HeaderNav a{ color:#000;} */

.Header{width: 100%; height: 90px; background:url("../../images/wangZhan/10.png") repeat; position:absolute; left:0; top:0; z-index:9999; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.Header:hover{
	background-color: #333333;
	
}
.HeaderOn{ background: url("../../images/wangZhan/topbg.jpg") repeat-x; border-bottom: 0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); }
.HeaderOn .menuIcon-nav{ color: #fff; }
.Header.showMenu .menuIcon-nav{ color: #fff; }
.HeaderMain{ width:92%; margin:0 auto;}
.HeaderLogo{ width:192px; height:60px; margin: 15px 0; position:relative; float: left;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.menuIcon{ position:relative; right:0px; float:right; top:32px; z-index:99999; cursor:pointer;}
.menuIcon-nav{ display: inline-block; font-style: normal; font-size: 18px; color: #fff; margin-right: 10px; float: left; }
.btn-nav{ float: right; background:0 0;border:none;padding:0 ;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background-color:#fff}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
.animated2:focus{cursor:pointer;z-index:9999}
.middle{width:18px;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#000}
.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 .middle{width:0}
.Header.showMenu{ /*background: none;*/transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
.Header.showMenu .logo{ background-image:url("../../images/wangZhan/logo2.png") }
.Header.showMenu .animated2 .icon-bar{ background:#fff;}
.HeaderOn .icon-bar,.CaseOn .icon-bar{background:#fff;}
/*.menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; opacity: 0.9; z-index:999; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden;}*/
.menuMain{ position: fixed; right:0; top:0; width:12%; height:462px; opacity: 0.9; z-index:-1; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden;}
.menuIcon:hover .menuMain{display:block;}
.menuIcon{z-index:999999; display:block;}
.menuBox{ margin:90px 0px 20px 0px; padding:0 4%; height:100%; position:relative; overflow:hidden;}
.menuBox li{ padding:0 0px 0 0; position:relative;}
.menuBox li>a{    padding-left: 10px; height:60px; line-height:60px; color:rgba(255,255,255,0.8); font-size:16px; background:url("../../images/wangZhan/icon_01.png")  no-repeat 90% center; background-size:12px; display:block; opacity:0.8}
.menuBox li.on>a{ background-image:url("../../images/wangZhan/icon_02.png") ;}
.menuBox li.link>a{ background-image:url("../../images/wangZhan/icon_031.png") ;}
.menuBox li.searchBtn>a{ background: url("../../images/wangZhan/icon_04.png")  no-repeat left center;background-size:14px; text-indent:18px;}
.serList{ overflow:hidden; display:none;}
.serList a{ width:100%; display:inline-block; height:45px; line-height:45px; font-size:14px; text-indent:20px; color:rgba(255,255,255,0.6); position:relative;}
.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
.bBor:hover{ background: #444;-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.bBor:hover a{ padding-left: 10px; }



.language{width: 72px; float: left; margin-top:33px;  margin-left: 60px; border:1px solid #d9b766; border-radius: 50px; background-color: #fff; position: relative; z-index: 1; overflow: hidden; }
.language_link {
    width: 50%; text-align: center;
    display: block; float: left;
    font-family: Proxima Nova,sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #d9b766;
    text-decoration: none;
    transition: color .25s; 
}
.language_link.active,.language_link:hover {
  color: #fff; background-color: #d9b766;
}
}




/* banner */
.banner{ width: 100%; height:695px; margin-top: 100px; position:relative; overflow:hidden; z-index: 9}
/* .banner{ width: 100%; height:695px; margin-top: 100px; position:relative; overflow:hidden; z-index: 9} */
.banner .slides{ position:relative; z-index:1;}
.banner .slides li{ height:695px; background-size: cover !important;}
/* .banner .slides li{ height:695px; background-size: cover !important;} */
.banner .slide_nav{ position:absolute; right: 100px; bottom:92px; z-index:2;}
.banner .slide_nav li{ width:29px; height:3px; margin:0 5px; display:inline-block; }
.banner .slide_nav a{ width:29px; height:3px;margin:0 5px;  line-height:40px; overflow:hidden; background: #FFF; cursor:pointer; display:inline-block;}
.banner .slide_nav a.on{ background: #0072ff;}
.banner .flex-direction-nav{ display: block; width: 90px; height: 90px; background:#000; position: absolute; right: 0;bottom: 50px; z-index: 2;}
.banner .flex-direction-nav a{ display: block; width: 13px; height: 24px; position: absolute; top: 50%; margin-top: -13px; }
.banner .flex-direction-nav .flex-prev{ background:url("../../images/wangZhan/prev1.png")  no-repeat; left: 10px; }
.banner .flex-direction-nav .flex-next{ background:url("../../images/wangZhan/next1.png")  no-repeat; right: 10px; }

.bancon{ width: 1200px; margin: 200px auto; }
.bancon h2{ letter-spacing: 5px; font-size: 58px; font-weight: normal; color: white; }
.bancon h3{ margin: 10px 0 30px 0; letter-spacing: 5px; font-size: 48px; font-weight: normal; color: #FFF; }
.bancon a{ width: 140px; height: 39px; line-height: 39px; text-align: center; background: url("../../images/wangZhan/banbg.png")  no-repeat center; letter-spacing: 2px; color: #FFF; display: block; }
.pageState{ color: #fff; font-size: 14px;margin-top: 33px;    text-align: center;display: block; }




/* 背景导航 */
.naver{ position: relative; z-index: 99;}
.naver dl{ width: 16.4%; height: 165px; margin: 5px 0.3% 5px 0; float: left; position: relative; }
.naver dl:hover dt a{ color: #fff }
.naver dl.n6{ margin: 5px 0; float: right;}
.naver dl dt{ width: 100%; height: 165px; line-height: 165px; text-align: center; letter-spacing: 1px; font-size: 24px; color: #000;}
.naver dl dt a{ display: block; }
.naver dl.n1 dt{ background: url("../../images/wangZhan/navbg1.jpg")  no-repeat center;}
.naver dl.n2 dt{ background: url("../../images/wangZhan/navbg2.jpg")  no-repeat center; }
.naver dl.n3 dt{ background: url("../../images/wangZhan/navbg3.jpg")  no-repeat center;}
.naver dl.n4 dt{ background: url("../../images/wangZhan/navbg4.jpg")  no-repeat center;}
.naver dl.n5 dt{ background: url("../../images/wangZhan/navbg5.jpg")  no-repeat center;}
.naver dl.n6 dt{ background: url("../../images/wangZhan/navbg6.jpg")  no-repeat center;}
.naver dl.n1:hover dt{background: url("../../images/wangZhan/navbg1-hover.jpg")  no-repeat center;}
.naver dl.n2:hover dt{background: url("../../images/wangZhan/navbg2-hover.jpg")  no-repeat center;}
.naver dl.n3:hover dt{background: url("../../images/wangZhan/navbg3-hover.jpg")  no-repeat center;}
.naver dl.n4:hover dt{background: url("../../images/wangZhan/navbg4-hover.jpg")  no-repeat center;}
.naver dl.n5:hover dt{background: url("../../images/wangZhan/navbg5-hover.jpg")  no-repeat center;}
.naver dl.n6:hover dt{background: url("../../images/wangZhan/navbg6-hover.jpg")  no-repeat center; }
.naver dl dd{ width: 100%; position: absolute; bottom: 170px; left: 0; background: url("../../images/wangZhan/30.png")  repeat; opacity: 0; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; }
.naver dl dd a{ width: 90%; height: 60px; line-height: 60px; padding-left: 10%; background: url("../../images/wangZhan/yjt2.png")  no-repeat 90% center; border-top: 2px solid #0072ff; color: #FFF; display: block; }
.naver dl dd a:hover{ width: 90%; /*padding-left: 15%;*/ }
.naver dl:hover dd{ opacity: 1;}


/*顶部导航 --下拉菜单*/










/* 关于我们 */
.indabout{ width: 100%; padding: 80px 0 100px 0; background: url("../../images/wangZhan/indabbg.jpg")  repeat-x top; }
.abouts{ width: 1100px; height: 335px; padding: 55px 50px; background: url("../../images/wangZhan/abbg.png")  no-repeat; margin: 0 auto; position: relative; }
.abouts .brief{ width: 500px; }
.abouts .brief h2{ font-size: 36px; font-weight: normal; color: #FFF; }
.abouts .brief b{ width: 50px; height: 1px; margin: 20px 0; background: #007eff; display: block; }
.abouts .brief h3{ letter-spacing: 2px; font-size: 24px; font-weight: normal; color: #FFF;}
.abouts .brief p{ margin-top: 30px; line-height: 25px; letter-spacing: 2px; font-size: 14px; color: #FFF; }
.abouts .values{ width: 380px; background: #444; border-radius: 5px; position: absolute; top: 80px; right: 90px; }
.abouts .values h2{ height: 80px; line-height: 80px; font-weight: normal; overflow: hidden; }
.abouts .values h2 span{ margin-left: 20px; font-size: 14px; color: #FFF; display: block; float: left; }
.abouts .values h2 a{ width: 37px; margin-right: 20px; padding-left: 23px; font-size: 12px; color: #FFF; background: url("../../images/wangZhan/indico1.png")  no-repeat left center; display: block; float: right;}
.abouts .values dl{ height: 87px; border-top: 1px solid #57595B; overflow: hidden; }
.abouts .values dl:hover{ background:#666;    -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }
.abouts .values dl dt{ width: 125px; height: 87px; float: left; }
.abouts .values dl dd{ width: 255px; height: 49px; padding: 20px 0; color: #FFF; float: left; }
.abouts .values dl dd span{ height: 18px; line-height: 18px; font-size: 18px; display: block; }
.abouts .values dl dd p{ height: 17px; line-height: 17px; margin-top: 7px; letter-spacing: 1px; font-size: 17px; }

/* 案例展示 */
.indcase{ height:710px; position:relative; overflow:hidden;}
.indcase .slides{ position:relative; z-index:1;}
.indcase .slides li{ height:710px;}
.indcase .flex-control-nav{ position:absolute; left: 120px; bottom:130px; z-index:2;}
.indcase .flex-control-nav li{ width:48px; height:6px; margin:0 5px; display:inline-block; }
.indcase .flex-control-nav a{ width:48px; height:6px; line-height:40px; overflow:hidden; background: #cccccc;/*background:url(../../images/wangZhan/dot.png) no-repeat center;*/ cursor:pointer; display:inline-block;}
.indcase .flex-control-nav .flex-active{ background: #0072ff;}
.indcase .flex-direction-nav{ display: none;}
.casecon{ width: 490px; height: 440px; padding: 100px 0 0 75px; background: url("../../images/wangZhan/casebg.png")  no-repeat center; position: absolute; top: 75px; left: 0 }
.casecon i{ letter-spacing: 1px; color: #989898 }
.casecon h3{ margin: 10px 0 80px 0; letter-spacing: 1px; font-size: 33px; font-weight: normal; color: #363636; }
.casecon b{ width: 35px; height: 2px; background: #0072FF; display: block; }
.casecon p{ margin: 25px 0 60px 0; }
.casecon a{ width: 100px; height: 46px; line-height: 46px; padding-left: 34px; background: url("../../images/wangZhan/indmore.png")  no-repeat 96px center; color: #868686; border: 1px solid #DEDEDE; display: block; }
.casecon a:hover{ background: url("../../images/wangZhan/indmoreh.png")  no-repeat 96px center; color: #0072ff; border: 1px solid #0072ff;}
.mcase{ display: none; }

/* 联系我们 */
.lxwm{ width: 320px; padding: 70px 0 100px 0; margin: 0 auto; }
.lxwm h2{ text-align: center; font-weight: normal; font-size: 36px; color: #E4E4E4; }
.lxwm h3{ margin-top: 12px; text-align: center; font-weight: normal; font-size: 24px; color: #464646 }
.lxwm p{ width: 126px; height: 126px; padding: 5px; margin: 35px auto 0 auto; background: #F7F7F7; }
.lxwm p img{ width: 100%; height: 100%; }


/* 公用底部 */
.backtop{ width:50px; height:50px; cursor:pointer; position:fixed; display:block; z-index:666; bottom:100px; right:50px; z-index:55; background:url("../../images/wangZhan/goindex.png")  center no-repeat #bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.Otherlink{ padding:20px 0; text-align:center;background:#F7F7F7; font-size:12px;}
.Otherlink a{ font-size:14px; color:#363636;}
.Otherlink a:hover{ color:#0072ff;}
.Otherlink em{ font-size:14px; color: #D2D2D2; padding:0 40px;}
.bottoms{ width: 100%; padding: 50px 0 30px 0; background: #171717; }
.botcon-con,.botcon dl,.botcon-all{ overflow:hidden;}
.botcon{ width: 1200px; margin: 0 auto; overflow: hidden; }
.botcon ul{ width: 105px; float: left;    margin-top: -10px; }
.botcon ul li a{ height: 50px; line-height: 50px; display: block; font-size: 26px; font-weight: bold; color: #2D2D2D; }
.botcon ul li a:hover{ color: #FFF; }
.botcon ul li.lion a{ color: #FFF; }
.botcon-con > div{ display: none; }
.botcon-con > div:first-child{ display: block; }
.botcon dl{ margin-left: 95px; float: left; }
.botcon dl.lx{ width: 300px; }
.botcon dl.email{ width: 320px; }
.botcon dl.adv{ width: 220px; }
.botcon dl dt{ padding-bottom: 15px; font-size: 18px; color: #FFF; border-bottom: 1px solid #484848; }
.botcon dl dd{ margin-top: 20px; }
.botcon dl dd p{ line-height: 28px; font-size: 14px; color: #FFF; overflow: hidden; }
.botcon dl dd p span{ width:50px; text-align: right; display: inline-block; float: left; }
.botcon dl dd a{ width: 75px; height: 35px; line-height: 35px; padding-left: 40px; margin-bottom: 15px; color: #FFF; font-size: 14px; border: 1px solid #4D4D4D; display: block; }
.botcon dl dd a.qq{ background: url("../../images/wangZhan/qq.png")  15px center no-repeat;  }
.botcon dl dd a.yw{ background: url("../../images/wangZhan/xx.png")  15px center no-repeat;}
.botcon dl dd a.qq:hover{ color: #363636; border: 1px solid #FFF; background: url("../../images/wangZhan/qq2.png")  15px center no-repeat #FFF;}
.botcon dl dd a.yw:hover{ color: #363636; border: 1px solid #FFF; background: url("../../images/wangZhan/xx2.png")  15px center no-repeat #FFF;}
.copyright{ padding-top: 70px; text-align: center; font-size: 14px; color: #C6C6C6; }
.email dd p span{width: 68px !important;}
.botcon dl.email dd p span{ width: 68px; }
#banner{ display: none; }
.menuMain, .menuIcon{ display: none; opacity: 60%;}
@media screen and (max-width: 1200px) {
    .menuMain, .menuIcon{ display: block; }
	.Headerpc{display: none;}
	.menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; opacity: 0.9; z-index:999; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden;}
    ::-webkit-scrollbar{width: 0}
    .Header{ height: 50px !important;display: block; padding-bottom: 0 !important; border-bottom: 0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
    .HeaderOn{ box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
    .HeaderLogo{ height:35px; width:auto; margin: 20px 0;}
    .HeaderLogo img{ height:100%; top: -8px !important;}
    .menuIcon{ top:15px;}
	.hlimg1,.hlimg2{ max-width:inherit;}
	.menuBox{ margin: 80px 0px 20px 0px; padding: 0 20px;}
	.menuBox li>a{ height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background:url("../../images/wangZhan/icon_01.png")  no-repeat 98% center; background-size:12px; display:block; opacity:0.8}

	/* banner */
	.banner{ height:215px; margin-top: 75px; display: none;}
	.banner .slides li{ height:215px;}
	.banner .flex-control-nav{ right: 5%; bottom:15px;}
	.bancon{ width: 94%; margin: 100px auto;}
	.bancon h2{ font-size: 20px; }
	.bancon h3{ margin: 10px 0 15px 0; font-size: 18px; }
	.bancon a{ width: 100px; height: 30px; line-height: 30px; background: #0072ff; font-size: 14px; }
	.banner .flex-direction-nav{ display: none; }
    .banner .slide_nav{ right: 30px; bottom: 20px; }
    /*移动端banner*/
    #banner{ height:215px;/* margin-top: 70px;*/ display: block;}
	#banner .slides li{ height:215px; position: relative;}
	#banner .slides li  a{ display: block; width: 100%; height: 215px; }
	#banner .slides li img{ width: 100%; height: 215px;  }
	#banner .flex-control-nav{ right: 5%; bottom:15px;}
	#banner .bancon{   position: absolute; top: 0; left:2%;}
	#banner .bancon h2{ font-size: 20px; }
	#banner .bancon h3{ margin: 10px 0 15px 0; font-size: 18px; }
	#banner .bancon a{ width: 100px !important; height: 30px !important; line-height: 30px; background: #0072ff; font-size: 14px; }
	#banner .flex-direction-nav{ display: none; }
    #banner .slide_nav{ right: 2%; top: 250px; position: absolute; }
    #banner .slide_nav li{ width:29px; height:3px; margin:0 5px; display:inline-block; }
	#banner .slide_nav a{ width:29px; height:3px;margin:0 5px;  line-height:40px; overflow:hidden; background: #FFF; cursor:pointer; display:inline-block;}
	#banner .slide_nav a.on{ background: #0072ff;}
	/* 背景导航 */
	.naver{ display: none}

	/* 关于我们 */
	.indabout{ width: 96%; padding:0; margin: 2% auto 0;}
	.abouts{ width: auto; height: auto; padding: 15px 2%; background: none; }
	.abouts .brief{ width: 100%; }
	.abouts .brief h2{ font-size: 24px; color: #333; }
	.abouts .brief b{  margin: 10px 0 }
	.abouts .brief h3{ font-size: 18px;color: #333;}
	.abouts .brief p{ margin-top: 5px;color: #666;  line-height: 24px;}
	.abouts .values{ display: none}

	/* 案例展示 */
	.indcase{ display: none;}
	.mcase{ width: 96%; margin: 0 auto; display: block; }
	.mcase h2{ font-size: 24px; margin-top: 2%; font-weight: normal;  width: auto; padding:0 2%; }
	.mcase span{ display: block; font-weight: normal; font-size: 18px;}
	.mcase img{ max-width: 100%; display: block; }
	.mcase dl{ margin-top: 15px; }
	.mcase dl dd{ padding: 2%; background: #F4F4F4;overflow: hidden; position: relative; }
	.mcase dl dd h3{ font-size: 16px; color: #363636; }
	.mcase dl dd p{ margin-top: 0; font-size: 14px; color: #666; width: 70%; float: left;  }
	.mcase a { width: 80px;  height: 30px; position:absolute;  bottom: 10px; right:2%; margin-top: 5px;  line-height: 30px;  float: right; font-size: 12px; padding-left: 20px;  background: url("../../images/wangZhan/indmore.png")  no-repeat 77px center;  color: #868686;  border: 1px solid #DEDEDE;display: block;}
	/* 联系我们 */
	.lxwm{ width: 96%; padding: 2% 0;}
	.lxwm h2{ font-size: 24px; }
	.lxwm h3{ margin-top: 0; font-size: 18px;}
	.lxwm p{ margin: 5px  auto 0 auto; }
	/*合作伙伴*/


	/* 公用底部 */
	.backtop{  bottom:72px; right:3%;}
	.Otherlink{ display: none;}
	.bottoms{ padding: 0 0 15px 0; }
	.botcon{ width: 94%; display: none; }
	.botcon ul{ display: none; }
	.botcon dl{ margin: 0 0 20px 0; }
	.botcon dl.lx,.botcon dl.email,.botcon dl.adv{ width: 100%; }
	.botcon dl dt{ padding-bottom: 5px; }
	.botcon dl dd{ margin-top: 10px; overflow: hidden; }
	.botcon dl dd p{ line-height: 25px; }
	.botcon dl dd a{ float: left; }
	.botcon dl dd a.qq{ margin-right: 20px; }
	.copyright{ padding-top: 15px; font-size: 12px; border-top: 1px solid #484848; }
	
     
}
@media screen and (min-width:768px) and (max-width:1024px){
    #banner{ height:350px !important; /*margin-top: 75px;*/ display: block; position: relative;}
    #banner .slides li{  height:350px !important; position: relative;}
    #banner .slides li a{ display: block; width: 100%;  height:auto !important; }
    #banner .slides li img{ width: 100%;  height:350px !important;  }
    #banner .slide_nav{ top: auto !important; bottom: 30px; }
}
@media screen and (min-width:1201px) and (max-width:1366px){
	.banner { height: 572px; }
 .banner .slides li{ height:572px;}
 .bancon{ height: 572px; background-size: 100% 100% !important; margin:145px auto; }
}

@media screen and (min-width:769px) and (max-width:1199px){
	.naver dl dd a{ font-size: 14px;    background: url("../../images/wangZhan/yjt2.png")  no-repeat 100% center;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
}
@media screen and (max-width:1200px){
   /* .HeaderNav{ display: none; }
    .menuIcon{ display: block; }
    .HeaderOn {
        background: url(../../images/wangZhan/topbg.jpg) repeat-x;
    } */
	.language{ margin-right: 20px; margin-top: 0; margin-left: 0; }
}