﻿@charset "utf-8";
/*!
 * 美柠建站  一键轻松建站
 * 详尽信息请看官网：http://www.szmilen.com/
 *
 * Copyright 2014 美柠建站
 *
 * 请尊重原创，保留头部版权
 * 在保留版权的前提下可应用于个人或商业用途
 *
 * 客服QQ 2858487410
 *
 */
.content { max-width:1250px; height: auto; margin: 0 auto; padding:0 10px;}
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 i{ line-height:30px;}
.page-down:hover {background: #434343;}/* 回到顶部 */
.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(../bgimg/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:28px; float:right; font-size:22px; color:#666; text-align:center; cursor:pointer; display:none; }
.lmbutt.on{ color:#7399c6;}
.white{ color:#fff !important;}
.webmain{ width:100%; min-width:1200px; overflow:hidden;}
.nybg{ background:#f1f1f1;}
embed{ max-width:100%;}

.banner {width: 100%;position: relative;height: 450px;background: #000;min-width: 1200px;}
.banner .bd {margin: 0 auto;position: relative; width:100%; z-index: 0;overflow: hidden;}
.banner .bd ul {width: 100% !important;}
.banner .bd li {width: 100% !important;height: 450px;overflow: hidden;text-align: center; }
.banner .bd li a {display: block;height: 450px;}
.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 {display: inline-block;margin: 0 5px;width: 70px;height: 2px;background: #fff;opacity: .8;cursor: pointer;overflow: hidden;line-height: 999px;}
.banner .hd ul .on {background: #434343;}
.banner .prev {background: url(../bgimg/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;}
.banner .prev:hover {opacity: 0.5;}
.banner .next {background: url(../bgimg/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;}
.banner .next:hover {opacity: 0.5;}

/*.header{ padding:30px 0;}
.header .logo{ float:left;}
.header .lang{ float:right; width:60px; height:20px; background:#ececec; margin-top:7px;}
.header .lang a{ width:50%; line-height:20px; height:20px; float:left; text-align:center; color:#666;}
.header .lang a.on{ background:#fd0000; color:#fff;}
.header .phone{ line-height:38px; float:right; margin-right:50px; font-size:20px;}
.header .phone span{ display:block; float:right; line-height:18px; font-size:16px; padding-left:20px;}

.inmuen{ line-height:50px; background:#ececec; font-size:16px;}
.inmuen ul li{ display:block; float:left; height:60px; line-height: 20px; text-align: center; transition:all 0.5s; position:relative;}
.inmuen ul li > a{ display:block; padding:10px 19px;}
.inmuen ul li > a .enname{ font-size: 12px; }
.inmuen ul li.on{ border-bottom:5px solid #fd0000; box-sizing:border-box; transition:all 0.5s;}
.inmuen ul li:hover{ border-bottom:5px solid #fd0000; box-sizing:border-box; transition:all 0.5s;}
.inmuen ul li:hover .erji{ height:auto; transition:all 0.5s;}
.inmuen ul li .erji{ position:absolute; width:100%; height:0px; left:0; top:60px; z-index:99; font-size:14px; background:#ececec; overflow:hidden; transition:all 0.5s;}
.inmuen ul li .erji a{ display:block; height: auto; padding: 5px 0; line-height:20px; text-align:center;}
.inmuen ul li .erji a:hover{ background:#fd0000; color:#fff;}
.inmuen ul li .erji a .enname{ font-size: 12px; }*/

.header{ transition: all .5s; position: fixed; width: 100%; box-sizing: border-box; left: 0; top: 0; z-index: 9999; padding: 50px 80px; }
.header .logo{ float: left; }
.header .logo img{ height: 34px; }
.header .inmuen{ float: right; }
.header .inmuen ul li{ display: block; float: left; position: relative; }
.header .inmuen ul li > a{ display: block; padding: 0 25px; color: #fff; font-size: 16px; text-align: center; }
.header .inmuen ul li > a .enname{ font-size: 12px; }
.header .inmuen ul li .erji{ display: none; width: 160px; height: auto; position: absolute; left: 50%; margin-left: -80px; top: 100%; border-top: 3px solid #db261d; background: rgba(255,255,255,.8); padding: 10px 0; }
.header .inmuen ul li .erji a{ display: block; padding: 5px 10px; font-size: 14px; color: #333; text-align: center; }
.header .inmuen ul li .erji a .enname{ font-size: 12px; color: #666; }
.header .inmuen ul li:hover .erji{ display: block; }
.header .inmuen ul li .erji a:hover{ background: #db261d; color: #fff; }
.header .inmuen ul li .erji a:hover .enname{ color: #fff; }
.header.header_on{ background: rgba(0,0,0,.6); padding: 30px 50px; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 15px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #fff; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #fd0000;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.inpro .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.inpro .lmtit .enname{ font-size: 20px; }
.inpro .nav{ line-height:50px; background:#ececec; font-size:16px;}
.inpro .nav ul li{ display:block; float:left; height:auto; line-height: 20px; padding: 10px 20px; text-align: center; transition:all 0.5s;}
.inpro .nav ul li .enname{ font-size: 12px; }
.inpro .nr *{transition:all 0.5s;}
.inpro .nr .pr30{ width:32.933333%; margin:5px 0.2%; float:left; position:relative; overflow:hidden;}
.inpro .nr .pr30 img{ width:100%;}
.inpro .nr .pr30 .fgc{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(253,0,0,.4); padding:30px; box-sizing:border-box; opacity:0;}
.inpro .nr .pr30 .tit{ line-height:40px; font-size:25px; color:#fff; transform:translateY(70px); }
.inpro .nr .pr30:hover .fgc{ opacity:1;}
.inpro .nr .pr30:hover img{ transform:scale(1.1,1.1);}
.inpro .nr .pr30:hover .tit{transform:translateY(0);}
.inpro .nr .pr60{ width:66.2666666%; margin:5px 0.2%; float:left; position:relative; overflow:hidden;}
.inpro .nr .pr60 img{ width:100%;}
.inpro .nr .pr60 .fgc{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(253,0,0,.4); padding:30px; box-sizing:border-box; opacity:0;}
.inpro .nr .pr60 .tit{ line-height:40px; font-size:25px; color:#fff; transform:translateY(70px); }
.inpro .nr .pr60:hover .fgc{ opacity:1;}
.inpro .nr .pr60:hover img{ transform:scale(1.1,1.1);}
.inpro .nr .pr60:hover .tit{transform:translateY(0);}
.inmore{ display:block; width:130px; height:50px; border:2px solid #858585; font-size:30px; text-align:center; color:#858585; line-height:50px; border-radius:10px; margin:30px auto; transition:all 0.5s;}
.inmore:hover{ border:2px solid #fd0000; transition:all 0.5s;}

.inyanf *{ transition:all 0.5s;}
.inyanf .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.inyanf .lmtit .enname{ font-size: 20px; }
.inyanf .nr ul li{ display:block; width:49%; margin:10px 0.5%; float:left;}
.inyanf .nr ul li img{ width:100%; height:auto;}
.inyanf .nr ul li .pic{ overflow:hidden;}
.inyanf .nr ul li:hover img{ transform:scale(1.1,1.1);}
.inyanf .nr ul li .tit{ padding:0 30px; line-height:50px; height:50px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:20px; color:#222;}
.inyanf .nr ul li .enname{ padding:0 30px; line-height:14px; height:14px; font-size: 14px; margin-bottom: 5px; color: #666; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.inyanf .nr ul li:hover .tit, .inyanf .nr ul li:hover .enname, .inyanf .nr ul li:hover .jj{ color:#fd0000;}
.inyanf .nr ul li .jj{ padding:0 30px; line-height:30px; height:30px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:20px; color:#666;}


.innews *{ transition:all 0.5s;}
.innews .nav{ line-height:50px; border-top:2px solid #ececec; border-bottom:2px solid #ececec; font-size:16px; margin-bottom:15px;}
.innews .nav ul li{ display:block; padding:10px 30px; float:left; height:auto; line-height: 25px; text-align: center;}
.innews .nav ul li .enname{ font-size: 12px; }
.innews .nav ul li.on{ color:#fd0000;}
.innews .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.innews .lmtit .enname{ font-size: 20px; }
.innews .nr ul li{ position:relative; background:#f7f7f7; padding:35px 80px 35px 850px; min-height:345px; margin:10px 0;}
.innews .nr ul li .pic{ width:760px; height:415px; position:absolute; left:0; top:0; overflow:hidden;}
.innews .nr ul li .tit{ line-height:60px; height:60px; overflow:hidden; font-size:30px; color:#333; white-space: nowrap;text-overflow: ellipsis;}
.innews .nr ul li .enname{ font-size: 14px; height: 14px; line-height: 14px; overflow: hidden; color: #666; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; }
.innews .nr ul li .jj{ line-height:40px; font-size:20px; color:#666; overflow:hidden; height:275px;text-indent:2em;}
.innews .nr ul li:hover{ box-shadow:0 0 20px #ccc;}

.inmeit *{ transition:all 0.5s;}
.inmeit{ display: none; }
.inmeit .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.inmeit .lmtit .enname{ font-size: 20px; }
.inmeit .nr ul li{ display:block; width:50%; float:left; position:relative; overflow:hidden;}
.inmeit .nr ul li .fgc{ position:absolute; width:100%; height:100%; left:0; top:0; padding:0 20%; box-sizing:border-box;}
.inmeit .nr ul li .fgc .tit{ height:45px; line-height:45px; font-size:20px; overflow:hidden; color:#3b8da3; white-space: nowrap;text-overflow: ellipsis; font-weight: bold;}
.inmeit .nr ul li .fgc .enname{ color:#ccc; font-size: 14px; margin-bottom: 10px; }
.inmeit .nr ul li .fgc .jj{ height:44px; line-height:22px; font-size:14px; color:#ccc; margin-bottom:20px; overflow:hidden;}
.inmeit .nr ul li .fgc .more{ border:1px solid #ccc; width:200px; height:35px; line-height:35px; border-radius:18px; font-size:14px; color:#ccc; margin:0 auto;}
.inmeit .nr ul li .fgc .more:hover{ background:rgba(255,255,255,.4);}
.inmeit .nr ul li:hover img{ transform:scale(1.1,1.1);}

.inpinp *{ transition:all 0.5s;}
.inpinp .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.inpinp .lmtit .enname{ font-size: 20px; }
.inpinp .nr ul li{ display:block; width:24%; margin:10px 0.5%; float:left;}
.inpinp .nr ul li img{ width:100%; height:auto;}
.inpinp .nr ul li .pic{ overflow:hidden;}
.inpinp .nr ul li:hover img{ transform:scale(1.1,1.1);}
.inpinp .nr ul li .tit{ padding:0 30px; line-height:50px; height:50px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:20px; color:#222;}
.inpinp .nr ul li .enname{ padding:0 30px; line-height:14px; height:14px; font-size: 14px; margin-bottom: 5px; color: #666; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.inpinp .nr ul li .jj{ padding:0 30px; line-height:30px; height:30px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:20px; color:#666;}
.inpinp .nr ul li:hover .tit, .inpinp .nr ul li:hover .jj{ color:#fd0000;}

.inpar *{ transition:all 0.5s;}
.inpar .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.inpar .lmtit .enname{ font-size: 20px; }
.inpar .nr{ background:#000000; padding:20px 50px;}
.inpar .nr .over{ overflow:hidden;}
.inpar .nr ul{ border-left:2px dashed #222; border-top:2px dashed #222;}
.inpar .nr ul li{ float:left; display:block; width:14.28%; border-right:2px dashed #222; border-bottom:2px dashed #222; box-sizing:border-box;}
.inpar .nr ul li img{ width:100%; height:auto;}

.inabout *{ transition:all 0.5s;}
.inabout .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:72px; font-weight:bold;}
.inabout .lmtit1 .enname{ font-size: 20px; }
.inabout .lmtit1{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.inabout .nr{ padding:0 10%; line-height:35px; font-size:20px;}

.innews1 *{ transition:all 0.5s;}
.innews1{ padding-top: 40px; }
.innews1 .lmtit1{ line-height:40px; padding: 25px; text-align:center; font-size:40px; margin-bottom: 20px;}
.innews1 .nr{ padding:0 10%;}
.innews1 .nr .left{ width: 48%; float: left; margin: 0 1%; }
.innews1 .nr .left ul li{ display: block; height: 45px; line-height: 45px; font-size: 18px; color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.innews1 .nr .left .more{ display: block; margin-top: 30px; width: 150px; height: 35px; line-height: 35px; text-align: center; border: 2px solid #999; font-size: 18px; color: #666; border-radius: 8px; }
.innews1 .nr .left ul li:hover{ color: #fd0000; }
.innews1 .nr .left .more:hover{ color: #fd0000; border: 2px solid #fd0000; }

.incon{ background:#e5e5e5; padding:20px 0; text-align: center;}
.incon ul li{ display: inline-block; max-width: 450px; text-align: left; vertical-align: top; padding: 10px 20px;}
.incon ul li .tit{ line-height:30px; font-size:23px; color:#000; margin-bottom:5px;}
.incon ul li .enname{ font-size: 14px; color: #333; margin-bottom: 5px; }
.incon ul li .add{ padding-left:30px; line-height:25px; font-size:16px; color:#333; background:url(../bgimg/index_08.jpg) no-repeat left top;min-height:30px;  background-size:24px auto !important; background-position:0px 4px;}
.incon ul li .phone{ padding-left:30px; line-height:25px; font-size:16px; color:#333; background:url(../bgimg/index_09.jpg) no-repeat left top; min-height:30px; background-size:24px auto !important; background-position:0px 3px;}
.incon ul li .email{ padding-left:30px; line-height:25px; font-size:16px; color:#333; background:url(../bgimg/index_10.jpg) no-repeat left top; min-height:30px; background-size:24px auto !important; background-position:0px 3px;}
.incon ul li .qq{ padding-left:30px; line-height:25px; font-size:16px; color:#333; background:url(../bgimg/index_11.jpg) no-repeat left top; min-height:30px; background-size:24px auto !important; background-position:0px 3px;}

.innav{ background:#000; color:#fff; text-align:center; padding:50px 0; display: none;}
.innav a{ color:#ccc;}
.innav a:hover{ color:#fd0000;}
.innav ul li{ display: inline-block; vertical-align:top;}
.innav ul li .tit{ line-height:25px;  border-right:2px solid #fff; font-size:20px; padding:5px 20px; margin-bottom:20px;}
.innav ul li span{ line-height:25px; display:block;}
.innav ul li span .enname{ font-size: 14px; }
.innav ul li span:hover{border-bottom:2px solid #fd0000; }
.innav ul li a{ display:block; height:auto; line-height:20px; padding: 5px 0; font-size:14px;}

.banq{ padding:10px; line-height:30px; font-size:14px; color:#999; text-align:center;}

.nypro *{transition:all 0.5s;}
.nypro .lmtit{ line-height:40px; padding: 25px; text-align:center; font-size:40px;}
.nypro .lmtit .enname{ font-size: 20px; }
.nypro .nav{ line-height:50px; background:#ececec; font-size:16px;}
.nypro .nav ul li{ display:block; padding:10px 30px; float:left; line-height: 20px; text-align: center; transition:all 0.5s;}
.nypro .nav ul li .enname{ font-size: 12px; }
.nypro .nav ul li.on{ color:#fd0000;}
.nypro .nr ul li{ display:block; width:19%; margin:10px 0.5%; float:left; border-right:1px solid #eee; border-bottom:2px solid #eee; box-sizing:border-box;}
.nypro .nr ul li .pic{ overflow:hidden; margin-bottom:10px;}
.nypro .nr ul li:hover img{ transform:scale(1.1,1.1); }
.nypro .nr ul li .tit{ height:35px; line-height:35px; overflow:hidden; padding:0 10px; font-size:18px; white-space: nowrap;text-overflow: ellipsis;}
.nypro .nr ul li .enname{ padding:0 10px; font-size: 14px; color: #666; height: 14px; overflow: hidden; line-height: 14px; text-overflow: ellipsis; white-space: nowrap; }
.nypro .nr ul li .jj{ line-height:30px; height:35px; font-size:14px; color:#999; white-space: nowrap;text-overflow: ellipsis; padding:0 10px; overflow:hidden;}
.nypro .nr ul li .view{ text-align:right; height:20px; line-height:20px; font-size:14px; color:#666; white-space: nowrap;text-overflow: ellipsis; padding:0 10px; margin-bottom:10px;}

.nyculture *{ transition:all 0.5s;}
.nyculture .lmtit{ height:72px; line-height:72px; font-size:72px; color:#333; padding:0 20px; font-weight:bold; text-align:center; margin-bottom:20px;}
.nyculture .nr ul li{ display:block; width:49.4%; float:left; margin:6px 0.3%; overflow:hidden;}
.nyculture .nr ul li:hover img{ transform:scale(1.1,1.1);}

.nyteam *{ transition:all 0.5s;}
.nyteam .lmtit{ height:72px; line-height:72px; font-size:72px; color:#333; padding:0 20px; font-weight:bold; text-align:center; margin-bottom:20px;}
.nyteam .nr ul li{ display:block; width:19%; float:left; margin:15px 3%;}
.nyteam .nr ul li .pic img{ width: 100%; height: auto; }
.nyteam .nr ul li .tit{ height:40px; line-height:40px; font-size:18px; text-align:center; color:#333; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.page_list{ display:block; padding-left:0; padding:20px 8px; border-spacing:0px !important; clear:both; }
.page_list td{ margin:0px; padding:0px; border-spacing:0px !important; }
.page_list a,.page_input #page_input,.page_input button,.page_select{
position:relative; z-index:1; display:inline-block; padding:5px 10px;
font-size:12px; line-height:1.428571429; text-decoration:none;
border:1px solid #dddddd; margin-left:-2px;  background-color:#ffffff; color:#666666; }
.page_list td:first-child a{ margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px; }
.page_list td:last-child a,.page_list td:last-child button,.page_list td:last-child select{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.page_list a:hover,.page_list a:focus{ z-index:1; background-color:#eeeeee; }
.page_list .page_now a,.page_list .page_now a:hover,.page_list .page_now a:focus{ z-index:10; color:#ffffff; cursor:default; background-color:#428bca; border-color:#000000; }
.page_list .page_none a,.page_list .page_none a:hover,.page_list .page_none a:focus{ color:#999999; cursor:not-allowed;  background-color:#ffffff; border-color:#dddddd; }
.page_input #page_input{ width:50px; outline:none; }
.page_input #page_input,.page_input button,.page_select{ border-color:#9DF; }

.shownews .tit{ line-height:40px; padding: 10px 0; text-align:center; font-size:30px; color:#333333;}
.shownews .tit .enname{ font-size: 18px; line-height: 20px; }
.shownews .date{ line-height:40px; color:#888888; font-size:14px; text-align:center;}
.shownews .nr{ line-height:30px; font-size:14px; color:#555555;}

.sxp{ padding:10px 0; border-top:3px solid #d0cfcd; }
.sxp .pre{ width:50%; float:left; line-height:32px; font-size:16px;}
.sxp .ico{ display: inline-block; width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; font-size:18px; border:1px solid #666; color:#666;}
.sxp .textleft{ text-align:left;}
.sxp .textright{ text-align:right;}
.sxp .pre:hover .ico{ border:1px solid #fd0000; background:#fd0000; color:#fff;}


.xuanfkf{ position: fixed; padding: 15px 15px 15px 20px; border-radius: 20px 0 0 20px;  background: rgba(0,0,0,.6); right: 0; z-index: 9999; top: 50%; margin-top: -85px; }
.xuanfkf .li{ font-size: 16px; color: #fff; line-height: 40px; margin: 5px 0; }
.xuanfkf .li i{ line-height: 40px; display: inline-block; vertical-align: top; font-size: 20px; margin-right: 15px; }
.xuanfkf .li .phone{ vertical-align: top; font-size: 14px; line-height: 20px; display: inline-block; width: 100px; }