a:active { outline: none; star: expression(this.onFocus=this.blur()); }
a:hover {color:black}
a:before{color:black}
a {color:black;}

* { margin: 0; padding: 0; list-style: none; outline: none; word-wrap: break-word; }
img { border: none; }
table { table-layout: fixed; border-collapse: collapse; }
a { text-decoration: none; }
.fb { font-weight: bold; }
body { font-size: 12px; font-family: Helvetica, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
body, html { overflow-x: hidden; -webkit-text-size-adjust: none; }
input { -webkit-appearance: none; }

::-moz-selection { background: #e60012; color: #fff; text-shadow: none; }
::selection { background: #e60012; color: #fff; text-shadow: none; }

.welcome { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fcfcfc; z-index: 99; }
.welcome .text { width: 200px; height: 200px; color: #acacac; font-size: 14px; text-align: center; margin: -130px 0 0 -100px; position: absolute; left: 50%; top: 50%; transition: 1500ms; }
.welcome .logo-big { width: 230px; }
.welcome .p1 { margin: 10px 0 5px 0; font-size: 30px; color: #2a2a2a; font-family: "fontlogo"; }
.welcome .p2 { font-size: 15px; color: #acacac; font-family: "antoniolight"; }
.welcome .loadLine { width: 100%; height: 8px; background: #dddddd; }
.welcome .lineCur { width: 0; height: 100%; background: #e60012; transition: 100ms; }

.head { width: 100%; height: 100px; background: url(../images/headBg2.png) repeat; border-bottom: 1px solid #ededed; position: fixed; left: 0; top: -100px; z-index: 10; transition: 400ms; }
#headShow { top: 0; }
.head .logo { width: 395px; float: left; margin: 10px 0 0 30px; transition: 400ms; }
.head .logo img { margin: 15px 8px 0 0; float: left; transition: 400ms; }/*width: 70px;*/ 
.head .logo .p1 { margin: 10px 0 0 0; font-size: 30px; color: #2a2a2a; font-family: "微软雅黑"; transition: 400ms; }
.head .logo .p2 { font-size: 14px; color: #acacac; font-family: "微软雅黑"; transition: 400ms; }
.nav { margin: 35px 120px 0 0; float: right; transition: margin 400ms; position: relative; left: 0; }
.nav ul { }
.nav li { width: 94px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 18px; float: left; position: relative; }
.nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.nav li a { width: 100%; height: 100%; color: #6b6b6b; }
.nav li .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 400ms; width: 100%; height: 100%; background: url(../images/navCur.png) no-repeat center; }
.nav li .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }
.nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #e60012; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; }
.nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); }
.navBtn { }
.navM { display: none; }
.navBtn2 { width: 50px; height: 50px; background: url(../images/navBtn.png) no-repeat center; position: absolute; right: 30px; top: 22px; transition: -webkit-transform 300ms,transform 300ms,top 400ms; }
.navShow { -webkit-transform: rotate(-90deg); }

/*//20160617*/
.nav .newsli { width: 94px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 18px; float: left; position: relative; }
.nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.nav newsli a { width: 100%; height: 100%; color: #6b6b6b; }
.nav newsli .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 400ms; width: 100%; height: 100%; background: url(../images/navCur.png) no-repeat center; }
.nav newsli .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }
.nav newsli .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #e60012; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; }
.nav newsli:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.nav .cur .t1, .nav newsli:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav newsli:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); }
/*end*/

.headFirst { background: url(../images/headBg.png) repeat; border-bottom: none; }
.headFirst .logo .p1 { color: #fff; }
.headFirst .logo .p2 { color: #fff; }
.headFirst .nav li a { color: #fff; }
.headFirst .nav li .bg { background: url(../images/navCur2.png) no-repeat; }
.headFirst .nav li .t2 { color: #fff; }

.headFixed { height: 70px; }
.headFixed .logo { width: 300px; margin: 10px 0 0 120px; }
.headFixed .logo img { width: 170px; margin: 6px 5px 0 0; }
.headFixed .logo .p1 { margin: 0; font-size: 26px; }
.headFixed .logo .p2 { font-size: 13px; }
.headFixed .nav { margin-top: 20px; }
.headFixed .navBtn2 { top: 10px; }

.banner { width: 100%; height: 500px; background: #f8f8f8; overflow: hidden; position: relative; }
.banner .imgs { width:100%; }
.banner li { width: 100%; height: 100%; overflow: hidden; float: left; position: absolute; left: 0; top: 0; }
.banner li img { position: absolute; }
.banner .text { width: 572px; height: 582px; padding: 90px 50px 0 50px; margin: -310px 0 0 -336px; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; }
.banner .textBg { width: 100%; position: absolute; left: 0; top: 0; }
.banner .text p { position: relative; z-index: 1; }
.banner .text .p1 { font-size: 28px; }
.banner .text .p2 { font-size: 38px; font-family: fontlogo; }
.banner .text .p3 { font-size: 36px; }
.banner .text .p4 { padding: 10px 100px 0 100px; font-size: 18px; text-transform: uppercase; }
.banner .text .t { margin: 60px 0 0 0; padding: 20px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; position: relative; z-index: 1; }
.banner .more { margin: 10% 0 0 0; text-align: center; }
.banner .more a { width: 156px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; display: inline-block; text-transform: uppercase; text-align: center; border: 2px solid #fff; border-radius: 25px; transition: 400ms; }
.banner .more a:hover { background: #fff; color: #e60012; }
.banner .arrow { width: 22px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 50%; bottom: 20px; }
.banner .arrow1 { width: 200px; height: 32px; margin: 0 0 0 -11px; position: absolute; right: 50px; bottom: 20px; font-size:25px; color:#FFFFFF; }
.banner .arrow2 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 80px; bottom: 20px; font-size:25px; color:#FFFFFF; }


.about { padding: 50px 0 100px; overflow: hidden; position: relative; background-image: url("../images/bg-1.jpg"); color:#d3d3d3;}
.aboutBox { width: 1190px; margin: 0 auto; }
.about .left { width: 49%; float: left; }
.about .title { width: 100%; margin: 0 0 30px 0; font-size: 36px;  }/*color: #3a3a3a; font-family: "antonioregular";*/
.about .title span { padding: 0 36px 0 0; /*background: url(../images/i2.png) no-repeat right 80%;*/ }
.about .left .text { font-size: 14px; line-height: 28px; } /*color: #515151;*/
.about .left .text p { margin: 0 0 28px 0; text-indent: 2em; }
.about .right { width: 47%; float: right; }


.about .more { width: 100%; overflow: hidden; text-align: center; }
.about .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.about .more a:hover { background: #b2b2b2; }

.aboutMore { width: 100%; height: 100%; margin: 80px 0 0 0; overflow: hidden; background: #fff; }
.aboutMore .title { width: 100%; margin: 0 0 60px 0; font-size: 36px; color: #3a3a3a; font-family: "antonioregular"; }
.aboutMore .title span { padding: 0 36px 0 0; /*background: url(../images/i2.png) no-repeat right 80%;*/ }

.teamDetailBg { display: none; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; left: 0; top: 0; }
.teamDetailBg2 { display: none; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; left: 0; top: 0; }
.teamDetail { display: none; width: 420px; height: 680px; padding: 0 30px; margin: -310px 0 0 -240px; text-align: center; background: #fff; border-radius: 15px; position: fixed; left: 50%; top: 50%; z-index: 1; }
.teamDetail .close { width: 30px; height: 30px; background: url(../images/close.png) no-repeat 0 0; position: absolute; right: 15px; top: 15px; }
.teamDetail .close:hover { background-position: -30px 0; }
.teamDetail .face { margin: 55px 0 0 0; text-align: center; }
.teamDetail .face img { width: 220px; border-radius: 50%; }
.teamDetail .t1 { padding: 30px 0 32px 0; /*background: url(../images/i2.png) no-repeat center bottom;*/ }
.teamDetail .t1 .name { margin: 0 0 10px 0; }
.teamDetail .t2 { margin: 30px 0 0 0; font-size: 14px; color: #737373; line-height: 30px; }

.aboutMoreBox { }
.aboutList { }
.item { padding: 100px 0; }
.item .box { width: 1190px; overflow: hidden; margin: 0 auto; }
.aboutMore .p1 { margin: 0 0 5px 0; font-size: 30px; color: #202020; font-family: fzlt; }
.aboutMore .p2 { margin: 0 0 65px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: Helvetica; }
.team ul { width: 1216px; }
.team li { width: 274px; text-align: center; line-height: 28px; float: left; margin: 0 30px 0 0; font-family: "微软雅黑"; }
.team .img { width: 100%; position: relative; border-radius: 50%; cursor: pointer; }
.team .teamImg { width: 100%; }
.team .teamBg { opacity: 0; filter: alpha(opacity=0); width: 100%; position: absolute; left: 0; top: 0; transition: 600ms; }
.team .img:hover .teamBg { opacity: 1; filter: alpha(opacity=100); }
.team .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.team .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.team .img:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.team .img:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.team .name { margin: 15px 0 0 0; font-size: 16px; color: #202020; }
.team .til { font-size: 14px; color: #737373; }
.team .tool { margin: 10px 0 0 0; text-align: center; }
.team .tool a { width: 26px; height: 26px; margin: 0 1px; display: inline-block; background: url(../images/shareBg.png) no-repeat -26px 0; }
.team .tool span { width: 100%; height: 100%; display: inline-block; }
.team .tool .qq span { background: url(../images/qq.png) no-repeat center; }
.team .tool .weixin span { background: url(../images/weixin.png) no-repeat center; }
.team .tool .weibo span { background: url(../images/weibo.png) no-repeat center; }
.team .tool a:hover { background-position: 0 0; }
.skill { background: #f8f8f8; }
.skill ul { }
.skill li { width: 100%; float: left; height: 82px; }
.skill li p { padding: 0 0 0 12px; font-size: 16px; color: #515151; font-family: Helvetica; }
.skill .num { margin: 0 0 0 5px; }
.skill .lineBox { width: 542px; height: 10px; padding: 10px 16px; margin: 10px 0 0 0; border: 1px solid #dfdfdf; border-radius: 15px; }
.skill .line { width: 100%; height: 100%; background: #ebebeb; overflow: hidden; border-radius: 15px; position: relative; }
.skill .lineCur { width: 10px; height: 100%; position: absolute; left: 0; top: 0; background: #e60012; border-radius: 15px; }
.skill .li1 .liBox { margin: 0 0 0 2%; }
.skill .li2 .liBox { float: right; margin: 0 2% 0 0; }
.skill .li3 .liBox { margin: 0 0 0 22%; }
.skill .li4 .liBox { margin: 0 0 0 35%; }
.skill .li5 .liBox { margin: 0 0 0 10%; }

.service { background: #f2f2f2; padding: 50px 0; }
.service .box { width: 1180px; margin: 0 auto; }
.service .title .p1 { width: 100%; margin: 0 0 20px 0; font-size: 36px; text-transform: uppercase; color: #3a3a3a; font-family: "antonioregular"; }
.service .title .p1 span { padding: 0 36px 0 0; /*background: url(../images/i2.png) no-repeat right 80%;*/ }
.service .title .p2 { margin: 0 0 5px 0; font-size: 30px; color: #202020; font-family: fzlt; }
.service .title .p3 { margin: 0 0 20px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: Helvetica; }
.service ul { overflow: hidden; }
.service li { width: 270px; height: 350px; margin: 0 22px 0 0; overflow: hidden; text-align: center; float: left; border: 1px solid #f8f8f8; position: relative; transition: 400ms; }
.service li img {width: 270px; height: 350px;}

.service .t1 { width: 100%; height: 140px; padding: 210px 0 0 0; font-size: 14px; color: #9b9797; font-family: Helvetica; text-transform: uppercase; position: absolute; left: 0; top: 0; transition: 400ms; }
.service .t1 .p1 { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; font-family: "微软雅黑"; }
.service .t2 { width: 100%; padding:10px 0; line-height: 24px; font-size: 14px; color: #fff; background: #e60012; position: absolute; left: 0; bottom: -98px; transition: 400ms; }
.service .li1 .t1 { background: url(../images/serviceImg1.png) no-repeat center 116px; }
.service .li2 .t1 { background: url(../images/serviceImg2.png) no-repeat center 116px; }
.service .li3 .t1 { background: url(../images/serviceImg3.png) no-repeat center 116px; }
.service .li4 .t1 { background: url(../images/serviceImg4.png) no-repeat center 116px; }
.service .li4 { margin: 0; }
.service .tc { border-color: #dfdfdf; background: #fff; }
.service .tc .t1 { top: -60px; }
.service .tc .t2 { bottom: 0; }


.work { padding: 50px 0 ; background: #292929; }
.work .arrow1 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; right: 50px; bottom: -1570px; font-size:25px; color:#FFFFFF; }
.work .arrow2 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 80px; bottom: -1570px; font-size:25px; color:#FFFFFF; }
.work .box { width: 1180px; margin: 0 auto; }
.work .title { width: 100%; margin: 0 0 6px 0; font-size: 36px; color: #fff; font-family: "antonioregular"; }
.work .title span { padding: 0 36px 0 0;  }/*background: url(../images/i1.png) no-repeat right 80%;*/
.work .top { overflow: hidden; margin: 0 0 35px 0; }
.work .menu { float: left; }
.work .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #292929; }
.work .menu a:hover, .work .menu .cur { border-color: #e60012; color: #e60012; }
.work .btns { float: right; }
.work .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../images/btn3.png) no-repeat 0 0; }
.work .btnLeft:hover { background-position: 0 -29px; }
.work .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../images/btn3.png) no-repeat -29px 0; }
.work .btnRight:hover { background-position: -29px -29px; }


.work .listBox { height: 400px; margin: 0 0 0 0; overflow: hidden; position: relative; }
.work .list { }
.work ul { width: 99999px; position: absolute; left: 0; top: 0; }
.work li { width: 272px; padding: 0 0 5px 0; line-height: 24px; border-bottom: 4px solid #3a3a3a; float: left; margin: 0 31px 0 0; transition: border-color 400ms; }
.work li a { display: block; }
.work li .imgBox { height: 350px; overflow: hidden; position: relative;  display: flex;align-items: center; /*定义body的元素垂直居中*/justify-content: center; /*定义body的里的元素水平居中*/ }
.work li .img { width: 100%; }

 

.work li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }/*background: #e60012;*/ 
.work li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.work li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.work li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms;float:left }
.work li .time {  margin: 10px 0 0 0; color: #3a3a3a;height: 24px; font-size: 18px; transition: 400ms; float:right;}
.work li:hover { border-color: #e60012; }
.work li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.work li:hover .t { color: #e3e3e3; }
.work li:hover .time { color: #e3e3e3; }
.work li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work .more { width: 100%; overflow: hidden; text-align: center; margin-top: 20px;}
.work .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.work .more a:hover { background: #b2b2b2; }


.contact { padding: 50px 0 100px; overflow: hidden; }
.contact .box { width: 1180px; margin: 0 auto; }
.contact .title { width: 100%; margin: 0 0 50px 0; font-size: 36px; color: #3a3a3a; font-family: "antonioregular"; }
.contact .title span { padding: 0 36px 0 0; /*background: url(../images/i2.png) no-repeat right 80%;*/ }
.contact .left { width: 45%; float: left; }
.contact .left .text { height: 250px; overflow: hidden; }
.contact .left .p1 { font-size: 24px; color: #3a3a3a; }
.contact .left .p1 .fz20 { margin: 0 10px 0 0; font-size: 20px; float: left; }
.contact .left .p2 { margin: 15px 0 15px 0; line-height: 24px; font-size: 14px; color: #515151; }
.contact .address { margin: 0 0 80px 0; line-height: 40px; font-size: 14px; color: #3a3a3a; font-family: "微软雅黑"; }
.contact .address p { padding: 0 0 0 30px; }
.contact .left .p3 { background: url(../images/i2.png) no-repeat left 5px; }
.contact .left .p4 { background: url(../images/i3.png) no-repeat left 14px; }
.contact .left .p5 { background: url(../images/i4.png) no-repeat left 6px; }
.contact .right { width: 49%; float: right; margin-top:-100px; }
.contact .right .t1 { margin: 0 auto 35px auto; color: #515151; }
.contact .right .t1 p { font-size: 13px; padding: 0 0 5px 20px; }
.contact .right .t1 span { font-size: 14px; }
.contact .right .input1 { width: 97%; height: 14px; padding: 13px 0 13px 3%; color: #515151; border: none; border-radius: 20px; background: #e8e8e8; }
.contact .right textarea { width: 94%; padding: 3%; line-height: 24px; overflow: hidden; color: #515151; resize: none; border: none; border-radius: 20px; background: #e8e8e8; }
.contact .right .btn { width: 184px; height: 54px; border: none; border-radius: 25px; font-size: 18px; color: #fff; background: #e60012; cursor: pointer; transition: 300ms; }
.contact .right .btn:hover { background: #B2B2B2; }
.contact .right .text { height: 400px; }

.news { padding: 20px 0 100px; background: #292929; }
.news .arrow1 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; right: 50px; bottom: -1570px; font-size:25px; color:#FFFFFF; }
.news .arrow2 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 80px; bottom: -1570px; font-size:25px; color:#FFFFFF; }
.news .box { width: 1180px; margin: 0 auto; }
.news .title { width: 100%; margin: 0 0 6px 0; font-size: 36px; color: #fff; font-family: "antonioregular"; }
/*.news .title span { padding: 0 36px 0 0; background: url(../images/i2.png) no-repeat right 80%; }*/
.news .top { overflow: hidden; margin: 0 0 20px 0; }
.news .menu { float: left; }
.news .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #292929; }
.news .menu a:hover, .news .menu .cur { border-color: #e60012; color: #e60012; }
.news .btns { float: right; }
.news .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../images/btn3.png) no-repeat 0 0; }
.news .btnLeft:hover { background-position: 0 -29px; }
.news .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../images/btn3.png) no-repeat -29px 0; }
.news .btnRight:hover { background-position: -29px -29px; }
.news .news_listBox { height:auto; margin: 0 0 0 0; overflow: hidden; position: relative; } /*height: 300px;*/
.news .list { }
/*2016.work ul { width: 99999px; position: absolute; left: 0; top: 0; }*/


/*.news ul { width: 1215px; position: absolute; left: 0; top: 0; }

.news li { width: 272px; padding: 0 0 5px 0; line-height: 24px; float: left; margin: 0 31px 0 0; transition: border-color 400ms; border-bottom: 4px solid #3a3a3a;}
.news li a { display: block; }
.news li .imgBox { height: 220px; overflow: hidden; position: relative; }
.news li .img { width: 100%; height: 100%; }
.news li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #e60012; position: absolute; left: 0; top: 0; transition: 400ms; }
.news li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.news li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.news li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms; }
.news li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; }
.news li:hover { border-color: #e60012; }
.news li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.news li:hover .t { color: #e3e3e3; }
.news li:hover .time { color: #e3e3e3; }
.news li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.news li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.news .more { width: 100%; overflow: hidden; text-align: center; margin-top: 20px;} 
.news .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.news .more a:hover { background: #b2b2b2; }*/




.foot { overflow: hidden; height:100px; line-height: 30px; padding: 20px 0; color: #929292; background-color:#000; font-size:16px; text-align:center;  margin:0 auto;  }
.foot .box { width: 1180px; margin: 0 auto; }
.foot .fl { float: left; }
.foot .fl p { display:inline; }
.foot .fl p a { margin-right:10px; color:#929292 }
.foot .fl p a:hover {color:#e60012 }
.foot .share { height: 26px; float: right; }
.foot .share a { width: 26px; height: 26px; line-height: 26px; margin: 0 1px; display: inline-block; background: url(../images/shareBg.png) no-repeat -26px 0; }
.foot .share span { width: 100%; height: 100%; display: inline-block; }
.foot .share .qq span { background: url(../images/qq.png) no-repeat center; }
.foot .share .weixin span { background: url(../images/weixin.png) no-repeat center; }
.foot .share .weibo span { background: url(../images/weibo.png) no-repeat center; }
.foot .share a:hover { background-position: 0 0; }

.workDetailMain { padding: 100px 0 0px 0; background: #f8f8f8;}
.workDetailMain .box { width: 1180px; margin: 0 auto; }
.workDetailMain .line { height: 8px; background: #dbdbdb; overflow: hidden; }
.workDetailMain .line span { width: 270px; height: 100%; display: inline-block;; background: #e60012; float: left; }
.workDetailMain .main { padding: 35px 25px; background: #fff; }
.workDetailMain .main .main_top { width:800px; height:360px; margin:auto;border-bottom: 3px solid #dbdbdb;}
.workDetailMain .main .main_top .main_top_l { float:left; width:270px; }
.workDetailMain .main .main_top .main_top_l img { width:270px; height:350px;}

.workDetailMain .main .main_top .main_top_r { float:right;width:500px; }
.workDetailMain .main .main_top .main_top_r .infol { float:left;width:100%; height:170px;}
.workDetailMain .main .main_top .main_top_r .infor { float:right;width:250px; height:100px;}


.workDetailMain .title { margin: 10px 0 10px 0; font-size: 18px; line-height: 28px; color: #f15a24;}
.workDetailMain .remarks { font-size: 14px;  color: #9b9796; font-family: "微软雅黑"; }
.workDetailMain .type { font-size: 14px; line-height: 24px; color: #9b9796; font-family: "微软雅黑"; }
.workDetailMain .content { padding: 10px 0;  width:800px; margin:0 auto; font-size:16px; line-height:30px; }
    .workDetailMain .content embed {
        z-index: 0;
    }
.workDetailMain .content .url{ padding: 20px 0 0; font-size:14px; color:red; }
.workDetailMain .content img { width: 100%; display: block; }
.workDetailMain .other {border-top: 8px solid #dbdbdb; }
.workDetailMain .other .t1 { padding: 15px 0; line-height: 30px; overflow: hidden; }
.workDetailMain .other .t1 span { font-size: 22px; color: #a5a5a5; float: left; }
.workDetailMain .other .btns { float: right; }
.workDetailMain .other .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../images/btn4.png) no-repeat 0 0; }
.workDetailMain .other .btnLeft:hover { background-position: 0 -29px; }
.workDetailMain .other .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../images/btn4.png) no-repeat -29px 0; }
.workDetailMain .other .btnRight:hover { background-position: -29px -29px; }
.workDetailMain .listBox { height: 400px; overflow: hidden; position: relative; }
.workDetailMain .listBox ul { width: 9999px; position: absolute; left: 0; top: 0; }
.workDetailMain .listBox li { width: 272px; padding: 0 0 5px 0; margin: 0 14px 0 0; border-bottom: 4px solid #dbdbdb; float: left; transition: border-color 400ms; }
.workDetailMain .listBox li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.workDetailMain .listBox li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.workDetailMain .listBox li a { display: block; color: #8f8f8f; }
.workDetailMain .listBox li .imgBox { height: 350px; overflow: hidden; position: relative; }
.workDetailMain .listBox li .img { width: 100%; height: 100%; }
.workDetailMain .listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; /*background: #e60012;*/ position: absolute; left: 0; top: 0; transition: 400ms; }
.workDetailMain .listBox li .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; }
.workDetailMain .listBox li .time { font-size: 14px; transition: 400ms; }
.workDetailMain .listBox li:hover { border-color: #e60012; }
.workDetailMain .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.workDetailMain .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.workDetailMain .listBox li:hover a { color: #373737; }
.workDetailMain .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.workDetailMain .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

/*2016微信移动端videoInfo
*/
.wxVideo{margin-top: 50px;padding: 10px;}
.wxVideo_Title{font-size: 16px;}
.wxVideo_Time{font-size: 16px; color: #8c8c8c;}

.wxVideo_about{ height:150px; font-size: 12px; text-indent: 20px; border: 1px solid #f0d1c4; padding: 10px; line-height: 20px; border-radius: 8px; }
.wxVideo_about_img img{ float:left;  width:120px;}
.wxVideo_about ul{float:left;}
.wxVideo_about li{padding-right:5px;}
.wxVideo_Note{font-size: 15px; line-height: 24px; color: #3e3e3e; margin-top:10px;}
    .wxVideo_Note img {
     width:100%;}


.workList { padding: 130px 0 50px 0; background: #f8f8f8; }
.workList .box { width: 1180px; margin: 0 auto; }
.workList .line { height: 8px; background: #dbdbdb; overflow: hidden; }
.workList .line span { width: 270px; height: 100%; display: inline-block;; background: #e60012; float: left; }
.workList .main { }
.workList .menu { padding: 35px 0; }
.workList .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #f8f8f8; }
.workList .menu a:hover, .workList .menu .cur { border-color: #e60012; color: #e60012; }


.workList .listBox {  overflow: hidden; }
.workList .listBox ul { position: relative; transition: height 400ms; }
.workList .listBox li { width: 272px; height:380px; overflow: hidden; padding: 0 0 5px 0; border-bottom: 4px solid #dbdbdb; transition: 400ms border-color,400ms left,400ms top; position: absolute; left: 0; top: 0; }
.workList .listBox li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.workList .listBox li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.workList .listBox li a { display: block; color: #8f8f8f; }
.workList .listBox li .imgBox { height: 350px; overflow: hidden; position: relative;  display: flex;align-items: center; /*定义body的元素垂直居中*/justify-content: center; /*定义body的里的元素水平居中*/}
.workList .listBox li .img { width: 100%; }
.workList .listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }
.workList .listBox li .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; float:left;}
.workList .listBox li .time { font-size: 14px; transition: 400ms;line-height:32px;float:right; }
.workList .listBox li:hover { border-color: #e60012; }
.workList .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.workList .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.workList .listBox li:hover a { color: #373737; }
.workList .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.workList .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.workList .more { width: 100%; overflow: hidden; text-align: center; }
.workList .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.workList .more a:hover { background: #b2b2b2; }







.newsList { padding: 130px 0 50px 0; background: #f8f8f8; height:auto; }
.newsList .box { width: 1000px; height:1500px; margin: 0 auto; }
.newsList .line { height: 8px; background: #dbdbdb; overflow: hidden; }
.newsList .line span { width: 270px; height: 100%; display: inline-block;background: #e60012; float: left; }
.newsList .main {  }
.newsList .menu { padding: 35px 0 5px; }
.newsList .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #f8f8f8; }
.newsList .menu a:hover, .newsList .menu .cur { border-color: #e60012; color: #e60012; }
.newsList .news_l { float:left;  width:700px; }

.newsList .listBox { /*overflow: hidden;*/ height:auto; width:700px; float:left; }
.newsList .listBox ul {  }
.newsList .listBox li {margin-top:15px; width: 250px;width:700px;  overflow: hidden; padding: 0 0 5px 0; border-bottom: 4px solid #dbdbdb; transition: 400ms border-color,400ms left,400ms top; }
.newsList .listBox li .newsImg{ float:left;}
.newsList .listBox li .newsImg img{ width: 320px; height:180px;}
.newsList .listBox li .newsInfo{  float:right; width:350px; margin: 0 15px ; overflow:hidden;}
.newsList .listBox li .newsInfo .title{ font-size:18px; color:#000; }
.newsList .listBox li .newsInfo .zaiyao{ max-height:95px; height:auto;overflow:hidden; font-size:14px;color:#acacac; line-height:24px; text-indent:24px;padding-top:10px; }
.newsList .listBox li .newsInfo .shuxing{ font-size:12px;color:#666; line-height:24px; padding-top:10px; }
.newsList .listBox li .newsInfo .shuxing span{ margin:5px;  }

.newsList .listBox li .time { font-size: 14px; transition: 400ms; }
.newsList .listBox li:hover { border-color: #e60012; }
.newsList .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.newsList .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.newsList .listBox li:hover a { color: #373737; }
.newsList .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.newsList .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
/*.newsList .listBox li:hover .newsInfo { background-color:#dbdbdb; }*/

.newsList .listVideo { float:right; width:270px; overflow:hidden;}
.newsList .listVideo ul{ margin-top:15px;}
.newsList .listVideo ul li{line-height:20px; margin-top:5px;}
.newsList .listVideo ul li .VideoImg{line-height:20px;}
.newsList .listVideo ul li .VideoImg img{ width:270px; }
.newsList .listVideo ul li .VideoTitle{ font-size:14px; color:#666; margin:5px 10px 0  ;}


.wxNewsList {margin-top: 50px;padding:0 10px 10px;}
.wxNewsList .menu { padding: 15px 0 5px; }
.wxNewsList .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #f8f8f8; }
.wxNewsList .menu a:hover, .wxNewsList .menu .cur { border-color: #e60012; color: #e60012; }
.wxNewsList ul{line-height:20px;}
.wxNewsList ul li{line-height:20px; height:100px; width:100%; margin-top:10px; border-bottom:1px solid #ededed;}
.wxNewsList ul li .newsImg { float:left;width:170px; height:100px;}
.wxNewsList ul li img{ width:160px; height:90px;}
.wxNewsList ul li .newsInfo{ float:none;padding:5px;}
.wxNewsList ul li .newsInfo .title{font-size: 18px; color:black; height:60px; overflow:hidden;}
.wxNewsList ul li .newsInfo .shuxing{font-size: 16px; color: #8c8c8c; padding-top:5px;}
.wxNewsList ul li .newsInfo span{padding-right:10px;}



.NInfo { padding: 130px 0 50px 0;  height:auto;display:block; }
.NInfo .box { width: 1000px;  margin: 0 auto; }
.NInfo .line { height: 8px; background: #dbdbdb; overflow: hidden; }
.NInfo .line span { width: 270px; height: 100%; display: inline-block;background: #e60012; float: left; }
.NInfo .main { background: #f8f8f8; display:block; }
.NInfo .menu { padding: 35px 0 5px; }

.NInfo .news_l { float:left;  width:700px; margin-bottom:30px; display:block; }
.NInfo .newsinfo_title{ margin: 24px auto 18px; font-size: 24px; line-height: 28px; color: #f15a24; text-align:center; }
.NInfo .newsinfo_about{  text-align:center; font-size: 14px; line-height: 24px; color: #9b9796; font-family: "微软雅黑"; }
.NInfo .newsinfo_about span{margin:10px;}
.NInfo .ninfo_ab{ width:650px; height:auto; margin:0 auto; border: 1px solid #f0d1c4;border-radius: 8px; font-size: 14px; padding:20px;line-height:24px; text-indent:28px;}
.NInfo .ninfo_img{margin:28px auto;}
.NInfo .ninfo_img img{ margin:0 auto; text-align:center;display:block; }
.NInfo .ninfo_note{width:650px; margin:24px; font-size:16px; line-height:30px;}

.NInfo .ninfo_note img{ max-width:650px;}

.NInfo .shm{ width:650px; height:auto; margin:0 auto; border: 1px solid #f0d1c4;border-radius: 8px; font-size: 14px; padding:20px;line-height:24px; text-indent:28px;}


.NInfo .listVideo { float:right; width:270px; display:block; overflow:hidden;}
.NInfo .listVideo ul{ margin-top:15px;}
.NInfo .listVideo ul li{line-height:20px; margin-top:15px;}
.NInfo .listVideo ul li .VideoImg{line-height:20px;}
.NInfo .listVideo ul li .VideoImg img{ width:270px; }
.NInfo .listVideo ul li .VideoTitle{ font-size:14px; color:#666; margin:10px;}

.wxNews{margin-top: 60px;padding: 10px;}
.wxNews_Title{font-size: 20px;}
.wxNews_Time{font-size: 16px; color: #8c8c8c;}
.wxNews_Time span{padding-right:15px;}
.wxNews_gy{font-size: 16px; text-indent: 20px; border: 1px solid #f0d1c4; padding: 10px; line-height: 22px; border-radius: 8px; margin-top: 15px}
.wxNews_Note{font-size: 15px; line-height: 24px; color: #3e3e3e; margin-top:10px;}

.wxNews_Note img{ width:100%}

.wxNews_shm{font-size: 16px; text-indent: 20px; border: 1px solid #f0d1c4; padding: 10px; line-height: 22px; border-radius: 8px; margin-top: 15px}



/*移动端首页*/
 .wxIndex {margin-top: 60px;padding: 0 0 10px;}

    /* 效果CSS开始 */
 .wxIndex_lunbo  .slider {display: none;}
    /*用于获取更加体验*/
 .wxIndex_lunbo  .focus span {width: 10px;height: 10px;margin-right: 10px;border-radius: 50%;background: #666;font-size: 0; }
 .wxIndex_lunbo  .focus span.current {background: #fff;}
    /* 效果CSS结束 */

.wxIndex_daohang { text-align:center; width:100%; margin: 0 auto; padding-top:15px;height:40px;  }
.wxIndex_daohang span{ font-size:18px; border:1px solid #e60012;border-radius:10px; margin:10px;padding:10px;background-color:#f5f5f5;  }

.wxIndex_about{ margin: 5px 10px 10px;  border:1px solid #dbdbdb; border-radius:10px; overflow:hidden; }
.wxIndex_a_title{padding:10px; font-size:16px;border-bottom: 1px solid #ededed; background-color:#f5f5f5; color:#acacac;}
.wxIndex_a_tm{padding:10px;font-size:16px; line-height:28px;background-color:#e9e9e9;}/*text-indent:30px;*/

.wxIndex_tj {margin: 5px 10px 10px;  border:1px solid #dbdbdb; border-radius:10px; overflow:hidden; clear:both; }
.wxIndex_tj_title {padding:10px; font-size:16px;border-bottom: 1px solid #ededed; background-color:#f5f5f5; color:#acacac; }
.wxIndex_tj_img{ padding:10px ; }
.wxIndex_tj_r{ float:right; width: 49%;}
.wxIndex_tj_l{ float:left;width: 48%;margin:2px; }
.wxIndex_tj img {width: 100% ;}


.wxIndex_contact{margin: 5px 10px 10px;  border:1px solid #dbdbdb; border-radius:10px; overflow:hidden; clear:both;}
.wxIndex_c_title {padding:10px; font-size:16px;border-bottom: 1px solid #ededed; background-color:#f5f5f5; color:#acacac; }
.wxIndex_c_t{padding:10px 10px 0px;font-size:15px; }
.wxIndex_c_tm{padding:10px ;font-size:15px;text-indent:30px; line-height:24px;}
.wxIndex_c_link ul{padding-left:10px;}
.wxIndex_c_link ul li{ height:26px; font-size:16px; padding-top:10px; padding-left:26px;}
.wxIndex_contact .p3 { background: url(../images/i2.png) no-repeat left 5px;  }
.wxIndex_contact .p4 { background: url(../images/i3.png) no-repeat left 14px; }
.wxIndex_contact .p5 { background: url(../images/i4.png) no-repeat left 6px; }


/*<%--底部关注引用--%>*/
.wxAttention {
background:rgba(0,0,0,0.8); height:45px; width:100%; position:fixed; z-index:9; bottom:0;
}
.wxAlogo {
    float:left; padding:5px 10px 5px 20px; display:block; width:30px;
}
.wxAlogo img {
     width:30px; height:30px;
    }
.wxAXS {
    float:left; color:white; padding:10px; font-size:16px;
}
.wxAGZ {
float:right; background-color:red;height:26px; width:50px; margin-top:7px; margin-right:20px; border-radius:5px;
}
.wxAGZtxt {
    color:white;margin:3px 10px; font-size:14px; text-align:center; border-radius:10px;
}

.wxImgDIV {z-index:9999;
    display:none; width:100%; height:100%;background-color:black; position:fixed; z-index:99; bottom:0;background:rgba(0,0,0,0.8);  
}
.wxImg {
  
 width:240px; height:270px; 
 text-align:center; 
 margin:180px auto;
 background-color:white;

 border-radius:15px;


}
.wxImg img {
     display:block;
     text-align:center; 
      margin:0 auto;
      padding-top:20px;
    width:200px; height:200px;
    }
    .wxImg span {
    color:red; font-size:14px;
    }



/*20160617*/
.Body_Search
{
	width:100%;
	height:30px;
	line-height:30px;
	text-indent:15px;
}
.page_Right
{
	width:100%;
	height:100%;
	text-align:center;
}
.pageBtn
{
	margin:0px 3px;
}
/*end20160617*/



@media screen and (max-height:840px) {
 .banner .text { width: 420px; height: 400px; margin: -250px 0 0 -260px; }
 .banner .text .p1 { font-size: 24px; }
 .banner .text .p2 { font-size: 33px; }
 .banner .text .p3 { font-size: 28px; }
 .banner .text .p4 { padding: 10px 30px 0 30px; font-size: 16px; }
 .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; }
}

@media screen and (max-width:1440px) {
 .banner .text { width: 420px; height: 400px; margin: -250px 0 0 -260px; }
 .banner .text .p1 { font-size: 24px; }
 .banner .text .p2 { font-size: 33px; }
 .banner .text .p3 { font-size: 28px; }
 .banner .text .p4 { padding: 10px 30px 0 30px; font-size: 16px; }
 .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; }

 .about { padding: 50px 0; }
 .aboutBox { width: auto; padding: 0 5%; }
 .aboutMore { width: auto; margin: 57px 0 0 0; }
 /*.aboutMoreBox{ width:800px; margin:0 0 0 -400px;}*/
 .aboutMore .p1 { font-size: 26px; line-height: 36px; margin: 0 0 20px 0; }
 .aboutMore .p2 { font-size: 14px; line-height: 20px; }

 .item .box { width: 800px; }
 .team ul { width: auto; }
 .team li { width: 23%; margin: 0 1%; }
 .teamDetail { width: 300px; height: 500px; padding: 0 30px; margin: -230px 0 0 -150px; }
 .teamDetail .face { margin: 20px 0 0 0; }
 .teamDetail .face img { width: 150px; }
 .teamDetail .t1 { padding: 15px 0 15px 0; }
 .teamDetail .t1 .name { margin: 0 0 5px 0; }
 .teamDetail .t2 { margin: 15px 0 0 0; font-size: 14px; color: #737373; line-height: 26px; }
 .skill .li1 .liBox { margin: 0 0 0 2%; }
 .skill .li2 .liBox { float: right; margin: 0 2% 0 0; }
 .skill .li3 .liBox { margin: 0 0 0 8%; }
 .skill .li4 .liBox { float: right; margin: 0 8% 0 0; }
 .skill .li5 .liBox { margin: 0 0 0 2%; }

 .service { padding: 80px 0; }
 .service .title .p2 { font-size: 26px; line-height: 36px; margin: 0 0 20px 0; }
 .service .title .p3 { font-size: 14px; line-height: 20px; }
}

@media screen and (max-width:1280px) {
 .service .box { width: 90%; margin: 0 5%; }
 .service ul { width: 105%; overflow: hidden; margin: 0 0 0 0; }
 .service li { width: 23%; margin: 0 1% 0 0; height: 300px; }
 .service .t1 { padding: 180px 0 0 0; }
 .service .li1 .t1 { background: url(../images/serviceImg1.png) no-repeat center 90px; }
 .service .li2 .t1 { background: url(../images/serviceImg2.png) no-repeat center 90px; }
 .service .li3 .t1 { background: url(../images/serviceImg3.png) no-repeat center 90px; }
 .service .li4 .t1 { background: url(../images/serviceImg4.png) no-repeat center 90px; }

 /*.work{ padding:100px 0 0 0;}*/
 .work .box { width: 90%; margin: 0 5%; }
 /*.work li{ width:22%; height:212px; margin:0 3% 50px 0;}*/

 .contact { padding: 80px 0 40px 0; }
 .contact .box { width: 90%; margin: 0 5%; }
 /*.contact .left .p2{ margin-bottom:40px;}
	.contact .address{ margin:0 0 50px 0;}*/
 .foot .box { width: 90%; margin: 0 5%; }

 .workDetailMain .box { width: 94%; margin: 0 3%; }
 /*.workDetailMain .listBox li{ width:22%; height:212px; margin:0 3% 50px 0;}*/
 .workList .box { width: 90%; margin: 0 5%; }
  .workList .box { width: 90%; margin: 0 5%; }
}

@media screen and (max-width:1050px) {
 .navBtn { width: 50px; height: 50px; background: url(../images/navBtn.png) no-repeat center; position: absolute; right: 5px; top: 5px; transition: 300ms; }
 .navShow { -webkit-transform: rotate(-90deg); }
 .nav, .navBtn2 { display: none !important; }

 .head { height: 56px; background: #fff; border-bottom: 1px solid #ededed; }
 .head .logo { margin: 10px 0 0 20px; }
 .head .logo img { width: 140px; margin:6px 8px 0 0 }/*width: 40px;*/
 .head .logo .p1 { font-size: 16px; margin: 3px 0 0 0; color: #2a2a2a; }
 .head .logo .p2 { font-size: 12px; color: #acacac; }


 .navM { display: none; width: 110%; height: 300px; overflow: hidden; overflow-y: scroll; background: #fff; position: absolute; left: 0; top: 56px; }
 .navMbox { width: 100%; }
 .navM ul { width: 100%; padding: 25px 0; background: #fff; overflow: hidden; }
 .navM li { padding: 0 6% 0 0; height: 60px; line-height: 60px; text-align: center; }
 .navM li a { width: 100%; height: 100%; display: inline-block; color: #6b6b6b; text-transform: uppercase; font-size: 20px; }
 .navM li a:hover { color: #69B015; }

 /*.headFirst .navM{ background:url(../images/headBg.png) repeat;}
	.headFirst .navM ul{ background:url(../images/headBg.png) repeat;}
	.headFirst .navM li a{ color:#fff;}*/

 .banner .text { width: 400px; height: 360px; margin: -240px 0 0 -250px; }
 .banner .text .p1 { font-size: 22px; }
 .banner .text .p2 { font-size: 30px; }
 .banner .text .p3 { font-size: 28px; }
 .banner .text .p4 { padding: 10px 20px 0 20px; font-size: 14px; }
 .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; }
 .banner .btns { top: auto; bottom: 2%; }

 .moreShow { background: #fff; }
 .about { height: auto; }
 .about .title { margin: 0 0 40px 0; }
 .about .left { width: 100%; }
 .about .right { width: 100%; margin: 20px 0 0 0; text-align: center; }
 .about .right img { width: 70%; }

 .aboutMore { position: static; }
 .aboutMore .btnLeft, .aboutMore .btnRight { display: none; }
 .aboutMoreBox { width: 90%; padding: 0 5%; position: static; margin: 0; }
 .aboutList { width: 100%; position: static; }
 .item { width: 90%; padding: 50px 5%; position: static; }
 .item .box { width: 100%; }
 .skill { }
 .service ul { margin: 0; }
 .service li { border: 1px solid #dfdfdf; background: #fff; }
 /*.service li .t1{ top:-60px;}
	.service li .t2{ bottom:0;}*/

 .work { padding: 50px 0; }
 .service { padding: 50px 0; }
 .service .title .p1 { margin: 0 0 40px 0; }
 .teamDetail .t2 { line-height: 22px; }
 .work .title { margin: 0 0 40px 0; }
 .contact { padding-top: 50px; }

 .workDetailMain { padding: 80px 0 40px 0; }
 .workDetailMain .main { padding: 30px 20px; }

 .workList { padding: 100px 0 0 0; }
}

@media screen and (max-width:840px) {
 .team li { width: 36%; margin: 0 7% 5% 7%; }
 .skill .li1 .liBox, .skill .li2 .liBox, .skill .li3 .liBox, .skill .li4 .liBox, .skill .li5 .liBox { margin: 0 0 0 2%; float: left; }

 .service ul { margin: 0 0 0 3%; }
 .service li { width: 38%; margin: 0 8% 5% 0; height: 300px; }


 .contact .title { margin: 0 0 40px 0; }
 .contact .left { width: 100%; margin: 0 0 50px 0; }
 .contact .right { width: 100%; }
 /*.contact .right .input1{ width:98%; padding:13px 0 13px 2%;}*/
 /*.contact .right textarea{ width:96%; padding:2%;)*/
 .contact .right .btn { width: 100px; height: 40px; }
 .contact .left .text, .contact .right .text { height: auto; }


 .foot .fl { width: 100%; line-height: 24px; margin: 0 0 10px 0; }
 .foot .share { width: 100%; margin: 0; }
}

@media screen and (max-width:680px) {
 .banner .text { width: 92%; padding: 25% 4% 0 4%; height: 100%; background: #e60012; margin: 0; left: 0; top: 0; }
 .banner .text .p1 { font-size: 18px; }
 .banner .text .p2 { font-size: 25px; }
 .banner .text .p3 { font-size: 18px; }
 .banner .text .p4 { padding: 10px 20px 0 20px; font-size: 14px; }
 .banner .text .t { margin: 30px 0 0 0; }
 .banner .more { margin: 15% 0 0 0; }
 .banner .more a { width: 100px; height: 30px; line-height: 30px; font-size: 15px; }


 .skill .li1 .liBox, .skill .li2 .liBox, .skill .li3 .liBox, .skill .li4 .liBox, .skill .li5 .liBox { width: 100%; margin: 0; float: left; }
 .skill .lineBox { width: auto; }

 .teamDetail { width: 90%; height: 85%; padding: 0 3%; margin: 0 2%; left: 0; top: 14%; }
 .teamDetail .face { margin: 20px 0 0 0; }
 .teamDetail .face img { width: 150px; }
 .teamDetail .t1 { padding: 15px 0 15px 0; }
 .teamDetail .t1 .name { margin: 0 0 5px 0; }
 .teamDetail .t2 { margin: 15px 0 0 0; font-size: 14px; color: #737373; line-height: 26px; }



 .work .top { margin: 0 0 30px 0; }
 .work .menu { width: 100%; margin: 0 0 20px 0; }
 .work .btns { width: 100%; }

 .service ul { margin: 0; }
 .service li { width: 45%; margin: 0 4% 5% 0; height: 300px; }


 /*.contact .right .input1{ width:96%; padding:13px 0 13px 4%;}*/
 /*.contact .right textarea{ width:92%; padding:4%;)*/

}

@media screen and (max-width:540px) {
 .team li { width: 70%; margin: 0 15% 10% 15%; }
}

@media screen and (max-width:420px) {
 .service ul { width: auto; margin: 0 0 0 5%; }
 .service li { width: 92%; margin: 0 0 8% 0; height: 300px; }

 /*.contact .right .input1{ width:94%; padding:13px 0 13px 6%;}*/
 /*.contact .right textarea{ width:88%; padding:6%;)*/

}


.ewm { display: none; width: 226px; height: 263px; background: url(../images/ewmbg.png); border-radius: 4px; position: fixed; left: 50%; top: 50%; margin: -127px 0 0 -114px; z-index: 50; }
.ewm .t1 { padding: 0 0 0 10px; height: 30px; line-height: 30px; color: #fff; }
.ewm .t1 .close { margin-top: 5px; margin-right: 2px; width: 30px; height: 30px; color: #454361; display: inline-block; cursor: pointer; background: url(../images/maskClose.png) no-repeat center; float: right; }
.ewm .t2 { padding: 22px 0 0 22px; }
.ewm .t2 img { width: 180px; }