@charset "utf-8";

* {margin:0; padding:0; list-style:none; }

html{_background:url(about:blank);background-attachment:fixed;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,

button,input,textarea,th,td{margin:0;padding:0;}

body{ background:#fff; color:#4c4c4c; font-size:14px; font-family: '微软雅黑','宋体', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}

ul,li{list-style:none;}

input,textarea,button,select{font-size:14px; outline:none; resize:none; color:#333; font-family: '微软雅黑', '宋体',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}

button{cursor: pointer;}

table{border-collapse:collapse;border-spacing:0;}

.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

.left{ float:left;}.right{ float:right;}

a{color:#666666; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}

a:hover{color:#c42424; text-decoration:none;}

img{border:none;}

#clear{width:100%; height:0px; clear:both;}

.clear{width:100%; height:0px; clear:both;}

p{line-height:25px;}

.left{ float:left;}

.right{ float:right;}

.tp{ width:100%; height:4px; background:#c42424;}



.top{ width:1240px; height:90px; margin:0 auto; }
.logo{ width:490px; height:90px; float:left;}
.top ul{ float:right;}
.top ul li{ float:left; margin-top:20px;}

.em2{  padding-right:40px; height:40px; text-align:right; line-height:22px; font-weight:bold; font-size:12px; color:#5c5c5c; background: url(../images/phone.png) right bottom no-repeat; }
.em2 span{ font-size:23px; color:#e60f0f; }

#menu_wp{width:100%; height:60px;  right:0px; background:#000;}
/*menu*/
#menu { display:block; width:1240px; margin:0 auto; height:60px;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center; display:block; position:relative; background:url(../images/images/ldt_1.jpg) left center no-repeat; background:url(../images/top_l_1.jpg) right center no-repeat;  z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:235px; text-align:center; line-height:60px; border-right:1px solid #575757;  color:#fff; height:60px;  display:block; font-size:16px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#eb0c1d; z-index:999}
#nav .mainlevel ul {position:absolute; display:none;  padding-top:8px; padding-bottom:15px; z-index:99; background:#fff url(../images/11d.jpg) top center no-repeat;border-top:1px solid #dedede;}
#nav .mainlevel li {background:#fff; padding-top:5px;}
#nav .mainlevel li a {padding:0px; width:235px; color:#666; background-image:none; background-color:#fff; border-right:0px; font-size:14px; line-height:28px; height:28px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}
#nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#eb0c1d; border:none;}

.bt1{ width:100%; height:auto; padding:30px 0px 15px 0px; text-align:center;;}
.xwzx_nr{margin-bottom:60px;}
.bt1 h2{ font-size:26px; font-weight:normal; color:#4c4c4c; line-height:35px; background:url(../images/bt1.png) center center no-repeat;}
.bt1 p{ font-size:12px; line-height:35px; color:#b5b5b5;}
.cont1{ width:1240px; height:320px; margin:0 auto; padding-bottom:55px;}
.cnt1{ width:533px; height:320px; float:left;}
.cnt2{ width:670px; height:320px; float:right; position:relative;}
.cnt12{ width:140px; height:46px; text-align:center; line-height:46px; display:block; background:#c52525; color:#fff;transition: all 0.5s linear; position:absolute; bottom:0px;}
.cnt12:hover{border-radius: 30px;padding: 0 20px; transform: scale(1);transition: all 0.5s linear; color:#fff;}
.cont2{ width:100%; height:648px; background:url(../images/video.png) center top no-repeat;}
.tvnr_xq{ width:1240px; margin:0 auto; padding-top:20px;}
.tvnr_xq ul{overflow: hidden;  }
.tvnr_xq li{float: left; width:375px;box-sizing: border-box; margin-right:57.5px; }
.tvnr_xq li:nth-child(3){ margin-right:0px;}

.tvbox{background: #fff; cursor:pointer;padding: 5px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  box-shadow:0 0 10px rgba(0, 0, 0, .5); position: relative; }
.tvbox a{position: absolute;cursor:pointer; background: url(../images/a_11.png); width:82px; height: 82px;background-size: 100%;left:50%; top:50%; transform:translate(-50%,-50%);}
.tvzz{position: relative;background: #000;}
.tvzz img{width:100%;transition: All 0.4s ease-in-out;}
.tvbox p{font-size: 18px; line-height: 85px; color: #4c4c4c;text-align: center;}
.tvbox:hover p{color: #fff; background: #303030;transition: All 0.4s ease-in-out;}
.tvbox:hover img{opacity: 0.5;}

.cont3{ width:100%; height:860px; background:url(../images/cont3.png) center no-repeat;}
/* 选项卡示例样式 */
.main,.main2,.box {width:1240px;margin:40px auto;}
.tab {overflow: hidden;width: 1200px;height:50px;margin:0 auto;cursor: pointer;}
.tab li {float: left;width:200px;text-align: center; background:#1554a3; color:#fff;line-height: 50px; margin:0px 20px; height:50px;}
.tab li.on {background:#eb0c1d;}
.con {width:1240px; padding-top:30px;}
.con li{ width:276px; height:auto; float:left; margin-right:45px; margin-bottom:38px;}
.con li:nth-child(4){ margin-right:0px;}
.con li:nth-child(8){ margin-right:0px;}
.con li:nth-child(12){ margin-right:0px;}
.con li:nth-child(16){ margin-right:0px;}
.con li:nth-child(20){ margin-right:0px;}
.con li:nth-child(24){ margin-right:0px;}
.con li:nth-child(28){ margin-right:0px;}
.con li:nth-child(32){ margin-right:0px;}
.con li a{ width:274px; height:253px; border:1px solid #b6b6b6; display:block;}
.con li a img{ width:274px; height:205px;cursor: pointer;transition: all 0.6s;}
.con li a img:hover{transform: scale(1.1);}
.con li a p{ width:100%; height:47px; border-top:1px solid #b6b6b6; background:#fff; text-align:center; line-height:47px;}
.xzwm_nr{ width:100%; height:690px; background:url(../images/cont4.png) center top  no-repeat;}
.xzwm_nr ul{overflow: hidden; padding-bottom: 20px; padding-top: 15px; width:1240px; margin:0 auto; padding-left:50px;}
.xzwm_nr li{float: left; width:283px; float:left; margin-right:35px; }
.xzwm_nr ul  li:nth-child(1){animation: fadeInLeft 0.6s;}
 .xzwm_nr ul  li:nth-child(2){animation: fadeInLeft 1s;}
 .xzwm_nr ul  li:nth-child(3){animation: fadeInLeft 1.4s;}
 .xzwm_nr ul  li:nth-child(4){animation: fadeInLeft 1.8s; margin-right:0px;}


.xzwm_nr .on3 .xzwmbox {background: url(../images/a_12.png) no-repeat center bottom #fff; background-size: 100% auto;}

.xzwm_nr .on3 .xzwmbox a{opacity: 1;}

.xzwmbox{text-align: center; background: #fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0,0, .5);box-shadow:0 0 10px rgba(0, 0, 0, .5); padding: 0 30px 38px 30px; }
.xzwm_tp{height: 230px; position: relative;}
.xzwm_tp img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.xzwmbox h2{font-size: 22px; color: #4c4c4c; padding-bottom: 20px;}
.xzwmbox p{font-size: 14px; color: #929292; line-height: 25px; height: 75px;}
.xzwmbox a{display: block; width:120px; height: 43px; text-align: center; color: #fff; font-size: 16px; color: #fff; line-height: 43px; margin: 38px auto 0 auto;background: #6e6e6e;opacity: 0;transition: All 0.4s ease-in-out;}
.xzwmbox:hover a{    background: #eb0c1d; color:#fff;}
.xwzx_nr ul{overflow: hidden;}
.xwzx_nr li{float: left; width:20%; padding: 0 2px;box-sizing: border-box; }
.xwzxbox {cursor:pointer;position: relative;}
.xwzxbox img{width:100%;}
.xwzx_text{transition: All 0.4s ease-in-out;position: absolute; left:0; bottom:0; width:100%;background: rgba(255,255,255,.7);padding: 23px; box-sizing: border-box;}
.xwzx_text h2{font-size: 20px; color: #4c4c4c; font-size: 800;margin-bottom: 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xwzx_text p{font-size: 14px; color: #777777; line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  }
.xw_zz{transition: All 0.4s ease-in-out;position: absolute; width:100%; height: 100%; background: rgba(0,0,0,.9);z-index: 10;opacity: 0;}
.wzzz_text{padding: 0 25px; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);width:100%;}
.wzzz_text a{font-size: 20px; color: #ececec; font-weight: 800;display: block; padding-bottom: 10px; text-align: center;}
.wzzz_text p{font-size: 14px; line-height: 25px; color: #7b7b7b; width:90%; margin:0 auto;}
.xwzxbox:hover .xwzx_text{opacity: 0;}
.xwzxbox:hover .xw_zz{opacity: 1;} 
.xwzx_nr ul  li:nth-child(1){animation: fadeInLeft 0.6s;}
 .xwzx_nr ul  li:nth-child(2){animation: fadeInLeft 1s;}
 .xwzx_nr ul  li:nth-child(3){animation: fadeInLeft 1.4s;}
 .xwzx_nr ul  li:nth-child(4){animation: fadeInLeft 1.8s;}
 .xwzx_nr ul  li:nth-child(5){animation: fadeInLeft 2.2s;}
.cont5{ width:100%; height:719px; background:url(../images/cont6.png) center top no-repeat;}
.cont5 ul{ width:1240px; margin:0 auto; padding-top:20px;}
.cont5 li{ width:276px; height:132px; border:1px solid #d0d0d0; margin-right:42px; margin-bottom:38px; float:left;}
.cont5 li a{ width:276px; height:132px; display:block; overflow:hidden;}
.cont5 li a img{ width:276px; height:132px;cursor: pointer;transition: all 0.6s;}
.cont5 li a img:hover{transform: scale(1.1);}
.cont5 li:nth-child(4){ margin-right:0px;}
.cont5 li:nth-child(8){ margin-right:0px;}
.cont5 li:nth-child(12){ margin-right:0px;}
.cont5 li:nth-child(16){ margin-right:0px;}
.cont5 li:nth-child(20){ margin-right:0px;}
.cont5 li:nth-child(24){ margin-right:0px;}
.cont5 li:nth-child(28){ margin-right:0px;}
.cont5 li:nth-child(32){ margin-right:0px;}
.cont5 li:nth-child(36){ margin-right:0px;}



.footer{ width:100%; height:346px; background:url(../images/footer.png) center top no-repeat;}
.foot{ width:1240px; height:310px; margin:0 auto; padding-top:35px;}
.foot li{ float:left;}
.foot li h2{ font-size:16px; color:#fff; line-height:70px; width:100%;}
.ft1{ width:530px; }
.ft1z{float: left; width:50%; padding: 0 0 15px 20px ;box-sizing: border-box; }
.ft1z:nth-child(5){ width:100%;}
.wby1{width:100%; border: none; background: #fff; padding: 0 10px; height: 45px; line-height: 45px; font-size: 14px;box-sizing: border-box; }
.btn5{width:510px;; height: 40px; background: #eb0c1d; color: #FFF;　font-size: 14px;box-sizing: border-box; border:0px; margin-left:20px;  }
.ft2{ width:120px; padding-left:125px;}
.ft2 a{ font-size:14px; width:100%; color:#fff;height:36px; display:block;}
.ft2 a:hover{ color:#c42424;}
.foot .ft3{ width:320px; float:right;}
.ft3 p{ line-height:36px; color:#fff;}
.fot{ width:100%; min-height:32px; line-height:32px; padding:20px 0px; text-align:center; color:#fff; background:#000a17;}
#bannera{width:100%; height:300px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.in_list{ width:100%; height: auto; padding-bottom:45px; padding-top:20px;text-align:center;}
.in_list a{ line-height:10px; padding:11px 46px; margin-right:6px; margin-left:6px; background:#eb0c1d; color:#fff; border:1px solid #dadada; transition:background-color 0.3s linear;}
.in_list a:hover{ background:#fff; color:#676767;}

.index{ width:1240px; height:auto; padding-bottom:70px; margin:0 auto;}
.index img{ max-width:100%;}

#wrap-T{width:100%; min-height:30px; padding-top:15px; padding-bottom:15px; line-height:30px; text-align:center; font-size:18px; font-weight:bold;}
#wrap-M{width:100%; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;}
#wrap-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}

#wrap-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#wrap-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#wrap-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}
/*分页*/
.nex_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }
.nex_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nex_pg a:hover{background:#818181; color:#fff;}
.nex_pg .on{ background:#818181; color:#fff;}

.picture{ width:1240px; height:auto;}
.picture li{ width:25%; height:auto; float:left; padding-bottom:30px;}
.picture li a{ width:92%; height: auto; display:block; margin:0 auto;}
.picture li a img{ width:100%; padding:4px;box-sizing: border-box;  cursor: pointer;transition: all 0.6s;}
.picture li a img:hover{transform: scale(1.07);}
.picture li a p{ width:100%; height:50px; line-height:50px;border:1px solid #c4c4c4;box-sizing: border-box; border-top:0px; background:#fff; text-align:center;box-sizing: border-box;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picture li a:hover p{background:#eb0c1d; color:#fff; }

.written{ width:1240px; height:auto; margin:0 auto; padding-bottom:70px;}

.written li{ width:50%;float: left;}
.written li a{ width:92%; height:auto; height:100px; border-bottom:1px solid #e3e3e3;  padding:25px 0px; margin:0 auto; display:block; }

.written li a .writ1{ width:100px; height:100px; background:#eaeaea; float:left; }
.written li a .writ1 h2{ width:100%; height:50px; line-height:50px; text-align:center; font-weight:normal; font-size:30px; color:#626262; padding-top:10px;}
.written li a .writ1 p{ width:100%; color:#626262; text-align:center; font-size:16px;}
.written li a .writ2{ width:465px; float:right}
.written li a .writ2 h2{ height:28px; line-height:28px; width:95%; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; padding-top:10px;}
.written li a .writ2 p{ color:#969595; width:95%; margin:0 auto; height:48px; line-height:24px; overflow:hidden;}
.written li a:hover{ background:#f1f1f1;}
.mazt{ width:100%;}
.mazt img{ float:left;}