/* ZGI_CSS_0_0_1 */
@font-face {
    font-family: 'Adobe Caslon Pro';
    src: url('../fonts/ACaslonPro-Regular.eot');
    src: url('../fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ACaslonPro-Regular.woff') format('woff'),
    url('../fonts/ACaslonPro-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Adobe Caslon Pro Bold';
    src: url('../fonts/ACaslonPro-Bold.eot');
    src: url('../fonts/ACaslonPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ACaslonPro-Bold.woff') format('woff'),
    url('../fonts/ACaslonPro-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;font-family: "Adobe Caslon Pro","Microsoft Yahei","tahoma","arial","sans-serif",serif;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,"Microsoft Yahei";color:#505050;outline:0;}
body{background:#fff;}
a{color: inherit}
a:hover{color:#34ac36;}
*{box-sizing: border-box;}

@font-face {
    font-family: applestyle;
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.ttf') format("truetype");  /* 非IE */
}
@font-face {
    font-family: newfontsstyle;
    src: url('../fonts/Campton-LightDEMO.eot');
    src: url('../fonts/Campton-LightDEMO.ttf') format("truetype");  /* 非IE */
}



/* function */
.f-mc{color: #34ac36;}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.fr{float: right;}

.f-apple
{
    font-family: applestyle,"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;
}

.f-blur
{
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(3px); /* Chrome, Opera */
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false); /* IE6~IE9 */
}

.f-desaturate{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
}

.f-no-scroll
{
    position:fixed;
    overflow-y:scroll;
    width:100%;
}
.f-no-scroll body
{
    overflow:hidden;
}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }



/* 结构 */
.g-fullscreen
{
    width: 100%;
    top: 0px;left: 0px;

    overflow-x: hidden;
    position: relative;
}
.g-mainwrapper
{
    position: absolute;
    top: 0px;
    width: 100%;
}

.g-workswrapper
{
    width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.g-clientwrapper
{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

/* 模块 */
.m-mainhelloword
{
    text-align: center;
    color: #fff;
}
.m-mainhelloword .logo
{
    display: inline-block;
    text-indent: -99999px;
    text-decoration: none;
    background: url("../img/artlogo.png") scroll no-repeat left top;
    background-size: 100% 100%;
}

.m-rightnav
{
    position: fixed;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 9999;
}
.m-rightnav .pcnavwrapper
{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url("../img/leftnavtopbg2.png") scroll repeat left top;
}
.m-rightnav .topzhuangshi
{
    position: relative;
    top: 0px;
    width: 100%;
    height: 204px;
    background: url("../img/leftnavtopbg1.png") repeat-x left top scroll;
}
.m-rightnav .toplogoshow
{
    position: absolute;
    top: 20%;
    width: 100%;
    height: 57px;
    text-align: center;
}
.m-rightnav .toplogoshow img
{
    display: inline-block;
}
.m-rightnav .daohangwrapper
{
    position: absolute;
    top: 50%;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    margin-top: -120px;
}
.m-rightnav .daohangwrapper li
{
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #bebebe;
    width: 100%;
    height: 32px;
    line-height: 30px;
    padding: 0px 16px;
    color: #333333;
    text-align: right;

}
.m-rightnav .daohangwrapper .targeted
{
    background-color: #67a268;
    color: #fff;
}
.m-rightnav .daohangwrapper li:hover
{
    background-color: #67a268;
    color: #fff;
}

.m-rightnav .daohangwrapper li .daohang1
{
    background: url("../img/rightnavimg1.png");
}
.m-rightnav .daohangwrapper li .daohang2
{
    background: url("../img/rightnavimg2.png");
}
.m-rightnav .daohangwrapper li .daohang3
{
    background: url("../img/rightnavimg3.png");
}
.m-rightnav .daohangwrapper li .daohang4
{
    background: url("../img/rightnavimg3-1.png");
}
.m-rightnav .daohangwrapper li .daohang5
{
    background: url("../img/rightnavimg3-4.png");
}
.m-rightnav .daohangwrapper li .daohang6
{
    background: url("../img/rightnavimg3-2.png");
}
.m-rightnav .daohangwrapper li .daohang7
{
    background: url("../img/rightnavimg3-3.png");
}
.m-rightnav .daohangwrapper li .daohanglist
{
    display: inline-block;
    width: 100%;
    background-size: 16px 16px;
    background-position: left center;
    background-repeat: no-repeat;
}
.m-rightnav .daohangwrapper li .firstlever
{
    font-size: 14px;
}

.m-rightnav .contactinfos
{
    font-size: 12px;
    text-align: right;
    position: absolute;
    top: 50%;
    margin-top: 120px;
    width: 100%;
    padding: 0px 16px;
    line-height: 14px;
}

.m-topsousuo
{
    width: 100%;
    height: 30px;
    padding: 0px 10px;
    margin-bottom: 50px;
}


.m-rightnavmobile
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #fff;
    overflow: hidden;display: none;
	z-index: 9999;
}
.m-rightnavmobile .navwrapper
{
	margin: auto;
	position: relative;
	top: 50%;
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	margin-top: -105px;
}
.m-rightnavmobilebtm
{
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 10000;
    width: 100%;
    text-align: right;
}
.m-rightnavmobilebtm img
{
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
}


.m-worktopdisplay
{
    /*height: 80%;*/
    position: relative;
    width: 100%;
}

.m-worktopdisplayheight80
{
    position: relative;
    width: 100%;
}

.m-workcontainer
{
    margin: 0px auto;
}
.m-workcontainer .item
{
    
}

.m-worktopimg
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*padding: 11px;*/
}

.m-fenxiang
{
    width:100%;
    height:26px;
    position:absolute;
    top:100%;
    margin-top:-30px;
    color:white;
    padding: 0px 16px;
}
.m-fenxiang span 
{
    display: inline-block;
    height: 26px;
    width: 26px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    margin-right: 1px;
}
.m-fenxiang span a
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.m-fenxiang span img 
{
    vertical-align: middle;
    overflow: hidden;
    width: 18px;
    height: auto;
}
.m-fenxiang span:hover
{
    background-image: url(../img/quan.png);
}


.m-overview
{
    width: 100%;
    cursor: pointer;
    position: relative;
}
.m-overview img
{
    width: 100%;
    height: auto;
    opacity: 1;
}
.m-overview:hover img
{
    opacity: 0.95;
}
.m-overview span
{
    height: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0.6em 0px 0.4em;;
}

.m-overviewliving
{
    width: 100%;
    cursor: pointer;
    position: relative;
}
.m-overviewliving img
{
    width: 100%;
    height: auto;
    opacity: 1;
}
.m-overviewliving:hover img
{
    opacity: 0.8;
}
.m-overviewliving p
{
    font-family: arial,"Microsoft Yahei";
    font-size: 14px;
    color: #666666;
    padding-bottom: 30px;
}
.m-overviewliving p.bold
{
    font-weight: bold;
    background-color: #fff;
    padding: 10px;
}
.m-overviewliving .onelivingwrapper
{
    position: relative; height: auto;overflow: hidden;
}
.m-overviewliving .discs
{
    position: absolute;
    width: 100%;
    top: 100%;
    background-color: #000;
    padding: 10px;
    font-size: 12px;
}
.m-overviewliving .discs p
{
    color: #d3d3d3;
}



.m-tankuang
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10000;
    display: none;
    height: 100%;
}

.m-textdisc
{
    padding-bottom: 50px;
    padding-top: 30px;
	background-color: #fff;
}
.m-serviceblock
{
    width: 100%;
    background-color: #daeeda;
    padding-bottom: 80px;
    padding-top: 50px;
}
.m-teamblock
{
    width: 100%;
    background-color: #c1e2c2;
    padding-bottom: 80px;
    padding-top: 50px;
}
.m-teamblock .writeunderline
{
    width: 100%; border-bottom: 1px solid #fff;position: relative; top: -15px;
}
.m-supportblock
{
    width: 100%;
    padding-bottom: 80px;
    padding-top: 50px;
    background: url("../img/supportbtmimg.jpg") repeat-y center top scroll;
}

.m-services
{
    margin: 0px auto;
}

.m-supports
{
    margin: 0px auto;
    position: relative;
    margin-bottom: 60px;
}

.m-clients
{
    margin: 0px auto;
}

.m-qandawrapper
{
    margin: 0px auto;
    position: relative;
    padding-top: 40px;
}
.m-qandawrapper .leftwrapper
{
    position: relative;
    left: 0px;
    display: inline-block;
    vertical-align: top;
}
.m-qandawrapper .rightwrapper
{
    position: relative;
    left: 50%;
    display: inline-block;
    vertical-align: top;
}

.m-contact
{
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-bottom: 25px;
}
.m-contact .fenxiang
{
    position: relative;
    top: 0%;
    margin-top: 20px;
    padding: 0px;
    height: 100%
}
.m-contact .mide 
{
    margin-bottom: 25px;
}
.m-contact p 
{
    font-size: 12px;
    color: #999999;
    font-family: arial,"Microsoft Yahei";
}
.m-lianxi
{
    width: 100%;
    line-height: 25px;
    margin-bottom: 5px;
}
.m-lianxi .imgs
{
    width: 30px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
}
.m-lianxi .imgs img 
{
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.m-lianxi .txt 
{
    font-size: 14px;
    color: #666666;
    height: 100%;
    display: inline-block;
    padding-left: 30px;
    vertical-align: top;
}
.m-lianxi .txt p 
{
    font-family: arial,"Microsoft Yahei";
}



.m-shuru
{
    width: 100%;
}
.m-shuru .left 
{
    width: 70px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-family: arial,"Microsoft Yahei";
    font-size: 14px;
    color: #999999;
    position: absolute;
}
.m-shuru .left span 
{
    margin-right: 5px;
}
.m-shuru .right
{
    padding-left: 75px;
    vertical-align: top;
}
.m-shuru .right .txtt 
{
    width:100%;
    display: inline-block;
    position: relative;
}
.m-shuru .right input
{
    height: 30px;
    border: 1px solid #cccccc;
    width: 100%;
    padding: 0px 10px;
    background-color: transparent;
}
.m-shuru .right .txtt  textarea
{
    height: 109px;
    border: 1px solid #cccccc;
    width: 100%;
    padding: 10px 10px 25px 10px;
    background-color: transparent;
}
.m-shuru .right .txtt .youjianbtm
{
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -25px;
    cursor: pointer;
}

.m-news
{
    margin: 0px auto;
    position: relative;
    padding: 37px 0px;
}
.m-xinwen
{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 3px;
}
.m-xinwen .left 
{
    height: 180px;
    border: 2px solid #ffffff;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 30px;
}
.m-xinwen .left img
{
    width: 100%;
}
.m-xinwen .right 
{
    vertical-align: top;
}
.m-xinwen .right .title 
{
    padding: 10px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    font-family: arial,"Microsoft Yahei";
}
.m-xinwen .right .txtt 
{
    height: 100px;
    overflow: hidden;
    margin-bottom: 20px;
}
.m-xinwen .right .txtt p
{
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    font-family: arial,"Microsoft Yahei";
}
.m-xinwen .right .riqi
{
    line-height: 30px;
}
.m-xinwen .right .riqi .shijian
{
    height: 30px;
    display: inline-block;
}
.m-xinwen .right .riqi .shijian span
{
    font-size: 12px;
    color: #666666;
    font-family: arial,"Microsoft Yahei";
    display: inline-block;
}
.m-xinwen .right .riqi .xiala
{
    font-size: 16px;
    color: #41bf43;
    font-weight: bold;
    font-family: arial,"Microsoft Yahei";
}
.m-xinwen .right .riqi .xiala .imgg 
{
    padding-left: 25px;
    font-size: 16px;
    line-height: 17px;
    font-family: "Microsoft Yahei";
}
.m-xinwen .right .riqi .xiala .openbtm {
    background: url("../img/openbtm.png") no-repeat left top scroll;
    background-size: 17px 34px;
    height: 17px;
    width: 17px;
    right: 0px;
    display: inline-block;
      vertical-align: middle;
    cursor: pointer;
}

.m-dibuhuanye
{
    height:30px;
    line-height: 30px;
    display: inline-block;
}
.m-dibuhuanye li
{
    width: 39px;
    height: 30px;
    float: left;
    border: 1px solid #d2d2d2;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}
.m-dibuhuanye li a
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.m-dibuhuanye li:hover
{
    background-color: #ececec;
}
.m-dibuhuanye li.targeted
{
    background-color: #ececec;
}
.m-dibuhuanye li.shenluehao
{
    background-color: #ffffff;
    border: 0px;
}
.m-dibuhuanye li.shenluehao input
{
    height: 30px;
    width: 39px;
    text-align: center;
    border: 1px #d2d2d2 solid;
    vertical-align: top;
    font-size: 12px;
    line-height: 30px;
}
.m-huaguo
{
    height: 222px;
    text-align: center;
    margin-bottom: 25px;
    line-height: 222px;
    width: 100%;
    background-position: center top;
    background-size: auto 100%;
    position: absolute;    
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.4);
    display: none;
}
.m-huaguo .zhongjian
{
    width: 155px;
    height: 80px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}
.m-huaguo .zhongjian img 
{
    vertical-align: top;
}

.m-renwu
{
    width: 100%;
    text-align: center;
    background-color: #c1e2c2;
    display: inline-block;
    margin-bottom: 30px;
    vertical-align: top;
}
.m-renwu .imgimg
{
    overflow: hidden;
    width: 100%;
    height: 222px;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
}
.m-renwu .imgimg .pop 
{
    width: 210px;
    height: 222px;
    position: absolute;
    top: 0px;
    overflow: hidden;
    left: 50%;
    margin-left: -105px;
    background-size: auto 100%;
    background-position: center center;
}
.m-renwu .imgimg .lol
{
    width: 100%;
    position: absolute;
}
.m-renwu .imgimg .lol img
{
    vertical-align: top;
}
.m-renwu .mingzi
{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    font-family: arial,"Microsoft Yahei";
}
.m-renwu .mingzi .heng 
{
    width: 35px;
    height: 4px;
    background-color: #7a8a7a;
    display: inline-block;
    margin: 20px 0px;
}
.m-renwu .txtt p 
{
    font-family: arial,"Microsoft Yahei";
    font-size: 12px;
    color: #ffffff;
    line-height: 25px;
}

.m-weixinsharewrapper
{
    width: 250px;
    height: 250px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -120px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
    display: none;
}
.m-weixinsharewrapper .title
{
    width: 100%;
    line-height: 30px;
    padding: 0px 10px;
    font-size: 12px;
    border-bottom: 1px solid #EEE;
    position: relative;
}

.m-weixinsharewrapper .infos
{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    line-height: 20px;
    border-top: 1px solid #EEE;
    padding: 0px 10px;
}
.m-weixinsharewrapper  #erweimaimg
{
    text-align: center;
    padding-top: 10px;
}
.m-weixinsharewrapper  #erweimaimg canvas
{
    max-height: 150px;
}

.m-videocover
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -78px;
    margin-top: -57px;
}
.m-videocover img
{
    width: auto;
}
/* 原件 */
.u-weixinclose
{
    position: absolute;
    right: 10px;
    cursor: pointer;
    width: 20px;
    text-align: center;
}

.u-oneqanda
{
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
    background: url("../img/qandaleftbg.png") no-repeat 40px bottom scroll;
}
.u-oneqanda .headimg
{
    display: inline-block;
    margin-left: 14px;
    margin-top: -14px;
    vertical-align: top;
}
.u-oneqanda .cqandaontents
{
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}
.u-oneqanda .cqandaontents .qandatitle
{
    line-height: 20px;
    font-weight: bold;
    font-family: arial,"Microsoft Yahei";
    font-size: 14px;
}
.u-oneqanda .cqandaontents .qandacontent
{
    font-size: 12px;
    font-family: arial,"Microsoft Yahei";
    line-height: 18px;
    overflow: hidden;
    height: 36px;
    padding-right: 10px; 
}
.u-oneqanda .openbtm
{
    background: url("../img/openbtm.png") no-repeat left top scroll;
    background-size: 17px 34px;
    height: 17px;
    width: 17px;
    position: absolute;
    right: 0px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.u-oneqanda .openstatus
{
    background-position: left -17px;
}


.u-clientlog
{
    display: inline-block;
    text-align: center;
    height: 40px;
}
.u-clientlog img
{
    display: inline-block;
    max-height: 40px;
    vertical-align: middle;
}


.u-oneservice
{
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    vertical-align: top;
}
.u-oneservice .onesevicetopimg
{
    height: 222px;
    margin-bottom: 25px;
    width: 100%;
    background-position: center center;
    background-size: auto 100%;
    cursor: pointer;
}
.u-oneservice .onesevicetitle
{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #333333;
}
.u-oneservice .onesevicetitle p
{
    font-family: arial,"Microsoft Yahei";
}
.u-oneservice .onesevicetitle img
{
    display: inline-block;
}
.u-oneservice .onesevicetell
{
    color: #666666;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
}
.u-oneservice .onesevicetell p
{
    font-family: arial,"Microsoft Yahei";
}

.u-silderteams
{
    margin: 0px auto;
}

.u-textdisccontent
{
    font-size: 14px;
    line-height: 25px;
    margin: 0px auto;
    text-align: left;
}

.u-textdisctitle
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 0px auto;
}
.u-textdisctitle img
{
    display: inline-block;
}
.u-textdisctitle p, .u-textdisccontent p
{
    font-family: arial,"Microsoft Yahei";
}

.u-boxbg
{
    background: url("../img/boxbg.png") repeat top left scroll;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
}
.u-clickboxbase
{
    margin: 0px auto;
    height: 80%;
    position: relative;
    top: 5%;
    text-align: center;
    display: none;
}
.u-clickboxbase img
{
    height: 100%;
    padding: 10px 10px 60px 10px;
    background-color: #fff;
    display: inline-block;
}
.u-clickboxwidth100base
{
    margin: 0px auto;
    width: 80%;
    position: relative;
    top: 10%;
    text-align: center;
    display: none;
    height: 80%;
}
.u-clickboxwidth100base img
{
    width: auto;
    padding: 10px 10px 60px 10px;
    background-color: #fff;
    display: inline-block;
}
.u-clickboxwidth100base #video1
{
    padding: 10px 10px 60px 10px;
    background-color: #fff;
    display: inline-block;
}
.u-clickboxwidth100base .clickarea1
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.u-clickboxwidth100base .clickarea1 .guanbi
{
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
    left: 50%;
    height: 100px;
    width: 100px;
    background: url("../img/guanbitishi.png");
    display: none;
}
.u-clickboxwidth100base .clickarea1-1
{
    position: absolute;
    top: 0px;
    left: 10%;
    width: 80%;
    height: 100%;
    cursor: pointer;
    display: none;
}
.u-clickboxwidth100base .clickarea1-1 .guanbi
{
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: -100px;
    left: 50%;
    height: 100px;
    width: 100px;
    background: url("../img/guanbitishi.png");
    display: none;
}
.u-clickboxwidth100base .clickarea1-1 .play
{
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 0px;
    left: 50%;
    height: 100px;
    width: 100px;
    background: url("../img/play.png") no-repeat left top -100px;
    display: none;
    background-size: 100px 200px;
}
.u-clickboxwidth100base .clickarea1-1:hover .guanbi
{
    display: block;
}
.u-clickboxwidth100base .clickarea1-1:hover .play
{
    display: block;
}
.u-clickboxwidth100base .clickarea2
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25%;
    height: 100%;
    cursor: pointer;
}
.u-clickboxwidth100base .clickarea2 .arrowleft
{
    position: absolute;
    top: 50%;
    margin-top: -55px;
    left: 10%;
    height: 109px;
    width: 55px;
    background: url("../img/leftbtm.png");
}
.u-clickboxwidth100base .clickarea3
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25%;
    height: 100%;
    cursor: pointer;
}
.u-clickboxwidth100base .clickarea3 .arrowright
{
    position: absolute;
    top: 50%;
    margin-top: -55px;
    right: 10%;
    height: 109px;
    width: 55px;
    background: url("../img/rightbtm.png");
}
.u-clickboxwidth100base .nownum
{
    display: none;
}



.u-mobilenavlogo
{
    position: absolute; left: 0px; top: 0px;
    height: 58px;
    width: auto;
    text-align: left;
    display: none;
    padding-left: 1px;
}
.u-mobilenavlogo img
{
    height: 100%;
    width: auto;
}
.u-mainbg
{
    background: url("../img/mainpagebg.jpg") scroll no-repeat top center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.u-btm1
{
    font-size: 16px;
    padding: 10px 70px;
    border: 2px solid #fff;
    display: inline-block;
}
.u-btm1:hover
{
    border-color: #34ac36;
}
.u-hsearch
{
    display: inline-block;
    height: 25px;
    border: 1px solid #b6b6b6;
    border-radius: 5px;
    border-bottom-color: #e2e2e2;
    width: 100%;
}
.u-hsearch .searchimg
{
    width: 14px;
    height: 23px;
    display: inline-block;
    line-height: 23px;
    background-repeat:no-repeat;
    vertical-align: middle;
    text-align: center;
    margin-top:3px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
	right: 10px;
}
.u-hsearch input
{
    height: 23px;
    width: 100%;
    text-align: left;
    font-size: 12px;
    border-radius: 5px;
    padding: 0px 25px 0px 5px;
    vertical-align: top;
    border: 0px;
    background: rgba(255, 255, 255, 0);
}

.u-fontstyle1
{
	font-family: newfontsstyle;
}
.u-fontstyle2
{
	font-family: newfontsstyle;
}
/* media */
/* 横屏 */
@media screen and (orientation:landscape){
    .g-fullscreen
    {
        height: auto;
    }
    .f-hengdisplay
    {
        display: inline-block;
    }
}
/* 竖屏 */
@media screen and (orientation:portrait){
    .f-hengdisplay
    {
        display: none;
    }
}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){

}
/* 打印 */
@media print{

}
/*phone*/
@media screen and (max-width: 767px) {
    .m-mainhelloword .logo
    {
        width: 125px;
        height: 73px;
    }
    .f-mobiledisplay
    {
    }
    .f-pcdisplay
    {
        display: none;
    }

    .m-mainhelloword
    {
        width: 80%;
        margin: auto;
        padding-top: 25%;
    }

    .m-rightnav
    {
        width: 189px;
    }

    .u-fontstyle1
    {
        font-size: 14px;
    }
    .u-fontstyle2
    {
        font-size: 16px;
    }

    .m-workcontainer .item
    {
        width: 50%;
    }
    .m-workcontainer .item.w2
    {
        width: 100%;
    }
    .m-overview
    {
        padding: 3px;
    }
    .m-overviewliving
    {
        padding: 3px;
    }
    .u-clickboxwidth100base img
    {
        width: 100%;
        max-height: 100%;
    }
    .u-clickboxwidth100base .clickarea2, .u-clickboxwidth100base .clickarea3
    {
        display: block;
    }
    .u-textdisctitle
    {
        margin-bottom: 15px;
    }
    .u-globlewidth
    {
        width: 80%;
    }

    .u-oneservice
    {
        width: 100%;
    }
    .u-clientlog
    {
        width: 50%;
        margin-bottom: 40px;
    }

    .m-qandawrapper .leftwrapper
    {
        left: 0px;
        width: 100%;
    }
    .m-qandawrapper .rightwrapper
    {
        left: 0%;
        width: 100%;
    }

    .u-oneqanda .cqandaontents
    {
        max-width: 60%;
    }
    
    .m-contact
    {
        width: 100%;
    }

    .supportbtmspcss
    {
    }
    .m-xinwen .right .riqi .shijian .zuoyou
    {
        padding: 0px;
    }
    .m-xinwen .left
    {
        width: 100%;
    }
    .m-xinwen .right 
    {
        padding-left: 0px;
    }

    .u-companyinfo
    {
        padding: 10px;
    }

    .m-overviewliving p
    {
        line-height: 24px;
    }

    .u-renwuwidth
    {
        width: 100%;
    }

    .m-renwu .txtt p
    {
        padding: 0px 10px;
    }

    .m-teamblock .writeunderline
    {
        display: none;
    }
    .u-silderteams
    {
        display: none;
    }
}
/*pad*/
@media screen and (min-width: 768px) {
    .m-mainhelloword .logo
    {
        width: 125px;
        height: 73px;
    }
    .f-mobiledisplay
    {
    }
    .f-pcdisplay
    {
        display: none;
    }

    .m-mainhelloword
    {
        width: 500px;
        margin: auto;
        padding-top: 10%;
    }

    .m-rightnav
    {
        width: 189px;
    }

    .u-fontstyle1
    {
        font-size: 14px;
    }
    .u-fontstyle2
    {
        font-size: 16px;
    }

    .m-workcontainer .item
    {
        width: 25%;
    }
    .m-workcontainer .item.w2
    {
        width: 50%;
    }
    .m-overview
    {
        padding: 11px;
    }
    .m-overviewliving
    {
        padding: 11px;
    }
    .u-clickboxwidth100base img
    {
        height: 100%;
        max-width: 100%;
    }
    .u-clickboxwidth100base .clickarea2, .u-clickboxwidth100base .clickarea3
    {
        display: block;
    }
    .u-textdisctitle
    {
        margin-bottom: 25px;
    }
    .u-globlewidth
    {
        width: 600px;
    }

    .u-oneservice
    {
        width: 30%;
    }
    .u-clientlog
    {
        width: 20%;
        margin-bottom: 60px;
    }

    .m-qandawrapper .leftwrapper
    {
        left: 0px;
        width: 47%;
    }
    .m-qandawrapper .rightwrapper
    {
        left: 6%;
        width: 47%;
    }

    .u-oneqanda .cqandaontents
    {
        max-width: 80%;
    }
    
    .m-contact
    {
        width: 48%;
    }

    .supportbtmspcss
    {
        position: absolute;
        right: 0px;
    }
    .m-xinwen .right .riqi .shijian .zuoyou
    {
        padding: 0px 50px;
    }
    .m-xinwen .left
    {
        width: 180px;
        position: absolute;
    }
    .m-xinwen .right 
    {
        padding-left: 200px;
    }

    .u-companyinfo
    {
        padding: 48px 38px;
    }

    .m-overviewliving p
    {
        line-height: 24px;
    }

    .u-renwuwidth
    {
        width: 33.33%;
    }

    .m-renwu .txtt p
    {
        padding: 0px 15px;
    }
}
/*disktop*/
@media screen and (min-width: 992px) {
    .m-mainhelloword .logo
    {
        width: 125px;
        height: 73px;
    }
    .f-mobiledisplay
    {
        display: none;
    }
    .f-pcdisplay
    {
        display: inline-block;
    }

    .m-mainhelloword
    {
        width: 740px;
        margin: auto;
        padding-top: 5%;
    }

    .m-rightnav
    {
        width: 189px;
    }

    .u-fontstyle1
    {
        font-size: 16px;
    }
    .u-fontstyle2
    {
        font-size: 21px;
    }


    .m-workcontainer .item
    {
        width: 25%;
    }
    .m-workcontainer .item.w2
    {
        width: 50%;
    }
    .m-overview
    {
        padding: 11px;
    }
    .m-overviewliving
    {
        padding: 11px;
    }
    .u-clickboxwidth100base img
    {
        height: 100%;
        max-width: 100%;
    }
    .u-clickboxwidth100base .clickarea2, .u-clickboxwidth100base .clickarea3
    {
        display: block;
    }
    .u-textdisctitle
    {
        margin-bottom: 25px;
    }

    .u-globlewidth
    {
        width: 900px;
    }

    .u-oneservice
    {
        width: 30%;
    }
    .u-clientlog
    {
        width: 16.66%;
        margin-bottom: 80px;
    }

    .m-qandawrapper .leftwrapper
    {
        left: 0px;
        width: 47%;
    }
    .m-qandawrapper .rightwrapper
    {
        left: 6%;
        width: 47%;
    }

    .u-oneqanda .cqandaontents
    {
        max-width: 80%;
    }
    
    .m-contact
    {
        width: 48%;
    }

    .supportbtmspcss
    {
        position: absolute;
        right: 0px;
    }
    .m-xinwen .right .riqi .shijian .zuoyou
    {
        padding: 0px 50px;
    }
    .m-xinwen .left
    {
        width: 180px;
        position: absolute;
    }
    .m-xinwen .right 
    {
        padding-left: 200px;
    }

    .u-companyinfo
    {
        padding: 48px 38px;
    }

    .m-overviewliving p
    {
        line-height: 34px;
    }

    .u-renwuwidth
    {
        width: 33.33%;
    }

    .m-renwu .txtt p
    {
        padding: 0px 20px;
    }
}
/*bigscreen*/
@media screen and (min-width: 1200px) {
    .m-mainhelloword .logo
    {
        width: 125px;
        height: 73px;
    }
    .f-mobiledisplay
    {
        display: none;
    }
    .f-pcdisplay
    {
        display: inline-block;
    }

    .m-mainhelloword
    {
        width: 840px;
        margin: auto;
        padding-top: 8%;
    }

    .m-rightnav
    {
        width: 200px;
    }

    .u-fontstyle1
    {
        font-size: 16px;
    }
    .u-fontstyle2
    {
        font-size: 21px;
    }


    .m-workcontainer .item
    {
        width: 25%;
    }
    .m-workcontainer .item.w2
    {
        width: 50%;
    }

    .m-overview
    {
        padding: 11px;
    }
    .m-overviewliving
    {
        padding: 11px;
    }

    .u-clickboxwidth100base img
    {
        height: 100%;
        max-width: 100%;
    }
    .u-clickboxwidth100base .clickarea2, .u-clickboxwidth100base .clickarea3
    {
        display: block;
    }

    .u-textdisctitle
    {
        margin-bottom: 25px;
    }
    .u-globlewidth
    {
        width: 1200px;
    }
    .u-oneservice
    {
        width: 30%;
    }
    .u-clientlog
    {
        width: 16.66%;
        margin-bottom: 80px;
    }
    .m-qandawrapper .leftwrapper
    {
        left: 0px;
        width: 47%;
    }
    .m-qandawrapper .rightwrapper
    {
        left: 6%;
        width: 47%;
    }

    .u-oneqanda .cqandaontents
    {
        max-width: 80%;
    }
    
    .m-contact
    {
        width: 48%;
    }

    .supportbtmspcss
    {
        position: absolute;
        right: 0px;
    }
    .m-xinwen .right .riqi .shijian .zuoyou
    {
        padding: 0px 50px;
    }
    .m-xinwen .left
    {
        width: 180px;
        position: absolute;
    }
    .m-xinwen .right 
    {
        padding-left: 200px;
    }

    .u-companyinfo
    {
        padding: 48px 38px;
    }

    .m-overviewliving p
    {
        line-height: 34px;
    }

    .u-renwuwidth
    {
        width: 33.33%;
    }

    .m-renwu .txtt p
    {
        padding: 0px 25px;
    }
}

#changeType
{
    display: none;
}

/*功能性代码*/
.f-clickboxwidth100base
{
    cursor: pointer;
}

.f-btmflag
{
    text-align: center;
    width: 100%;
    line-height: 40px;
    color: #34ac36;
}
.f-ifvideo
{
    display: none;
}
.f-imgsrc
{
    display: none;
}
.f-proname
{
    display: none;
}
.f-prodate
{
    display: none;
}
.f-filmsrcmp4
{
    display: none;
}
.f-filmsrcogg
{
    display: none;
}
.f-url
{
    display: none;
}
.f-weixinsharebtm
{
    cursor: pointer;
}
.f-imgopenup
{
    cursor: pointer;
}

.f-powerby
{
text-indent: -8000px;
position: absolute;
top: 0px;
left: 0px;
}