@charset "utf-8";
/* css document */
*{ margin:0; padding:0;}
html{ width:100%; overflow-x:hidden;}
body{ font-size:12px; margin: 0; min-width:1200px; font-family: 微软雅黑, microsoft yahei, arial, helvetica, sans-serif;}
ul, li{ list-style-type: none;}
img, ul, li{ padding: 0px;	margin: 0px;}
img{ border: none;}
a{ text-decoration: none; color:#333;}
a:hover { text-decoration: none;}
.clearfix{clear: both;}
input, textarea { outline: none; border: 0px;}
h1, h2, h3, h4, h5, p, dl, dd, dt, i, em{ margin: 0; font-weight: normal;} 
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.f10{width: 1000px;margin: 0 auto;}
/*html,body{	-moz-user-select: none;	-khtml-user-select: none;	user-select: none;}*/

/*top*/
.topbox{width: 100%;height: 40px;padding: 30px 0;margin: 0 auto;}
.top{width: 1000px; height: 40px;margin: 0 auto;}
.top .logo{width: 140px;height: 40px;display: block; overflow: hidden; margin-left: 70px;}
.top .logo img{width: 140px;height: 40px;display: block; overflow: hidden;}   
.top .phone{ width: 260px; padding-left: 35px; background: url(/uploads/image/simages/phone.png) left center no-repeat; font-size: 18px; font-weight: bold;color: #666;line-height: 40px;}

/*banner*/
.banner{ width:100%; background:url(/uploads/image/simages/banneryd.jpg) no-repeat center; height:705px;}
.banner img{width:100%;  height:auto; text-align:center; display:block;  margin:0 auto;}

/*hyysfx*/
.hyysfxbox{width: 100%;height: auto; margin: 0 auto;}
.hyysfx{width: 1050px;height: auto; margin: 0 auto;display: block;}
.hyysfx li{ width: 1050px;height: 156px;float: left;display: block; margin: 20px auto;}
.hyysfx li .hyysfximg{ display: block; overflow: hidden;}
.hyysfx li .hyysfxtxt{ width: 307px;padding: 30px; background: #f3f3f3; height: 96px; overflow: hidden;}
.hyysfx li .hyysfxtxt h1{ font-size: 20px; color: #00a28b; line-height: 40px; font-weight: bold;}
.hyysfx li .hyysfxtxt p{font-size: 16px; color: #888; line-height: 30px; max-height: 56px; overflow: hidden; letter-spacing:1px;}

/*about*/
.aboutbox{ width:100%; height:auto; margin:0 auto 30px; overflow:hidden;}
.biaoti1{ width:960px; height:auto; margin:50px auto 30px; overflow:hidden;}
.biaoti1 h1{ font-size:40px; line-height:50px; text-align:center; font-weight:bold; color:#666; margin:0 auto 30px; letter-spacing:5px;}
.biaoti1 h2{ font-size:40px; line-height:50px; text-align:center; font-weight:bold; color:#fff; letter-spacing:5px; }
.biaoti1 h3{ font-size:20px; line-height:50px; text-align:center; font-weight:bold; color:#f5c40d; }
.biaoti1 span{ font-size:20px; line-height:50px; text-align:center; color:#00a28b; display: block; }
.biaoti1 p{font-size: 18px;line-height: 30px; color: #888;letter-spacing:2px; text-indent: 36px;}
.about{ width:1062px; height:auto; margin:0 auto; overflow:hidden;}
.about li{ width: 322px;height: 217px;float: left;display: block;margin: 16px;}
.about li img{ width: 322px;height: 217px; display: block;overflow: hidden;}

/*kclj*/
.kcljbox{width: 100%;height: auto; margin: 0 auto; background:#00a28b; padding: 0px 30px 60px 0px;overflow: hidden;}
.kclj{width: 1062px;height: auto; margin: 0 auto;display: block;}
.kclj li{ width: 274px;height: 168px;padding: 25px; float: left;display: block; margin: auto 15px;background: #fff;border-radius: 7px;}
.kclj li h1{font-size:20px; line-height:50px; text-align:center; color:#00a28b; font-weight: bold; letter-spacing:1px;}
.kclj li p{font-size: 15px;color: #888;line-height: 28px;text-indent: 28px;}

/*kcys*/
.kcysbox{ width:100%; height:auto; margin:0 auto 25px auto; background:url(/uploads/image/simages/kcys.jpg) top center no-repeat; overflow:hidden;}
.kcys{ width:1100px; height:auto; margin:0 auto;  overflow:hidden;}
.kcystit{ width:485px; height:auto; font-size: 40px;font-weight: bold; color: #00a28b;text-align: center; line-height: 60px; margin:50px 0 30px 615px;}
.kcysb{width: 395px;height: auto; padding: 45px;background: rgba(255,255,255,0.8); float: right; display: block; margin:auto 0 50px auto;}
.kcysb h1{font-size: 20px;font-weight: bold; color: #00a28b; line-height: 40px; margin-top:5px;}
.kcysb p{font-size: 15px; line-height: 25px; color: #888;}

/*jxms*/
.jxmsbox{ width:100%; height:auto; margin:0 auto 30px; overflow:hidden;}
.jxms{width: 1050px;height: auto; margin: 0 auto;display: block;}
.jxms li{ width: 324px;height: auto; float: left;display: block; margin: auto 13px; }
.jxms li h1{font-size:20px; line-height:50px; text-align:center; color:#00a28b; font-weight: bold;}
.jxms li p{width: 264px;height: 134px; padding: 25px 30px;font-size: 15px;color: #fff;line-height: 28px;text-indent: 28px; color: #fff; background:#00a28b;border-radius: 7px;}

/*kctx*/
.kctxbox{ width:100%; height:auto; margin:0 auto 50px; overflow:hidden;}
.kctx{width: 1271px;height: auto; margin: 0 auto;display: block;}
.kctx img{display: block; margin: 20px auto;}
.kctx p{ width: 940px;font-size: 16px; color: #888;line-height: 30px; margin: 20px auto;}
.kctxm{ width:302px; height:45px; margin:30px auto; display:block; border-radius:13px; background:#00a28b; line-height: 45px; font-size: 20px;font-weight: bold; color: #fff;text-align: center;}
.biaoge{ width:946px; height:50px; margin:0 auto; background:#efefef; border:#fff;  border-collapse:collapse;  border-color:#fff; color:#888; font-size:15px; text-align:center; line-height:30px; }
.biaoge td{padding: 10px 0;}

/*why*/
.whybox{ width:100%; height:auto;  margin:0 auto; overflow:hidden; background: #efefef;}
.why{ width:1040px; height:auto; margin:0 auto; overflow:hidden; display:block;}
.why li{ width:174px; height:166px; padding: 30px; float:left; display:block; background:#00a28b; margin:13px;overflow: hidden;}
.why li img{display: block; margin-bottom: 10px;}
.why li h1{line-height:40px; text-align:left; color:#fff; font-size:18px; font-weight:bold;}
.why li p{ font-size:14px; text-align:left; line-height:24px; color:#fff;}
.whym{ width:302px; height:45px; margin:30px auto; display:block; border-radius:13px; background:#f4c100; line-height: 45px; font-size: 20px;font-weight: bold; color: #fff;text-align: center;}

/*jmfc*/
.jmfcbox{ width:100%; height:auto; margin:0 auto; overflow:hidden; }
.jmfcimg{width: 1460px;height: 425px;display: block; overflow: hidden; margin: 50px auto 0;}
.jmfc{ width:1040px;height:auto; margin:0 auto; overflow:hidden; display:block;}
.jmfc li{ width:234px; height:226px; float:left; display:block; margin:13px; overflow:hidden; }
.jmfc li  h1{ font-size:18px; text-align:center; line-height:40px; overflow:hidden; font-weight:bold; color:#fff; margin-top:40px;}
.jmfc li p{ font-size:15px; text-align:center; line-height:24px; max-height:120px; color:#fff; overflow:hidden;}
.jmfcm{ width:302px; height:45px; margin:30px auto; display:block; border-radius:13px; background:#f4c100; line-height: 45px; font-size: 20px;font-weight: bold; color: #fff;text-align: center;}

/*honor*/
.honorbox{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.biaoti9{ width:1200px; height:auto; background: top center no-repeat; margin:120px auto 40px; overflow:hidden;}
.biaoti9 h1{ font-size:50px; line-height:50px; text-align:center; font-weight:500; color:#e94619; margin-top:40px;}
.biaoti9 p{ font-size:24px; line-height:50px; text-align:center; color:#e94619; letter-spacing:5px; margin-top:10px;}
.honor{ width:100%; display:block; margin:30px auto; height:217px; overflow:hidden;}
.honor ul li{ width:322px; height:217px; float:left; display:block; margin: auto 5px; overflow:hidden;}
.honor ul li img{ width:322px; height:217px; display:block; overflow:hidden;}

/*jzfk*/
.jzfkbox{ width:100%; height:auto; margin:0 auto; overflow:hidden; }
.jzfk{width: 1370px;height: auto;display: block; margin: 0 auto;overflow: hidden;}
.jzfk li{ width: 264px;height: 571px; float: left; display: block; margin: 5px;}
.jzfk li img{ width: 264px;height: 571px; display: block; overflow: hidden;}

/*story*/
.fullslide{ width:100%; height:auto; display:block; position:relative; background:#ebebeb; margin:0 auto;padding: 40px 0; overflow:hidden;}
.fullslide .bd{ position:relative; z-index:0; width: 753px; overflow:hidden; margin:0 auto;}
.fullslide .bd li h1{ font-size:20px; text-align:center; line-height:40px; overflow:hidden; font-weight:bold; color:#00a28b; }
.fullslide .bd li h2{ font-size:18px; text-align:right; line-height:40px; overflow:hidden; font-weight:normal; color:#00a28b;}
.fullslide .bd li img{width:753px;height: 376px;display: block;margin:20px auto;overflow: hidden; vertical-align:top;  }
.fullslide .bd li p{font-size:16px;line-height: 28px;color: #666; text-align:left;text-indent: 28px;}
.fullslide .prev,.fullslide .next{ z-index:1; display:block; width:47px; height:47px; position:relative; margin:-18% auto 3%; float:left;  background:url(/uploads/image/simages/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullslide .prev{  margin-left:21%  }
.fullslide .next{  background-position:right 0; float:right; margin-right:21%  }
.fullslide .prev:hover,.fullslide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

/*liuyan*/
.msgbox{ width:100%;height: auto; background:#00a28b; margin:0 auto;padding: 30px 0; overflow:hidden;}
.msg{ width:900px; display:block; margin:30px auto; height:auto; overflow:hidden;}
.msg-tit{ width:900px; height:auto; margin:0 auto;}
.msg-tit img{display: block; margin: 0 auto;}
.msg-tit h1{line-height:40px; text-align:center; color:#fff; font-size:40px; font-weight:bold; margin: 20px auto;}
.msg-tit p{ width: 260px; padding-left: 40px; background: url(/uploads/image/simages/fphone.png) left center no-repeat; font-size: 18px; font-weight: bold;color: #fff;line-height: 40px;margin: 0 auto;}
.mssg{ width:820px; height:auto;padding: 40px 40px 20px; margin:40px auto 0; overflow:hidden; background: #fff;}
.mssg-l{ width:390px; }
.mssg-l li{ height: 40px;float: left;display:block;margin-bottom: 10px;}
.mssg-l li span{font-size: 18px; font-weight: bold;color: #666;line-height: 40px; margin-right: 10px;}
.mssg-l li input{ width:338px; height:38px; border: 1px solid #666;  background:#fff; color:#666;  }
.mssg-l li .xz{ width:106px; height:38px; border:1px solid #666; overflow:hidden; font-size:14px; line-height:38px; height:38px; color:#666;margin-right: 5px;}
.mssg-r{width: 390px;}
.mssg-r li span{font-size: 18px; font-weight: bold;color: #666;line-height: 40px; margin-right: 10px;}
.mssg-r li textarea{ width:338px; height:88px; border: 1px solid #666;  background:#fff; color:#666; }
.mssg-r li { font-size: 18px; font-weight: normal;color: #666;line-height: 40px; text-align: left;}
.msg-more{ display:block;  width:200px; height:44px; line-height:44px; text-align:center; background:#f4c100; color:#fff; font-size:16px; margin: 0 auto ;overflow: hidden; border:none;}
.footer{ background:#02907c; line-height:40px; text-align:center; color:#f8f7f7;}



/* header */
.header{position:relative;}
.logo{display:block;width:240px;height:95px;background:#009d85;position:absolute;left:0;top:0;z-index:16;}
.logo img{display:block;width:150px;margin:24.5px auto 0;}

.qlogo{display:block;width:240px;height:95px;position:absolute;left:0;top:0;z-index:16;}
.qlogo img{display:block;width:170px;margin:12px auto 0;}

.hotline{color:#fff;font-size:24px;}
.hotline.absolute{position:absolute;right:30px;top:25px;z-index:16;}
.hotline .iconfont{font-size:30px;}
.nav{position:absolute;left:32%;top:30px;z-index:20;}
.apply_box{position:fixed;width:100%;background:url(/uploads/image/simages/op.png);bottom:0px;left:0;z-index:16;padding:25px 0;}
.apply{color:#fff;}
.apply .hotline{margin-right:20px;line-height:40px;}
.apply_form input[type="text"]{display:inline-block;width:300px;margin-right:15px;border-color:#fff;padding:0 10px;height:40px;line-height:40px;}
.apply_form button{background:#fbbf00;color:#000;border:none;font-size:16px;cursor:pointer;height:40px;line-height:40px;width:130px;float:right;transition:.25s;-webkit-transition:.25s; font-weight:bold;}
.apply_form button:hover{background:#009d85;color:#fff;}
.checkboxbtn{font-size:16px;position:relative;display:inline-block;vertical-align:middle;margin-right:15px;}
.checkboxbtn label{display:inline-block;}
.checkboxbtn input{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;display:block;cursor:pointer;z-index:2;margin:0;}
.checkboxbtn span{display:inline-block;width:26px;height:26px;position:relative;background:#fff;text-align:center;margin-right:10px;vertical-align:middle;position:relative;top:-2px;}
.checkboxbtn span i{opacity:0;position:absolute;left:0;right:0;margin:0 auto;color:#333;line-height:25px;}
.checkboxbtn input:checked   label > span i{opacity:1;}
ul.menu{}
ul.menu li{position:relative;}
ul.menu li a{color:#fff;padding:0 28px;font-size:16px;line-height:33px;display:block;position:relative;transition:.25s;white-space:nowrap;}
ul.menu li:hover a{background:#009d85;}
ul.menu li:hover ul li a{background:none;}
ul.menu li ul{position:absolute;left:0;top:33px;padding-top:15px;min-width:100%;*display:none;opacity:0;transition: opacity .25s;-webkit-transition: opacity .25s;}
ul.menu li ul li a{color:#646464;font-size:14px;background:#fff!important;height:0;overflow: hidden;transition:height .25s;-webkit-transition:height .25s;}
ul.menu li ul li a:after{content:"";position:absolute;left:0;top:0;z-index:1;width:3px;height:0;background:#fbbf00;transition:.25s;}
ul.menu li ul li:hover a{background:#ebebeb;font-weight:bold;}
ul.menu li ul li a:hover:after{height:100%;transition:.25s;}
ul.menu li:hover ul{opacity:0.95;*display:block;}
ul.menu li:hover ul li a{height:33px;transition:height .25s;-webkit-transition:height .25s;}
.banner{min-width:1200px;position:relative;}
.banner .flex-control-nav{bottom:190px;width:50%;left:50%;margin-left:-600px;text-align:left;height:10px;}
.pagebanner{}
.pagebanner .location{position:absolute;width:50%;left:50%;bottom:70px;margin-left:-600px;z-index:16;}
.pagebanner .location strong{display:block;color:#fff;font-size:28px;font-weight:100;line-height:normal;}
.pagebanner .location strong.en{text-transform:uppercase;font-size:20px;}
.black{color:#000!important;}