@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; height:100%; font-family:'寰蒋闆呴粦';}
html {height: 100%}
form {margin:0;}
img{ border:none;}
body ,p,a,ul,li,h1,h2,h3,h4,input{ padding:0; margin:0; font-weight: normal;}
ul,li{ list-style:none;}
a,a:hover{ text-decoration:none; cursor:pointer;}
 /*娓呴櫎娴姩*/ 
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}
/*瀛愰〉澶撮儴*/
.logo {height: 84px; width: 275px; background: url(../images/yiyao/page_logo2.png) no-repeat left; background-size: 145px 30px; position: fixed; top: 15px; left: 20px;}
.menu_btn {height: 84px; width: 84px;display: block; top:10px; left: 210px; position: fixed;}
.menu {height:440px; width:193px; position: fixed; top:104px;background:rgba(255,255,255,0.9); display: none; box-shadow: 0px 5px 3px rgba(0,0,0,.2); }
.logo,.menu_btn,.menu { z-index: 999;}
.menu_bgs {z-index: 998; height: 100%; width: 100%; position: fixed; display:none;}
.menu_lua { height: 100px; width: 193px; text-align: center;}
.menu_lua img {width: 193px;}
.menu_lua a { width: 70px; height: 24px; display: block; margin:15px auto;}
.menu_lua a:hover {color:#1470b1;}
.menu li {display: block; width: 178px; height: 43px; margin: 0px auto; text-align: center; line-height: 51px; position: relative;}
.menu li a {height: 100%; width: 100%; display: block; color:#000; position: absolute;}
.menu li a:hover {color:#1470b1;}
.menu #ture { border-radius: 12px; background:#1470b1; color: #fff;}
.menu_lua #lua_ture { border-radius: 12px; background:#1470b1; color: #fff;}
/*瀛愰〉鑿滃崟*/
.page_menu {position: absolute; top:120px; left: 0; font-size: 14px; z-index: 99;}
.page_menu ul{ height: auto; width: auto; position: relative; display: block;}
.page_menu li {display: block; width: 300px; height: 46px; line-height: 46px; position: relative; margin-bottom: 20px;background:rgba(0,0,0,.2); border-radius: 0 23px 23px 0;box-shadow: 0px 3px 2px rgba(0,0,0,.3);}
.page_menu a {display: block; height: 46px; position: absolute; padding-left: 40px;color:#fff;}
#page_menu_ture {background: #ffffff; border-radius: 0 23px 23px 0;}
#page_menu_ture a { color: #0e3057;}
/*瀛愰〉灏鹃儴*/
.foot {height: 244px; width: 100%; background:#3c5d84;}
.foot_map {width: 1200px; height: auto; color: #FFFFFF; padding-top:20px;margin: 0 auto; font-size: 14px;position: relative;}
.foot_map a {color: #fff;}
.foot_map a:hover {color:#B7E3FF;}
.foot h3 {font-size: 18px; line-height: 36px;}
.foot ul {margin-top: 10px; padding-top: 10px; min-width: 120px;border-top: 1px solid; }
.foot li {margin-bottom: 10px;position: relative;}
.foot_map div {height: auto; width: auto; float: left; margin-right: 15px;}
.weichat {float: right !important; text-align: center;}
.weichat img {height: 120px; width: 120px;}
/*浜у搧涓績*/
.page_center { width: 100%; min-height:422px;background: #fff;}
.product{background: url(../images/yiyao/product_bg.jpg) no-repeat !important; background-size: auto !important; height:688px;width: 100%; text-align:left;}
.product h1 {position:absolute; background: url(../images/yiyao/proudct_h1_bg.png)  center left no-repeat; height:52px; padding-left: 70px;width:auto; font-size: 34px; color: #fff; line-height: 52px; top: 118px; left: 35%;}
.h1_tips { position: absolute; top: 120px;}
.h1_tips h2 {color: #fff;}
.h1_tips span {color: #FFFFFF}
.h1_tips a {color:#fff}
.h1_tips a:hover{color: #AAEBFF;}
#particles	{height:688px;width: 100%; position: absolute;top: 0; left: 0; z-index: 0; }
.product_center_list { display: block; width: 1300px; position: relative; top: 270px; margin: 0 auto;text-align: center;}
.product_center_list .pro_ul_img {width: 400px; height:440px;position: relative;text-align: center;}
.product_center_list .pro_ul_img img {position: absolute;bottom:20px; left: 50%; margin-left: -190px; width: 380px;}
.product_center_list li { width: 400px; height: 810px;float: left; margin: 0px 16px; position: relative;}
.product_center_list a { width: 400px; height: 810px; position: absolute; left: 0; top: 0; z-index:99;}
.product_center_list h2 {font-size: 32px; color: #0e3057;text-align: center; line-height: 85px;}
.product_center_list .pro_ul_txt {text-align: left; color:#0e3057; line-height: 36px; width: 350px; margin: 0 auto; font-size: 18px;}
.pro_ul_bg{ background: url(../images/yiyao/pro_list_ture.png) no-repeat 100% 100%; width: 413px; height: 810px; position: absolute; left: 50%; margin-left: -206px; top: 50%; margin-top: -420px;opacity: 0;  z-index:0;}
/*浜у搧涓績璇︽儏椤?/
.product_top {position: absolute; top:250px; width: 1200px; left: 50%; margin-left: -640px; height: 350px;}
.product_top img:first-child {max-height:320px;}
.product_top .product_tips {width: 400px; height: 200px;position: absolute;right: 15%; padding: 50px;bottom:20px; top: -40px;}
.product_tips h3 {font-size: 26px; color: #fff; line-height: 36px; padding-bottom: 20px; border-bottom: 1px #0e3057 solid; margin-bottom: 20px;}
.product_tips {line-height: 32px; font-size: 16px; color:#000;}
.product_box { width: 1200px; height: auto; margin: 0 auto;}
.product_info {height: auto; padding-top: 30px; color:#353535; font-size: 14px; line-height: 28px; display: none;}
#pro_1 {display: block;}
.product_menu {display: block; width: 1200px; height: 50px; position: absolute; top:638px;}
.product_menu li{ float: left; display: block;width: 300px; height: 50px; border-radius:0px;background:rgba(0,0,0,.3);font-size: 16px;color: #fff; line-height: 50px; text-align: center;}
.product_menu li:last-child {border-radius:0px 5px 0 0;}
.product_menu li:first-child {border-radius:5px 0 0 0;}
.product_menu li:hover{color: #67D6FF;}
#product_menu_ture { background: #fff; color: #0e3057;border-radius:5px 5px 0 0;}
/*浜у搧涓績涓嬭浇椤?/
.product_download ol {list-style-type:decimal;}
.product_download li {display: block; height: 80px;list-style: decimal; font-size: 14px; border-bottom: 1px #ccc solid; margin-top: 20px; position: relative;}
.product_download li:last-child { border: none;}
.product_download a {color:#353535; display:block; position: absolute; width: 100%;}
.product_download a:hover {color:#2E7CF4;}
.product_download h3 {font-size: 20px; background: url(../images/yiyao/download_tips.png) no-repeat right;}
/*鏂伴椈鍒楄〃椤?/
.newlist {height:350px;}
.newlist_center { width: 100%; min-height:422px;background: #fff; padding-top: 90px;}
.newlist_center ul {height: auto; width: 1200px; display: block; margin:0 auto;}
.newlist_center ul li { width: 1200px; height:auto; display: block; background: #fff;position: relative; background: url(../images/yiyao/news_list_bg.png) repeat-y;}
.newlist_center ul li a { width: 1200px; height:150px; display: block; position: relative;}
.newlist_center ul li a:hover span {color: #0e3057;}
.newlist_center ul li a:hover h4 {background: #346ce4;}
.newlist_center h3 {color: #0e3057; font-size: 20px;line-height: 34px; float: left; padding-left: 20px; margin-bottom: 10px; width: 315px;}
.newlist_center ul li:last-child{height: 60px; background:#f0f0f0; border-radius:10px; text-align: center;font-size: 30px; line-height: 60px; margin-bottom: 60px;}
.newlist_center ul li:last-child a {height: 60px; color: #cdcdcd; }
.newlist_center ul li:last-child a:hover { color: #fff;}
.newlist_center ul li img {display: none; float: left;}
.newlist_center span {width: 730px; display: block; float: right; padding-left: 10px; color:rgba(0,0,0,.6); font-size: 16px; line-height:28px; height:150px; overflow: hidden;}
.newlist_center hr {width: 30px; border: none; border-top: 1px #fff solid;margin: 5px auto; height: 1px;}
.newlist_center h4 {display: block; position: absolute; left:340px; top:0; width:105px; height: 36px; background: #0e3057; color: #fff;text-align: center; font-size: 26px;border-radius:5px;}
.newlist_center h4 font {font-size: 56px; color: #fff;}
.newlist_center h2 {position: absolute; margin-top: -70px; left: 50%; color: #0e3057;}
.newlist_center .title_1 { margin-left: -470px;}
.newlist_center .title_2 {margin-left: -255px;}
.newlist_center .title_3 {margin-left: 160px;}
/*鏂伴椈鍐呭椤?/
.news_txt { min-height:422px;background: #fff;}
.news_banner {height: 350px;}
.newsedit {width: 1200px; height: auto; min-height: 300px; margin: 0 auto;}
.newsh3 {font-size: 36px; color:#0e3057; text-align: center; margin: 20px 0;}
.newsh4 {width: 256px; height: 26px; line-height: 26px; font-size: 14px; color: #fff;border-radius:13px; background: #354f77; text-align: center; margin: 20px auto;}
.newsedit_foot {width: 1200px; height: 36px; line-height: 36px; font-size: 14px; background: #f2f2f2; position: relative; margin: 20px auto;}
.newsedit_foot a {display: block; position: absolute;color: #747474; width: 500px;}
.newsedit_foot a:hover{color:#0e3057 }
.newsedit_foot .left {left: 10px; text-align: left;}
.newsedit_foot .right {right: 10px; text-align: right;}
.newsedit_foot .center {left: 50%; margin-left: -100px; text-align: center; width: 200px}
/*鎷涜仒*/
#container {width: 1920px;height: 1800px; margin-top: -600px;}
.recruit {height: 350px; overflow: hidden;}
.recruit_center { width: 100%; min-height:422px; height: auto; background: #fff;overflow:hidden; padding-bottom: 30px;}
.recruit_center2 { width: 100%; min-height:422px; height: auto; background: #fff;overflow:hidden; padding-bottom: 30px;}
.recruit_center ul {height: auto; width: 1300px; display: block; margin:60px auto;}
.recruit_center ul li { width: 600px; height:208px; display: block; background: #fff; padding: 10px; border: 1px #ebebeb solid; margin:10px 10px; position: relative; float: left;}
.recruit_center ul li a { width: 600px; height:208px; display: block; position: absolute;}
.recruit_center .recruitbox_s { width: 620px; height:228px; display: block; position: absolute;box-shadow: 0px 0px 6px rgba(0,0,0,.3); top: -10px; left: -10px; opacity: 0;}
.recruit_center ul li a:hover span {color: #0e3057;}
.recruit_center h3 {color: #0e3057; font-size: 24px; line-height: 34px; float: left; padding-left: 20px; margin-bottom: 10px; width: 330px}
.recruit_center ul li img {float: left;}
.recruit_center span {width: 330px; display: block; float: left;  padding-left: 20px; color:rgba(0,0,0,.6);; font-size: 16px; line-height:28px;}
.recruit_center hr {width: 30px; border: none; border-top: 1px #fff solid;margin: 5px auto; height: 1px;}
.recruit_center h4 {display: block; margin: 0; position: absolute; right: 0; top: 0; width:105px; height: 168px; background:#3c5d84; color: #fff; top: -10px; right: -10px;text-align: center; font-size: 18px; padding-top: 60px;}
.recruit_center h4 font {font-size: 42px; color: #fff;}
.recruit_body { width: 100%; min-height:422px; height: auto; background: #fff;overflow:hidden; padding-bottom: 30px;}
.recruit_box {width: 1280px; margin: 20px auto;}
/*鐢靛瓙鍦板浘*/
.map {height: 350px; overflow: hidden;}
.map_center { width: 100%; min-height:222px; height:0;overflow:hidden; padding-bottom: 30px;}
.map_box {position: absolute; top: 210px; left: 50%; margin-left: -480px;border-radius: 22px;overflow:hidden;}
.map_con {width: 960px; margin: 0 auto; font-size: 18px; color:#0e3057; padding: 40px; line-height: 36px; display: none;}
/*鐣欒█鏉?/
.message {width: 960px; height: 560px; position: absolute; top: 0px;border-radius: 22px;left: 50%; margin-left: -480px; background: url(../images/yiyao/message_bg.jpg) no-repeat right #fff;  font-size: 16px;border:#ccc solid 1px;}
.message_bg  {width:100%; height: 560px; position: absolute; top: 210px;}
.message ul {margin: 50px 0 0 100px;}
.message li {margin-bottom: 20px;color:#565656;}
.message input {width: 350px; height: 26px;color:#565656;font-size: 14px;}
.message textarea {height: 120px;width: 350px;font-size: 14px;font-family: "寰蒋闆呴粦";color:#565656;vertical-align:top;}
.message li:last-child input {margin-left: 56px;width: 357px; height: 50px; color:#fff; background: #3498e4; border: none;}

/*姘寸汗鏁堟灉*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: 450px;
	z-index: 0;
}
.waveWrapperInner {
    position: absolute;
    width: 1920px;
    overflow: hidden;
    height: 450px;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 8s;
   -webkit-animation: move-wave 8s;
   -webkit-animation-delay: 3s;
   animation-delay: 3s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 25s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 40s linear infinite;
}
/*浜у搧鍒楄〃*/
.detail-wrap{ background: url(../images/yiyao/product_detail_bg.jpg) no-repeat;width: 100%; height:auto; }
.detail-list{ max-height: 836px;min-height: 530px; width:100%; position: relative; overflow: hidden; background:#fff; padding-top: 20px; padding-bottom: 20px;}
.detail-list .detail-product{ width: 1180px;margin: 0 auto; max-height:756px; min-height: 450px; position: relative;}
.detail-product .move-left{ width: 34px; height: 60px; position: absolute;display: block; background: url(../images/yiyao/scroll_btn.png) no-repeat -34px 0; right: -66px; top:350px; z-index:2000;}
.detail-product .move-right{ width: 34px; height: 60px; position: absolute;display: block; background: url(../images/yiyao/scroll_btn.png) no-repeat 0 0; left: -66px; top:350px; z-index:2000;}
.detail-list .cp-list{ position: relative;width: 1180px; max-height:756px; min-height: 450px;}
.detail-list .cp-list ul{ position: absolute; top:0; width: 1200px; max-height:756px; min-height: 450px;}
.cp-list ul li{ width: 379px; height: 364px; margin: 0 7px 14px 7px; float: left; display: inline-block; box-shadow: 0px 3px 8px rgba(0,0,0,0.35);-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.35);}
.cp-list ul li a{ display: block; width: 379px; height: 364px;}
.cp-list ul li .cp-pic{ height: 303px; width: 379px; background-color: #fff; display: table;}
.cp-list ul li .cp-pic span{ display:table-cell; width: 379px; height: 303px; vertical-align: middle; text-align: center;}
.cp-list ul li .cp-pic span img{vertical-align: middle; text-align: center; max-width: 369px; max-height: 260px;}
.cp-list ul li .cp-tit{ height: 61px; width: 379px;background-color: #3c5d84; font-size: 22px; color: #fff; position: relative;text-align: center; line-height: 61px;}
.cp-list ul li .core-tit{ height: 61px;background-color: #3c5d84; font-size: 22px; color: #fff; position: relative;text-align: center; line-height: 61px;}
.cp-list ul li .cp-tit .cp-logo{ display: block; position: absolute; top:0; left: 0; width: 138px; height: 61px;}
.detail-product .s-dot{ position: absolute; bottom: -50px; width: 130px; left: 50%; margin-left: -65px;}
.detail-product .s-dot a{ width: 14px; height: 14px; display: inline-block; margin: 0 7px; border-radius: 50%; -moz-border-radius: 50%; background-color: #91D0F4;}
.detail-product .s-dot a.on{ width: 50px;border-radius: 10px; -moz-border-radius: 10px; background-color: #0e3057;}
/*鍏充簬鎴戜滑*/
.aboutus{background: url(../images/yiyao/about_bg.jpg) no-repeat bottom center; height:488px;width: 100%; position: relative;}
.aboutus h1 {position:absolute; background: url(../images/yiyao/aboutus_h1_bg.png) no-repeat left center; height:52px; padding-left: 70px;width:auto; font-size: 48px; color: #fff; line-height: 52px; top: 118px; left: 35%;}
.about_h1_tips { position: absolute; top: 120px; z-index: 999;}
.about_h1_tips h2 { color: #fff;}
.about_h1_tips span {color: #FFFFFF}
.about_h1_tips a {color:#fff}
.about_h1_tips a:hover{color: #AAEBFF;}
.about-info{ width: 1200px; margin: 0 auto; padding-bottom: 100px; z-index: 10; position: relative;}
.about-info .about-tit{margin-top: -63px;}
.about-tit {text-align: center; display: none;}
.about-info .about-article{ color: #333; line-height: 36px; font-size: 18px; padding-top: 30px;}
.subTit{ color: #0e3057; font-size: 60px; padding-top: 60px; font-weight: bold;}
.about-culture{ text-align: center; margin-top: -80px;}
.subTit2{color: #0e3057; font-size: 60px; padding-top: 48px; font-weight: bold; text-align: center; padding-bottom: 30px;}
.vision-txt{color: #333; line-height: 36px; font-size: 18px; text-align: center;}
/*浼佷笟璧勮川*/
.qualification-box{ padding:15px 0 100px 0; height:300px; width:1200px; margin:0 auto; position:relative;}
/*.qualification-box .scroll-left { width: 14px; display: block; height: 26px; position: absolute; left: -14px; top: 125px; background: url(../images/yiyao/zz_srcoll_btn.png) no-repeat 0 0; }
.qualification-box .scroll-right { width: 14px; display: block; height: 26px; position: absolute; right: -14px; top: 125px; background: url(../images/yiyao/zz_srcoll_btn.png) no-repeat -17px 0;}*/
.qualification-box .cpBox { width: 1200px; height:310px;overflow: hidden; }
.cpBox li { width: 219px; float: left; display: inline; margin: 0 20px 0 21px; height: 240px; background-color:#fff; padding:40px 0 30px 0; cursor:pointer;}
.cpBox li:hover{ background:url(../images/yiyao/zs_bg.png) no-repeat;}
.cpBox .cpImg { width: 130px; height: 184px; margin:0 45px 30px 44px;}
.cpBox .cpImg img { width: 100%; height: 100%; }
.cpBox .cp-tit{ padding:0 10px; width:180px; line-height:20px; font-size:16px; text-align:center;}

#outerdiv{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:1000;width:100%;height:100%;
display:none;}
#innerdiv{position:absolute;width:100%;height:640px;; text-align: center; top: 50%; margin-top: -320px;}
#innerdiv img {height:640px;}