@charset "utf-8";
.ly_banner{width: 100%; height: 440px;  background-repeat: no-repeat; background-position: center center; background-size: cover; position:relative; z-index:5;}
.ly_top{font-size: 18px; height: 100px; border-bottom: 1px solid #e3e3e3;}
.lt_con{width: 100%; height: 101px; overflow: hidden;}
.lt_auto{width: 100%; height: 150px; /*overflow: auto;*/}
.lt_wid{}
.ly_top a{width: auto !important; float: left; color: #232323; height:98px; line-height: 30px; padding-right:70px;}
.ly_top span{display: block; height: 30px; padding:34px 0; border-bottom: 3px solid #FFFFFF; border-color: transparent;}
.ly_top a:hover span{border-bottom: 3px solid #00669f;color: #00669f;}
.ly_top a.hover span{border-bottom: 3px solid #00669f;color: #00669f;}
.yj_con{border: 1px solid #e7e7e7; margin-top: 4%;}
.yj_tab{width: 100%;background: #f5f5f5; height: 60px; font-size: 16px;}
.yj_ovr{width: 100%; height: 73px;overflow: hidden; }
.yj_wid{}
.yj_auto{width: 100%; height: 100px;/* overflow: auto;*/}
.yj_tab a{float: left; height: 60px; line-height:60px; text-align: center; position: relative; color: #26221f; padding: 0 20px;}
.yj_tb{opacity: 0; width: 100%; height:13px; position: absolute; left: 0; bottom: -13px; z-index: 9; background: url(../images/7.png) no-repeat center center; background-size: contain;}
.yj_tab a:hover{background: #00669f; color: #FFFFFF;}
.yj_tab a:hover .yj_tb{opacity: 1;}
.yj_tab a.hover{background: #00669f; color: #FFFFFF;}
.yj_tab a.hover .yj_tb{opacity: 1;}
.yj_txt{ width: 96%; padding: 2% ;font-size: 14px; color: #888888; line-height: 30px;display: table; overflow:hidden;}
.yj_txt2{padding: 2% 0 ;}
.yj_txt1{padding: 5%; font-size: 14px; color: #888888; line-height: 30px; }

/*产品子菜单导航 s*/
.nav_cate{width:100%;}
.nav_cate .navlist{	border-bottom:1px solid #e3e3e3;}
.nav_cate .navlist .nav_ul{	overflow:hidden;width:84.5%;margin:0 auto;}
.nav_cate .nav_a{color: #232323;font-size:18px;display:inline-block;margin-right: 30px; line-height:54px;border-bottom:3px solid #fff;}
.nav_cate .nav_li .hover{border-bottom:3px solid #00669f;}
.nav_cate .i_nav{width:84.5%;	margin:0 auto; margin-top: 10px;}
.nav_cate .i_nav a{	display:inline-block;	padding:5px 0;font-size:16px;color:#666;margin:5px 20px 5px 0;}
.nav_cate .i_nav ul{ display:none;}
.nav_cate .i_nav ul .on{color: #00669f;font-weight: bold;}
.nav_cate .i_nav ul.on{ display:block;}
.nav_cate .navlink{float: right;font-size: 16px;line-height:54px;color: #666;}
.nav_cate .navlink a{ color: #666;}
/*产品子菜单导航 e*/
/*分页 s*/
.pages{width:84.5%;margin:0 auto; text-align: center;padding: 10px 0;}
.pages a,.pages span{padding: 5px 10px; display: inline-block; font-size: 16px; color: #000;}
.pages a{border: 1px solid #e4e4e4;}
.pages span{background-color: #999; color: #fff;}
/*分页 e*/
.next_pre{margin-top: 4%;}
.next_pre .pre,.next_pre .next{ display: inline-block; width: 49%; text-align: center; font-size: 16px; color: #333; line-height: 300%;}
.next_pre a{color: #333;}
.cb_top{margin-top: 4%;}
.cb_ts{font-size: 14px; color: #888888; line-height: 26px; padding-top:30px;}
.cb_bg{background:#f4f3f5 url(../images/a10.jpg) no-repeat; margin-top: 2%; padding:2.5% 3%; padding-bottom: 0; position: relative;}
.cb_h3{font-size: 24px; color: #222222;}
.cb_txt{font-size: 14px; color: #888888; line-height:35px; margin-top: 1.5%;}
.cb_txt_pic { margin:2.5% 0;}
.cb_txt_pic img { margin:1.5%; }

.cb_left{width: 42%; margin-right: 3%;}
.cb_right{width:55%;}
.cb_bottom{margin-top: 4%;}
.cm_h3{color: #222222; font-size: 30px;}
.cm_con{ overflow: hidden;}
.cm_a{ position:relative; width:17%;border: 2px solid #f5f5f5; padding:3% 2%; margin-right:1.5%; margin-top: 2%; color: #333; }
.cm_title{width: 75%; transition-duration: .5s; padding-left: 20px; background: url(../images/8.png) no-repeat left center; font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.cm_txt{ transition-duration: .5s; font-size: 14px; line-height: 28px; height:84px; overflow: hidden; margin-top: 5%; position:relative; }
.cm_txt ul{ position:absolute; left:0; top:110%; z-index:2; }
.cm_a:hover{background:#00669f; border:2px solid #00669f; }
.cm_a:hover .cm_txt{ height:auto; transition-duration: .5s; }


.cm_a_a{ position:relative; width:17%;border: 2px solid #f5f5f5; padding:3% 2%; margin-right:1.5%; margin-top: 2%; color: #fff; background-color:#666; }
.cm_a_title{width: 75%; transition-duration: .5s; position:absolute; bottom: 10%; z-index:2; padding-left: 20px; background: url(../images/8.png) no-repeat left center; font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.cm_a_txt{ transition-duration: .5s; font-size: 14px; line-height: 28px; height: 112px; overflow: hidden; margin-top: 5%; position:relative; }
.cm_a_txt ul{ position:absolute; left:0; top:110%; z-index:2; }
.cm_a_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center;background-repeat:no-repeat;background-size:cover; }
.cm_a_a:hover{background:#00669f; border:2px solid #00669f; }
.cm_a_a:hover .cm_a_title{ bottom:75%; background: url(../images/8h.png) no-repeat left center; transition-duration: .5s; }
.cm_a_a:hover .cm_a_txt{ height: 560px;}
.cm_a_a:hover .cm_a_txt ul{ transition-duration: .5s; top:0; }
.cm_a_a:hover .cm_a_bg { transition-duration: .5s; display:none; }
.cm_a_a.no:hover .cm_a_txt{ height: 112px;}


.an_tab a{width: auto; padding: 0 58px;}
.an_tab .yj_span{display: inline-block; padding-left: 32px; background-position: left center; background-repeat: no-repeat;}
.an1 .yj_span{background-image: url(../images/9.png);}
.an2 .yj_span{background-image: url(../images/10.png);}
.an3 .yj_span{background-image: url(../images/11.png);}
.an4 .yj_span{background-image: url(../images/12.png);}
.an5 .yj_span{background-image: url(../images/13.png);}
.an6 .yj_span{background-image: url(../images/14.png);}
.an7 .yj_span{background-image: url(../images/15.png);}
.an8 .yj_span{background-image: url(../images/16.png);}
.an_tab a.an1:hover .yj_span{background-image: url(../images/9h.png);}
.an_tab a.an1.hover .yj_span{background-image: url(../images/9h.png);}
.an_tab a.an2:hover .yj_span{background-image: url(../images/10h.png);}
.an_tab a.an2.hover .yj_span{background-image: url(../images/10h.png);}
.an_tab a.an3:hover .yj_span{background-image: url(../images/11h.png);}
.an_tab a.an3.hover .yj_span{background-image: url(../images/11h.png);}
.an_tab a.an4:hover .yj_span{background-image: url(../images/12h.png);}
.an_tab a.an4.hover .yj_span{background-image: url(../images/12h.png);}
.an_tab a.an5:hover .yj_span{background-image: url(../images/13h.png);}
.an_tab a.an5.hover .yj_span{background-image: url(../images/13h.png);}
.an_tab a.an6:hover .yj_span{background-image: url(../images/14h.png);}
.an_tab a.an6.hover .yj_span{background-image: url(../images/14h.png);}
.an_tab a.an7:hover .yj_span{background-image: url(../images/15h.png);}
.an_tab a.an7.hover .yj_span{background-image: url(../images/15h.png);}
.an_tab a.an8:hover .yj_span{background-image: url(../images/16h.png);}
.an_tab a.an8.hover .yj_span{background-image: url(../images/16h.png);}

.jt_con{padding-top: 3%;}
.jt_con .cm_a{border: 0; padding: 2%;}
.jt_con .cm_a:hover{background: #f5f5f5; color:#888888; }
.jt_con .cm_a:hover .cm_title{color: #222; background: url(../images/8.png) no-repeat left center; }

.jt_bottom{margin-top: 3%;}
.jt_a{width: 25%;height: 265px; display: block; float: left; position: relative; overflow: hidden;}
.jt_img{width: 100%; height: 100%; display: block;background-position: center; background-repeat: no-repeat; background-size: cover;}
.jt_pos{width:80%; height:80%; background: rgba(0,0,0,0.2); color: #FFFFFF; position: absolute; top: 0; left: 0; padding:10%;font-size: 14px; transition-duration: .5s;}
.jp_h3{font-size: 18px; line-height: 1em;}
.jp_en{ width: 50%; line-height: 24px; margin: 5px 0;}
.jp_bor{width: 40px; height: 10px; border-bottom: 2px solid #FFFFFF;}
.js_dis{position: relative; top: 100%; transition-duration: .3s;}
.jp_txt{line-height: 24px; height: 48px; overflow: hidden; margin-top: 15px;}
.jp_tb{font-size: 0; margin-top: 15px;}
.jt_a:hover .jt_pos{background: rgba(161,23,21,1);}
.jt_a:hover .js_dis{top: 0;}

.js_tab{}
.js_a{width: 25%; float: left; text-align: center;border-bottom:1px solid #e3e3e3;}
.js_bor{border-right:1px solid #e3e3e3;padding:15% 3%;}
.js_a:last-child .js_bor{border-right: 0;}
.js_tb{display: block;width: 100%; height: 46px;background-repeat: no-repeat; background-position:center; background-size: contain;}
.js_h3{display: block; text-align: center;font-size: 24px; color: #232323; line-height: 1.5em; height: 1.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 0.3em 0;}
.js_bt{font-size: 14px; color: #888888; line-height: 1.5em; height:1.5em; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.js1{background-image: url(../images/20.png);}
.js2{background-image: url(../images/21.png);}
.js3{background-image: url(../images/22.png);}
.js4{background-image: url(../images/23.png);}
.js_a:hover{background: #00669f;}
.js_a:hover .js_h3,.js_a:hover .js_bt{color: #FFFFFF;}
.js_a:hover .js1{background-image: url(../images/20h.png);}
.js_a:hover .js2{background-image: url(../images/21h.png);}
.js_a:hover .js3{background-image: url(../images/22h.png);}
.js_a:hover .js4{background-image: url(../images/23h.png);}
.js_a.hover{background: #00669f;}
.js_a.hover .js_h3,.js_a.hover .js_bt{color: #FFFFFF;}
.js_a.hover .js1{background-image: url(../images/20h.png);}
.js_a.hover .js2{background-image: url(../images/21h.png);}
.js_a.hover .js3{background-image: url(../images/22h.png);}
.js_a.hover .js4{background-image: url(../images/23h.png);}

.fa_bg{background: #f5f5f5; margin-top: 2%; position: relative; padding:4%;}
.fa_left{width:64%;margin-top: 2%;}
.fa_a{float: left; width: 30.3%; margin-right: 3%; border-bottom: 1px solid #dfdfdf; margin-bottom: 20px;}
.fa_pos{position: absolute; top: 0; right: 0;width:36%; height: 100%; overflow: hidden; font-size: 0;}

/*.fa_bottom{margin-top: 6%;}*/
.ca_tab{ background: #00669f;}
.ca_a{display: block; float: left; width: 21%;padding:3.5% 2%; position: relative; font-size: 14px; color: #FFFFFF; text-align: center;}
.ca_a:hover{background-color:#841311;}
.ca_a:hover .ca_tb{transform:translateY(-5px);}
.ca_a:hover .ca_wz{transform:translateY(-5px);}
.ca_tb{width: 100%; height: 45px; background-position: center center;background-repeat: no-repeat; background-size: contain; transition:all .35s;}
.ca_wz{line-height: 28px; margin-top:4%; height: 56px; overflow: hidden; transition:ease-in .35s; transition-delay:0.1s;}
.ca_wz span{display: block; font-size: 20px; height: 28px; overflow: hidden;}
.ca1{background-image: url(../images/24.png);}
.ca2{background-image: url(../images/25.png);}
.ca3{background-image: url(../images/26.png);}
.ca4{background-image: url(../images/27.png);}
.ca_tab .hover{background-color:#841311 !important;}
.ca_bottom{color:#888888;margin-top:6%; background: #f5f5f5; padding-top:4%; padding-bottom: 0;font-size: 14px;}
.ba_txt{width: 92%; margin:0 auto; line-height: 24px; border-bottom: 1px solid #e3e3e3; padding-bottom: 1%;}
.ba_con{padding:0 3.4vw 3.4vw 3.4vw;}
.ba_a{width: 42.5%; float: left; margin-right:3%; background: #FFFFFF; padding: 3%; margin-top: 2%;}
.ba_title{font-size: 18px; line-height: 1.5em; height: 1.5em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #222222; padding-left: 20px; background: url(../images/8.png) no-repeat left center;}
.ba_wz{margin:3% 0; color: #888888; line-height:1.8em; height:7.2em; overflow: hidden;}
.ba_img{width: 100%; height: 220px; background-position: center;background-repeat: no-repeat; background-size: cover;}
.ba_a:nth-child(2n){margin-right: 0;}
.ba_more{display: block; width: 100%; height: 50px; line-height: 50px; color: #888888; text-align: center;background: #e4e4e4; margin-top:4%; cursor:pointer;}
.ba_more:hover{background: #00669f; color: #FFFFFF;}

.join_top{margin-top: 3%;}
.jn_txt{color: #7f7f7f; font-size: 14px; line-height:2em; margin: 3% 0;}
.jn_txt .con_left{float: left; width: 50%;}
.jn_txt .cont_map{float: right;width: 48%;}
.jn_main{}
.jn_cell{background-size: cover; background-position: center; background-repeat: no-repeat; width:24.3%; margin-right: 0.9%; height: 258px; float:left; display: block; position: relative; overflow: hidden; margin-bottom:2%;}
.jn_cell .js_dis{margin-top: 8%;}
.jn_cell:hover .jt_pos{background: rgba(161,23,21,1);}
.jn_cell:hover .js_dis{top: 0;}
.jn_cell:nth-child(4n){margin-right: 0;}

.join_bottom{margin-top: 3%;}
.jn_con{margin-top: 2%;}
.jn_tab{font-size: 24px; color: #2c2c2c; background: #f5f5f5; line-height: 2.7em; padding: 0 2%;}
.job_nav li{float: left; text-align:center; }
.job_nav li.wid1{text-align:left;}
.wid1{width: 29%;}
.wid2{width: 27%;}
.wid3{width: 27%;}
.wid4{width: 8%;}
.wid5{width: 8%;}
.wid6{width: 70%;}
.jn_bottom{margin-top: 2%;}
.jn_div{border-bottom: 1px solid #e3e3e3; margin-top: 1%; cursor: pointer;}
.jc_thead{font-size: 18px; padding:  0.7em 2%; height: 2.3em; line-height: 2.3em;color: #2c2c2c; }
.jc_thead span,.jc_thead a{display: block; float: left; text-align: left;}
.join_btn{background: #f5f5f5; color: #3a3a3a;}
.jc_txt{background: #f5f5f5;font-size: 14px; color: #7f7f7f; padding: 2%; line-height: 2em;box-sizing: border-box;}
.jc_txt:hover{color:#00669f;}
.jx_mar{ margin-bottom:2%;}
.jx_h3{font-size: 16px;margin-top:20px; font-weight: bold}
.jx_h4{margin-top:20px;}
.jn_div.hover{border-bottom: 1px solid #f5f5f5; }
.jn_div.hover .jc_thead{background: #00669f; color: #FFFFFF;}

.bg{ width: 100%; height: 100%;  position: fixed; top: 0;z-index: 999; display: none;}
.tc{width:510px; margin: 0 auto; margin-top:20%; padding:25px;  background: #FFFFFF; box-shadow: 0 0 20px #999999; position: relative;}
.tc_h3{text-align: center; line-height: 2.4em; font-size: 24px; border-bottom: 1px solid #cccccc;}
.tc_con{text-align: center;padding:6% 0;}
.tc_sc{display: inline-block; height:32px; line-height:32px; background: #00669f; padding: 0 25px;color: #FFFFFF; border-radius: 0.2em;}
.tc_ts{color: #7f7f7f; line-height: 2em; margin-top: 2%;}
.tc_btn{margin-top:3%;}
.tc_btn a{display: inline-block; height:32px; line-height:32px;color: #FFFFFF;border-radius: 0.2em; padding: 0 40px;background: #686868;margin: 0 5px;}
.tc_btn a.can{background: #999999;}
.tc_close{position: absolute; right: 4%; top:11%;font-size: 0; width:4%;}


.base_top{background:url(../images/b9.jpg) no-repeat  center center; background-size: cover; padding:4% 0;}
.bt_ph{ display: block;font-size: 0; margin-bottom:1%;}
.bt_h3{font-size: 24px; color: #222222; line-height: 1.5em;}
.bt_con{width: 100%; overflow: hidden;}
.bt_cell{margin-top: 2%; width: 13%; font-size: 14px; color: #888888; margin-right: 5%;}
.bt_name{font-size: 16px; color: #222222;}
.bt_num{ font-size: 24px; color: #00669f; margin-top:3%;}
.bt_wz{ line-height: 1.8em; margin-top:3%;}
.base_bottom{margin-top: 5%;}
.bt_red{color: #CA1210;}
.base_bottom .bt_cell{margin-top: 3%;}

.ts_con{margin-top: 4%; position: relative;}
.ts_left{position: absolute; top: 0; left: 0; background: #00669f; font-size: 14px; color: #FFFFFF; width:21%; height:100%; padding:0 5%;}
.tsl_title{font-size: 30px; padding-top: 20%;}
.tsl_bor{width: 20%; height:2px; background: #FFFFFF; margin-top:8%;}
.tsl_ts{line-height: 1.8em; margin-top:6%;}
.tsl_num{display: block;font-size:36px; line-height: 1em; margin-top:8%;}
.ts_right{background: #f5f5f5; width:55%; padding:4% 7%;}
.tr_inp,.tr_col{width: 44%; padding: 0 2%; margin-bottom: 3%; font-size: 18px; height: 3.2em;line-height: 3.2em; color: #232323; border: 1px solid #d2d2d2; background: none;}
.tr_col{width: 96%; padding: 2%; line-height: 1.5em; height: 4.5em;}
.yz_div{width: 48%;}
.yz_div .tr_inp{width: 45%; padding: 0 4%;}
.yz_img{width: 35%;padding: 0 2%; margin-bottom: 3%;font-size: 18px;height: 3.2em;line-height: 3.2em;color: #232323;border: 1px solid #d2d2d2;background: none;}
.yz_img img{height: 100%; width: 100%;}
.tr_btn{position: absolute; top: 0; right: 0; width: 45%; height:82.4%; font-size: 28px; background: #00669f; color: #FFFFFF; border: 0;}
.flexslider .slides li a{ height: 440px;background-repeat: no-repeat;}

.sb_left{width:37.5%;}
.sb_dl{background: #f5f5f5; margin-bottom:1.5vw;}
.sb_dt{width: 100%; height: 425px; font-size: 0; transition:all .75s;}
.sb_dt:hover{opacity:.8;}
.sb_img{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; transition:linear .35s;}
.sb_img .xiangsubeishu{ font-size:20px; padding:1px 20px; background-color:#007cc1; color:#fff;}
.sb_img:hover{opacity:.8;}
.sb_dd{width:88%; padding:1.5% 6% 12% 6%;font-size: 14px; }
.sb_title{width: 100%; font-size: 20px;font-weight: bold; color: #252525; line-height: 1em; height: 1em; overflow:hidden; text-overflow: ellipsis;}
.sb_div{ margin-top:4%; color: #252525; line-height: 2em;}
.sb_div .sb_xh,.sb_div .sb_txt{ font-size: 12px; line-height: 180%;}
.sb_h3{color: #888888; }
/*.sb_xh{max-height: 8em; overflow: hidden;}*/
.sb_xh span{display: inline-block;/*width: 24%; height: 2em; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;*/ }
.xb_btn{display: inline-block; background: #007cc1; font-size: 18px; color: #FFFFFF; height:3.5em; line-height: 3.5em; padding: 0 2em; margin-top:12%;}
.xb_btn:hover{background:#00669f;}
.xb_btn span{display: inline-block; padding-left: 2.5em; background: url(../images/32.png) no-repeat left center; background-size: 2em;}

.sb_right{width: 61%;}
.sb_right .sb_dt{width:61%; height:436px;}
.sb_right .sb_dd{width:33%; padding: 3%;}
.sb_right .sb_xh span{width:32%;}

.sb_bottom .sb_dl{ margin-bottom: 2.5%;}
.sb_bg{background: #f5f5f5; padding:2% 0; overflow:hidden;}
.sb_bg .sb_dl{background: #FFFFFF;overflow:hidden; width:46%; margin:10px 1%; padding:1%;}
.sb_bottom .sb_dt{width:37.5%; height: 440px;}
.sb_bottom .sb_dd{width:59%; padding:3%; padding-left: 0;}
.sb_bottom .sb_div{margin-top: 2%;}
.sb_bottom .xb_btn{margin-top: 6%;}
/*.sb_bottom .sb_xh{max-height: 4em;}
.sb_bottom .sb_xh span{width: 12%;}*/
.sb_bg1{background: #FFFFFF; padding:5% 0;}
.sb_bg1 .sb_dl{background: #f5f5f5;}

.bx_top{width: 100%;padding:2em 0; line-height:2em; background: #007cc1; text-align: center;font-size: 18px;}
.bx_top a{display: inline-block; color: #FFFFFF; padding: 0 2em;}
.bx_xq{background: #FFFFFF; margin-top: 4%;}
.bx_qh{background: #f5f5f5; padding:4%;}
.qh_left{width: 53.5%;}
.qh_main{width: 100%; height: 545px; overflow: hidden; position: relative; background: #FFFFFF;}
.qh_main ul{width: 110%; position: absolute; top: 0; left: 0; }
.qh_li{width: 100%; height: 545px; float: left; background-repeat: no-repeat;background-position: center; background-size: contain; position:relative; }
.qh_li .title{display:inline-block; padding:0 30px; line-height:180%; background:#007cc1; color:#fff; font-size:30px; }
.qh_btn{margin-top: 4px; width: 100%; height: 105px; position: relative; overflow: hidden;}
.qh_btn ul{width: 110%; position: absolute; top: 0; left: 0;}
.qh_btn li{width:19.5%;height: 105px; position: relative; overflow: hidden; float: left; }
.btn_img{background-repeat: no-repeat;background-position: center; background-size: contain;cursor: pointer; background-color: #FFFFFF;}
.btn_bor{width:151px; height: 101px; border: 2px solid #00669f; position: absolute; top: 0; left: 0; z-index: 99; display: none;}
.qh_btn li.on .btn_bor{display: block;}

.qh_right{font-size: 16px; color: #252525; line-height: 2em; width: 42%;}
.qr_bor{padding: 2% 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 3%;}
.qr_bor .qr_xh,.qr_bor .qr_title{ font-size: 12px;line-height: 180%;}
.qr_h3{color: #888888;}
.qr_xh span{display: inline-block; min-width: 24%;}

.i2_li{transition-duration: .5s; width: 22.8%; margin-right:2.9%; float: left; padding-bottom:3%; border-bottom: 1px solid #e3e3e3; cursor: pointer; margin-top: 3%;}
.i2_img{display: block; width: 100%; height: 240px; overflow: hidden;}
.i2_back{transition-duration: .5s; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}
.i2_title{font-size: 16px; color: #26221f; width: 100%; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; padding:15px 0;}
.i2_wz{font-size: 14px; line-height: 24px; color: #888888; height: 48px; overflow: hidden;}
.i2_li:nth-child(4n){margin-right: 0;}
.i2_li:hover{ border-bottom: 1px solid #00669f;}
.i2_li:hover .i2_back{ transform: scale(1.1);}
.new_more{display: block; font-size: 16px; width: 100%; height: 5em; line-height: 5em; text-align: center; background: #f5f5f5; margin-top: 5%; color: #888888; cursor:pointer;}
.new_more:hover{background: #00669f; color: #FFFFFF;}
.jj_con{width: 100%; background: url(../images/c9.jpg) no-repeat center center; background-size: cover; padding:7% 0;}
.jj_main{width: 100%; position: relative; overflow: hidden;}
.jj_li{width:23.5%;  float:left; margin-right:2%;}
.jj_wz{display: block; padding: 0 5%; height: 4em; line-height: 4em; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size: 18px; color: #000000; background: #FFFFFF;}
.jj_li:last-child{margin-right: 0;}
.jj_img{display: block; width: 100%; height: 527px; background-position: center;background-size: cover; background-repeat: no-repeat;}
.jj_bot{margin-top: 3%;}
.jj_bot a{width: 49%; height: 35px; position: relative; opacity: 1 !important;}
.jj_prev{background: #00669f url(../images/33.png) no-repeat 97% center;}
.jj_next{background: #00669f url(../images/34.png) no-repeat 3% center;}


.jj_tc{width: 100%; height: 100%; position: fixed; z-index: 99; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none;}
.jc_con{width: 82%; left: 9%; height: 100%; position: absolute;}
.jc_main{width: 100%;position: relative; overflow: hidden;}
.jc_li{width: 50%; height: 100%; float: left; background-repeat: no-repeat; background-position: center; background-size: contain;}
.jc_prev,.jc_next{width:5%; height: 60%;position: absolute; top:20%; z-index: 999;background-size: 100%; background-repeat: no-repeat; background-position: center;}
.jc_prev{background-image: url(../images/35.png);  left: -8%;}
.jc_next{background-image: url(../images/36.png); right: -8%;}
.jc_prev:hover{background-image: url(../images/35h.png);}
.jc_next:hover{background-image: url(../images/36h.png);}

.nx_title{text-align: center; font-size: 14px; color: #333; padding:1% 0;}
.nx_h3{font-size: 24px; margin-bottom: 1.5%;}
.nx_wid{ margin-top:1%; position: relative; }
.case_left{width:23%; float:left; border:1px solid #e3e3e3; padding:2%; margin-right:3%;}
.case_left .t{ font-size:24px;color:#333; line-height:2em; border-bottom:2px solid #e3e3e3;}
.case_left a{ color:#333;}
.case_left ul{ padding:20px 0;}
.case_left ul li{ font-size:16px; line-height: 2em;}
.case_con{font-size: 14px; color: #888888; line-height: 2em;}

/*案例轮播开始*/
.w3cFocus {	width:100%;	position:relative;padding:10px 0;background:#292929;}
.w3cFocus .prev, .w3cFocus .next {position:absolute;display:block;left:10px;top:270px;width:46px;height:62px;background:url(/skin_611/images/focusAdvBg.png) no-repeat;filter:alpha(opacity=80);opacity:0.8;}
.w3cFocus .next {left:auto;right:10px;background-position:-46px 0;}
.w3cFocus .prev:hover, .w3cFocus .next:hover {filter:alpha(opacity=100) !important;opacity:1 !important;}
.w3cFocusIn {width:1200px;position:relative;margin:0 auto;overflow:hidden;}
.w3cFocusIn .bd li {vertical-align:middle;text-align:center;height:600px;}
.w3cFocusIn .bd li img {height:600px;}
.w3cFocusIn .hd {/*position: absolute;right:4px;bottom:6px;*/text-align:center;padding:20px 0;}
.w3cFocusIn .hd ul {vertical-align:middle;display:inline-block;*display:inline;overflow:hidden;zoom:1;}
.w3cFocusIn .hd ul li {position:relative;float:left;display:inline;padding-top:4px;margin-right:6px;filter:alpha(opacity=80);opacity:0.8;cursor:pointer;}
.w3cFocusIn .hd ul li img {width:76px;height:46px;border:2px solid #fff;display:block;}
.w3cFocusIn .hd ul li.on {filter:alpha(opacity=100);opacity:1;background:url(/skin_611/images/focusArrow.png) center 0 no-repeat;}
.w3cFocusIn .hd ul li.on img {border:2px solid #3499EA;border-bottom-width:4px;}
/*案例轮播结束*/

.nx_con{width: 63%; margin: 0 auto;font-size: 14px; color: #888888; line-height: 2em;}
.nx_con img{ display:block; margin:0 auto;}
.nx_page{width:100px; position: fixed; bottom: 30%;  right:4%;}
.nx_page a{width: 100%; height: 4em; line-height: 4em; text-align: center; background: #e5e5e5; display: block;font-size: 14px; color: #888888;}
.nx_page a:hover{background: #a0a0a0; color: #FFFFFF;}
.fd_nd{position: fixed;}
.zl_con{margin-top: 4%;}
.zl_main{width: 100%; overflow: hidden; margin-top:2%;}
.zl_li{margin-top: 3%; float: left; width:31%; margin-right:3%;}
.zl_wz{width: 100%; font-size: 18px; color: #232323; line-height: 2em; height: 2em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align: center; display: block; }
.zl_bor{display: block; border: 1px solid #e3e3e3;padding:2%; margin-top:3%;}
.zl_ovr{width: 100%; height: 335px; overflow: hidden;}
.zl_img{transition-duration: .5s; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;}
.zl_li:nth-child(3n){margin-right: 0;}
.swiper-pagination-bullet{margin:3px;}
.zl_li:hover .zl_img{transform: scale(1.1);}

.zl_li.partner{ margin-top: 3%; float: left; width:14%; margin-right:2.5%; }



.yj_txt ul {width:110%;	display:table;}

.gg_al {float:left;	display:inline-block;width:16.2vw;height:19vw;padding:1.4vw;background:#f5f5f5;	overflow:hidden;/*margin:0 2.55vw 2vw 0;*/color:#333;}
.gg_al img {width:16.2vw;height:11vw;}
.gg_al h3 {display:block;margin:0.5vw 0 0 0;font-weight:normal;font-size:16px;}
.gg_al span {display:block;font-size:12px;color:#999;}
.gg_al div {font-size:13px;	color:#999;	/*margin-top:1vw;*/}
.gg_al:hover {background:#00669f;}
.gg_al:hover * {color:#fff;}

.jc_close{width:50px;height:50px;display:inline-block;border-radius:25px;background:#00669f;color:#fff;font-size:30px;line-height:50px;text-align:center;position:absolute;right:2vw;	top:2vw;font-family: initial;cursor:pointer;}
.jc_close:hover {width:3.5vw;height:3.5vw;display:inline-block;border-radius:1.75vw;background:#00669f;color:#fff;font-size:2rem;line-height:3.5vw;text-align:center;position:absolute;	right:1.75vw;top:1.75vw;font-family: initial;}

.resume { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 9999999999; }
.resume_box { position: fixed; left: 50%; top: 50%; width: 560px; height: 272px; margin: -136px 0 0 -280px; background: #FFF; border: 1px solid #EEE; box-shadow: 0 0 15px rgba(0,0,0,.8); text-align: center; }
.resume_load { display: none; position: absolute; top: -1px; left: -1px; z-index: 9; padding: 148px 171px 108px 171px; background: rgba(191, 225, 227, 0.2); }
.resume_box h3 { width: 450px; margin: 12px auto 24px; height: 60PX; line-height: 60px; font-size: 24px; color: #000; border-bottom: 1px solid #ccc; overflow: hidden; display: -webkit-box; text-overflow: clip; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.resume_box p { margin: 15px auto 30px auto; font-size: 12px; color: #7f7f7f; }
.resume_box p a { display: inline-block; background-color: #efe3ed; padding: 0 8px; border-radius: 3px; margin: auto;    line-height: 2em; }
.resume_btn,
.resume_file { display: inline-block; width: 102px; height: 33px; line-height: 33px; color: #FFF; font-size: 12px; border-radius: 3px; }
.resume_file { position: relative; margin-bottom: 12px; background: #6BB12C; overflow: hidden; }
.resume_file input { position: absolute; right: 0; bottom: 0; width: 500%; height: 33px; cursor: pointer; }
.resume_can { background: #999; }
.resume_sub { background: #686868; }
.resume_btn { margin: 0 3px; cursor:pointer; }
.resume_close { border: #aaa 1px solid; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #333; position: absolute; top: 10px; right: 10px; font-size: 20px; cursor: pointer; background: #eee; }
.resume_close:hover { border-color: #6BB12C; }


@media only screen and (max-width: 1367px){
	.cb_left{width: 100%;}
	.cb_right{width:100%;}	
}

@media only screen and (max-width: 1360px){
	.gg_al{width: 26.4%; height: 22vw;}
	.gg_al img {width: 100%;height: 75%;}
     .gg_al h3 {display: -webkit-box;margin: 0;font-weight: normal;line-height: 1.3em;font-size: 0.5rem;text-overflow: clip;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
}

@media only screen and (max-width: 1360px){
	.cm_a{width: 40%;}
	.cm_h3{font-size: 24px;}
	.jt_a{width: 50%;}
	.jn_cell{width: 49%; margin-right: 2%;}
	.jn_cell:nth-child(2n){margin-right: 0;}
	.sb_left,.sb_right{width: 100%;}
	.sb_left .sb_dt,.sb_right .sb_dt,.sb_bottom .sb_dt{width:37.5%;height: 350px;}
	.sb_left .sb_dd,.sb_right .sb_dd{width:59%;padding: 3%;padding-left: 0;}
	.sb_title{font-size: 20px;}
	.sb_div{margin-top: 2%;}
	.xb_btn{font-size: 16px; margin-top: 3%;}
	.sb_right .sb_xh span{width: 24%;}
	/*.sb_right .sb_xh span,.sb_bottom .sb_xh span{width: 24%;}
	.sb_bottom .sb_xh{max-height: 8em;}*/
}

@media only screen and (max-width: 1152px){
	.cb_h3{font-size: 20px;}
	.js_h3{font-size: 20px;}
	.js_bt{font-size: 12px;}
	.js_tb{height: 35px;}
	.fa_a{width:48%; margin-right: 2%;}
	.fa_left{width: 100%;}
	.fa_pos{position: relative; width: 100%;}
	.jn_tab{font-size: 18px;}
	.wid1{width: 25%;}
	.wid2{width: 10%;}
	.wid3{width: 32%;}
	.wid4{width: 15%;}
	.wid5{width: 15%;}	
	.wid6{width: 60%;}	
	.jc_thead {height: auto;}
	.jc_thead span, .jc_thead a {text-align: left;}
	.jc_thead span.wid6{width: 70%;text-align: left;}
	.jc_thead{font-size: 14px;}
	.bt_cell{width: 25%; margin-right: 8%;}
	.ts_left{width: 90%; padding: 5%; position: relative;}
	.tsl_title{padding: 0; font-size: 20px;}
	.tsl_num{font-size: 24px;}
	.ts_right{width: 86%;}
	.i2_li{width: 48%; margin-bottom:8%;}
	.i2_li:nth-child(2n){margin-right: 0;}
	.nx_h3{font-size: 18px;}
	.nx_con{width: 90%;}
	.nx_page{width: 100%; right: 0; position: relative !important; margin-top: 3%;}
	.nx_page a{width: 33.3%; float: left;}
	.jj_wz,.zl_wz{font-size: 14px;}
	.zl_li{width: 49%; margin-right: 2%;}
	.zl_li:nth-child(3n){margin-right: 2%;}
	.zl_li.partner:nth-child(3n){margin-right: 2.5%;}
	.zl_li:nth-child(2n){margin-right: 0;}
	.zl_li.partner:nth-child(2n){margin-right: 2.5%;}
	.qh_left{width: 100%;}
	.qh_right {width: 100%; padding: 0; font-size: 14px;}
	
	.yj_txt {width: 100%;}
	.gg_al{width: 41.5%; height: 44vw;}
	.gg_al img {width: 100%;height: 75%;}
     
     .gg_al h3 {display: -webkit-box;margin: 0;font-weight: normal;line-height: 1.3em;font-size: 0.5rem;text-overflow: clip;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
     
     .zl_li.partner {width: 30%;margin-right: 3%;}
	.zl_li.partner:nth-child(3n){margin-right: 3%;}
	.zl_li.partner:nth-child(2n){margin-right: 3%;}
}

@media only screen and (max-width: 750px){
	.cb_txt_pic img { margin:1.5% 0; width:100%; }
	.ly_banner { width: 100vw; height: 35vw; background-size: cover;/*background-position: center center;*/}
	
	.nav_cate .navlist .nav_ul{width: 100%;}
	.nav_cate .nav_li .nav_a{wtext-align: center; font-size: 14px; margin: 0 2vw; line-height: 200%;}
	.nav_cate .nav_li .navlink{ display: block; line-height: 200%; width: 90%; margin: 0 auto;float:none; font-size: 14px; border-top: 1px solid #e3e3e3;}
	
	.sb_bg .sb_dl{width: 96%;}
	.qh_li .title{font-size:16px; }
	.yj_auto{height: auto;}
	
	.flexslider .slides li a{height: 240px;background-size:cover;}
	.ly_top, .lt_con, .lt_auto{height: auto;}
	.lt_auto{ padding:1% 0; font-size: 14px;}
	.ly_top a{ padding-right:20px;height: auto;}
	.ly_top span{padding: 3px 0;}
	
	.yj_auto .yj_wid .cp{width: 25%; box-sizing: border-box; margin: 0; padding: 0; text-align: center;}
	.yj_con .yj_txt{display: block;}
	.yj_con .yj_txt table{table-layout: fixed; display: block;}
	.yj_con .yj_txt table td{width: 50%;}
	
	.next_pre .pre, .next_pre .next{display: block;text-align: left; width: 100%; font-size: 12px;}
	
	.jn_txt .con_left,  .jn_txt .cont_map{ float: none; width: 100%;}
	
	.yj_tab{height: auto;display: table;}
	.yj_tab{ background: #fff; }
	.yj_tab a{width: 27%; height: 40px; line-height:40px;font-size: 14px; background: #f5f5f5; margin:0 2px 2px 0; }
	.yj_tb{height: 8px; bottom: -8px;}
	.cm_a{width:80%; margin-top: 4%;}
	.cm_h3{font-size: 22px;}
	.an_tab a{width: 25vw;padding: 0 10px; border: #fff 1px solid;}
	.an_tab .yj_span{padding-left: 25px; background-size:15px;}
	.js_a{width: 50%;}
	.js_bor{padding: 10px 3%;}
	.jt_a{width: 100%; height: 200px;}
	.jn_cell{width: 100%; height: 200px; margin-right: 0;}
	.js_h3{font-size: 14px;}
	.js_tb{height: 25px;}
	.fa_a{width:100%; margin-right: 0;}
	.ca_a{font-size: 12px;}
	.ca_tb{height: 25px;}
	.ca_wz span{font-size: 16px;}
	.ba_a{width: 94%; margin-right: 0;}
	.jn_tab,.jc_thead{font-size: 13px;}
	.jc_txt,.jx_h3{font-size: 12px;}
	.tc{width: 80%; padding: 2%;}
	.tc_h3{font-size: 18px;}
	.bt_ph{width: 80%;}
	.bt_h3{font-size: 18px;}
	.bt_name{font-size: 14px;}
	.bt_num{font-size: 18px;}
	.bt_cell{width: 45%; margin-right: 5%; font-size: 12px; margin-top: 4%;}
	.tr_inp,.tr_col{width: 96%; font-size: 14px;}
	.yz_img{font-size: 14px;}
	.yz_div {width: 100%;}
	.tr_btn {width: 100%; position: relative; font-size: 20px; height: 2em;}
	.sb_left .sb_dt,.sb_right .sb_dt,.sb_bottom .sb_dt{width:100%;height:200px;}
	.sb_left .sb_dd,.sb_right .sb_dd,.sb_bottom .sb_dd{width:94%;padding: 3%;}
	.sb_dl{width:96%;}
	.sb_title{font-size: 16px;}
	.sb_dd{font-size: 12px;}
	.xb_btn{font-size: 14px;text-align: center;height: 2.5em;line-height: 2.5em;display:block;}
	.i2_li{width: 100%; margin: 0; margin-bottom:8%;}
	.i2_title{ padding: 5px 0;}
	.new_more{font-size: 14px;}
	.jj_li{width: 100%; margin-right: 0;}
	.jc_con{height: 70%; top: 15%;}
	.jc_li {width: 100%;}
	.yj_ovr{ height: auto;overflow: inherit; }
}