body { width: 100%;}
html { font-size: 80.5%;/*10 ÷ 16 × 100% = 62.5%*/ }
#main, #footer, #wrap { width:640px; margin: 0 auto; overflow: hidden; position: relative; }
.wrap_all { width:640px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 100px; }
.wrapper { width: 640px; margin: 0 auto; position: relative; display: block; }
/**************/
/****************/
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.banner-cloudapp{background:url(banner1.jpg) center center no-repeat;}
.banner-cps{background:url(banner2.jpg) center center no-repeat;}
.banner-cps1{background:url(banner3.jpg) center center no-repeat;}
.banner-cps2{background:url(banner4.jpg) center center no-repeat;}

.banner-engine{height:349px;position:relative;overflow:hidden; margin-top:107px}
.banner-engine .banner-ul{position:relative;width:100%;height:349px}
.banner-engine .banner-text{position:absolute;left:0;top:-120px;width:100%;height:552px}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:50px;line-height:50px;color:#fff}
.banner-engine .banner-text2{margin-top:28px;font-size:20px;line-height:20px;color:#e4e7eb}
.banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
.banner-ul li{display:none;height:100%;width:100%;float:left}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}

.banner-point{display:none;position:absolute;bottom:15px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}

.slider-main{display:none;position:relative;margin:0 auto;min-width:1200px;max-width:1200px}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:214px}
.banner-area{width:100%;text-align:center}
.banner-area li{margin:0 15px;display:inline-block;width:10px;height:10px;background:#fff; border-radius:10px}
.banner-area li.active{background:#f59703}
/*css3*/

.height_a { height:auto!important; padding-bottom:30px }
.wrap_all,  .nav,  .mask,  .btn_i_click small,  .btn_i_click:before,  .btn_i_click:after { transition: all 300ms; -webkit-transition: all 300ms; }
/*nav*/

.header_nav { background:#fff ; padding-top: 8px; position: fixed; top: 0; width: 640px; margin-left: -320px; left: 50%; z-index: 10;box-shadow:0px 15px 10px -15px #000; }
.header_nav h1 { width: 100%; height: 100px; background: url("../js/logo.png") no-repeat center; text-indent: -999rem; }
/*按钮*/

.btn_i { display: block; position: absolute; right: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.btn_i small,  .btn_i:before,  .btn_i:after { display: block; content: ''; width: 32px; height: 5px; background:#f59703; border-radius: 5px; margin:2px 10px; }
.btn_i_click small { opacity: 0; }
.btn_i_click:before { transform: rotateZ(45deg); transform-origin: 6px 7px; }
.btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 9px 0px; }
/*nav*/

.nav { position: absolute; left: 0; top: 107px; z-index: 10; width: 100%; background:#fff; height: 0; overflow: hidden; }
.nav ul li span{ padding-right:15px; font-weight:normal}
.nav ul li { display: block; color: #5a5a5a; line-height: 50px; text-indent: 30px; font-size: 1.5rem; border-bottom:1px solid #d4d4d4}
.nav ul li#on{ background:#f59703; color:#fff}
.nav ul li#on a{color:#fff}
.nav ul li:hover{background:#f59703;}
.nav ul li:hover a{color:#fff}
/*abt*/
.abt{ width:640px; position:relative; float:left; padding:50px 0px }
.abt-bt{ width:600px; float:left; margin-left:20px; border-left:5px solid #f59703; position:relative; overflow:hidden}
.abt-bt span#xz{ display:block; font-size:1.3rem; float:left; padding-left:20px; width:600px; }
.abt-bt span#dz{ display:block; font-size:2.3rem; float:left; padding-left:20px; font-weight:bold; padding-top:10px }
.abt-bt span#mo{ position:absolute;}
.abt-tp{ width:600px; float:left; margin-left:20px; margin-top:40px}
.abt-tp img{ display:block; width:100%}
.abt-js{ width:600px; margin:40px 20px 0px 20px; float:left;}
.abt-js p{ text-indent:2rem; line-height:1.8; font-size:1.4rem;}
/*qy*/
.qy{ width:100%; float:left; padding:30px 0px; position:relative; background:url(qybg.jpg)top center no-repeat;background-size: cover;}
.qy-bt{ width:100%; float:left; }
.qy-bt span#xz{ display:block; width:100%; float:left; text-align:center; color:#fff; font-size:1.3rem; letter-spacing:2px; line-height:1.8}
.qy-bt span#dz{ display:block; width:100%; float:left; text-align:center; color:#fff; font-size:2.3rem; letter-spacing:2px; line-height:1.5; font-weight:bold; padding:20px 0px}
.qy-zs{ width:100%; float:left; margin-top:40px;}
.qy-zs ul{ width:105%}
.qy-zs ul li{ width:297px; box-shadow: 0 0 30px 0 rgba(0,0,0,.15); overflow:hidden; float:left; margin-left:15px; margin-bottom:25px; background:#fff}
.qy-zs ul li .li-tp{ width:280px; float:left; height:222px;}
.qy-zs ul li .li-tp img{ width:297px; height:222px;}
.qy-zs ul li .li-wz{ width:257px; float:left; margin:20px; font-size:1.4rem}
.qy-mo{ width:100%; height:45px; float:left; margin-top:20px; margin-bottom:20px}
.qy-mo span{ display:block; text-align:center; margin:0 auto; font-size:1.5rem; color:#fff; letter-spacing:2px; height:45px; line-height:45px; padding-left:35px; width:250px; background:#f59703 url(qymo.png) left center no-repeat}
/*al*/
.al{ width:100%; float:left; padding:50px 0px;}
.al-bt{ width:100%; text-align:center; float:left; position:relative}
.al-bt span#xz{ font-size:1.3rem; color:#7A7A7A; display:block; width:100%; float:left;}
.al-bt span#dz{ font-size:2.3rem; color:#000 display:block; width:100%; float:left; font-weight:bold; padding-top:15px}
.al-zs{ width:100%; float:left; margin-top:40px;}
.al-zs ul{ width:105%}
.al-zs ul li{ width:297px; box-shadow: 0 0 30px 0 rgba(0,0,0,.15); overflow:hidden; float:left; margin-left:15px; margin-bottom:25px;}
.al-zs ul li .li-tp{ width:280px; float:left; height:222px;}
.al-zs ul li .li-tp img{ width:297px; height:222px;}
.al-zs ul li .li-wz{ width:257px; float:left; margin:20px; font-size:1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.al-mo{ float:left; width:100%; text-align:center;}
.al-mo span{ display:block; text-align:center; margin:0 auto; font-size:1.5rem; color:#7a7a7a; margin-top:20px; letter-spacing:2px; height:25px; line-height:25px; padding-left:35px; width:150px; background:url(almo.jpg) left center no-repeat}

/*kh*/
.kh{ width:100%; float:left; padding:30px 0px; position:relative; background:url(khbg.jpg)top center no-repeat; }
.kh-bg{ width:100%; float:left; }
.kh-bg span#xz{ display:block; width:100%; float:left; text-align:center; color:#fff; font-size:1.3rem; letter-spacing:2px; line-height:1.8}
.kh-bg span#dz{ display:block; width:100%; float:left; text-align:center; color:#fff; font-size:2.3rem; letter-spacing:2px; line-height:1.5; font-weight:bold; padding:20px 0px; text-transform:uppercase}
.kh-js{ width:90%; float:left; background:#fff; margin:5%; -webkit-box-shadow: #c0c0c0 0px 0px 30px;   }
.kh-js .js1{ width:90%; padding:5%; float:left; height:130px;}
.kh-js .js1 span#dz{ font-weight:bold; font-size:2.2rem; display:block; width:100%; float:left; padding-left:40px;}
.kh-js .js1 span#xz{ display:block; width:100%; float:left; margin-top:20px; color:#7A7A7A; line-height:1.8; font-size:1.3rem}
/*gd*/
.gd{ width:100%; float:left; padding:30px 0px; position:relative; background:url(gdbg.jpg)top center no-repeat; }
.gd span#xz{ display:block; width:100%; float:left; text-align:center; color:#fff; font-size:1.3rem; letter-spacing:2px; line-height:1.8}
.gd span#dz{ display:block; width:100%; float:left; text-align:center; color:#fff; font-size:2.3rem; letter-spacing:2px; line-height:1.5; font-weight:bold; padding:20px 0px; text-transform:uppercase}

/*xw*/
.xw{ width:100%; background:#f4f4f4; height:680px; float:left;}
.xw ul li{ width:96%; margin:2% 2% 0px 2%; float:left; background:#fff; height:120px; position:relative}
.xw ul li span#bt{ width:96%; margin:2% 2% 0px 2%; float:left; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.5rem; font-weight:bold}
.xw ul li span#jj{ width:96%; margin:2% 2% 0px 2%; float:left; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.3rem; color:#999 }
.xw ul li span#sj{ width:96%; margin:2% 2% 0px 2%; float:left; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.2rem; color:#5a5a5a; }

/*lx*/
.lx{ background:#f59703; color:#fff; width:100%;  height:250px; float:left}
.lx .lx-tp{ width:100%; height:55px; float:left; display:block; margin-top:30px; background:url(lxtp.png) center no-repeat}
.lx .lx-dh{ width:100%; text-align:center; color:#fff; font-size:2.8rem; letter-spacing:1px; line-height:2; font-weight:bold}
.lx .lx-dh a{ color:#fff}
.lx .lx-dz{ width:100%; text-align:center; color:#fff; font-size:1.4rem; letter-spacing:2px; line-height:1.5;}
/*db*/
.db{ width:100%; float:left; height:590px;}
/*foot*/
.footer { position: fixed; bottom:-1px; width: 640px; left: 50%; margin-left: -320px; background: #333333; overflow: hidden; }
.footer ul li { float: left;/* line-height: 80px; */ width: 20%; position: relative; }
.footer ul li a { font-size: 1.4rem; color: #ffffff; display: block; border-right: 1px solid #fff; text-align: center; padding: 15px 0; }
.footer ul li a img { height: 40px; }
.footer ul li a span {display: block; font-weight: normal; padding-top:10px;}

/********ny*******/
.con-tit{ background:#f5f5f5;width: 100%;height: 40px;}
.con-tit span#nbt{ display:block; padding:0px 20px; text-align:center; line-height:40px; height:40px; float:left; color:#fff; font-size:16px; background:#f59703 url(add1.png) left center no-repeat; padding-left:30px;background-position:8px 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 70%;text-align: left;}
.con-tit span#nbt a{ color:#fff}
.con-tit span#nsy{ float:right; line-height:40px; padding-left:22px; background:url(n-sj.png)left center no-repeat; color:#444; font-size:16px; padding-right:10px;}
.con-tit span#nsy:hover{ color:#f59703}

.p-profl{ width:100%; float:left; padding-bottom:10px; background:#f9f9f9; padding-top:20px;}
.p-profl ul{ width:660px}
.p-profl ul li{ float:left; background:#f5f5f5; border:1px solid #e6e6e6; height:40px; line-height:40px; width:620px; margin-bottom:20px; text-align:center; font-size:1.6rem; margin:0 9px}
.p-profl ul li.on{ background:#f59703; color:#FFF}
.p-profl ul li.on a{ color:#FFF}
/********************/
.p_content { font-size: 1.4rem; line-height: 30px; color: #4f4f4f;width: 96%; padding:30px 0px; margin:0 auto; border-top:1px solid #dedede}
.p_content img{  display:block; margin:0 auto; text-align:center;max-width:100%}
.p_content h2{ width:100%; text-align:center; letter-spacing:2px; float:left; font-size:1.8rem}
.p_content .gsjj img{ max-width:100%; display:block; margin:0 auto}
/*********************/
.p_content2 { font-size: 1.5rem; line-height: 30px; color: #4f4f4f; padding-left:5px; padding-right:5px; padding-top:25px; float:left}
.p_content2 ul{width:105%}
.p_content2 ul li{ width:297px; box-shadow: 0 0 30px 0 rgba(0,0,0,.15); overflow:hidden; float:left; margin-left:12px; margin-bottom:25px;}
.p_content2 ul li .lbtp{ width:280px; float:left; height:222px;position: relative;background:#f4f4f4}
.p_content2 ul li .lbtp img{  
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	display: block;
	margin: auto;
	max-width:297px; max-height:222px;


}
.p_content2 ul li .lbmc{ width:257px; float:left; margin:20px; font-size:1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/**********************/
div.flickr{ text-align:center; font-family:Verdana; font-size:16px;  margin:20px 0px; float:left; text-align:center; width:100%}
div.flickr a{padding:5px 10px; border: 1px solid #8f8f8f; color: #5a5a5a; text-decoration: none; display:inline-block;text-align:center; margin:0px 5px; text-transform:uppercase}
div.flickr a:hover{ background:#f59703; color:#fff; border:#f59703 1px solid;display:inline-block; margin:0px 5px;}
div.flickr a:active{ background-color: #ddd; margin:0px 5px; }
div.flickr span{ background:#f59703; color:#fff; border:#f59703 1px solid; display:inline-block; text-align:center;padding:5px 10px; border-radius:3px; }
div.flickr span.current{  background:#f59703; color:#fff; border:#f59703 1px solid; margin:0px 5px;}
div.flickr span.disabled{  background:#f59703; color:#fff; border:#f59703 1px solid; ; margin:0px 5px;}
/******************/
.content_p { margin-top: 30px; overflow:hidden;}
.tpmc{ width:100%; padding:25px 0px; text-indent:1rem; font-size:2.0rem; font-weight:bold; border-bottom:1px solid #dedede; margin-bottom:30px;}
.content_p img { display:block; margin:0 auto; text-align:center; padding:10px 0px; width:100%}
.content_p p { font-size: 1.4rem; line-height: 30px; }
.content_p span.sp { display:block; background-color: #ececec; color: #ffffff; overflow: hidden; }
.content_p span.sp small { background: #f59703;color: #fff;display: block; float: left; text-align: center; line-height: 40px; font-size: 1.6rem; padding:0px 20px }
/********************/
.xnr{ width:100%; float:left;}
.xnr ul li{ width:96%; margin:2% 2% 0px 2%; float:left; background:#f9f9f9; height:85px; position:relative}
.xnr ul li span#bt{ width:96%; margin:2% 2% 0px 2%; float:left; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.5rem; font-weight:bold}
.xnr ul li span#jj{ width:96%; margin:2% 2% 0px 2%; float:left; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.3rem; color:#999 }
.xnr ul li span#sj{ width:96%; margin:2% 2% 0px 2%; float:left; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:1.2rem; color:#5a5a5a; }
.news_title { text-align: center; font-size: 2rem; margin-bottom: 20px; color: #3f3f3f; padding-top:30px }
.meta { text-align: center; margin:15px 0; font-size: 1.3rem; }