@charset "utf-8";
/* CSS Document */

.header{ width:100%;height:280px; background:url(../imgs/header.png) no-repeat;position:relative; top:0; z-index:99;min-width:1200px;}
.hea_top{ width:100%; height:155px; border-bottom:1px solid #dbdbdb;}
.index_logo{ margin-top:40px;}
.index_tel{ width:373px; height:67px; background:url(../imgs/index-tel.png) no-repeat; margin:40px 0 0 94px; font-size:28px; color:#f068ae; font-weight:bold; padding-left:30px;padding-left: 50px;line-height: 30px;}
.icon{}
.icon ul li{ float:left; margin:38px 0 0 30px; text-align:center;}
.icon ul li a{ display:block; color:#555; line-height:30px;}
.nav{ margin-top:30px;}
#navid1{ display:inline-block;}
#navid2{ display:none;}
.nav a{ display:inline-block; width:148px; height:36px; border-radius:100px; line-height:36px; font-size:18px; color:#232323; margin:0 20px; background:#fff; text-align:center;}
.nav a:hover{ background:#f068ae; color:#fff;}
.nav a:hover #navid1{display:none;}
.nav a:hover #navid2{display:inline-block;}
.nav a.on{ background:#f068ae; color:#fff;}
.nav a.on #navid1{display:none;}
.nav a.on #navid2{display:inline-block;}


.banner{ width:100%; min-width:1200px; position:relative; top:-20px; z-index:98; overflow:hidden;}
.slideBox{ width:100%; max-height:537px;overflow:hidden; position:relative; z-index:97;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; bottom:30px; left:50%; margin-left:-140px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px;  width:50px; height:10px; background:#fff; cursor:pointer; border-radius:100px;}
.slideBox .hd ul li.on{ background:#f068ae;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; max-height:537x;}
.slideBox .bd img{  display:block; width:100%;}


.page1{ width:100%; height:700px; background:url(../imgs/page1.jpg) no-repeat; overflow:hidden; margin-top:-20px;min-width:1200px;}
.con_one{ position:relative; width:648px; height:545px;margin-top:70px;}
.con_one .ab1{ position:absolute; left:0; top:40px; z-index:96;}
.con_one .ab2{ position:absolute; right:20px; top:40px;z-index:97;}
.con_one .ab3{ position:absolute; left:90px; top:0;z-index:98; width:510px; height:510px; background:url(../imgs/ab3.png) no-repeat; overflow:hidden;}
.jianjei{ width:390px; height:390px;  margin:60px auto;overflow:hidden;}
.jianjei .ab_title{ text-align:center;}
.jianjei .ab_nei{ margin:35px 0; font-size:16px; color:#555; line-height:30px; text-align:center;}
.jianjei .ab_more{ display:block; text-align:center; width:43px; height:34px; margin:0 auto;}
.con_one .ab4{ position:absolute; right:0; bottom:0; z-index:99;}

.page2{ width:100%; height:874px; background:url(../imgs/page2.png) no-repeat;overflow:hidden; margin-top:-65px; position:relative; z-index:99;min-width:1200px;}
.product{ margin-top:165px;-webkit-box-shadow:0 0 15px #63bfe5;-moz-box-shadow:0 0 15px #63bfe5;box-shadow:0 0 15px #63bfe5}
.product li{ width:300px; height:300px; overflow:hidden; float:left; position:relative;}
.product li .cp img{ width:100%;}
.opt{/* height:0;*/ overflow:hidden; position:absolute; top:300px; left:0; width:300px; height:300px; background:url(../imgs/opt.png) no-repeat; text-align:center;-moz-transition: top .5s;-webkit-transition: top .5s;-o-transition: top .5s;transition: top .5s; display:block;}
.opt p{ margin-top:155px; font-size:22px; color:#fff;}
.opt span{ display:block; font-size:18px; color:#fff;}
.product li:hover .opt{ top:0;-moz-transition: top .5s;-webkit-transition: top .5s;-o-transition: top .5s;transition: top .5s;}
.product li.one{ width:540px; height:240px; overflow:hidden; background:#fff; padding:30px;}
.one .pro_title{ text-align:center;}
.one p{ font-size:16px; color:#555; line-height:30px; margin:25px 0;}
.one .pro_more{ width:43px; height:36px; overflow:hidden; margin:0 auto; display:block;}


.page3{ width:100%; height:800px; background:url(../imgs/page3.jpg) no-repeat;overflow:hidden; margin-top:-65px;min-width:1200px;}
.join{ padding-top:120px;}
.join .join_title{ text-align:center; margin-bottom:44px;}
.join li{ width:160px; height:160px;padding: 20px;text-align: center; position:relative; float:left; margin:10px 15px;}
.join li .ys_bg{ position:absolute; z-index:98; top:0; left:0; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.ys{ position:absolute; z-index:99;width: 160px;}
.ys a{ font-size:20px; color:#ef5525; border-bottom:1px dashed #f5da49;margin: 10px 0;display: inline-block;padding-bottom: 6px;}
.ys:hover a{ color:#f5da49;}
.ys p{ font-size:12px; color:#666; line-height:20px;}
.join li:hover .ys_bg{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}


.page4{ padding:60px 0;}
.picMarquee-left{ width:100%;  overflow:hidden; position:relative;-webkit-box-shadow:0 0 15px #69aeca;-moz-box-shadow:0 0 15px #69aeca;box-shadow:0 0 15px #69aeca;min-width:1200px;}
.picMarquee-left .bd{ padding: 0;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center;width:384px; height:340px; }
.picMarquee-left .bd ul li .pic img{  display:block; width:100%;}
		
		
.page5{ width:100%; height:914px; background:url(../imgs/page4.png) no-repeat; min-width:1200px;}
.message{ width:460px; margin:200px 0 0 20px;}
.mess_title{ margin-bottom:50px;}
.message .name{ width:440px; height:50px; background:#fff; border-radius:10px; line-height:50px; margin-bottom:10px; padding-left:20px;}
.message .name input{width: 398px;height: 50px;border: none;margin-top: -4px;border-radius: 10px;}
.message .liuyan{ width:440px; height:130px; background:#fff; border-radius:10px;margin-bottom:30px; padding:10px 0 0 20px;}
.message .liuyan textarea{width: 398px;height:130px;border: none;border-radius: 10px;} 
.message .tj input{width:460px; height:50px; background:#fd6454; border-radius:10px; line-height:50px; text-align:center; border:none;color:#fff; font-size:20px;}
.news{ width:490px; height:561px; overflow:hidden; margin:200px 10px 0 0; background:url(../imgs/news-bg.png) no-repeat;}
.news_title{ margin:46px 0 36px 0; text-align:center;}
.xinwen{ width:397px; margin:0 auto 10px auto; background:url(../imgs/line.png) bottom center no-repeat; text-align:center;padding-bottom:6px;}
.xinwen p{ font-size:18px; color:#888;}
.xinwen a{ display:inline-block; font-size:20px; color:#555;}
.news_more{ display:block; width:43px; height:36px; margin:35px auto 0 auto;}
.xinwen a:hover{ color:#fd6454;}



.footer{ width:100%; background:url(../imgs/footer-bg.png) no-repeat; padding-top:120px;height:283px;margin-top: -70px;min-width:1200px; text-align:center; position: relative; z-index: 99;}
.ewm{ width:112px; height:112px; overflow:hidden; margin:0 auto; }
.jia_tel{ font-size:28px; color:#555; font-weight:bold; margin:24px 0 36px 0;}
.jia_tel p{ font-size:16px; font-weight:normal; line-height:8px;}
.banquan{ font-size:12px; color:#555;}



.about{ width:100%; min-height:600px; height:auto !important; background:#f288c1;position:relative; top:-20px; padding-top:20px; z-index:1;margin-bottom: -84px; padding-bottom:120px; min-width:1200px;}
.jie{ width:450px; background:url(../imgs/qiqiu.png) left 40px no-repeat; padding:150px 0 0 150px;}
.jie p{ font-size:14px; color:#fff; line-height:30px; width:450px;}
.ab_tu{ width:600px; text-align:right;}


.procuct_nav{width:100%; min-height:120px; height:auto !important; background:#4bbbf4;position:relative; top:-20px; padding-top:20px; z-index:1; min-width:1200px;}
.procuct_nav p{ text-align:center; font-size:30px; color:#fff; background:url(../imgs/pro-bg.png) bottom center no-repeat; padding:20px 0; margin:0 auto;}
.procuct_nav a{ font-size:20px; color:#fff; display: inline-block; margin:30px 22px; height:40px; line-height:40px; padding:0 30px;}
.procuct_nav a:hover{ background:#fff; color:#4bbbf4; border-radius:100px;}
.procuct_nav a.on{ background:#fff; color:#4bbbf4; border-radius:100px;}
.list{ width:1200px; min-width:1200px; margin:30px auto 0 auto; padding-bottom:160px;}
.list ul{ margin-left:-53px;}
.list ul li{ float:left; width:260px; height:260px; overflow:hidden; margin:0 0 50px 53px; position:relative;}
.list ul li img{ width:100%;}
.opt1{/* height:0;*/ overflow:hidden; position:absolute; top:260px; left:0; width:260px; height:260px; background:url(../imgs/opt1.png) no-repeat; text-align:center;-moz-transition: top .5s;-webkit-transition: top .5s;-o-transition: top .5s;transition: top .5s; display:block;}
.opt1 p{ margin-top:100px; font-size:22px; color:#fff; margin-bottom:10px;}
.opt1 span{display:block; font-size:16px; color:#fff;}
.list li:hover .opt1{ top:0;-moz-transition: top .5s;-webkit-transition: top .5s;-o-transition: top .5s;transition: top .5s;}

.cases{width:1200px; min-width:1200px; margin:30px auto 0 auto; padding-bottom:160px;}
.cases ul{ marg in-left:-88px;}
.cases ul li{ /*width:341px; overflow:hidden; float:left; margin:0 0 40px 88px;*/ clear:both; margin-bottom:40px;}
.cases ul li .tu{ display:block; width:341px; height:220px; overflow:hidden;} 
.cases ul li .tu img{ width:100%;-webkit-transform:scale(1,1);-moz-transform:scale(1,1); -transform:scale(1,1);-o-transform:scale(1,1);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.cases ul li .title{ font-size:20px; color:#4bbbf4; margin:6px 0; display:inline-block;}
.cases ul li p{ font-size:12px; color:#666; line-height:24px; height:110px; overflow:hidden;}
.cases ul li .ca_more{ font-size:14px; color:#ababab; text-align:right; background:url(../imgs/jian.png) right center no-repeat; padding-right:20px;/* margin-left:264px; */display:inline-block;}
.cases ul li .ca_more:hover{ color:#4bbbf4;}
.cases ul li .tu:hover img{ -webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3); -transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.case_add{ width:820px;}

.nei{width:1200px; min-width:1200px; margin:0 auto; padding-bottom:160px;}
.local{ width:1200px; min-width:1200px; padding-bottom:14px; border-bottom:1px solid #ccc; margin:0 auto;}
.local b{color:#f068ae; font-weight:normal;}
.local a{ color:#666;}
.local a:hover{ color:#f068ae;}


.mcheng{ font-size:28px; color:#4bbbf4; background:url(../imgs/yuan.png) left center no-repeat; padding-left:60px; margin:20px 0;}


.coperate{width:100%; min-height:600px; height:auto !important; background:url(../imgs/bg_add.jpg) top center no-repeat;position:relative; top:-20px; padding-top:20px; z-index:1;margin-bottom: -84px; padding-bottom:120px; min-width:1200px;}
.cop_title{ height:77px; line-height:77px; background:url(../imgs/yyq.png) left center no-repeat; font-size:24px; color:#f068ae; margin:50px 0; padding-left:170px;}
.cop_title a{color:#f068ae;margin-right:30px;font-size:24px;}


.infor{width:100%; min-height:600px; height:auto !important; background:#a2e4ff;position:relative; top:-20px; padding-top:20px; z-index:1;margin-bottom: -84px; padding-bottom:120px; min-width:1200px;}
.middle{ width:980px; margin:60px auto;}
.message1 .name{ width:460px; height:50px; background:#fff; border-radius:10px; line-height:50px; margin-bottom:10px; padding-left:20px;font-size: 16px;}
.message1 .name input{width: 398px;height: 50px;border: none;margin-top: -4px;border-radius: 10px; }
.message1 .liuyan{ width:960px; height:130px; background:#fff; border-radius:10px;margin-bottom:30px; padding:10px 0 0 20px;font-size: 16px;}
.message1 .liuyan textarea{width: 905px;height:130px;border: none;border-radius: 10px;} 
.message1 .tj input{width:180px; height:50px; background:#fd6454; border-radius:10px; line-height:50px; text-align:center; border:none;color:#fff; font-size:20px; margin-left:800px;}
.middle ul{ margin-top:80px;}
.middle ul li{ width:216px; height:105px; overflow:hidden; padding:34px 0 0 84px;}
.middle ul li p{ font-size:26px; color:#f068ae;}
.middle ul li.zhong{margin:0 40px;}
.middle ul li.zhong p{font-size:20px; line-height:38px;}

.detail{ width:1200px; min-width:1200px; margin:0 auto; padding-bottom:160px;}
.detail_one{ margin-bottom:40px;}
.de_tu{ width:400px; height:400px; overflow:hidden;}
.de_tu img{ width:100%;}
.de_infor{ width:720px;}
.de_infor p.name{ font-size:28px; color:#555; margin-bottom:20px;}
.share{ margin-top:80px;}
.detail_tu{ padding:12px; width:1170px; border:1px solid #ccc; overflow:hidden;}
.detail_tu img{ width:100%;}




/*---------------------------底部修改---------------------*/
.bot_add{ margin-bottom:20px; height:180px; overflow:hidden;}
.link_add{ width:490px;}
.cont_add{ width:220px; margin:0 70px 0 160px;}
.tel_add{ width:202px; background:url(../imgs/tel_add.png) left top no-repeat; height:35px; overflow:hidden; font-size:28px; font-weight:bold; color:#555; padding:13px 0 0 58px;}
.lk_mc{ font-size:16px; color:#555; height:30px; overflow:hidden; width:90px; line-height:30px;}
.link_add p{ width:400px;}
.link_add p a{ width:130px; display:inline-block; line-height:30px; color:#777; font-size:14px; text-align:left;} 
.link_add p a:hover{ color:#fd6454;}
.cont_add ul{ width:120px;}
.cont_add ul li{ margin-bottom:8px; text-align:left; }
.cont_add ul li img{ width:32px; height:32px;}
.cont_add ul li span{ font-size:16px; color:#555; height:32px; line-height:32px; margin-left:10px;}
.flow{ position: fixed; z-index:999; width:86px; right:30px; height:584px; top:50%; margin-top:-292px;}
.flow .close{ width:86px; height:73px; cursor:pointer; overflow:hidden;}
.kefu span{width:86px; height:35px; text-align:center; font-size:14px; color:#fff; display:block; line-height:35px;}
.kefu ul li{ height:50px; border-bottom:1px solid #e2e2e2; background:#fff; padding-top:4px; text-align:center; overflow:hidden;} 
.kefu ul li p{ font-size:14px; color:#555;}




.fa{ width:440px; border:1px #333 4BBBF4; float:left; overflow:hidden; margin-bottom:10px; font-size:16px;}
.fa h3{ color:#fff; background:#fd6454; font-weight:bold; width:98%; float:left; padding:0px 5px;}
.fa h3 div{cursor:pointer; float:right;}
.fa li{ color:#333; background:#4BBBF4; font-weight:bold; width:100%; float:left; list-style:none; border-top:1px #fff solid; padding-left:10px; cursor:pointer; line-height:26px;}


.procuct_nav1{width:100%; min-height:120px; height:auto !important; background:#f288c1;position:relative; top:-20px; padding-top:20px; z-index:1; min-width:1200px;border-bottom: 1px solid #fff;}
.procuct_nav1 p{ text-align:center; font-size:30px; color:#fff; background:url(../imgs/pro-bg.png) bottom center no-repeat; padding:20px 0; margin:0 auto;}
.procuct_nav1 a{ font-size:20px; color:#fff; display: inline-block; margin:30px 22px; height:40px; line-height:40px; padding:0 30px;}
.procuct_nav1 a:hover{ background:#fff; color:#f288c1; border-radius:100px;}
.procuct_nav1 a.on{ background:#fff; color:#f288c1; border-radius:100px;}
.about1{width: 1200px; min-width: 1200px;margin: 30px auto 0 auto; padding-bottom: 160px; min-height: 400px; height: auto !important;}