@charset "utf-8";
/*!
 * 美柠建站  一键轻松建站
 * 详尽信息请看官网：http://www.meiningjz.com/
 *
 * Copyright 2014 美柠建站
 *
 * 请尊重原创，保留头部版权
 * 在保留版权的前提下可应用于个人或商业用途
 *
 * 客服QQ 2858487410
 *
 */
.content { max-width:1200px; min-width:1024px; width:100%;  height: auto;margin: 0 auto; }
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 99999;}
.page-down:hover {background: #999;}/* 回到顶部 */
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.lmbutt{ width:50px;  line-height:35px; float:right; font-size:22px; color:#666; text-align:center; cursor:pointer; display:none; }
.lmbutt.on{ color:#e84546;}
.white{ color:#fff !important;}


.banner{ width:100%; position:relative;  height:auto; background:#000; margin:0 auto; min-width:1024px;}
.banner:hover .prev,.banner:hover .next{ display:block;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:850px; overflow:hidden; text-align:center; background-size:auto 100% !important;  }
.banner .bd li a{ display:block; height:850px; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px;  text-align:center; _background:#000; _filter:alpha(opacity=60); 	}
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px; background:#fff; overflow:hidden;line-height:9999px; border-radius:50%;}
.banner .hd ul .on{ background:#999; }
.banner .prev{background:url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%; margin-top:-50px; width: 45px;left: 0;opacity:0.2; display:none;}
.banner .prev:hover{opacity:0.5;}
.banner .next{background:url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%; margin-top:-50px; width: 45px;right: 0;opacity:0.2; display:none;}
.banner .next:hover{opacity:0.5; }


.header{ height:60px; line-height:60px; min-width:1024px; background:#2f3336; position:relative; text-align:center;}
.header .logo{ width:140px; height:60px; float:left;}
.header .muen{ display:inline-block;}
.header .muen ul li{ display:block; float:left; height:60px; line-height:60px; padding:0 15px;}
.header .muen ul li a{color:#c9c9c9;  font-size:16px; }
.header .muen ul li a.on{ color:#fff;}
.header .muen ul li:hover a{ color:#fff;}
.header .lang{ float:right; height:60px; line-height:60px; color:#c9c9c9;  font-size:16px; position:relative;}
.header .lang .wz{ cursor:pointer;}
.header .lang:hover{ color:#fff;}
.header .lang .xf{ position:absolute; width:150px; height:auto; line-height:35px; background:#fff; left:50%; top:60px; margin-left:-75px; z-index:99; text-align:center; display:none; border:1px solid #dfdfdf;}
.header .lang .xf ul li{ display:block; font-size:14px; color:#666; }
.header .lang .xf ul li:hover{ color:#333; text-decoration:underline;}
.header .lang:hover .xf{ display:block;}
.header .login{ float:right; padding:0 20px;}
.header .login .wz{ height:60px; line-height:60px; color:#c9c9c9;  font-size:16px; cursor: pointer;}
.header .login .xf{ position:absolute; width:100%; height:auto; left:0; top:60px; background:#fff; z-index:9; padding-top:40px; display:none; box-shadow:0 4px 8px #999;}
.header .login .xf .left{ width:70%; float:left;}
.header .login .xf .left .title{ height:70px; line-height:70px; font-size:25px; color:#333; border-bottom:1px solid #dfdfdf;}
.header .login .xf .left .loginbd{ width:60%; float:left; padding-right:20px; border-right:1px solid #dfdfdf; box-sizing:border-box;}
.header .login .xf .left .loginbd .li{ height:40px; position:relative; padding-left:100px; margin-bottom:15px;}
.header .login .xf .left .loginbd .li .tit{ position:absolute; height:40px; line-height:40px; font-size:14px; left:0; top:0;}
.header .login .xf .left .loginbd .li .text{ width:100%; height:40px; line-height:40px; box-sizing:border-box; padding:0 10px; border:1px solid #ccc; font-size:14px; position:relative; top:-8px;}
.header .login .xf .left .loginbd .li .sub{ width:100%; height:50px; line-height:50px; text-align:center; background:#000; color:#fff; font-size:14px; outline:none;}
.header .login .xf .left .regbd{ float:right; width:40%; padding-left:20px; box-sizing:border-box;}
.header .login .xf .left .regbd .tit{ height:30px; line-height:30px; font-size:18px; color:#333; margin-bottom:10px;}
.header .login .xf .left .regbd .jj{ line-height:30px; font-size:16px; color:#999; margin-bottom:13px;}
.header .login .xf .left .regbd .sub{ width:100%; height:50px; line-height:50px; text-align:center; background:#000; color:#fff; font-size:14px; display:block;}
.header .login .xf .right{ width:25%; float:right;}
.header .login .xf .right .title{ height:70px; line-height:70px; font-size:25px; color:#333; border-bottom:1px solid #dfdfdf;}
.header .login .xf .right .nr ul li{ display:block; height:40px; line-height:40px; font-size:16px; color:#666;}
.header .login .loginxfclose{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px; color:#333; border-top:1px solid #dfdfdf;}
.header .login .loginxfclose:hover{ color:#999;}
.header .search{ float:right;}
.header .search .wz{ height:60px; line-height:60px; color:#c9c9c9;  font-size:16px; cursor: pointer;}
.header .search .xf{ position:absolute; width:100%; height:auto; left:0; top:60px; background:#fff; z-index:9; padding-top:40px; display:none; box-shadow:0 4px 8px #999;}
.header .search .xf .title{ height:70px; line-height:70px; font-size:25px; color:#333; border-bottom:1px solid #dfdfdf;}
.header .search .xf .text{ height:80px; line-height:80px; width:100%; padding:0 15px; border:1px solid #ccc; font-size:18px; color:#333; box-sizing:border-box; margin-bottom:20px;}
.header .search .xf .sub{ width:270px; height:50px; line-height:50px; text-align:center; background:#000; color:#fff; font-size:14px; outline:none;}
.header .search .searchxfclose{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px; color:#333; border-top:1px solid #dfdfdf;}
.header .search .searchxfclose:hover{ color:#999;}

.header .muen ul li:hover .jianr{ display:block;}
.header .jianr{ position:absolute; width:900px; left:50%; top:60px; margin-left:-450px; background:#fff; z-index:99; display:none; box-shadow:0 4px 8px #999;}
.header .jianr .jiao{ width:10px; height:10px; background:#fff; position:absolute; left:285px; top:-5px; transform:rotate(45deg); display:none;}
.header .jianr .leftpro{ width:340px; float:left; padding-right:20px; background:url(../images/index_02.jpg) repeat-y right;}
.header .jianr .leftpro .title{ padding:0 20px; line-height:80px; font-size:18px; color:#333; font-weight:bold;}
.header .jianr .right{ padding:10px; float:right; width:520px;}
.header .jianr .right .rnav{ width:170px; float:left;}
.header .jianr .right .rnav .tit{ height:30px; line-height:30px; margin-bottom:10px; font-size:14px; font-weight:bold;}
.header .jianr .right .rnav a{ display:block; height:25px; line-height:25px; font-size:12px; color:#666;}
.header .jianr .right .rnav a:hover{ text-decoration:underline;}

.header .muen ul li:hover .jianr1{ display:block;}
.header .jianr1{ position:absolute; width:900px; left:50%; top:60px; margin-left:-580px; background:#fff; z-index:99; display:none; box-shadow:0 4px 8px #999;}
.header .jianr1 .jiao{ width:10px; height:10px; background:#fff; position:absolute; left:396px; top:-5px; transform:rotate(45deg); display:none;}
.header .jianr1 .leftpro{ width:340px; float:left; padding-right:20px; background:url(../images/index_02.jpg) repeat-y right;}
.header .jianr1 .leftpro .title{ padding:0 20px; line-height:80px; font-size:18px; color:#333; font-weight:bold;}
.header .jianr1 .right{ padding:10px; float:right; width:520px;}
.header .jianr1 .right .rnav{ width:250px; float:left;}
.header .jianr1 .right .rnav .tit{ height:30px; line-height:30px; margin-bottom:10px; font-size:14px; font-weight:bold;}
.header .jianr1 .right .rnav a{ display:block; height:25px; line-height:25px; font-size:12px; color:#666;}
.header .jianr1 .right .rnav a:hover{ text-decoration:underline;}


.inadv{ min-width:1024px; background:#f2f2f2;}
.inadv ul li{ display:block; width:24.6%; float:left; position:relative; overflow:hidden; margin:6px 0.15% 0 0.15%;}
.inadv ul li img{ width:100%; transition:all 5s ease-in-out;}
.inadv ul li .fgc{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(50,50,50,.3); color:#fff; opacity:0; transition:all 1s;}
.inadv ul li .cn{ font-size:40px; line-height:50px;}
.inadv ul li .en{ font-size:30px; line-height:40px;}
.inadv ul li:hover .fgc{ opacity:1; transition:all 1s;}
.inadv ul li:hover img{ transform:scale(1.3,1.3); transition:all 5s ease-in-out;}


.footer{ min-width:1024px; background:#f2f2f2; padding:20px 0; text-align:center; line-height:30px; font-size:14px;}

.ewmxf{ width:146px; height:230px; background:url(../images/ewmbg.jpg) no-repeat #d7d7d7; border-radius:10px; position:fixed; right:0; top:50%; margin-top:-110px; display:none;}
.ewmxf .pic{ padding:85px 10px 10px;}


/*************************************************************内页************************************************************/
.nybanner{ height:683px; min-width:1024px;}
.page{ text-align:center; padding:10px 10px 30px;}
.page a.wz{ background:#fff; width:40px;}
.page a.wz:hover{ background:#fff; color:#666;}
.page a{ display:block; height:30px; width:30px; overflow:hidden;  background: #F1F1F1; display:inline-block; line-height:30px; color:#666; margin-right: -3px;}
.page a:hover{ color:#fff; background:#333;}
.page a.active{ background:#dfdfdf;}
.page a.active:hover{ color:#666;}
.page a i{ line-height:30px;}

.prolist .proleftnav{ width:22%; float:left;}
.prolist .proleftnav .hd{ height:40px; line-height:40px; background:#7e8283; color:#f1f2f4; font-size:14px;}
.prolist .proleftnav .hd ul li{ display:block; width:50%; float:left; text-align:center; cursor:pointer;}
.prolist .proleftnav .hd ul li.on{ background:#2f3336;}
.prolist .proleftnav .bd ul{ display:block; background:#f8f8f8; padding:20px;}
.prolist .proleftnav .bd ul li{ display:block; line-height:35px; font-size:14px; color:#666;}
.prolist .proleftnav .bd ul li:hover{ color:#999;}
.prolist .proleftnav .bd ul li.on{ color:#999;}
.prolist .rightnr{ width:75%; float:right;}
.prolist .rightnr ul li{ display:block; width:33.3333%; float:left; padding:10px; box-sizing:border-box;}
.prolist .rightnr ul li .tit{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#666; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.prolist .rightnr ul li .more{ width:130px; height:35px; line-height:35px; text-align:center; color:#585c5d; border:1px solid #7e8283; margin:0 auto;}
.prolist .rightnr ul li:hover .more{ color:#fff; background:#7e8283;}

.nyluj{ line-height:45px; font-size:14px; color:#999; padding-left:0px; box-sizing:border-box;}
.showpro .proms{ width:30%; float:left;}
.showpro .proms .hd{ font-size:14px; color:#666; line-height:35px;}
.showpro .proms .hd ul li{ display: inline-block; padding:0 10px; cursor:pointer;}
.showpro .proms .hd ul li.on{ font-weight:bold; color:#333;}
.showpro .proms .bd{ font-size:12px; line-height:30px; color:#666; border-bottom:1px solid #ddd; padding-bottom:20px;}
.showpro .proms .bd ul{ padding-right:20px;}
.showpro .propic{ width:33%; float:left; margin-left:6%;}
.showpro .pronr{ width:28%; float:right;}
.showpro .pronr .tit{ line-height:35px; font-size:25px; color:#333;}
.showpro .pronr .entit{ line-height:25px; font-size:16px; color:#666; border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:10px;}
.showpro .pronr .jj{ font-size:16px; color:#666; line-height:30px;}
.showpro .pronr .biaoq{ line-height:30px; padding:10px 0; border-bottom:1px solid #dfdfdf;}
.showpro .pronr .biaoq span{ display:inline-block; height:30px; line-height:30px; font-size:16px; color:#666; border:1px solid #999; padding:0 10px; margin:0 5px;}
.showpro .pronr .biaoq em{ display:inline-block; height:30px; line-height:30px; font-size:16px; color:#666; padding:0 10px;}
.showpro .pronr .fx{ height:20px; line-height:20px; margin-top:20px;}
.showpro .detail{ font-size:14px; color:#666; line-height:30px;}
.showpro .xiangg .title{ line-height:180px; font-size:40px; text-align:center;}
.showpro .xiangg ul li{ display:block; width:33.3333%; float:left; padding:10px; box-sizing:border-box;}
.showpro .xiangg ul li .tit{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#666; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.showpro .xiangg ul li .more{ width:130px; height:35px; line-height:35px; text-align:center; color:#585c5d; border:1px solid #7e8283; margin:0 auto;}
.showpro .xiangg ul li:hover .more{ color:#fff; background:#7e8283;}

.yuyan{ position:absolute; width:100%; height:100%; top:0; left:0; min-width:1024px;}
.yuyan .lang{ line-height:30px; text-align:center;}
.yuyan .lang ul li{ display:inline-block; width:114px; text-align:center; font-size:14px; color:#94989b; padding-bottom:34px;}
.yuyan .lang ul li:hover{ color:#fff; background:url(../images/lang_01.jpg) no-repeat center bottom;}

.changx{ min-width:1024px;}
.nyabout{ line-height:30px; font-size:14px; color:#666;}
.nyabout .leftnav{ width:20%; float:left;}
.nyabout .leftnav ul li{ display:block; height:35px; line-height:35px; border-bottom:2px solid #dfdfdf;}
.nyabout .leftnav ul li.on{ color:#999;}
.nyabout .rigthnr{ width:75%; float:right;}
.nynav{ float:right;}
.nynav ul li{ display: inline-block; height:35px; line-height:35px; padding:0 20px; margin:0 5px; background:#eee; color:#666;}
.nynav ul li:hover{ background:#2f3336; color:#fff;}
.nynav ul li.on{ background:#2f3336; color:#fff;}


.nyreg .title{ line-height:60px; font-size:28px; color:#000; border-bottom:1px solid #dfdfdf;}
.nyreg .li{ height:50px; line-height:50px; margin-bottom:20px; padding-left:190px; width:450px; position:relative;}
.nyreg .li .wz{ position:absolute; width:190px; height:50px; line-height:50px; left:0; top:0; font-size:16px; color:#333;}
.nyreg .li .text{ width:430px; padding:0 10px; height:50px; line-height:50px; border: 1px solid #e5e5e5; color:#777; font-size:16px;}
.nyreg .li .select{ width:450px; padding:0 10px; height:50px; line-height:50px; border: 1px solid #e5e5e5; color:#777; outline:none;  font-size:16px;}
.nyreg .li .select1{width:147px; padding:0 10px; height:50px; line-height:50px; border: 1px solid #e5e5e5; color:#777; outline:none;  font-size:16px; display:inline-block;}
.nyreg .li .text:focus{ border:1px solid #ccc;}
.nyreg .ts{ font-size:14px; color:#999; line-height:20px;}
.nyreg .sub{ width:300px; height:50px; background:#000; color:#fff; font-size:14px;}

.changxpro ul li{ display:block; width:33.3333%; float:left; padding:10px 10px 30px; box-sizing:border-box;}
.changxpro ul li .tit{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#666; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.changxpro ul li .more{ width:130px; height:35px; line-height:35px; text-align:center; color:#585c5d; border:1px solid #7e8283; margin:0 auto;}
.changxpro ul li:hover .more{ color:#fff; background:#7e8283;}

.userc .title{ line-height:30px; border-bottom:1px solid #dfdfdf; font-size:24px; color:#000;}
.userc .title span{ display:block; line-height:20px; font-size:14px; color:#777; margin-bottom:10px;}
.userc .leftnav{ width:30%; float:left; padding-right:60px; border-right:1px solid #dfdfdf; box-sizing:border-box;}
.userc .leftnav ul{ display:block; padding-bottom:10px; border-bottom:1px solid #dfdfdf;}
.userc .leftnav ul li{ display:block; height:35px; line-height:35px; font-size:14px; color:#888;}
.userc .leftnav ul li:hover{ color:#333;}
.userc .leftnav ul li.on{ color:#333;}
.userc .leftnav .phone{ padding:10px 0; border-bottom:1px solid #dfdfdf;}
.userc .leftnav .phone .tit{ line-height:25px; font-size:16px; color:#333;}
.userc .leftnav .phone .sz{ line-height:25px; font-size:16px; color:#333;}
.userc .leftnav .phone .ts{ line-height:25px; font-size:12px; color:#999;}
.userc .leftnav .emails{ padding:10px 0; border-bottom:1px solid #dfdfdf;}
.userc .leftnav .emails .tit{ line-height:25px; font-size:16px; color:#333;}
.userc .leftnav .emails .nr{ line-height:25px; font-size:12px; color:#999;}
.userc .rightnr{ width:70%; float:right; padding-left:60px; box-sizing:border-box;}
.userc .rightnr .rtitle{ line-height:30px; border-bottom:1px solid #dfdfdf; font-size:18px; color:#000;}
.userc .rightnr .rtitle span{ display:block; line-height:20px; font-size:14px; color:#777; margin-bottom:10px;}
.userc .rightnr .li{ height:50px; line-height:50px; margin-bottom:20px; padding-left:190px; width:450px; position:relative;}
.userc .rightnr .li .wz{ position:absolute; width:190px; height:50px; line-height:50px; left:0; top:0; font-size:16px; color:#333;}
.userc .rightnr .li .text{ width:430px; padding:0 10px; height:50px; line-height:50px; border: 1px solid #e5e5e5; color:#777; font-size:16px;}
.userc .rightnr .li .select{ width:450px; padding:0 10px; height:50px; line-height:50px; border: 1px solid #e5e5e5; color:#777; outline:none;  font-size:16px;}
.userc .rightnr .li .text:focus{ border:1px solid #ccc;}
.userc .rightnr .sub{ width:300px; height:50px; background:#000; color:#fff; font-size:14px;}
.userc .rightnr .tis{ line-height:25px; font-size:14px; color:#888; padding-left:25px; background:url(../images/i_note.png) no-repeat left center;}

.nymess .title{ line-height:50px; text-align:center; font-size:35px;}
.nymess .stitle{ line-height:50px; text-align:center; font-size:14px; color:#999;}
.nymess .shuom{ line-height:30px; color:#999;}
.nymess .text{ width:100%; height:50px; line-height:50px; box-sizing:border-box; border:3px solid #eee; background:#eee; color:000; font-size:16px; padding:0 10px;}
.nymess .text:focus{ background:#fff;}
.nymess .text1{ width:49%; height:50px; line-height:50px; box-sizing:border-box; border:3px solid #eee; background:#eee; color:000; font-size:16px; padding:0 10px; float:left; margin-right:2%;}
.nymess .text1:focus{ background:#fff;}
.nymess .textarea{ width:100%; height:100px; line-height:30px; box-sizing:border-box; border:3px solid #eee; background:#eee; color:000; font-size:16px; padding:0 10px;}
.nymess .submain{ width:160px; margin:0 auto;}
.nymess .submain .sub{ width:160px; height:50px; line-height:50px; background:#000; color:#fff; outline:none;}
.fsemail{ padding:30px; border:5px solid #eee; font-size:18px; line-height:30px; text-align:center; color:#333;}
.fsemail a{ color:#be0f34;}