@charset "utf-8";
body{background:#fff;color:#3e3e3e;padding:0px;margin:0;text-align:center;font-size:16px;font-family:"微软雅黑","sans-serif";line-height:1.5;}
td,th{padding:0px;margin:0px;}
table,div{margin:0 auto;padding:0;text-align:left;}
ul,ol,li,dl,dd,p,form{border:0;margin:0;padding:0;list-style:none; text-align:left;}
img{border:0;    display: inline-block;max-width: 100%;height: auto;}
h1,h2,h3{margin:0;padding:0;text-align:left;}
a{color:#898989;text-decoration:none;}
a:hover{color:#898989; text-decoration:none;}
input[type=text],input[type=submit]{-webkit-appearance:none;-webkit-border-radius:0;}

.clearfix:after{content:"\200b";display:block;height:0;clear:both;}
.clearfix{*zoom:1}
.big_div{width:1200px;margin:0 auto;}

.box-mask {	position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 99;display: none;}
.box {position: absolute;width: 1000px;height:620px;text-align: center;z-index: 101;display: none;}
.demo{width:100%; height:100%;margin:0 auto;}


/*首页广告*/
#sy_gg{height: 770px;}
.c-hero__video{object-fit: cover;width: 100%;height: 100%;object-position: 0; -webkit-transform: scale(1);transform: scale(1) ;}


#bp_vid{width: 800px;}
#video_container li:nth-child(2) .video1{background:#fff;color:#000;}

.video1{float:left; height:120px; width:270px; background:#162270; margin-right:1.875em;  color:#fff; text-align:center;}

.cont ul span{background:url(../imgs/play_bnt.png) no-repeat; background-size:43px 43px; width:43px; height:43px; display:block;margin:0 auto;}
.cont ul h5{font-size:1.125em; margin:20px 0;}
.cont h3{ font-size:2em; color:#fff; margin-top:23%;}
.cont span{ font-size:1.125em; color:#fff; margin-top:20px; margin-bottom:20%; display:block;}

/*首页头部*/

.header_nav{ background:#162270;}
.header_nav a{color:#fff;}
.navbar-form{ padding-right: 0; float: right;}

.nav > li:after{content: "";width: 0;height: 3px;background: #009b4c;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
.nav > li:hover:after{width: 100%;}
.ft_mume{width: 70%; float: left; padding: 0 15px;}
.header-top{height:97px;    margin-bottom: 2px;
    -webkit-box-shadow:0 8px 2px #000;
    -moz-box-shadow:0 8px 2px #000;}
.header-top img{margin-top:28px;}
.navbar-nav li:hover a{background:none !important;}
.navbar-nav li a{text-decoration: none;}
.header-top p{margin-top:50px; color:#535353;}
.header-top p a{color:#535353; font-size:14px;}
#sy_gg{ width:100%;}
.form-group{position:relative;}
#header-search-form .submit {background:url(../imgs/fd_ioc.png) no-repeat 0 0;border: medium none;height: 29px;position: absolute;right: 0;top: 8px;width: 35px;}

.nav>li>a{padding: 15px 32px;}
.dropdown-menu{min-width: 775px; border-radius: 0; top: 98%; left: -1px;}
.dropdown-menu>li>a{padding: 3px 35px;}
.nav > li .dropdown-menu {
    margin: 0;
}
/*.navbar-nav>li>a:hover{border-bottom: none;}
.nav > li .dropdown-menu:before{width:150px; height: 3px; background: #13a16d; content: ""; position: absolute; top: -1px; left: 0}*/
.nav > li .dropdown-menu >li{float: left;}
.nav > li .dropdown-menu >li:hover a{color: #13a16d;}
.nav > li:hover .dropdown-menu {display: block;}

.img_container .img-responsive{height: 277.5px !important;}
/*合作伙伴*/
#owl-demo .item{display: block;margin: 15px;color: #FFF;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;text-align: center;}
.owl-theme .owl-controls .owl-buttons div { padding: 5px 9px;}
.owl-theme .owl-buttons i{ margin-top: 2px;}
.owl-theme .owl-controls .owl-buttons div {position: absolute;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: 15px;top: 36%; background: url(../imgs/prev_2.png) no-repeat; width: 14px; height: 24px;}
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 15px;top: 36%;background: url(../imgs/next_2.png) no-repeat;width: 14px; height: 24px;}
.owl-pagination{display: none;}

/*首页关于我们*/
#sy_aboat{ margin:58px 0;}
#sy_aboat h4{ color:#00aa71; font-size:28px; margin-top:77px; padding-bottom: 7px;}
#sy_aboat p{margin-top:30px; color:#727171; font-size:14px;line-height: 2;}
#sy_aboat a{display:block; width:280px; height:50px; text-align:center; background:#00aa71; color:#fff; font-size:14px; line-height:50px; margin-top: 40px;}
#sy_aboat a span{font-weight: bold; margin-left: 5px;}
.pro_img_wrap{height: 250px; background-size: cover!important; background-position: center!important; margin-bottom: 30px;}
.img_ct{height: 560px; background-size: cover!important; background-position: center!important;}
.sy_newsimg{height: 95px; background-size: cover !important; background-position: center !important;;}
.carousel-img{height: 318px; background-size:cover !important; background-position: center!important;}
/*首页产品新闻*/
.sy_pro_tt{height:50px; background:#162270; line-height:50px; padding:0 20px;}
.sy_pro_tt dt{ font-size:28px; float:left; color:#fff; line-height:1.7}
.sy_pro_tt dd a{ font-size:14px; float:right; color:#fff; margin-top:20px;}
.sy_pro_tt dd span{font-weight: bold; margin-left: 5px;}
.sy_news_tt dd span{font-weight: bold; margin-left: 5px;}
.sy_news_tt{height:50px; background:#eeeeee; line-height:50px; padding:0 20px;}
.sy_news_tt dt{ font-size:28px; float:left; color:#00aa71; line-height:1.7}
.sy_news_tt dd{ font-size:14px; float:right; color:#00aa71; margin-top:20px;}
.thumb_img {padding-top: 7px;}
.text_cont p::after{content: "MORE>"; position: absolute; bottom: 0; right: 0; padding-left: 20px; color: #000; font-weight: bold; background: #fff;}
.text_cont p {position: relative;line-height: 20px;max-height: 100px;overflow: hidden; text-align: justify;}

#thumbnews{margin:25px -15px 13px -15px; }
.line{margin:12px 0; border-color:#a0a0a0;}
.sy_news_ct .line{margin:6px 0; border-color:#a0a0a0;}
.sy_news_ct{font-size:14px; color:#727171; line-height:1.8;}

.text_container{ background:#eeeeee; padding:35px 0;}
.sy_news_ct span{font-weight:bold; color: #898989; float: right;}

/*首页优势*/
.sy_adv_tt{ background:#f7f7f7; min-height:400px; margin-top:50px;}
.sy_adv_tt h2{color:#00aa71; font-size:28px;margin-top:20px;}
.sy_adv_ct{margin-top:-320px;}
.sy_adv_ct>.row{margin-bottom:30px !important;}
.sy_adv_ct h5{ font-size:24px; color:#727171; text-align:center; margin:10px 0 45px 0;}
.sy_adv1 span{background:url(../imgs/adv_1.png) no-repeat center top; display:block; width:31px; height:38px;  margin:0 auto; padding-top:33px;}
.sy_adv2 span{background:url(../imgs/adv_2.png) no-repeat center top; display:block; width:31px; height:38px;  margin:0 auto; padding-top:33px;}
.sy_adv3 span{background:url(../imgs/adv_3.png) no-repeat center top; display:block; width:31px; height:38px;  margin:0 auto; padding-top:33px;}
.sy_adv4 span{background:url(../imgs/adv_4.png) no-repeat center top; display:block; width:31px; height:38px;  margin:0 auto; }
.sy_adv5 span{background:url(../imgs/adv_5.png) no-repeat center top; display:block; width:31px; height:38px;  margin:0 auto; }
.sy_adv6 span{background:url(../imgs/adv_6.png) no-repeat center top; display:block; width:31px; height:38px;  margin:0 auto; }
.thumb i{background:url(../imgs/adv_more.png) no-repeat center top; display:block;  width:16px; height:29px; margin:0 auto; }
.thumb:hover .text_container{background:#00aa71;}
.thumb:hover h5{color:#fff;}
.thumb:hover i{background:url(../imgs/adv_more.png) no-repeat center bottom; display:block;  width:16px; height:29px; margin:0 auto; }
.thumb:hover span{ background-position: center bottom;}
.thumb:hover a{text-decoration:none;}
.mobel_adv{margin-bottom: 30px;}

#sy_partner{margin-bottom: 50px;}
.sy_partner_tt h2{color:#00aa71; font-size:28px; border-top:1px solid #c9caca; padding-top:5px;margin:15px 0 15px 0;}

.adv_gg{background-position:  center center; background-size:cover; height:470px;}
.aboat_gg{background-position:  center center; background-size:cover; height:470px;}
.new_gg{background-position:  center center; background-size:cover; height:345px;}
.pro_gg{background-position:  center center; background-size:cover; height:470px;}
.join_gg{background-position:  center center; background-size:cover; height:470px;}
.cont_gg{background-position:  center center; background-size:cover; height:470px;}
.cont_gg h3{margin:162px 0 25px 12px !important;}
.join_gg h3{margin:172px 0 25px 12px !important;}
#ny_gg h3{ color:#fff; font-size:48px; margin:110px 0 25px 12px;}
#ny_gg p{width:65%; color:#fff; font-size:16px; margin-left:15px;}
#ny_gg.pro_gg h3{ color:#009b4c ; font-size:48px; margin:115px 0 25px 15px;}
#ny_gg.pro_gg p{width:41%; color:#727171; font-size:16px; margin-left:15px;}
.part_img{height: 82px; background-size: cover !important;background-position: center !important; display: block;}
.news_img{height: 173px; background-size: cover !important;background-position: center !important;}

/*产品中心*/

.pro_wrap{margin-top: 45px;}
.padd_none{padding-top: 0 !important;}
.mag_none{margin-top: 50px !important;}
.visual-nav-box{background:#eeeeee; margin-bottom:30px;}
.prolist_img{float:left; width:50%;}
.prolist_ct{float:left; width:50%;}
.prolist_ct span{background:url(../imgs/ny_pro_jt.png) no-repeat center bottom; height:13px; width:8px; display:block; margin:0 auto; }
.prolist_ct h3{color:#324a6d; font-size:24px; padding:30% 0 25% 0; text-align:center;}
.visual-nav-box:hover{background:#13a16d;}
.visual-nav-box:hover h3{color:#fff;}
.visual-nav-box:hover span{background-position:top;}


/*关于我们*/
.jump-nav{margin-top: -125px; padding-bottom: 50px;}
.sub_menu{width: 100%; background: #00aa7e; height: 80px;}
.sub_menu:before{width: 100%; background: #00aa7e;height: 80px;   content: "";display: block; position: absolute; left: -100%;}
.aboat_js{margin-top:58px;}

.aboat_js .js_cont_box{background:#f6f6f6; width:97.5% }
.aboat_js .rt_img{background-size: cover!important;; background-position: center!important;; height:395px; }
.gsrt_img{background-size: cover!important;; background-position: center!important;; height:340px; }
.eve_img{background-size: cover!important;; background-position: center!important;; height:423px; }
.js_cont{padding-left: 30px;}
.at_img{padding-right: 0;}

.aboat_js .js_cont h4{ color:#13a16d; font-size:1.5em; padding:64px 0 30px 0; }
.aboat_js .js_cont p{ color:#61757f;font-size:.875em; padding-bottom:30px; line-height:2; text-align: justify;}

.aboat_gs .gs_cont h4{ color:#13a16d; font-size:1.5em; padding:28px 0 30px 0; }
.aboat_gs .gs_cont p{ color:#61757f;font-size:.875em; padding-bottom:30px; line-height:2; margin: 0;padding-right:0;text-align: justify;}

.idea_cont{background: url(../imgs/jyln_bg_en.jpg) no-repeat center center; height: 321px;}
.idea_cont .idea_1{background: url(../imgs/jyln_ioc1.png) no-repeat ; margin-left: 0; padding-left: 50px; margin-bottom: 25px;height: 56px;}
.idea_cont .idea_1 P{width: 40% !important;}
.idea_cont .idea_2{background: url(../imgs/jyln_ioc2.png) no-repeat ;margin-left: 0; padding-left: 50px;height: 56px;}
.idea_cont .idea_2 P{width: 34% !important;}
.idea_cont .idea_3{padding-left: 75%; background: url(../imgs/jyln_ioc3.png) no-repeat 72% 0;margin-bottom: 25px;height: 56px; margin-top: 45px;}
.idea_cont .idea_4{padding-left: 75%; background: url(../imgs/jyln_ioc4.png) no-repeat 72% 0 ;height: 56px;}
.idea_cont h5{font-size: 24px; color: #595757; font-weight: bold; line-height: 1; margin-bottom: 10px; margin-top: 0;}
.idea_cont p{font-size: 16px; color: #595757;}

.aboat_idea h4{ color:#13a16d; font-size:1.5em;margin:5px 0 40px 0;}
.idea{background:#13a16d; min-height:320px;}
.idea h5{font-size:1.5em; color:#fff; padding:80px 0 30px 0; text-align:center; }
.idea p{ width:68%; padding-bottom:35%; margin:0 auto; font-size:1em; color:#fff; border-bottom:3px solid #fff;}
.aboat_gs{margin-top:58px;}
.aboat_events{background:url(../imgs/eve_bg.jpg) no-repeat center; min-height:720px; margin:13px 0 0 0;}
.aboat_events .eve_tt h4{font-size: 24px; color: #fff; padding-top: 105px}
.aboat_structure h4{color:#13a16d; font-size:1.5em; margin:58px 0 40px 0;}
.aboat_partner h4{color:#13a16d; font-size:1.5em; margin:58px 0 40px 0;}
.mobile{display: none;}
.cd-cont{width:38%; float: left; padding: 8% 0 0 9%;}
.cd-img{width: 56%; float: left;}
.cd-cont h4{font-size: 28px; color: #fff; margin-bottom: 30px;}
.cd-cont h4 strong{font-weight: normal; font-size: 48px; display: block; margin-bottom: 5px;}
.cd-cont span:before{content: ""; background: url(../imgs/rs_ioc.png) no-repeat 0 center; height: 17px; width: 24px; padding-left: 30px;}
.cd-cont i:before{content: ""; background: url(../imgs/equ_ioc.png) no-repeat 0 center; height: 17px; width: 24px; padding-left: 25px; }
.cd-cont em:before{content: ""; background: url(../imgs/mon_ioc.png) no-repeat 0 center; height: 17px; width: 24px; padding-left: 30px;}
.cd-cont span{display: block;font-size: 16px; color: #fff;margin-bottom: 10px;}
.cd-cont i{font-style: normal;display: block;font-size: 16px; color: #fff;margin-bottom: 10px; }
.cd-cont em{font-style: normal;display: block; font-size: 16px; color: #fff;}
.jump-nav .navbar a:hover{background: #009e75 !important;}

#nav_wrap .nav > li:after{background:none!important;}



.nav > li:after {
    content: "";
    width: 0;
    height: 3px;
    background: #009b4c;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}

/*内页优势*/
.adv1_dt .col-sm-4:first-child{width: 66.66666667%;}
.adv3_dt .col-sm-4:first-child{width: 66.66666667%;}
.jt_adv_img{background-size: cover!important; background-position: center!important; height: 250px;}
.jtrt_img{background-size: cover!important; background-position: center!important; height: 480px;}
#section3 .jtrt_img{height: 565px;}
#section5 .jtrt_img{height: 420px;}
#section6 .jtrt_img{height: 420px;}
.ny_advantage1{margin-top:58px;}
.ny_advantage1 .js_cont_box{background:#f6f6f6; width:97.5% }
.ny_advantage1 .rt_img{padding-right:0; text-align: right;}
.ny_advantage1 .js_cont span{padding-top: 60px; font-size: 0.875em; color: #727171; display:block;}
.ny_advantage1 .js_cont h4{ color:#13a16d; font-size:1.5em; padding:5px 0 30px 0; }
.ny_advantage1 .js_cont p{ color:#61757f;font-size:.875em; padding-bottom:5px; line-height:2; text-align: justify;}
.ny_advantage2{margin-top:58px;}
.ny_advantage1 .js_cont{padding-left: 45px;}
.ny_advantage2 .gs_cont span{padding-top: 60px; font-size: 0.875em; color: #727171; display:block;}
.ny_advantage2 .gs_cont h4{ color:#13a16d; font-size:1.5em; padding:5px 0 30px 0; }
.ny_advantage2 .gs_cont p{ color:#61757f;font-size:.875em; padding-bottom:5px; line-height:2;text-align: justify;}
.jt_adv {background: #eeeeee;margin-top: 30px;}

.ny_advantage1 .cb_cont span{padding-top: 90px; font-size: 0.875em; color: #727171; display:block;}
.ny_advantage1 .cb_cont h4{ color:#13a16d; font-size:1.5em; padding:5px 0 30px 0; }
.ny_advantage1 .cb_cont p{ color:#61757f;font-size:.875em; padding-bottom:5px; line-height:2;}
.ny_advantage1 .cb_cont{padding-left: 45px;}

.ny_advantage2 .gl_cont span{padding-top: 90px; font-size: 0.875em; color: #727171; display:block;}
.ny_advantage2 .gl_cont h4{ color:#13a16d; font-size:1.5em; padding:5px 0 30px 0; }
.ny_advantage2 .gl_cont p{ color:#61757f;font-size:.875em; padding-bottom:5px; line-height:2;}

.prolist_ct #section1{display: none;}
.prolist_ct #section2{display: none;}
.prolist_ct #section3{display: none;}
.prolist_ct #section4{display: none;}
.prolist_ct #section5{display: none;}
.prolist_ct #section6{display: none;}
.adv1_dt{display: none;}
.adv2_dt{display: none;}
.adv3_dt{display: none;}
.adv4_dt{display: none;}

#ny_adv a{display:block; width:280px; height:50px; text-align:center; background:#00aa71; color:#fff; font-size:14px; line-height:50px; margin-top: 30px; text-decoration: none; position: relative;}
#ny_adv a span{font-weight: bold; margin-left: 5px; display: inline-block; padding: 0; color: #fff;}
#ny_adv a:after{content: ''; background: url(../imgs/dn_oic.png) no-repeat; height: 8px; width:11px; position: absolute; top: 22px; right: 30px;}
#ny_adv .activ a:after
.jt_adv{background: #eeeeee; margin-top: 30px;}
.jt_adv img{height: 250px;}
.jt_adv>p{font-size: 14px; color: #727171; padding:15px; margin: 0;}

.mj_tit h4{font-size: 1.5em; color: #00aa71; margin: 60px 0 10px 0;}
.yf_adv{background: #eeeeee; margin-top: 30px;}
.yf_adv p{font-size: 14px; color: #727171; padding: 15px;margin: 0;}
.mian_equi{width: 17%; float: left; height: 250px; background: #13a16d; margin: 1.5%}
.mian_equi h4{ font-size: 1.5em; color: #fff; padding: 80px 0 90px 0;text-align: center; }
.mian_equi span{display:block; width: 80%; border: 1px  solid #fff; margin: 0 auto;}

.sb_adv_ft{margin-top: 60px;}
.adv_ft{width: 1190px; }
.adv_ft_tt{width: 1170px; margin: 0 auto;}
.adv_ft_tt h4{ font-size: 1.5em; color: #00aa71; margin: 45px 0 30px 0; }
.sb_adv_ft{background: #f7f7f7; min-height: 890px;}
.xs_mian{width: 11%; margin: 0.74%; float: left; border: 1px #727171 solid; height: 155px;}
.xs_mian h4{ font-size: 1.25em; color: #727171; height: 50px; text-align: center; width: 60%; margin: 35px auto; }
.xs_mian span{display:block; width: 80%; border-bottom: 1px  solid #b4b4b4; margin: 0 auto;}


/*产品中心*/
.prolist{margin-bottom: 30px;}
.prolist img{margin-bottom: 30px;}
/*新闻*/
#ny_ct{padding:50px 0;}
.news_list{margin-bottom: 45px; position: relative;}
.news_list i{position: absolute; right: 15px; bottom: 48px; font-style: normal;color: #000; font-weight: bold; font-size: 14px;}
.news_list h4{font-size:1.25em; color: #221815; line-height: 1; margin-top: 0; }
.news_list p{font-size: .875em; color: #727171; text-align: justify; margin: 25px 0;  padding-right: 0;position: relative; line-height: 20px; max-height: 80px;overflow: hidden;}
.news_list p span{float:right; color: #000; font-weight: bold; font-size: 14px; }
.news_list p::after{content: "MORE>"; position: absolute; bottom: 0; right: 0; padding-left: 20px; color: #000; font-weight: bold; background: #fff;}
.news_list span{font-size: .875em; color: #727171;}
.news_list p {position: relative;line-height: 20px;max-height: 80px;overflow: hidden;}

.news_dtct img{width: 100%; margin: 30px 0; height: auto;}
.news_dtct h4{font-size: 1.5em; color: #00aa71; line-height: 1;}
.news_dtct span{color:#727171; margin-top: 15px; display:block; margin-bottom: 20px;}
.news_dtct { font-size: 0.875em; color: #727171; margin: 15px 0 30px 0; padding-right: 5%;   }
.news_sdebar{background: #eeeeee; padding: 50px 20px;}
.news_sdebar h4{font-size: 1.5em; color: #727171; }
.news_sdebar li { padding: 8px 0 5px 0; }
.news_sdebar li a{font-size: .875em; color: #727171; }
.news_sdebar li span{display: block;border-bottom: 1px solid #a0a0a0; padding-bottom: 5px; text-transform: uppercase; background: url(../imgs/more_jt.png) no-repeat right center; height: 25px; overflow: hidden;}

.bt_line{width: 95%; height: 1px; background: #727171; float: left; margin-bottom: 10px;}
.page_list{padding-right: 5%; }
.page_list li{font-size: .875em; color: #727171;}
.prev_a{float: left; background: url(../imgs/more_jt2.png) no-repeat left center; padding-left: 18px; margin-right: 40px;}
.next_a{float: left; background: url(../imgs/more_jt.png) no-repeat right center; padding-right: 18px; }
.Return{float: right;background: url(../imgs/to_back.png) no-repeat left center;padding-left: 25px;  }


.page{text-align:center; margin-bottom:10px; margin-top:20px; border-top: 2px solid #c9caca; padding-top: 10px;}
.page a{color:#727171;display:inline-block;line-height:25px;margin:0 2px;padding:0 10px;text-align:center; text-decoration: none;}
.page a span{font-weight: bold; padding: 0 5px; font-size: 18px;}
.page .curr{color:#000;display:inline-block;line-height:25px;margin:0 2px;padding:0 10px;text-align:center;}

/*联系我们*/
.lianxiwomen {width: 1170px; margin: 0 auto; font-size: 1.5em; color: #00aa71;}
.lianxiwomen p{color: #00aa71;margin-bottom: 35px;}
.map_addr{height: auto; position: relative; width: 1170px; margin: 0 auto;}

.map_addr_map {position: absolute; top: 0; right: 0; margin-bottom: 20px; }
#l-map{width: 774px; height: 612px;}
.map_addr_dizhi li { width: 32.5%; border: 1px solid #13a16d;}
.map_addr_dizhi li div{padding: 32px 25px;}
.map_addr_dizhi li h4{font-size: 19px; color: #13a16d;  height: 32px; overflow: hidden; margin: 0;    line-height: 1.4762em;}

.map_addr_dizhi li :hover{background: #13a16d; color: #fff;}
.map_addr_dizhi li :hover h4{color: #fff;}
.map_addr_dizhi li a  {text-decoration: none;}
.map_addr_dizhi li h4{ }
.map_addr_dizhi li span{color:#fff;background:url(../imgs/cont_ioc1.png) no-repeat 0 3px; background-size:18px 30px; margin-right:20px; display: inline-block;  text-align: center; width: 18px; height: 33px;}
.map_addr_dizhi li :hover span{color: #13a16d; background:url(../imgs/cont_ioc2.png) no-repeat 0 3px; background-size:18px 30px;}
.map_addr_dizhi li :hover p{color: #fff;}
.map_addr_lf{margin-bottom: 20px;}
.map_addr_rt1{position: absolute; bottom: 0; left: 0;}
.map_addr_rt2{position: absolute; bottom: 20px; left: 33.8%;}
.map_addr_rt3{position: absolute; bottom: 20px; right: 0;}

.map_addr_dizhi p{font-size: .875em; color: #727171;margin: 3px 0 0 0; }

#map{border: none !important;}
.ct_wrap{padding-left: 45px; padding-right: 10px;}
.ct_wrap2{padding-left: 5px; padding-right: 45px; float: right;}
.wap_map{display: none;}




/*加入我们*/
.panel {border-width: 0 0 1px 0;border-style: solid;border-color: #fff;background: none;box-shadow: none;}
.panel:first-child .join_ct{display: block;}
.panel:last-child {border-bottom: none;}
.panel-group .panel {border-radius: 0;}
.panel-group .panel + .panel {margin-top: 0;}
.panel-group .panel{margin-bottom: 20px;}
.join_tt h4 a{color: #221815; font-size: .875em;}
.join_tt { border-radius: 0;border: 1px solid #13a16d;color: #fff;padding: 0;}
.panel-heading h4 a{color: #221815; font-size: .875em;}
.panel-heading { border-radius: 0;border: 1px solid #13a16d;color: #fff;padding: 0;}

.panel-body{border: 1px solid #13a16d;}
.panel-title a {display: block;color: #fff; padding: 15px 20px;position: relative;font-size: 16px;font-weight: 400;text-decoration: none;}
.panel-title a span{font-size: .75em; color: #727171;}
.panel-group .panel-heading{border-bottom: 1px solid #13a16d;}
.panel-body {background: #f7f7f8; padding: 15px 20px;}
.join_tt a:before {content: '';font-size: 24px;position: absolute; width: 11px; height: 8px; right: 20px;top: 18px;background: url(../imgs/join_ioc.png) no-repeat center center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.join_tt.active a:before {transform:rotate(180deg);}
.panel-body h4{font-size: .875em; color:#00aa71;}
.panel-body p{margin: 5px 0 0 0; font-size: .875em;}
.panel-body{border-top: 1px solid #ddd;}
.join_ct{display: none;}
.job_des{margin-bottom: 22px;}
.dt_wrap{border-bottom: 1px  solid #b5b5b6; margin-bottom: 5px;}
.dt_lf{ /*background: #eeeeee; border-right: 1px solid #b5b5b6;*/  text-align: center;display: flex;align-items: center;justify-content: center;height: 50px;font-size: 12px; padding: 5px 0;}
.dt_rt{text-align: center; display: flex;align-items: center;justify-content: center;height: 50px; font-size: 12px; padding: 5px 0; }
.join_title h4{margin-left: 15px; font-size: 1.5em; color: #00aa71; margin-bottom: 25px;}
.Resume_sender h4{font-size: 1.5em; color: #00aa71; margin-bottom: 25px; margin-top: 35px;}
.Resume_sender p{color: #727171; font-size: .875em; margin: 0; margin-top: 5px;}
/*底部*/
.ft_mume>ul>li>a{color: #00aa71 !important;}
.col-sm-x10{width:14.285%; float:left;}
.col-sm-x10 li{line-height: 1.7;}
.col-sm-x30 li{line-height: 1.7;}
.col-sm-x30{width:30%; float:left; }
#footer{background:url(../imgs/ft_bg.jpg) no-repeat center center; background-size:cover;color:#fff; font-size:14px; padding-bottom: 30px;}

#footer img{margin:45px 0 32px 0;}
.ft_first{padding-left: 15px;}
#footer .ft_mune>ul>li>a{font-size:14px; color:#00aa71; }
#footer ul li a{color:#fff; }
#footer .copy{padding:27px 0 0 0; font-size: 12px;}
.copy .line{ border-top: 1px solid #fff; width: 100%; }

.ct_mes{width: 1170px; background: #f6f6f6; margin-top: 55px; padding-bottom: 45px;}
.ct_mes h4{margin: 50px 0 40px 0; font-size: 1.5em; color: #13a16d; padding-left: 27px;}
.ct_mes label{font-size: .875em; color: #727171;}
.ct_mes input{background: #f6f6f6; padding: 10px 20px; height:42px;border: 1px solid #00aa71;}
.ct_mes textarea{background: #f6f6f6; height: 127px; border-radius:0;resize:none}
.form-submit input{width: 100%; border: none; background: #00aa71; font-size: .875em; color: #fff; padding: 10px 0; margin-top: 28px;}
.form-submit{width: 66.66666667%;padding-left: 5px; padding-right: 45px; float: left;}
.form-control{margin-bottom: 15px;}
.mobile_eve{display: none;}


.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}
.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;

}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #00ab71;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #01a872;

    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #00ab71;
    border-color: #00ab71;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
    background-color: #7b9d6f;
    border-color: #00ab71;
}
.cd-horizontal-timeline .events a.older-event::after {
    border-color: #00ab71;
}
@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 6em auto;
    }
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../imgs/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    max-width:100%;
    text-align:center;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 100%;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 2.6rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
    content: '';
}
.cd-horizontal-timeline .events-content p {
    font-size: 1.4rem;
    color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}
@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 7rem;
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 2rem;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 1.8rem;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/* --------------------------------

Primary style

-------------------------------- */
*, *::after, *::before {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
    color: #3e454c;
    background-color: #ffffff;
}
body::after {
    clear: both;
    content: "";
    display: table;
}


Main Page Content

-------------------------------- */
.cd-main-content .content-wrapper {
    padding: 45px 5% 3em;
}
.cd-main-content .content-wrapper h1 {
    text-align: center;
    padding: 3em 0;
    font-size: 2rem;
}
.cd-main-content::before {
    /* never visible - used to check MQ in jQuery */
    display: none;
    content: 'mobile';
}
@media only screen and (min-width: 768px) {
    .cd-main-content .content-wrapper {
        margin-left: 110px;
        padding-top: 55px;
    }
    .cd-main-content .content-wrapper h1 {
        padding: 4em 0;
        font-size: 3.2rem;
        font-weight: 300;
    }
    .cd-main-content::before {
        content: 'tablet';
    }
}
@media only screen and (min-width: 1170px) {
    .cd-main-content .content-wrapper {
        margin-left: 200px;
    }
    .cd-main-content::before {
        content: 'desktop';
    }
}

/* --------------------------------

Header

-------------------------------- */
.cd-main-header {
    position:absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-main-header::after {
    clear: both;
    content: "";
    display: table;
}
@media only screen and (min-width: 768px) {
    .cd-main-header {
        position: fixed;
        height: 55px;
    }
}

.cd-logo {
    float: left;
    display: block;
    margin: 25px 0 25px 5%;
    width: 58%
}
.cd-logo img {
    display: block;
}
@media only screen and (min-width: 768px) {
    .cd-logo {
        margin: 16px 0 0 36px;
    }
}

.cd-nav-trigger {
    /* navigation trigger - visible on mobile devices only */
    float: right;
    position: relative;
    display: block;
    width: 34px;
    height: 44px;
    margin-right: 5%;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    margin-top: 5%;

}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #00aa71;
}
.cd-nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* other 2 lines */
    content: '';
    right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
.cd-nav-trigger span::before {
    /* menu icon top line */
    top: -6px;
}
.cd-nav-trigger span::after {
    /* menu icon bottom line */
    top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #00aa71;
}
.cd-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 768px) {
    .cd-nav-trigger {
        display: none;
    }
}

.cd-search {
    position: relative;
    padding: 0.6em 5% 1.5em;
    border-bottom: 1px solid #fff;
}
.cd-search.is-hidden {
    opacity: 0;
}
/*
.cd-search::before {
lens icon
 content: '';
 position: absolute;
 right: 35px;
 top: 50%;
 bottom: auto;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 height: 18px;
 width: 18px;
 background: url(../imgs/fd_ioc.png) no-repeat 0 0;
}*/
.cd-search input {
    padding-left: 32px;
    width: 100%;
    height: 50px;
    border: 1px solid #00aa71;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #fff;
}
.cd-search input:focus {
    outline: none;
}
@media only screen and (min-width: 768px) {
    .cd-search {
        float: left;
        display: inline-block;
        width: 250px;
        height: 100%;
        margin: 0 0 0 2.5em;
    }
    .cd-search.is-hidden {
        /* reset style */
        opacity: 1;
    }
    .cd-search::before {
        background-position: 0 -16px;
        left: 1em;
    }
    .cd-search form, .cd-search input {
        height: 100%;
        width: 100%;
    }
    .cd-search input {
        border: none;
        padding-left: 2.6em;
        border-radius: 0;
        background-color: #3e454c;
        border-left: 1px solid #51575d;
        color: #ffffff;
    }
    .cd-search input::-webkit-input-placeholder {
        color: #777c81;
    }
    .cd-search input::-moz-placeholder {
        color: #777c81;
    }
    .cd-search input:-moz-placeholder {
        color: #777c81;
    }
    .cd-search input:-ms-input-placeholder {
        color: #777c81;
    }
}

/* --------------------------------

Top Navigation

-------------------------------- */
.cd-nav {
    /* top nav - not visible on mobile devices */
    display: none;
}
@media only screen and (min-width: 768px) {
    .cd-nav {
        display: block;
        float: right;
        height: 100%;
    }
}

.cd-top-nav > li > a::before {
    /* reset style */
    display: none;
}
.cd-top-nav > li a {
    padding: 1em 5% !important;
}
.cd-top-nav img {
    /* avatar image */
    position: absolute;
    left: 1.8em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: none;
}
@media only screen and (min-width: 768px) {
    .cd-top-nav {
        height: 100%;
    }
    .cd-top-nav a {
        display: block;
        font-size: 1.4rem;
        color: #ffffff;
    }
    .cd-top-nav > li {
        display: inline-block;
        margin-right: 1em;
        height: 100%;
    }
    .cd-top-nav > li:last-of-type {
        margin-right: 0;
    }
    .cd-top-nav > li a {
        padding: 1em .6em !important;
    }
    .cd-top-nav img {
        display: block;
    }
}


/* --------------------------------

Sidebar

-------------------------------- */

.mobile_seach{width: 100%; border-bottom: 1px solid #fff;}
.cd-side-nav {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    padding: 70px 0 120px 0;
    background-color: #162170;
    visibility: hidden;
    opacity: 0;
    max-height: 100vh;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    transition: opacity 0.2s 0s, visibility 0s 0.2s;

}
.cd-side-nav.nav-is-visible {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
    max-height: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding-bottom: 30px;

}
.cd-side-nav > ul {
    padding: 0.6em 0;
}
.cd-side-nav > ul:last-of-type {
    padding-bottom: 0;
}
.cd-side-nav .cd-label a, .cd-side-nav a {
    display: block;
    padding: 1em 5%;
}
.cd-side-nav .cd-label {
    text-transform: uppercase;

    color: #646a6f;
    font-size: 1rem;

}
.cd-side-nav a {
    position: relative;
    color: #fff;
    font-size: 18px;
}
.has-children >li>a{color: #595757 !important; border-bottom: 1px solid #fff; padding: 0.7em 10%; font-size: 15px; text-decoration: none;}
.cd-side-nav ul.cd-top-nav > li:last-of-type > a {
    border-bottom: none;
}
.cd-side-nav > ul > li > a {

    border-bottom: 1px solid #fff;
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    .cd-side-nav {
        position: relative;
        float: left;
        top: auto;
        width: 110px;
        min-height: 100vh;
        padding-top: 55px;
        /* reset style */
        visibility: visible;
        opacity: 1;
        overflow: visible;
        max-height: none;
    }
    .cd-side-nav.nav-is-visible {
        box-shadow: none;
    }
    .cd-side-nav.is-fixed {
        position: fixed;
    }
    .cd-side-nav > ul {
        /* reset style */
        padding: 0;
    }
    .cd-side-nav .cd-label {
        /* remove labels on minified version of the sidebar */
        display: none;
    }
    .cd-side-nav a {
        font-size: 1.2rem;
        text-align: center;
    }
    .cd-side-nav > ul > li > a {
        padding: calc(2.2em + 24px) 0 2.4em;
    }
    .cd-side-nav > ul > li > a::before {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 2.4em;
    }
    .cd-side-nav .active > a {
        /* current page */
        box-shadow: inset 3px 0 0 #1784c7;
        background-color: #33383e;
    }
    .cd-side-nav .action-btn a {
        margin: 1em 10% 0;
    }
    .cd-side-nav .count {
        height: 8px;
        width: 8px;
        border-radius: 50%;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        padding: 0;
        top: 2em;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        left: calc(50% + 5px);
        right: auto;
        color: transparent;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-side-nav {
        width: 200px;
    }
    .cd-side-nav > ul {
        padding: 0.6em 0;
    }
    .cd-side-nav > ul > li:not(.action-btn):hover > a {
        background-color: #33383e;
    }
    .cd-side-nav > ul > li > a {
        padding: 1em 1em 1em 42px;
        text-align: left;
        border-bottom: none;
    }
    .cd-side-nav > ul > li > a::before {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 18px;
    }
    .cd-side-nav .cd-label {
        display: block;
        padding: 1em 18px;
    }
    .cd-side-nav .action-btn {
        text-align: left;
    }
    .cd-side-nav .action-btn a {
        margin: 0 18px;
    }
    .no-touch .cd-side-nav .action-btn a:hover {
        background-color: #1a93de;
    }
    .cd-side-nav .count {
        /* reset style */
        color: #ffffff;
        height: auto;
        width: auto;
        border-radius: .25em;
        padding: .2em .4em;
        top: 50%;
        bottom: auto;

        transform: translateY(-50%);
        right: 18px;
        left: auto;
        box-shadow: none;
    }
}
.selected .has-children{display: block;}
.has-children {
    position: relative;
    width: 100%;
    display: none;
    background-color: #e5e5e5;
}

.cd-side-nav>ul>li:nth-child(2)>a{position: relative;}
.cd-side-nav>ul>li:nth-child(3)>a{position: relative;}
.cd-side-nav>ul>li:nth-child(4)>a{position: relative;}
.cd-side-nav>ul>li:nth-child(2)>a::after
{
    position: absolute;
    content: '';
    height: 12px;
    width: 8px;
    right: 5%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: url(../imgs/lf_oic.png);
}
.cd-side-nav>ul>li:nth-child(3)>a::after
{
    position: absolute;
    content: '';
    height: 12px;
    width: 8px;
    right: 5%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: url(../imgs/lf_oic.png);
}
.cd-side-nav>ul>li:nth-child(4)>a::after
{
    position: absolute;
    content: '';
    height: 12px;
    width: 8px;
    right: 5%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: url(../imgs/lf_oic.png);
}
.cd-side-nav>ul>.selected>a::after
{
    -webkit-transform: translateY(-50%) rotate(90deg)!important;
    -moz-transform: translateY(-50%) rotate(90deg)!important;
    -ms-transform: translateY(-50%) rotate(90deg)!important;
    -o-transform: translateY(-50%) rotate(90deg)!important;
    transform: translateY(-50%) rotate(90deg) !important;
}

@media only screen and (min-width: 768px) {
    .has-children {position: relative;}
    .has-children ul {position: absolute;top: 0; left: 100%; width: 160px;padding: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}
    .has-children ul a {text-align: left;border: none;padding: 1em;}
    .no-touch .has-children ul a:hover { color: #1784c7;}
    .has-children > a::after {display: none; }
    .cd-side-nav .has-children.selected > a {
        /* focus state -> show sub pages */ background-color: #33383e;}
    .cd-top-nav .has-children { position: relative;background-color: #2c3136;}
    .cd-top-nav .has-children > a { height: 100%; padding: 0 calc(1.8em + 22px) 0 calc(1.8em + 26px) !important;line-height: 55px;}
    .cd-top-nav .has-children > a::after {display: block;right: 1.8em;}
    .cd-top-nav .has-children ul {background-color: #1c1f22;width: 200px;top: 100%; right: 0;left: auto; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
    .cd-top-nav .has-children ul a {padding-left: 18px !important;}
}
.more_bt{display: none;}

#navbar-mobile{display: none;}

@media screen and (min-width:320px) and (max-width:768px)
{
    .img_container .img-responsive{height: auto !important;}
    .idea_cont .idea_1 P{width: 100% !important;}
    .idea_cont .idea_2 P{width: 100% !important;}
    #myCarousel .carousel-control {display: block !important;}
    .cd-search .submit{background: url(../imgs/fd_ioc.png) no-repeat 0 0;border: medium none;height: 29px; position: absolute;right: 5%;top: 25px;width: 35px;}
    .aboat_idea h4{margin-top: 58px;}
    .aboat_events .eve_tt h4{padding-top: 40px;}
    .mobile_eve{display: block;}
    .news_sdebar li span{text-overflow: ellipsis;  white-space: nowrap;padding-right: 20px;}
    .news_list p{position: relative; line-height: 20px; max-height: 80px;overflow: hidden;}
    .news_list p::after{content: "MORE>"; position: absolute; bottom: 0; right: 0; padding-left: 20px; color: #000; font-weight: bold; background: #fff;}
    .news_dtct h4{font-size: 1.4em;}
    .adv_ft_tt h4{margin: 10px 0;}
    .mj_tit h4{margin-top: 30px;}
    .ny_advantage2 .gs_cont span{padding-top: 30px;}
    .ny_advantage1 .js_cont span{padding-top: 30px;}
    .ny_advantage1 .cb_cont{padding-left: 15px;}
    .aboat_gs .gs_cont h4{padding-top: 20px;}
    .aboat_js .js_cont h4{padding-top: 20px;}
    .mobile{display: block;}
    .pc{display: none;}
    .more_bt{text-align: center; display: block;}
    .more_part{display: none;}
    .cont{padding: 0 30px !important;}
    .top_uw{margin-top: -5px;}
    .top_uo{margin: 17px 0 4px 0;}
    .ft_first {padding-left: 10px;}
    #footer ul li a{ font-size: 12px;}
    #footer h3 a{white-space: nowrap; font-size: 12px;}
    #footer .copy{font-size: 12px;}
    .thumb_img img{width: 100%; margin-bottom: 20px;}
    #sy_aboat h4{margin-top: 55px;}
    #sy_aboat p{margin-top: 20px; text-align: justify;}
    #sy_aboat a{margin-top: 30px;}
    .sy_news_tt{margin-top: 30px; padding: 0 10px;}
    .sy_pro_tt{padding: 0 10px;}
    .carousel-caption{text-align: right; right: 4%;}
    #navbar-mobile{display: block;}
    #sy_gg{background: url(../imgs/sy_gg.jpg) no-repeat center center; background-size: cover; height: 570px;     margin-top: 30px;}
    #sy_pro{margin-top: 55px;}
    #sy_gg .video_wrap{display: none;}
    #sy_aboat{margin: 0;}
    #header{display: none;}
    .ny_advantage1 .rt_img{padding-right: 15px; margin-top: 20px;}
    .ny_advantage1 .cb_cont span{padding-top: 30px;}
    .ny_advantage2 .gl_cont span{padding-top: 30px;}
    .ny_advantage1{margin-top: 0;}
    .cb_cont p{margin-bottom: 30px;}
    #ny_adv a{margin-bottom: 45px;}
    #sy_aboat a{margin-bottom: 30px;}
    .mobel_adv{margin-bottom: 15px}
    .sy_adv_ct>.row{margin-bottom:0 !important;;}

    .owl-theme .owl-controls .owl-buttons .owl-prev{top: 40%;}
    .owl-theme .owl-controls .owl-buttons .owl-next{top: 40%;}
    .col-sm-x10{width:50%; float:left; }
    .col-sm-x30{width:100%; padding: 0 15px; margin-top: 15px;}
    .c-hero__image{display: block;background: url(../imgs/sy_gg.jpg) no-repeat right top ;background-size: cover;height: 770px;}
    .c-hero__video{display: none;}
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{width: 100% !important;}
    .idea{margin-bottom: 15px; padding-bottom: 20px; min-height: 180px;}
    .idea p{padding-bottom: 20px;}
    .idea h5{padding: 20px 0;}
    .cd-hero{position:;}

    .aboat_js{margin-top: 0;}

    .js_cont {padding-left: 15px;}
    .aboat_js .at_img {padding-right: 15px;}

    #ny_ct {padding: 30px 0;}

    .jump-nav{margin-top: 0;}

    #ny_gg p{width: 80% !important;}
    .prolist img{margin-bottom: 30px; width: 100%;}
    .prolist{margin-bottom: 0;}
    .news_dtct p{padding-right: 0;}
    .news_sdebar{padding: 20px; margin-top: 20px;}
    .news_list h4{margin-top: 25px;}
    .news_img img{width: 100%;}
    .ny_advantage1 .js_cont{padding-left: 15px;}

    .adv_ft_tt{width: 100%;}
    .adv_ft{width: 100%}
    .xs_mian{width: 48.5%;}
    .jt_adv img{height: auto;}
    .mian_equi{width: 47%;}
    #section3{margin-top: 20px;}
    .lianxiwomen p{margin-bottom: 15px;}
    .wap_map{display: block;}
    .wap_addr {border: 1px solid #13a16d; padding: 15px; margin: 20px 0;}
    .wap_addr h4{font-size: 18px; color: #13a16d;  height: 40px; overflow: hidden;background: url(../imgs/cont_ioc1.png) no-repeat 0 8px; padding-left: 3px; padding-top: 10px; }
    .wap_addr span{ margin-right: 10px; color: #fff;}
    .wap_addr  a  {text-decoration: none;}
    .map_addr{width: 100%; display: none;}
    .lianxiwomen{width: 100%;}
    .ct_mes {width: 100%; margin-top: 35px;}
    .ct_wrap{padding: 0 15px; position: absolute;}
    .ct_wrap2{padding: 0 15px; width: 100%;margin-top: 255px;}
    .ft_mume{width: 100%; padding-left: 4%;}

    .form-submit{padding: 0 15px; width: 100%;}
    #footer{height: auto; padding-bottom: 30px;}
    .ct_mes h4{padding-left: 0;}

    .adv_gg{background-position:center center !important; background-size:cover; height:320px !important;;}
    .aboat_gg{background-position:center center !important; background-size:cover; height:320px;}
    .new_gg{background-position:center center !important; background-size:cover; height:320px;}
    .pro_gg{background-position:center center !important; background-size:cover; height:320px;}
    .join_gg{background-position:center center !important; background-size:cover; height:320px;}
    .cont_gg{background-position:center center !important; background-size:cover; height:320px;}
    #ny_gg p{display: none;}
    #ny_gg h3{margin:133px 0 25px 12px !important;}
    .prolist_ct{margin-top: 0!important;}
    .prolist_ct h3{padding:30% 0 10% 0;}
    .cd-hero{display: none;}
    .cd-cont h4{font-size: 12px; color: #fff; }
    .cd-cont{font-size: 12px; padding: 0;}
    .cd-cont h4 strong{font-size: 16px;}
    .cd-cont em{font-style: normal !important;}
    .cd-img{padding-top: 5%;}
    .part_img{height: 180px;}
    .cd-cont span{font-size: 14px;}
    .cd-cont i{font-size: 14px;}
    .cd-cont em{font-size: 14px;}
    .cd-cont i:before{padding-left: 30px;}
    .adv1_dt .col-sm-4:first-child{width: 100% !important;}
    .idea_cont{height: 450px; background-position: center top; width: 100%; background-size: 100%;}
    .idea_cont p{font-size: 12px;}
    .idea_cont .idea_1{padding-top: 180px; background-position: 0 180px;  height: 240px; margin-bottom: 10px;}
    .idea_cont .idea_3{padding-left:65px;background-position: 15px 0; margin-top: 15px;margin-bottom: 15px;}
    .idea_cont .idea_4{padding-left:65px; background-position: 15px 0;}
    .sy_newsimg{margin-bottom: 15px; height: 200px;}
    .img_ct{height: 360px;}
    .video1{margin-bottom: 15px;}
    .cd-side-nav{padding: 90px 0 120px 0;}



}


@media screen and (min-width:320px) and (max-width:370px)
{

    .panel-heading h4 a{margin-top: -15px;}
    .panel-heading a:before{top: 30px;}
    .cd-img{padding-top: 15%; padding-left: 5%;}


}