@charset "utf-8";
/* CSS Document */

*{ border:none; -webkit-text-size-adjust:none; text-size-adjust:none; outline:none;}
html,body{ width:100%; height:100%;}
body{ font:14px/1.5 "微软雅黑", sans-serif, Arial; color:#fff; background:#2d50a1; margin:0;}
a{ text-decoration:none; color:#fff; -webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6,strong,b,span,a,dl,dt,dd,p,img,ul,ol{ list-style-type:none; margin:0; padding:0;}
ul,ol,li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ line-height:1.2em;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clearFix{ *zoom:1}
.clearFix:before,.clearFix:after{ display:table; content:""}
.clearFix:after{ clear:both}
input,select,textarea{ -webkit-appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}  
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*index*/
@media screen and (min-width:1280px){
.index{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.index .jinlong{ width:520px; height:160px; position:relative;}
.index .jinlong .mask{ width:100%; height:160px; position:relative; z-index:3;}
.index .jinlong .mask img{ display:block; width:100%;}
.index .jinlong .bd{ width:100%; height:230px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.index .jinlong .bd li{ display:block; height:230px; overflow:hidden;}
.index .jinlong .bd li img{ display:block; height:230px;}
.index .middle{ margin-top:30px;}
.index .middle .logo{ height:80px; float:left; padding-left:2px;}
.index .middle .logo img{ display:block; height:80px;}
.index .middle .lm{ margin-left:20px; float:left;}
.index .middle .lm .m01{ font-size:24px; line-height:34px; letter-spacing:2px; margin-top:-3px;}
.index .middle .lm .m02{ font-size:12px; line-height:22px;}
.index .middle .lm .m03{ font-size:14px; line-height:24px; margin-top:4px;}
.index .middle .lm .m03 a{ display:block; float:left; width:120px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.index .middle .lm .m03 a:hover{ text-decoration:underline; padding-left:20px; width:100px;}
.index .picMarquee-left{ width:600px; margin-top:30px;}
.index .picMarquee-left li{ width:105px; height:105px; margin-right:6px; display:block; overflow:hidden; float:left;}
.index .picMarquee-left li a{ width:103px; height:103px; border:1px solid #fff; overflow:hidden; display:block;}
.index .picMarquee-left li img{ width:100%; display:block;}
.index .bq{ text-align:center; font-size:14px; line-height:24px; margin-top:45px;}
}

@media only screen and (max-width:1279px){
.index{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.index .jinlong{ width:94%; position:relative;}
.index .jinlong .mask{ width:100%; position:relative; z-index:3;}
.index .jinlong .mask img{ display:block; width:100%;}
.index .jinlong .bd{ width:100%; height:230px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.index .jinlong .bd li{ display:block; height:230px; overflow:hidden;}
.index .jinlong .bd li img{ display:block; height:230px;}
.index .middle{ margin-top:30px;}
.index .middle .logo{ height:80px;}
.index .middle .logo img{ display:block; height:80px; margin:auto;}
.index .middle .lm{ width:100%; margin-top:10px; text-align:center;}
.index .middle .lm .m01{ font-size:20px; line-height:30px; letter-spacing:2px;}
.index .middle .lm .m02{ font-size:12px; line-height:22px;}
.index .middle .lm .m03{ font-size:14px; line-height:24px; margin-top:5px; text-align:center;}
.index .middle .lm .m03 a{ display:inline-block; margin:0 15px;}
.index .middle .lm .m03 a:hover{ text-decoration:underline;}
.index .picMarquee-left{ width:94%; margin-top:20px;}
.index .picMarquee-left li{ width:105px; height:105px; margin-right:6px; display:block; overflow:hidden; float:left;}
.index .picMarquee-left li a{ width:103px; height:103px; border:1px solid #fff; overflow:hidden; display:block;}
.index .picMarquee-left li img{ width:100%; display:block;}
.index .bq{ width:94%; text-align:center; font-size:14px; line-height:24px; margin-top:25px;}
}

body{ background-position:top center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}
.bg{ width:100%; height:100%; background-color:#14357f; opacity:.9; position:fixed; left:0; top:0; z-index:1;}

/*公司简介*/
@media screen and (min-width:1280px){
.header{ width:1200px; height:160px; margin:auto; position:relative; z-index:3;}
.header .logo{ height:80px; margin:40px 30px; float:left; position:relative; z-index:3;}
.header .logo img{ display:block; height:80px;}
.header .logo01{ position:absolute; right:30px; top:60px; z-index:3; font-weight:bold; text-shadow:3px 3px 0 #2d50a1;}
.header .logo01 span{ display:block; font-size:34px; line-height:44px; color:#fff; letter-spacing:10px;}
.header .logo01 p{ display:block; font-size:14px; line-height:24px; margin-left:30px; margin-top:2px; color:#fff; text-transform:uppercase;}
.header .tu{ height:160px; position:absolute; right:0; top:0; z-index:1;}
.header .tu img{ display:block; height:160px;}
.header .tu b{ width:100%; height:100%; position:absolute; right:0; top:0; display:block; overflow:hidden; background:linear-gradient(to right,rgba(45,80,161,.9),rgba(45,80,161,.0),rgba(45,80,161,.5));}
.header .yu{ position:absolute; right:30px; top:10px; z-index:3;}
.header .yu a{ display:block; float:left; margin-left:20px;}
.header .yu a:hover{ text-decoration:underline;}

.nav{ width:1200px; height:40px; margin:auto; background-color:#4566b3; background:linear-gradient(to top,#4566b3,#14357f,#4566b3); position:relative; z-index:3;}
.nav a{ width:12.5%; display:block; float:left; font-size:14px; height:40px; line-height:40px; text-align:center; color:#fff; overflow:hidden; position:relative;}
.nav a:before{ width:1px; display:block; content:''; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background-color:#fff; overflow:hidden; opacity:.5;}
.nav a:last-child:before{ display:none;}
.nav a:hover{ color:#c1cbe3;}
}

@media only screen and (max-width:1279px){
.header{ width:100%; height:80px; margin:auto; position:relative; z-index:3;}
.header .logo{ height:40px; margin:20px 3%; float:left; position:relative; z-index:3;}
.header .logo img{ display:block; height:40px;}
.header .logo01{ position:absolute; right:3%; top:32px; z-index:3; text-align:right;}
.header .logo01 span{ display:block; font-size:20px; line-height:22px; color:#fff; font-weight:bold;}
.header .logo01 p{ display:block; font-size:10px; line-height:20px; color:#fff;}
.header .tu{ width:100%; height:80px; position:absolute; right:0; top:0; z-index:1;}
.header .tu img{ display:block; height:80px;}
.header .tu b{ width:100%; height:100%; position:absolute; right:0; top:0; display:block; overflow:hidden; background:rgba(45,80,161,.9);}
.header .yu{ position:absolute; right:3%; top:5px; z-index:3;}
.header .yu a{ display:block; float:left; margin-left:15px; line-height:24px;}
.header .yu a:hover{ text-decoration:underline;}

.nav{ width:100%; padding:4px 0; background-color:#4566b3; background:linear-gradient(to top,#4566b3,#14357f,#4566b3); position:relative; z-index:3;}
.nav a{ width:25%; display:block; float:left; font-size:14px; height:26px; line-height:26px; text-align:center; color:#fff; overflow:hidden; position:relative;}
.nav a:before{ width:1px; display:block; content:''; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background-color:#fff; overflow:hidden; opacity:.5;}
.nav a:nth-child(4n):before{ display:none;}
.nav a:hover{ color:#c1cbe3;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.main{ width:1200px; margin:auto; background:rgba(45,80,161,.7); padding:50px; box-sizing:border-box; border-bottom:1px solid #2d50a1; position:relative; z-index:3;}
.main .lbar{ width:300px; float:left; background:#3d5fac; border-radius:10px;}
.main .lbar .title{ width:100%; font-size:20px; letter-spacing:3px; line-height:30px; color:#fff; font-weight:bold; padding:20px 30px; box-sizing:border-box; background-color:#1d3f8e; background-image:url(../images/title.png); background-size:100% 100%; background-repeat:no-repeat;}
.main .lbar .title span{ font-size:30px; line-height:40px; text-transform:uppercase; display:block; font-weight:normal; letter-spacing:0;}
.main .lbar .list{ padding:30px; padding-top:10px;}
.main .lbar .list a{ display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden; border-radius:40px; color:#fff; padding:0 30px; box-sizing:border-box; background-color:rgba(255,255,255,.05); margin-top:20px;}
.main .lbar .list a:hover{ background-color:#2d50a1; background-image:url(../images/arrow.png); background-position:right 20px center; background-repeat:no-repeat;}
.main .rbar{ width:calc(100% - 350px); float:right; background:#3d5fac; padding:30px; border-radius:10px; box-sizing:border-box;}
.main .rbar .title{ width:100%; font-size:18px; line-height:30px; color:#fff; font-weight:bold; letter-spacing:3px;}
.main .rbar .title span{ padding:0 15px; font-size:16px; height:30px; line-height:30px; border-bottom-left-radius:5px; border-top-right-radius:5px; background-color:#2d50a1; text-transform:capitalize; display:block; float:left; margin-right:10px; font-weight:normal; letter-spacing:0;}
.main .rbar .about{ width:100%; font-size:14px; line-height:24px; margin-top:20px; color:#fff;}
.main .rbar .about img{ max-width:100%; height:auto;}

.main .pbox{ width:100%; margin-top:40px; float:left;}
.main .pbox .title{ width:100%; font-size:18px; line-height:30px; color:#fff; font-weight:bold; position:relative; letter-spacing:3px;}
.main .pbox .title span{ padding:0 15px; font-size:16px; height:30px; line-height:30px; border-bottom-left-radius:5px; border-top-right-radius:5px; background-color:#1d3f8e; text-transform:capitalize; display:block; float:left; margin-right:10px; font-weight:normal; letter-spacing:0;}
.main .pbox .title a{ display:block; float:right; color:#fff; font-size:14px; line-height:30px; font-weight:normal; position:absolute; right:0; top:0; letter-spacing:0;}
.main .pbox .title a:hover{ text-decoration:underline; color:#c1cbe3;}
.main .pbox .box{ width:100%; margin-top:20px;}
.main .pbox .box li{ width:175px; height:175px; margin-right:10px; display:block; overflow:hidden; float:left;}
.main .pbox .box li a{ width:173px; height:173px; border:1px solid #fff; overflow:hidden; display:block;}
.main .pbox .box li img{ width:100%; display:block;}
.footer{ width:1200px; margin:auto; box-sizing:border-box; padding:25px 50px; text-align:center; font-size:14px; line-height:24px; color:#fff; border-top:1px solid #728cc7; position:relative; z-index:3; background:rgba(45,80,161,.7);}
}

@media only screen and (max-width:1279px){
.main{ width:100%; margin:auto; padding:30px 15px; box-sizing:border-box; border-bottom:1px solid #2d50a1; background:rgba(45,80,161,.7); position:relative; z-index:3;}
.main .lbar{ width:100%; float:left; background:#3d5fac; border-radius:10px;}
.main .lbar .title{ width:100%; font-size:18px; line-height:30px; color:#fff; font-weight:bold; padding:15px 20px; box-sizing:border-box; letter-spacing:3px;background-color:#1d3f8e; background-image:url(../images/title.png); background-size:100% 100%; background-repeat:no-repeat;}
.main .lbar .title span{ font-size:30px; line-height:40px; text-transform:uppercase; display:block; font-weight:normal; letter-spacing:0;}
.main .lbar .list{ padding:20px; padding-top:10px;}
.main .lbar .list a{ display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden; border-radius:40px; color:#fff; background-color:rgba(255,255,255,.05); padding:0 20px; box-sizing:border-box; margin-left:3%; width:48.5%; float:left; margin-top:10px;}
.main .lbar .list a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .lbar .list a:hover{ background-color:#2d50a1; background-image:url(../images/arrow.png); background-position:right 15px center; background-repeat:no-repeat;}
.main .rbar{ width:100%; float:left; background:#3d5fac; padding:20px 15px; box-sizing:border-box; border-radius:10px; margin-top:20px;}
.main .rbar .title{ width:100%; font-size:18px; line-height:30px; color:#fff; font-weight:bold; letter-spacing:3px;}
.main .rbar .title span{ padding:0 15px; font-size:16px; height:30px; line-height:30px; border-bottom-left-radius:5px; border-top-right-radius:5px; background-color:#2d50a1; text-transform:capitalize; display:block; float:left; margin-right:10px; font-weight:normal; letter-spacing:0;}
.main .rbar .about{ width:100%; font-size:14px; line-height:24px; margin-top:15px; color:#fff;}
.main .rbar .about img{ max-width:100%; height:auto;}

.main .pbox{ width:100%; margin-top:20px; float:left;}
.main .pbox .title{ width:100%; font-size:18px; line-height:30px; color:#fff; font-weight:bold; position:relative; letter-spacing:3px;}
.main .pbox .title span{ padding:0 15px; font-size:16px; height:30px; line-height:30px; border-bottom-left-radius:5px; border-top-right-radius:5px; background-color:#1d3f8e; text-transform:capitalize; display:block; float:left; margin-right:10px; font-weight:normal; letter-spacing:0;}
.main .pbox .title a{ display:block; float:right; color:#fff; font-size:14px; line-height:30px; font-weight:normal; position:absolute; right:0; top:0; letter-spacing:0;}
.main .pbox .title a:hover{ text-decoration:underline; color:#c1cbe3;}
.main .pbox .box{ width:100%; margin-top:15px;}
.main .pbox .box li{ width:105px; height:105px; margin-right:10px; display:block; overflow:hidden; float:left;}
.main .pbox .box li a{ width:103px; height:103px; border:1px solid #fff; overflow:hidden; display:block;}
.main .pbox .box li img{ width:100%; display:block;}
.footer{ width:100%; margin:auto; box-sizing:border-box; padding:15px 3%; text-align:center; font-size:14px; line-height:24px; color:#fff; border-top:1px solid #728cc7; position:relative; z-index:3; background:rgba(45,80,161,.7);}
}

/*资质报告*/
@media screen and (min-width:1280px){
.honor{ width:100%;}
.honor .list{ width:100%; padding-top:5px;}
.honor .list li{ width:22.75%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.honor .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.honor .list li strong{ width:100%; display:block; position:relative; overflow:hidden;}
.honor .list li strong:before{ width:100%; content:''; display:block; padding-top:135.48%;}
.honor .list li strong img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.honor .list li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.honor .list li p{ font-size:14px; line-height:24px; display:block; height:24px; overflow:hidden; margin-top:6px; text-align:center;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#2d50a1; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#2d50a1; text-decoration:underline;}
.fanye li.disabled span{ color:#aaa; background-color:#2d50a1; cursor:no-drop;}
.fanye li a:hover{ text-decoration:underline;}
}

@media only screen and (max-width:1279px){
.honor{ width:100%;}
.honor .list{ width:100%; padding-top:5px;}
.honor .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:10px; overflow:hidden;}
.honor .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.honor .list li strong{ width:100%; display:block; position:relative; overflow:hidden;}
.honor .list li strong:before{ width:100%; content:''; display:block; padding-top:135.48%;}
.honor .list li strong img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.honor .list li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.honor .list li p{ font-size:14px; line-height:24px; display:block; height:24px; overflow:hidden; margin-top:4px; text-align:center;}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#2d50a1; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#2d50a1; text-decoration:underline;}
.fanye li.disabled span{ color:#aaa; background-color:#2d50a1; cursor:no-drop;}
.fanye li a:hover{ text-decoration:underline;}
}

/*新闻动态*/
@media screen and (min-width:1280px){
.news{ width:100%;}
.news .list{ width:100%;}
.news .list li{ width:100%; display:block; font-size:14px; line-height:34px; border-bottom:1px dashed #fff; overflow:hidden; padding-top:10px;}
.news .list li a{ overflow:hidden; display:block; padding-left:16px; background-image:url(../images/li_51.png); background-position:left center; background-repeat:no-repeat;}
.news .list li span{ display:block; float:left; width:calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li a:hover span{ color:#c1cbe3;}
.news .list li p{ display:block; float:right; opacity:.7;}
}

@media only screen and (max-width:1279px){
.news{ width:100%;}
.news .list{ width:100%;}
.news .list li{ width:100%; display:block; font-size:14px; line-height:30px; border-bottom:1px dashed #fff; overflow:hidden; padding-top:8px;}
.news .list li a{ overflow:hidden; display:block; padding-left:10px; background-image:url(../images/li_51.png); background-position:left center; background-repeat:no-repeat;}
.news .list li span{ display:block; float:left; width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li a:hover span{ color:#c1cbe3;}
.news .list li p{ display:block; float:right; opacity:.7;}
}

/*新闻动态内页*/
@media screen and (min-width:1280px){
.ny{ width:100%; margin-top:15px;}
.ny .bt{ text-align:center; color:#fff; font-size:22px; line-height:32px;}
.ny .time{ text-align:center; color:#ccc; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #8198cd;}
.ny .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ margin-top:20px; padding-top:9px; border-top:1px solid #8198cd; position:relative;}
.ny .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px; width:calc(100% - 80px); text-overflow:ellipsis; white-space:nowrap;}
.ny .back p a:hover{ color:#c1cbe3;}
.ny .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .back span a:hover{ color:#c1cbe3;}
}

@media only screen and (max-width:1279px){
.ny{ width:100%; margin-top:10px;}
.ny .bt{ text-align:center; color:#fff; font-size:18px; line-height:28px;}
.ny .time{ text-align:center; color:#ccc; font-size:14px; line-height:24px; height:30px; border-bottom:1px solid #8198cd;}
.ny .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ margin-top:15px; padding-top:10px; border-top:1px solid #8198cd; position:relative;}
.ny .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; width:calc(100% - 80px); text-overflow:ellipsis; white-space:nowrap;}
.ny .back p a:hover{ color:#c1cbe3;}
.ny .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.ny .back span a:hover{ color:#c1cbe3;}
}

.main .rbar .about table{ border-collapse:collapse; max-width:100%; border: 1px solid #fff;}
.main .rbar .about table th,.main .rbar .about table td{ border: 1px solid #fff; padding:5px;}

/*产品展示*/
@media screen and (min-width:1280px){
.pro{ width:100%;}
.pro .list{ width:100%; padding-top:5px;}
.pro .list li{ width:22.75%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pro .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro .list li strong{ width:100%; display:block; position:relative; overflow:hidden; border:1px solid #fff; box-sizing:border-box; padding:2px;}
.pro .list li strong span{ background-color:#fff; width:100%; display:block; position:relative; overflow:hidden;}
.pro .list li strong span:before{ width:100%; content:''; display:block; padding-top:100%;}
.pro .list li strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .list li:hover strong{ border:1px solid #c1cbe3;}
.pro .list li p{ font-size:14px; line-height:24px; display:block; height:24px; overflow:hidden; margin-top:6px; text-align:center;}
}

@media only screen and (max-width:1279px){
.pro{ width:100%;}
.pro .list{ width:100%; padding-top:5px;}
.pro .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:10px; overflow:hidden;}
.pro .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .list li strong{ width:100%; display:block; position:relative; overflow:hidden; border:1px solid #fff; box-sizing:border-box; padding:2px;}
.pro .list li strong span{ background-color:#fff; width:100%; display:block; position:relative; overflow:hidden;}
.pro .list li strong span:before{ width:100%; content:''; display:block; padding-top:100%;}
.pro .list li strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .list li:hover strong{ border:1px solid #c1cbe3;}
.pro .list li p{ font-size:14px; line-height:24px; display:block; height:24px; overflow:hidden; margin-top:4px; text-align:center;}
}

/*客户留言*/
.mess{ width:100%; margin-top:10px;}
.mess td{ padding:8px 0; line-height:24px;}
.mess td:first-child{ padding-right:10px;}
.mess td input[type=text]{ height:24px; width:256px; padding:0 10px;}
.mess td textarea{ width:100%; padding:5px 10px; height:82px;}
@media only screen and (max-width:1279px){
.mess td input[type=text]{ width:calc(94vw - 150px);}
.mess td textarea{ width:calc(94vw - 150px);}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx{ width:100%; margin-top:15px;}
.lx .left{ width:100%; float:left; font-size:14px; line-height:24px;}
.lx .right{ width:100%; margin-top:15px; float:right; height:260px;}
.lx .right #map{ width:100%; height:100%;}
}

@media only screen and (max-width:1279px){
.lx{ width:100%; margin-top:10px;}
.lx .left{ width:100%; float:left; font-size:14px; line-height:24px;}
.lx .right{ width:100%; margin-top:10px; float:right; height:200px;}
.lx .right #map{ width:100%; height:100%;}
}