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:265px;position:relative;overflow:hidden; margin-top:107px}
.banner-engine .banner-ul{position:relative;width:100%;height:265px}
.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:#0c59db}
/*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:#0c59db; 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:#0c59db; color:#fff}
.nav ul li#on a{color:#fff}
.nav ul li:hover{background:#0c59db;}
.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 #0c59db; position:relative; overflow:hidden}
.abt-bt span#xz{ display:block; font-size:1.3rem; float:left; padding-left:20px; width:600px; text-transform:uppercase; }
.abt-bt span#dz{ display:block; font-size:2.3rem; float:left; padding-left:20px; font-weight:bold; padding-top:10px;text-transform: capitalize;  }
.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{ text-transform: uppercase; 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:297px;}
.qy-zs ul li .li-tp img{ width:297px; height:297px;}
.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:#0c59db url(qymo.png) left center no-repeat; text-transform:uppercase}
/*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; text-transform: uppercase;}
.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}
.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; text-transform:uppercase}

/*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;text-transform: uppercase;}
.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; float:left; padding-bottom: 2%;}
.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:#0c59db; 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:3rem; letter-spacing:2px; line-height:2; font-weight:bold}
.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; text-transform: uppercase; }
.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:#0c59db url(add1.png) left center no-repeat; padding-left:30px;background-position:8px 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 65%;text-align: left; text-transform: capitalize;}
.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:#0c59db}

.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.4rem; margin:0 9px}
.p-profl ul li.on{ background:#0c59db; 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}
.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:297px; float:left; height:297px; position: relative; background: #f4f4f4;}
.p_content2 ul li .lbtp img{  max-width:297px;  max-height:297px; position: absolute; left: 0px; right: 0px; display: block; margin: auto; top: 0px; bottom: 0px;;}
.p_content2 ul li .lbmc{ width:257px; float:left; margin:20px; font-size:1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*********************/
/****************************************/
.ny-xq{ width: 100%; float: left; margin: 0 auto;;}
.ny-xq span#dz{ margin-bottom: 20px;;  display: block; width: 100%; float: left;color: #0c59db;font-size: 24px;}
.ny-xq span#xz{ color: #333;line-height: 2;font-size: 16px;display: block; float: left; margin-bottom: 20px;;}
.ny-xq img{ display: block; float: left; margin-bottom: 40px; width: 100%; padding-bottom: 30px; }

/**********************/
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:#0c59db; color:#fff; border:#0c59db 1px solid;display:inline-block; margin:0px 5px;}
div.flickr a:active{ background-color: #ddd; margin:0px 5px; }
div.flickr span{ background:#0c59db; color:#fff; border:#0c59db 1px solid; display:inline-block; text-align:center;padding:5px 10px; border-radius:3px; }
div.flickr span.current{  background:#0c59db; color:#fff; border:#0c59db 1px solid; margin:0px 5px;}
div.flickr span.disabled{  background:#0c59db; color:#fff; border:#0c59db 1px solid; ; margin:0px 5px;}
/******************/
.content_p { margin-top: 30px; overflow:hidden;}
.tpmc{ width:100%; padding:25px 0px; text-indent:1rem; font-size:2.2rem; font-weight:bold; letter-spacing:2px; 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: #0c59db;color: #fff;display: block; float: left; text-align: center; line-height: 40px; font-size: 1.6rem;  width: 100%; text-align: center;}
/********************/
.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; }

/**************************************/
.zongk{ float: left; width: 100%;}
.xinl{ width:100%; float:left;}
.xinr{ float:right;width:100%;}
.cuxin .int1{  margin-bottom:20px;}
.cuxin .xing{ background:url(xingxing.jpg) no-repeat left 22px;}
.cuxin .int1 input{ width:570px; color: #333; height:46px; border:1px solid #aeaeae; padding-left:40px; font-size:16px;  line-height:46px; border-radius:5px; font-family:Arial, Helvetica, sans-serif}
.cuxin .curen{ background:#fff url(coren.jpg) no-repeat 12px center;}
.cuxin .cuxinfeng2{ background:#fff url(coxinfeng.jpg) no-repeat 12px center;}
.cuxin .cudianhua2{ background:#fff url(codianhua.jpg) no-repeat 12px center;}
.cuxin .cufangzi2{ background:#fff url(cofang.jpg) no-repeat 12px center;}
.cuxin .int2{ }
.cuxin .int3{ margin-top:16px;}
.cuxin textarea{ width:570px; height:182px; border:1px solid #aeaeae; padding-left:40px; font-size:16px; color:#333;  line-height:44px;background:#fff url(cobiji.jpg) no-repeat 12px 12px; border-radius:5px;}
.cuxin .int4{width:229px; height:46px; border:1px solid #aeaeae; padding-left:11px; font-size:16px;  line-height:46px; float:left; border-radius:5px;color:#333;}
.cuxin .yanzheng{ width:161px; height:50px; float:left; margin-left:8px; cursor:pointer;}
.cuxin .int5{ width:100%; height:50px; border:none; background:#104191; float:right; cursor:pointer; font-size:16px; text-transform:uppercase; color:#fff; border-radius:5px; font-family:Arial, Helvetica, sans-serif ; font-weight:bolder}
.ditu{max-width:100%; display: block;margin: 66px auto 118px;}
/*****************************/
.cont_zuo{ padding: 20px 0px; width:100%; overflow:hidden; background:#104191;  overflow:hidden;margin-top:20px; font-size:16px; }
.cont_zuo .gongsi_mc{ font-size:16px; text-transform:uppercase; line-height:24px; padding-top:11px; color:#fff; padding-left: 20px;;}
.cont_zuo .tel,.cont_zuo .email,.cont_zuo .qq,.cont_zuo .fax,.cont_zuo .add,.cont_zuo .mobilepy{ padding-left:26px; overflow:hidden; line-height:25px;}
.cont_zuo .email{width: 90%; margin-left: 20px; background:url(youxiang_con.jpg) no-repeat left center; margin-bottom:11px; margin-top:16px; color:#fff;}
.cont_zuo .email a{ color:#fff}
.cont_zuo .email a:hover,.cont_zuo .qq a:hover{ color:#fff}
.cont_zuo .tel{width: 90%; margin-left: 20px; background:url(guhua_con.jpg) no-repeat left center; margin-bottom:13px; color:#fff}
.cont_zuo .qq{width: 90%; margin-left: 20px; background:url(qq_con.jpg) no-repeat left center; margin-top:18px; color:#fff }
.cont_zuo .qq a{ color:#fff}
.cont_zuo .mobilepy{width: 90%; margin-left: 20px; background:url(shouji.png) no-repeat left center; margin-bottom:7px; color:#fff }
.cont_zuo .fax{width: 90%; margin-left: 20px; background:url(chuanz_con.jpg) no-repeat left center; margin-bottom:9px; color:#fff}
.cont_zuo .add{ width: 90%;margin-left: 20px; background:url(dizhi_con.jpg) no-repeat left center; margin-bottom:11px; color:#fff;}
.ditu_con{ width:100%; overflow:hidden;  margin-top:20px; color:#fff; background:url(lxdt.jpg) no-repeat; margin-bottom: 40px;;}
.top25{ margin-top:25px}