@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.logo{ float:left; margin:20px 0}

.contain{ width:1200px; margin:0 auto}


.search{ float:right; border:#dddddd 1px solid; border-radius:15px; margin-top:30px; margin-left:30px }
.bd1{ outline:none; background:none; border:0; padding-left:10px; width:110px; line-height:25px}
.sou{ background:url(sou.jpg) center no-repeat; width:40px; line-height:25px; border:0; outline:none;}


.m1{ width:1200px; margin:40px auto; overflow:hidden}

.bt1{ text-align:center; margin-bottom:30px; overflow:hidden}
.bt1 h3{ color:#2e2e2e; font-size:28px;letter-spacing: 2px;}
.bt1 em{ display:block; background:#d6000f; width:50px; height:2px; overflow:hidden; margin:10px auto}
.bt1 span{ color:#c6c6c6; font-size:16px; text-transform:uppercase;}


#lib_Tab1{width:1200px;margin:0px;padding:0px;margin-bottom:15px; text-align:center}

/*菜单class*/
.lib_Menubox {height:72px;line-height:72px;position:relative;}
.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:3px; left:0; height:72px;text-align:center; width:1222px}
.lib_Menubox li{float:left;display:inline-block;cursor:pointer;width:589px;color:#3f3f3f; margin-right:22px;height:72px;line-height:72px; background-color:#f7f7f7; font-size:18px}
.lib_Menubox li.hover{padding:0px;background:#ff9933;width:589px;color:#fff;height:72px;line-height:72px;font-size:18px}
.lib_Contentbox{clear:both;margin-top:25px; border-top:none;}
.lib_Menubox li em{ display:none; padding-right:10px}
.lib_Menubox li i{ padding-right:10px}
.lib_Menubox li.hover em{ display:block; display:inline-block}
.lib_Menubox li.hover i{ display:none; }


.cpcp ul{ position:relative; width:1222px;}
.cpcp ul li{ float:left; width:283px; height:283px; position:relative; margin-right:22px; overflow:hidden }
.cpcp ul li img{  height:283px; width:auto; min-width:283px; transition:all 0.6s}
.cpcp ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cpcp ul li .cpzi{ position:absolute; z-index:99;  width:100%; padding:15px 0; box-sizing:border-box; bottom:-70px; text-align:left; color:#fff;transition:all 0.6s }
.cpcp ul li .cpzi h3{ font-size:20px; line-height:60px;background-image: linear-gradient(0deg, #000,transparent); display:block; padding:0 25px;}
.cpcp ul li .cpzi p{ font-size:14px; line-height:23px; height:46px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;padding:0 25px; overflow:hidden}

.cpcp ul li:hover .cpzi{  background-image: linear-gradient(0deg, #000,transparent);   bottom:0; transition:all 0.6s}
.cpcp ul li:hover .cpzi h3{ background:none; line-height:45px}
.more { display:block; text-align:center; background:url(more.jpg) center no-repeat; }

.more p a{ display:block; font-size:23px; color:#fff; line-height:45px;padding-top:100px; height:283px;}
.more p { transition:all 0.6s}
.more:hover p{ color:#fff; text-decoration:none; transition:all 0.6s; transform:translateY(-10px)}


.guanyu{ background:url(bg1.jpg) center bottom no-repeat; padding:55px 0; padding-bottom:230px; overflow:hidden}
.gy1{ float:left; width:470px;}

.gy1 h3{ color:#00c5cd; font-size:35px; display:block; background:url(line.jpg) bottom left no-repeat; padding-bottom:15px; }
.gy1 h3 em{ display:block; font-size:25px; color:#8e8e8e; font-weight:normal; font-style:normal}
.gy2{ float:right; width:650px; margin-top:80px}
.gy2 img{ width:650px; height:auto}

.gy1 p{ display:block; margin:30px 0; font-size:14px; color:#575757; line-height:30px; height:210px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow:hidden}
.gy1 span a{ display:block; width:160px; line-height:45px; background:#00c5cd; color:#fff; text-align:center; border-radius:50px; transition:all 0.6s}
.gy1 span a:hover{ background:#ff9933; transition:all 0.6s}

.huoban{ background:#f8f8f8; padding:40px 0; overflow:hidden}

.marqueeleft{height:350px;width:1200px;overflow:hidden;margin:40px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 17px;display:inline;width:276px;height:350px;overflow:hidden;}
.marqueeleft li i{display:block;width:276px;height:170px; position:relative;overflow:hidden; background:#fff; transition:all 0.6s}
.marqueeleft li i img{ width:276px; height:170px}
.marqueeleft li .txt{text-align:center;}
.marqueeleft li .txt h3{ font-size:16px; color:#484848; font-weight:bold; line-height:50px}
.marqueeleft li .txt h3 a{ color:#484848}
.marqueeleft li .txt p{ display:block;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden; color:#7f7f7f; font-size:12px; line-height:23px}
.marqueeleft li em{ displayL:none; transform:translateY(-170px);  width:276px; height:170px; background:#fff; position:relative}
.marqueeleft li em img{ position:absolute;position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%;}

.marqueeleft li:hover em{ display:block; transform:translateY(0); transition:all 0.6s}
.marqueeleft li:hover i{ display:none}


.xinwen{ width:1200px; margin:40px auto;}

/* 底部 */
.foot{ background:#f0f0f0;padding-top:30px;}
.foot1{ width:1200px;  margin:0 auto; padding-bottom:30px; overflow:hidden}
.links{ float:right; overflow:hidden}
.links ul li{ width:auto; float:left; margin-left:70px }
.links ul li h3{ font-size:16px; color:#3c3c3c; line-height:45px;  font-weight:normal; display:block; background:url(dline.jpg) left bottom no-repeat; margin-bottom:10px;}
.links ul li p a{ color:#7b7b7b; display:block; line-height:25px;}
.links ul li p a:hover{ color:#ff9933;}

.erweima{ width:120px; text-align:center; line-height:25px;  }
.erweima img{ width:120px; height:auto}


.foot2{ background:#585858; color:#fff; padding:15px 0;}
.foot2 p{ display:block; width:1200px; margin:0 auto; line-height:25px;  text-align:center; font-size:14px;  }

.dlx{ color:#474747; display:block; line-height:25px; margin-left:60px; border-right:#bdbdbd 1px solid; padding-right:60px; font-size:14px;}

.dlx ul li{ line-height:38px; vertical-align:middle}

.dlx ul li img{ padding-right:10px }

/*客服*/
.side{position:fixed;width:55px;right:0;top:50%;margin-top:-200px;z-index:100; border-bottom:0}
.side ul li{width:55px;height:55px;float:left;position:relative; margin-bottom:3px;color:#fff;background-color:rgba(255,153,51,0.8);font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/you.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:-240px;top:0; background:#fff;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son img{ width:200px; height:auto}
.side ul li.sideetel .telBox.son{width:260px;height:120px;display:none;color:#fff;text-align:left;position:absolute;left:-260px;top:-0px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:72px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 20px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 20px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}




  .top_imgbox{
width:100%; 
height:270px; 
position:relative;
z-index:2; 
overflow:hidden;
}
.top_imgbox .top_img{
position:absolute; 
left:50%; 
    top:0; 
width:1920px;
    margin-left:-960px; 
z-index:99;
}


.nmain{ width:1200px; margin:40px auto; overflow:hidden}

.nlf{ float:left; width:300px}
.fenlei{ background:#f5f8fd; margin-bottom:20px; overflow:hidden}
.nbt{ display:block; background:#00c5cd; padding:20px; overflow:hidden; color:#fff; font-size:30px;}
 .nbt em{ display:block;text-transform:uppercase; font-size:16px; font-style:normal; line-height:30px; opacity:0.8}
.fenlei ul{ margin:25px; overflow:hidden}

.fenlei ul li{ border-bottom:#e1e1e1 1px solid;  line-height:60px; font-size:16px}
.fenlei ul li a{ display:block; color:#7b7b7b; background: url(bian.png)  no-repeat; background-position:top right  ;transition:all 0.6s  }
.fenlei ul li a:hover{ display:block; color:#ff9933; background: url(bian.png)  no-repeat; background-position:right -60px; transition:all 0.6s  }

.zlx{ background:#f5f8fd}
.zlx p{ display:block; padding:25px 15px;  line-height:35px; font-size:14px; color:#474747}


.nrt{ float:right; width:845px;}
.weizhi{ background:#f5f8fd; padding:15px 0; border-left:#00c5cd 8px solid; padding-left:30px; margin-bottom:40px }
.weizhi h3{ font-size:25px; font-weight:900; line-height:40px}
.weizhi p{ color:#a9a9a9; font-size:14px}


.tuwen{ color:#393939; font-size:16px; line-height:40px;}
.tuwen img{ max-width:845px; height:auto}
.cplb ul{ position:relative; width:870px;}
.cplb ul li{ float:left; width:265px; margin-right:25px; margin-bottom:15px;}
.cplb ul li i{ display:block; width:265px; height:265px; overflow:hidden}
.cplb ul li i img{ width:265px; height:265px; transition:all 0.6s}
.cplb ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cplb ul li p{ display:block; text-align:center; line-height:45px; color:#333; font-size:16px}
.cplb ul li:hover p{ background:#00c5cd; color:#fff}

.page {
    display: block;
    text-align: center;
    padding: 10px 0;
    font-family: arial;
    clear: both;
	margin-top:10px;
    }
.page span,.page a {display:inline-block;margin-right:4px;margin-bottom:5px;color:#666;border-radius:2px;}
.page a,.page span {padding:7px 11px;border:1px solid #EBEBEB;}
.page a:hover,.page a.current {background:#ff9933;border:1px solid ;color:#fff;text-decoration:none;}

.list{background:#f5f8fd; margin-bottom:20px; overflow:hidden}
.list>ul{ margin:25px}

.list ul li{border-bottom:#e1e1e1 1px solid;  line-height:60px; font-size:16px}
.list ul li a{display: block; height:60px;line-height: 60px;position: relative; color:#7b7b7b
}
.list ul li .inactive{ background:url(../images/off.png) no-repeat right center;}
.list ul li .inactives{background:url(../images/on.png) no-repeat right center;} 
.list ul li ul{display: none;border-top:#e1e1e1 1px solid; padding:15px 0}
.list ul li ul li { border-left:0; border-right:0; border:0; line-height:35px; font-size:14px;}
.list ul li ul li ul{display: none; margin:0}
.list ul li ul li a{ display:block; color:#a9a9a9; line-height:35px; height:35px;transition: all 0.6s}
.list ul li ul li a:hover{ background:#ff9933;color:#fff; padding-left:10px; transition: all 0.6s}


.cpxq1{ border-bottom:#e1e1e1 1px solid; padding-bottom:20px; margin-bottom:20px; overflow:hidden}
.cp1{ float:left; width:320px;}
.cp1 img{ width:270px; height:auto}
.cp2{ float:right; width:520px}
.cp2 h3{ color:#4c4c4c; font-size:25px; line-height:30px; padding:20px 0;}
.cp2 p{ display:block; color:#8a8a8a; font-size:14px; line-height:30px}


.cpxq2{ font-size:14px; line-height:35px; color:#595959}
.cpxqbt{ font-size:23px; color:#313131; display:block; background:url(nlien.jpg) left bottom no-repeat; line-height:50px; font-weight:900; margin-bottom:25px;}

.cpxq2 img{ max-width:845px; height:auto}




.lx1{ float:left; width:570px;}
.shuo{ font-size:14px; line-height:30px; color:#797979}
.shuo2{ font-size:18px; color:#00c5cd; padding-top:50px; padding-bottom:30px;}

.lxfs ul li{ line-height:35px; color:#474747; margin-bottom:10px; overflow:hidden; font-size:14px}

.lxfs ul li i{ display:block; float:left; width:35px;}
.lxfs ul li p{ display:block; float:left}

.lx2{ float:right; width:140px; font-size:14px; line-height:25px; text-align:center}
.lx2 img{ width:140px; height:auto}

.lx3 img{ width:845px; height:auto}



.nationalList {
    width: 845px;
  
      border-bottom: 1px solid #e2e2e2;
	  padding:20px 0;

	transition:all 0.6s;
	overflow:hidden

}
.nationalList:hover {
	background:#f3f5f7;
	transition:all 0.6s


}

.nationalList:last-child {
    }
.nationalListImg {
    width: 260px;
    height: 150px;
    float: left;
	border-radius:5px;
    overflow: hidden
}

.nationalListImg img {
	width:100%;
	height:auto;
	min-height:100%
	
	
   
}

.nationalListImg:hover img {
    transform: scale(1.1);
    transition: 1s
}

.nationalListText {
    width: 550px;
    height: 100%;
    float: right;
	padding-right:10px
}
.nationalListText h2{font-weight: bold;  line-height:50px}
.nationalListText h2{
    font-size: 18px;

}
.nationalListText a h2 {
	color:#333
   

}


.leftT{
    font-size: 14px;
    line-height: 26px;
    color: #888;
  
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.leftF{
    font-size: 14px;
    color: #999999;
    margin-top: 12px;
}
.leftF span{padding:5px 10px ;border: solid 1px #e5e5e5;margin-right: 10px;}
.nationalListTextTig {
    margin-top: 12px;
    font-size: 14px;
    color: #999999
}
.nationalListTextTig>span{
    float: right;
}
.leftListTip{
    float: left;
}
.leftListTip img{
    width: auto;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.leftListTip span{
    vertical-align: middle;
}