@charset "utf-8";

/* CSS Document */

/* 全局公用的css样式 */

/*---------------------------------约束样式----------------------------------------*/

*{margin:0;padding:0;word-wrap:break-word}

* img{border:0}

* hr{border:1px dashed #d2d2d2}

body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#333;font-weight:normal; font-size:12px; font-family:'Microsoft YaHei'}

a{text-decoration:none;outline:none;color:#333; cursor:pointer}

a:active{star:expression(this.onFocus=this.blur())}

a:focus,div:focus{outline:none}

a:hover{}

em{font-style:normal}

/*ul li{list-style:none}*/

.ul,.ul li{list-style:none}



input,textarea,select{outline:none; font-family:Arial, Helvetica, sans-serif}

.clear{width:100%; clear:both; height:1px; overflow:hidden}

.fl{float:left}

.fr{float:right}

.ov_hi{overflow:hidden}

.layout{width:1100px;margin:0 auto}

.ul_li{list-style:none}

.ov_hi{overflow:hidden}

.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}

.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px; box-shadow:#DDD9D9 0px 0px 30px}

.mg_15{margin-top:15px}

.fl-clr,.clearfix{zoom:1}

.fl-clr:after{display:block;clear:both;height:0;content:"\0020"}

.hide{display:none}

body{overflow-x:hidden}



.a,.imga img,.index_introduce li:after,.index_introduce li .text,.index_introduce li .more,.index_introduce li .title:after,.index_introduce li img,.serialize_show .item .a *,.customers_show a img,.solution_list li *,.footer_nav li .txt .pic,.certification_index li *,.nav_ul li .down .li .txt,.products_ul li .box:after,.products_ul li .box,.product_ul li .box:after,.product_ul li .box,.about_nav li a *,.news_list li a,.event_list li a,.course_list li *,.our_list li .text,.our_list li,.Service_scroll .item .img,.nav_ul li .down{webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}

.imga:hover img,.index_introduce li:hover img,.customers_show a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}





/*导航样式*/

.bh_80{height:80px}

.nav_box li{list-style:none}

.nav_box{position:fixed; width:100%; left:0; top:0; background:#fff; z-index:999}

.nav_box.shadow{-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 20px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 20px; box-shadow:rgba(0,0,0,0.5) 0px 0px 20px}

.nav_box .layout{height:80px; position:relative}

.logo{height:54px; position:absolute; left:0; top:50%; margin-top:-27px}

.nav_box .zn{position:absolute; width:27px; height:16px; right:0; top:50%; margin-top:-6px; background:url(../images/zn.jpg) no-repeat;}



.nav_ul{float:right; line-height:80px; padding-right:40px}

.nav_ul li{float:left; padding:0 20px; position:relative}

.nav_ul li.navclose{ display:none}

.nav_ul li .a{display:block; float:left; font-size:16px; border-top:2px solid #fff; position:relative;color:#05458f}

.nav_ul li .a i{position:absolute; height:40px; line-height:40px; right:10px; font-size:20px; top:50%; margin-top:-20px; color:#fff; display:none}

.nav_ul li .a a{display:block; position:absolute; width:100%; height:100%; left:0; top:0; }

.nav_ul li.hover .a,.nav_ul li .a:hover,.nav_ul li:hover .a{color:#4eb035; border-top:2px solid #4eb035}

.nav_ul li .down{position:absolute; width:160px; left:50%; margin-left:-80px; background:rgba(0,47,105,0.5); top:82px; text-align:center; padding:20px 0;  z-index:9; visibility:hidden; opacity:0; min-height:280px;}

.nav_ul li .down.li6,.nav_ul li .down.li4{min-height:0;}

.nav_ul li .down.Solutions{min-height:160px; /*160 width:220px; margin-left:-110px;*/}

.nav_ul li .down .li{}

.nav_ul li .down .li i{position:absolute; right:15px; top:50%; margin-top:-20px; height:40px; line-height:40px; opacity:0}

.nav_ul li .down .li .b{display:block; line-height:40px; position:relative; color:#fff; opacity:1; font-size:16px; position:relative}

.nav_ul li .down .li .b a{position:absolute; width:100%; height:100%; left:0; top:0}

.nav_ul li .down .li:hover .b{opacity:1}

.nav_ul li .down .li:hover i{opacity:1}



.nav_ul li .down .li .txt{position:absolute; left:160px; text-align:center; width:220px; background:rgba(0,47,105,0.5); top:0; padding:20px 0; visibility:hidden;min-height:280px; opacity:0;}

.nav_ul li .down.Solutions .li .txt{min-height:160px;}

.nav_ul li .down .li .txt:after{content:""; position:absolute; width:1px; height:80%; left:0; top:10%; background:#6282a7}

.nav_ul li .down .li .txt a{color:#fff; opacity:1; display:block; line-height:26px; font-size:14px}

.nav_ul li .down .li .txt a:hover{opacity:1;}



.nav_ul li .down .li:hover .txt{visibility:visible;opacity:1;}

.nav_ul li:hover .down{visibility:visible;opacity:1;}



.back_top{width:43px; height:43px; position:fixed; right:20px; bottom:60px; background:url(../images/top.png) no-repeat; background-size:cover; z-index:88}





/*尾部样式*/

/*.footer{background:#013f7c; color:#fff; line-height:30px; font-size:14px}

.footer a{color:#fff;opacity:0.6}

.footer a:hover{opacity:1}

.footer_nav{overflow:hidden; position:relative; padding:50px 0 35px 0}

.footer_nav li{float:left; width:20%; list-style:none; margin-left:-1px; position:relative}

.footer_nav li:after{content:""; position:absolute; width:1px; height:100%; left:0; top:0; background:rgba(255,255,255,0.3); min-height:167px}

.footer_nav li dl{padding-left:30px; /----*border-left:1px solid rgba(255,255,255,0.2);*----/}

.footer_nav li .title{font-size:24px; line-height:24px; margin-bottom:20px; position:relative}

.footer_nav li .title i{position:absolute; right:10px; top:50%; margin-top:-10px; display:none}

.footer_nav li .txt{font-size:16px; line-height:30px}

.footer_nav li .txt .a{float:left; margin-right:15px}

.footer_nav li .txt .li{overflow:hidden; float:left; height:30px; width:50%}

.footer_nav li .txt .img{}

.footer_nav li .txt .pic{display:inline-block; width:40px; height:40px; margin-right:25px; opacity:0.7; background-size:cover !important}

.footer_nav li .txt .pic:hover{opacity:1}

.footer_nav li .txt .a1{background:url(../images/a1.png) no-repeat}

.footer_nav li .txt .a2{background:url(../images/a2.png) no-repeat}



.footer_nav .l3{width:40%}

.footer_nav .l4{width:20%}*/

.Laws_pop{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:999}

.Laws_box{position:absolute; width:800px; height:520px; overflow:hidden; left:50%; margin-left:-400px; background:#fff; top:50%; margin-top:-260px}

.Laws_box .pa{padding:20px}

.Laws_box .title{height:40px; font-size:20px; text-align:center}

.Laws_box .txt{overflow:auto; height:440px; font-size:14px; line-height:22px}



/*尾部样式*/

.footer{background:#013f7c; color:#fff; line-height:30px; font-size:14px}

.footer a{color:#fff;opacity:0.6}

.footer a:hover{opacity:1}

.footer_nav{overflow:hidden; position:relative; padding:50px 0 35px 0}

.footer_nav li{float:left; width:20%; list-style:none; margin-left:-1px; position:relative; padding:15px 0 0 0; min-height:180px;}

.footer_nav li:after{content:""; position:absolute; width:1px; height:100%; left:0; top:0; background:rgba(255,255,255,0.3); min-height:167px}

.footer_nav li dl{padding-left:30px; /*border-left:1px solid rgba(255,255,255,0.2);*/}

.footer_nav li .title{font-size:24px; line-height:24px; margin-bottom:20px; position:relative}

.footer_nav li .title i{position:absolute; right:10px; top:50%; margin-top:-10px; display:none}

.footer_nav li .txt{font-size:16px; line-height:30px}

.footer_nav li .txt .a{float:left; margin-right:15px}

.footer_nav li .txt .li{overflow:hidden; float:left; height:30px; width:50%}

.footer_nav li .txt .img{}

.footer_nav li .txt .pic{display:inline-block; width:40px; height:40px; margin-right:25px; opacity:0.7; background-size:cover !important}

.footer_nav li .txt .pic:hover{opacity:1}

.footer_nav li .txt .a1{background:url(../images/a1.png) no-repeat}

.footer_nav li .txt .a2{background:url(../images/a2.png) no-repeat}



.footer_nav .l0{width:22%}

.footer_nav .l0 .title,.footer_nav .l4 .title{display:none}

.footer_nav .l0 .txta{font-size:12px; text-align:center}

.footer_nav .l0 .txta .t{font-size:25px}

.footer_nav .l0 dl{padding-left:0;}

.footer_nav .l3{width:16%}

.footer_nav .l4{width:22%;}

.footer_nav .l4 .txt{text-align:center}

.footer_nav .l4 .txt a{margin:0 5px}



.footer_bottom{text-align:center; border-top:1px solid #7d91a4; line-height:20px; padding:15px 0; position:relative; opacity:0.6}

.footer_bottom a{opacity:1}

.footer_bottom .f_l{float:left}

.footer_bottom em{padding:0 5px}

.footer_bottom .f_r{float:right}

.WeChat_pop{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); z-index:999; display:none}

.WeChat_pop .box{position:absolute; width:200px; height:200px; left:50%; margin-left:-110px; top:50%; margin-top:-110px; padding:10px; background:#fff; border-radius:5px; overflow:hidden}

.WeChat_pop .box img{width:100%; height:200px}

.WeChat_pop .uk-icon-close{position:absolute; right:0; top:0; font-size:30px; color:#4eb035; background:#fff; border-radius:0 0 0 20px; width:50px; height:50px; text-align:center; line-height:50px; overflow:hidden; cursor:pointer}



/*首页样式*/



.index_show{overflow:hidden; position:relative}

.index_show .uk-slideshow{height:600px}

.index_show .uk-dotnav{width:1100px; display:block; margin:0; left:50%; margin-left:-550px; bottom:0}

.index_show .uk-dotnav>*{padding:0;margin:0; width:25%; height:50px; text-align:center; float:left; line-height:50px; position:relative;     }

.index_show .uk-dotnav>*:after{position:absolute; left:50%; top:-10px; margin-left:-12px; content:''; width:24px; height:24px;background:rgba(0,47,105,.68); transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); display:none}

.index_show .uk-dotnav>*>*{width:100%; height:50px; border-radius:0; text-indent:0; color:#fff; font-size:20px; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out}

.index_show .uk-dotnav-contrast>*>*{background:#05458f}

.index_show .uk-dotnav-contrast>.uk-active>*{background:#4eb035; -webkit-transform: scale(1); transform: scale(1)}

.index_show .uk-dotnav-contrast>.uk-active> a{position:relative; z-index:2}

.index_show .uk-dotnav-contrast>.uk-active:after{display:block; background:#4eb035}

.index_show .uk-slideshow li .text{width:1100px; left:50%; margin-left:-550px; color:#05458f; position:absolute; left:50%; height:314px; top:50%; margin-top:-157px}

/*.index_show .uk-slideshow li .text .box{background:rgba(78,176,53,0.67); width:50%;  padding:25px 25px 35px 25px; border-radius:10px}*/

.index_show .uk-slideshow li .text .box{}

.index_show .uk-slideshow li .text:after{content:""; position:absolute; width:100%; left:-100%; top:0; height:100%; background:rgba(90,122,27,0.67); display:none}

.index_show .uk-slideshow li .text .t{font-size:60px; line-height:72px}

.index_show .uk-slideshow li .text .txt{font-size:24px; line-height:30px; padding:20px 0 0 0; position:relative}

.index_show .uk-slideshow li .text .txt p:after{content:">>"; display:inline-block; margin-left:10px; font-family:"微软雅黑"; display:none}

.index_show .uk-slideshow li .text .txt span{padding-left:10px}

.index_show .uk-slideshow li .text .a{border:1px solid #fff; width:165px; text-align:center; border-radius:10px; font-size:18px; height:34px; line-height:34px; color:#fff; display:block}

.index_show .uk-slideshow li .text .a:hover{background:#fff; color:#436d34}



.index_show .uk-slidenav{border-radius:10px; border:2px solid #fff; opacity:0.5; line-height:49px}

.index_show .uk-slidenav-contrast{color:#fff}

.index_show .uk-slidenav:hover{opacity:1}



.index_show .pc{display:block}

.index_show .web{display:none}



.index_title{color:#000; line-height:inherit; position:relative; padding-bottom:20px; text-align:center; text-transform:capitalize}

.index_title .cn{font-size:42px}

.index_title .en{font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:20px}



.index_one{padding:70px 0}

.index_introduce{overflow:hidden}

.index_introduce *{overflow:hidden}

.index_introduce li{width:33.3%; float:left; position:relative;list-style:none}

.index_introduce li img{width:100%}

.index_introduce li:after{content:""; position:absolute; width:100%; left:0; top:0; height:100%; background:rgba(0,0,0,0.47); opacity:0}

.index_introduce li .text{width:100%; height:50%; position:absolute; left:0; top:0; z-index:2;background:#fff}

.index_introduce li.li .text{bottom:0; top:inherit}

.index_introduce li .text .box{padding:40px 30px 15px 30px; position:relative; z-index:2}

.index_introduce li .title{font-size:26px; line-height:34px; color:#000; text-transform:capitalize; padding-bottom:10px; position:relative; padding-left:0}

.index_introduce li .title:after{content:""; position:absolute; width:0; height:50px; left:0; top:50%; margin-top:-30px; opacity:0; background:#4eb035}

.index_introduce li .title .cn{font-size:32px}

.index_introduce li .title .zn{color:#666; font-size:14px; text-transform:uppercase}

.index_introduce li .txt{font-size:16px; color:#999; line-height:30px; height:120px; display:-webkit-box;

-webkit-box-orient: vertical; -webkit-line-clamp:4; position:relative; z-index:2}

.index_introduce li .more{display:block; width:80px; height:20px; text-align:center; line-height:20px; color:#fff; background:#4eb035; border-radius:50px; margin-top:-15px; opacity:0; margin-left:20px}

.index_introduce li .more:hover{color:#4eb035; background:#fff}



.index_introduce li:hover:after{opacity:1}

.index_introduce li:hover .text{top:30%}

.index_introduce li:hover .text .box{padding:15px 30px}

.index_introduce li:hover .text{background:none}

.index_introduce li:hover .title{color:#fefefe; padding-left:20px}

.index_introduce li:hover .title .zn{color:#fefefe}

.index_introduce li:hover .title:after{width:4px; opacity:1}

.index_introduce li:hover .txt{color:#fefefe; padding-left:20px}

.index_introduce li:hover .more{margin-top:15px; opacity:1}



.index_two{padding:100px 0; background:url(../images/index_two.jpg) no-repeat center 0 fixed; background-size:cover; height:480px; overflow:hidden}

.index_title i{width:6px; height:6px; border-radius:50%; border:1px solid #636363; position:absolute; left:50%; margin-left:-4px; bottom:0}

.index_title i:after{content:""; position:absolute; width:35px; height:1px; left:-35px; top:50%; margin-top:-0.5px; background:#636363}

.index_title i:before{content:""; position:absolute; width:35px; height:1px; right:-35px; top:50%; margin-top:-0.5px; background:#636363}



.index_two .index_title{color:#fff}

.index_two .index_title i{border:1px solid #9cb1c8}

.index_two .index_title i:after,.index_two .index_title i:before{background:#9cb1c8}

.index_two .txt{color:#fff; font-size:14px; line-height:24px; text-align:center; overflow:hidden; padding:20px 80px 50px 80px}



.serialize_show{position:relative; z-index:2}

.serialize_show .owl-wrapper-outer{overflow:hidden; position:relative}

.serialize_show .item{position:relative}

.serialize_show .owl-item{float:left}

.serialize_show .owl-wrapper{position:relative}

.serialize_show .item{padding:0 25px}

.serialize_show .item .a{display:block; overflow:hidden; position:relative}

.serialize_show .item .a img{width:100%}

.serialize_show .item .a .text{position:absolute; width:100%; height:100%; z-index:2; left:0; top:0; text-align:center; background:rgba(0,0,0,0); z-index:2}

.serialize_show .item .a .box{position:relative; z-index:2; top:50%; margin-top:-15px}

.serialize_show .item .a .text h2{font-size:20px; line-height:30px; text-transform:capitalize; color:#fff}

.serialize_show .item .a .text .more{display:block; width:115px; height:28px; line-height:28px; margin:-20px auto 0 auto; color:#fff; background:#4eb035; text-align:center; opacity:0; border-radius:50px}

.serialize_show .item .a .text .more:hover{background:#fff; color:#4eb035}



.serialize_show .item .a .text::before,.serialize_show .item .a .text::after {position:absolute; top:20px; right:20px; bottom:20px; left:20px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s}

.serialize_show .item .a .text::before{border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1)}

.serialize_show .item .a .text::after{border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0)}



.serialize_show .item .a:hover .box{}

.serialize_show .item .a:hover .text .more{margin:20px auto 0 auto; opacity:1}

.serialize_show .item .a:hover .text{background:rgba(0,0,0,0.47)}



.serialize_show .item .a:hover .text::before,.serialize_show .item .a:hover .text::after{opacity:1; -webkit-transform: scale(1);transform: scale(1)}



.serialize_show .owl-buttons{position:absolute; width:100%; height:1px; top:50%; margin-top:-0.5px}

.serialize_show .owl-buttons div{cursor:pointer; width:35px; height:35px; position:absolute; top:50%; margin-top:-17px}



.serialize_show .owl-buttons .owl-prev{left:-40px; background:url(../images/left.png) no-repeat}

.serialize_show .owl-buttons .owl-next{right:-40px; background:url(../images/right.png) no-repeat}



.bj_f2f2f2{background:#f2f2f2}

.index_three{padding:90px 0 50px 0}

.index_three .txt_box{text-align:center; overflow:hidden; padding:20px 80px 50px 80px; font-size:14px; color:#494949; line-height:24px;}

.certification_index{padding-top:45px; margin-left:-30px}

.certification_index li{float:left; width:33.3%}

.certification_index li a{display:block; margin-left:15px;  position:relative; padding-left:140px; border:1px solid #fff; font-size:20px; color:#666}

.certification_index li .txt{height:120px; display:table; width:100%}

.certification_index li p{display:table-cell; vertical-align:middle; line-height:30px; padding-right:10px}

.certification_index li a img{position:absolute; width:107px; height:107px; left:15px; top:50%; margin-top:-53px}

.certification_index li a:hover{border:1px solid #c5c9c8}





.certification_scroll{margin-top:45px; position:relative}

.certification_scroll .owl-wrapper-outer{ overflow:hidden; position:relative}

.certification_scroll .owl-item{float:left}

.certification_scroll .item a{display:block; margin:0 7px;  position:relative; padding-left:140px; border:1px solid #fff; font-size:20px; color:#666}

.certification_scroll .item .txt{height:120px; display:table; width:100%}

.certification_scroll .item p{display:table-cell; vertical-align:middle; line-height:30px; padding-right:10px}

.certification_scroll .item a img{position:absolute; width:107px; height:107px; left:15px; top:50%; margin-top:-53px}

.certification_scroll .item a:hover{border:1px solid #c5c9c8}

.certification_scroll .owl-buttons{position:absolute; width:100%; height:1px; top:50%; margin-top:-0.5px}

.certification_scroll .owl-buttons div{cursor:pointer; width:35px; height:35px; position:absolute; top:50%; margin-top:-17px}

.certification_scroll .owl-buttons .owl-prev{left:-60px; background:url(../images/left_a.png) no-repeat}

.certification_scroll .owl-buttons .owl-next{right:-60px; background:url(../images/right_a.png) no-repeat}



.index_four{padding:90px 0 50px 0; background:#fff url(../images/index_four.jpg) repeat-x}

.customers_show{position:relative}

.customers_show .swiper-container{padding:50px 0 20px 0}

.customers_show a{display:block; padding:0 20px 40px 20px}

.customers_show img{width:100%}

.customers_show a:hover img{-webkit-box-shadow:rgba(187,184,183,0.3) 0 0px 10px;-moz-box-shadow:rgba(187,184,183,0.3) 0 0px 10px; box-shadow:rgba(187,184,183,0.3) 0 0px 10px}

.customers_show .swiper-pagination{width:100%}

.customers_show .swiper-pagination .swiper-pagination-bullet{margin:0 5px; background:#507cb0; width:10px; height:10px; opacity:1;outline:none}

.customers_show .swiper-pagination .swiper-pagination-bullet-active{width:50px; background:#4eb035; border-radius:50px}



/*新加样式  追溯经典案例*/

.our_list{margin-left:-55px; padding-bottom:40px}

.our_list li{width:33.3%; float:left; padding-bottom:45px; opacity:0}

.our_list li .box{margin-left:55px; overflow:hidden; position:relative; border:1px solid #efefef}

.our_list li img{width:100%}

.our_list li .text{position:absolute; width:100%; height:100%; background:rgba(1,63,124,0.8); left:0; top:0; color:#fff; opacity:0}

.our_list li .text .pa{padding:30px}

.our_list li .text .title{text-align:center; font-size:18px; line-height:20px;}

.our_list li .text .txt{font-size:14px; line-height:22px; height:88px; overflow:hidden; margin:10px 0}

.our_list li .text .more{ text-align:right}

.our_list li .text .more a{display:inline-block; width:85px; height:20px; border-radius:50px; background:#4eb035; font-size:14px; color:#fff; text-align:center; line-height:20px; }

.our_list li .text .more a:hover{ background:#fff; color:#4eb035}

.our_list li:hover .box{-webkit-box-shadow:rgba(45,95,145,0.35) 0px 0px 7px;-moz-box-shadow:rgba(45,95,145,0.35) 0px 0px 7px; box-shadow:rgba(45,95,145,0.35) 0px 0px 7px}

.our_list li:hover .text{opacity:1}



.our_scroll{display:none !important; position:relative;}

.our_scroll .owl-item{float:left}

.our_scroll .box{overflow:hidden; position:relative; border:1px solid #efefef}

.our_scroll img{width:100%}

.our_scroll .text{position:absolute; width:100%; height:100%; background:rgba(1,63,124,0.8); left:0; top:0; color:#fff; opacity:0}

.our_scroll .text .pa{padding:30px}

.our_scroll .text .title{text-align:center; font-size:18px; line-height:20px;}

.our_scroll .text .txt{font-size:14px; line-height:22px; height:88px; overflow:hidden; margin:10px 0}

.our_scroll .text .more{ text-align:right}

.our_scroll .text .more a{display:inline-block; width:85px; height:20px; border-radius:50px; background:#4eb035; font-size:14px; color:#fff; text-align:center; line-height:20px; }

.our_scroll .text .more a:hover{ background:#fff; color:#4eb035}

.our_scroll .box:hover .box{-webkit-box-shadow:rgba(45,95,145,0.35) 0px 0px 7px;-moz-box-shadow:rgba(45,95,145,0.35) 0px 0px 7px; box-shadow:rgba(45,95,145,0.35) 0px 0px 7px}

.our_scroll .box:hover .text{opacity:1}



.our_scroll .owl-buttons{position:absolute; width:100%; height:1px; top:50%; margin-top:-0.5px}

.our_scroll .owl-buttons div{cursor:pointer; width:35px; height:35px; position:absolute; top:50%; margin-top:-17px}



.our_scroll .owl-buttons .owl-prev{left:0px; background:url(../images/left_a.png) no-repeat}

.our_scroll .owl-buttons .owl-next{right:0px; background:url(../images/right_a.png) no-repeat}





/*新加样式  追溯产品与服务*/

.Service_scroll{position:relative}

.Service_scroll .owl-wrapper-outer{overflow:hidden; position:relative}

.Service_scroll .owl-item{float:left}

.Service_scroll .item a{display:block; margin:25px; text-align:center}

.Service_scroll .item .img{ padding:20px 0; text-align:center; border:1px solid #efefef; background:#fff}

.Service_scroll .item  img{width:172px; height:172px;}

.Service_scroll .item .title{font-size:18px; margin:15px 0; height:20px; overflow:hidden; line-height:20px; color:#013f7c}

.Service_scroll .item a:hover .img{-webkit-box-shadow:rgba(1,63,124,0.2) 0 0 6px;-moz-box-shadow:rgba(1,63,124,0.2) 0 0 6px; box-shadow:rgba(1,63,124,0.2) 0 0 6px}

.Service_scroll .item a:hover .title{color:#4eb035}

.Service_scroll .owl-buttons{position:absolute; width:100%; height:1px; top:50%; margin-top:-0.5px}

.Service_scroll .owl-buttons div{cursor:pointer; width:35px; height:35px; position:absolute; top:50%; margin-top:-17px}

.Service_scroll .owl-buttons .owl-prev{left:-60px; background:url(../images/left_b.png) no-repeat}

.Service_scroll .owl-buttons .owl-next{right:-60px; background:url(../images/right_b.png) no-repeat}





/*二级页面*/

.second_show{overflow:hidden}

.second_show img{display:none; width:100%}

.second_show .layout{height:410px;position:relative}

.second_show .title{position:absolute; left:0; bottom:0; width:275px; height:75px; text-align:center; line-height:75px; color:#fefefe; font-size:34px;  background:rgba(0,47,105,0.6)}

.second_box{ padding-bottom:30px; background:url(../images/product_bj.jpg) no-repeat right bottom}

.position_box{padding:30px 0; line-height:20px; height:20px; color:#666; text-align:right; font-size:14px; text-transform:capitalize}

.position_box span{padding:0 5px}

.position_box a{color:#666}

.position_box a.a,.position_box a:hover{color:#4eb035}

.AnchorPoint{position:absolute; left:0; top:-85px}



.Solutions_title{padding-top:30px; border-bottom:1px solid #e5e5e5; position:relative}

.Solutions_title:after{content:""; position:absolute; left:0; bottom:-1px; display:block; width:100px; height:2px; background:#4eb035}

.Solutions_title .cn{font-size:24px; color:#000; line-height:24px}

.Solutions_title .zn{font-size:14px; color:#a8a8a8; text-transform:uppercase; line-height:14px; padding:10px 0 25px 0}



.paging_box{padding:0 0 50px 0; overflow:hidden; text-align:right}

.paging_box a,.paging_box span{display:inline-block; width:24px; width:24px; border:1px solid #4eb035; border-radius:5px; text-align:center; line-height:24px; color:#4eb035; font-size:14px; margin-left:15px}

.paging_box a:hover,.paging_box span.on{background:#4eb035; color:#fff}



.left_box{width:275px; float:left}

.right_box{width:765px; float:right}

.left_nav *{overflow:hidden}

.left_nav{padding-bottom:50px; border-bottom:1px solid #e5e5e5; position:relative}

.left_nav:after{content:''; position:absolute; width:38px; height:2px; background:#4eb035; left:0; bottom:0}

.left_nav.fixed{position:fixed; top:100px; width:275px}

.left_nav.absolute{position:fixed; bottom:437px; width:275px}

.left_nav li{border-bottom:1px solid #e5e5e5; line-height:43px; position:relative;list-style:none}

.left_nav li a{display:block; height:43px; padding:0 0 0 18px; font-size:16px; color:#666; background:#05458f; color:#fff}

.left_nav li a span{opacity:0; padding-right:6px}

.left_nav li.hover a,.left_nav li a:hover{color:#fff; background:#4eb035}

.left_nav li.hover a span,.left_nav li a:hover span{opacity:1}



.left_nav_level{}

.left_nav_level li{padding-bottom:1px}

.left_nav_level li .title{}

.left_nav_level li .title a{display:block; padding:0 15px; height:45px; line-height:45px; background:#05458f; font-size:20px; color:#fff}

.left_nav_level li .txt{border-bottom:1px solid #e5e5e5; position:relative; padding-bottom:30px; margin-bottom:40px; display:none}

.left_nav_level li .txt:after{content:''; position:absolute; width:38px; height:2px; background:#4eb035; left:0; bottom:0}

.left_nav_level li .txt a{border-bottom:1px solid #e5e5e5; height:40px; padding:0 0 0 20px;  font-size:14px; color:#666; line-height:40px; display:block}

.left_nav_level li .txt a span{opacity:0; padding-right:5px}

.left_nav_level li.hover .title a,.left_nav_level li .title a:hover{background:#4eb035}

.left_nav_level li.hover .txt{display:block}

.left_nav_level li .txt .hover a, .left_nav_level li .txt a:hover{color:#33861d; background:#d6edd0}

.left_nav_level li .txt .hover a span,.left_nav_level li .txt a:hover span{opacity:1}





/*行业方案*/

.solution_list{overflow:hidden; margin-left:-45px; padding-top:40px}

.solution_list *{overflow:hidden}

.solution_list li{width:33.3%; float:left; padding-bottom:40px}

.solution_list li .a{display:block; margin-left:50px; position:relative}

.solution_list li .a img{width:100%; height:212px;}

.solution_list li .a .box{position:relative; z-index:2; top:50%; margin-top:-15px}

.solution_list li .a .text{position:absolute; width:100%; height:100%; z-index:2; left:0; top:0; text-align:center; background:rgba(0,0,0,0); z-index:2}

.solution_list li .a .text h2{font-size:20px; line-height:30px; text-transform:uppercase; color:#fff}

.solution_list li .a .text .more{display:block; width:95px; height:24px; line-height:24px; margin:-20px auto 0 auto; color:#fff; background:#4eb035; text-align:center; opacity:0; border-radius:50px}

.solution_list li .a .text .more:hover{background:#fff; color:#4eb035}

.solution_list li .a .text::before,.solution_list li .a .text::after{position:absolute; top:20px; right:20px; bottom:20px; left:20px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s}

.solution_list li .a .text::before{border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1)}

.solution_list li .a .text::after{border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0)}

.solution_list li .a:hover .box{}

.solution_list li .a:hover .text .more{margin:25px auto 0 auto; opacity:1}

.solution_list li .a:hover .text{background:rgba(0,0,0,0.47)}

.solution_list li .a:hover .text::before,.solution_list li .a:hover .text::after{opacity:1; -webkit-transform: scale(1);transform: scale(1)}







/*行业方案详情*/

.left_800{width:800px; float:left}

.details_title{height:50px; background:#3468a4; line-height:50px; font-size:24px; text-transform:capitalize; padding:0 30px; color:#fff}

.details_pa{}

.details_pa .img{margin-top:20px; overflow:hidden}

.details_pa .img img{width:100%}

.details_txt{color:#484848; line-height:25px; font-size:16px; padding:30px 0 40px 0}

.details_txt iframe{width:100%; height:450px}

.details_txt img{max-width:100% !important; height:auto !important}

.details_txt h2{color:#484848; font-size:20px; font-weight:bold}

.details_txt img{max-width:100%}



.details_CaseStudies .products_ul li .box .img img{width:75%; height:190px;}



.details_CaseStudies{}

.details_CaseStudies .title_t{height:50px; line-height:50px; text-align:right; background:#3468a4; padding:0 30px;}

.details_CaseStudies .title_t .t{color:#fefefe; font-size:24px; float:left; text-transform:capitalize}

.details_CaseStudies .title_t .more{color:#fefefe; font-size:16px}

.details_CaseStudies .title_t .more:hover{color:#fff}

.details_CaseStudies .industry_list{padding:40px 0 0 0}

.details_CaseStudies .CaseStudies_list{padding-bottom:0; padding-top:20px}



.right_275{width:275px; float:right}

.details_dl{}

.details_dl dt{height:50px; line-height:50px; padding:0 0 0 30px; font-size:24px; color:#fff; background:#6fbf5b; margin-bottom:10px; text-transform:capitalize}

.details_dl dd{padding:10px 0; border-bottom:1px solid #e5e5e5; font-size:16px; line-height:25px}

.details_dl dd a{color:#666}

.details_dl dd a:hover{color:#4eb035}



/*产品中心*/

.product_tab{}

.product_tab .title{text-align:center; line-height:25px}

.product_tab .title .cn{font-size:24px; color:#05458f; font-weight:bold; line-height:30px}

.product_tab .title .zn{font-size:14px; color:#a8a8a8; text-transform:uppercase}

.product_tab .title .txt{color:#666; font-size:16px; padding:25px 110px}



.product_ul{margin-left:-25px; padding-bottom:30px}

.product_ul li{float:left; width:50%; padding-bottom:30px; list-style:none}

.product_ul li .box *{overflow:hidden}

.product_ul li .box{border:1px solid #f4f4f4; margin-left:25px; display:block; position:relative}

.product_ul li .box:after{content:''; position:absolute; left:0; bottom:0; width:0; height:8px; background:#05458f}

.product_ul li .box .t{height:55px; line-height:55px; border-bottom:1px solid #f4f4f4; text-align:center; color:#4eb035; font-size:18px}

.product_ul li .box .img{text-align:center; padding:10px 0}

.product_ul li .box .img img{max-width:100%; height:230px}

.product_ul li .box .txt{padding:0 25px; height:22px; font-size:14px; line-height:22px; color:#666}

.product_ul li .box .but{padding:20px 25px 30px 25px; text-align:right}

.product_ul li .box .but .a{display:inline-block; width:95px; height:24px; border:1px solid #05458f; line-height:25px; text-align:center; color:#05458f;border-radius:50px}

.product_ul li .box:hover:after{width:100%}

.product_ul li .box:hover{border:1px solid #d5e5f2; -webkit-box-shadow:rgba(21,112,185,0.35) 1px 0px 30px;-moz-box-shadow:rgba(21,112,185,0.35) 1px 0px 30px; box-shadow:rgba(21,112,185,0.35) 1px 0px 30px}

.product_ul li .box:hover .t{color:#05458f}

.product_ul li .box:hover .but .a{color:#fff; background:#4eb035; border:1px solid #4eb035}

.product_more{position:relative; margin-bottom:10px}

.product_more:after{content:""; position:absolute; width:100%; height:1px; left:0; top:50%; margin-top:-0.5px; background:#718e51}

.product_more a{display:block; height:30px; line-height:30px; text-align:center; width:164px; margin:0 auto; font-size:18px; color:#9caf8a; border:1px solid #718e51; border-radius:20px; text-transform:capitalize; position:relative; z-index:2; background:#fff}

.product_more a:hover,.product_more a.on{background:#718e51; color:#fff; border:1px solid #718e51}



/*产品中心详情*/

.product_show{position:relative;}

.product_img{width:45%; float:left; border:1px solid #e5e5e5; overflow:hidden; position:relative; border-radius:10px} 

.product_img img{width:100%}

.product_choice{position:absolute; right:10px; bottom:10px; overflow:hidden} 

.product_choice li{float:left; width:53px; border:1px solid #e5e5e5; border-radius:5px; margin-left:5px; overflow:hidden; cursor:pointer;list-style:none}

.product_choice li img{width:100%; border-bottom:5px}

.product_choice li.hover{border:1px solid #4e7225}

.product_left{width:402px; float:left; position:relative;}

.product_web{display:none}

#showbox{background:#eee; border:1px solid #eee}

#showbox span{background:url(../images/whitebg.png)}

#showbox p{z-index:8}

#showsum{left:20px; margin-top:10px}

#showsum span{border:2px solid #cfc2d4; cursor:pointer}

#showsum span.sel{border:2px solid #f60}

.showpage{width:400px; position:relative}

.showpage a{display:block; width:18px; height:70px; line-height:70px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-70px; background:url(../images/right3.png) no-repeat center center}

.showpage a#shownext{left:auto; right:0; background:url(../images/left3.png) no-repeat center center}



.product_right{width:320px; float:right}

.product_right .title{font-size:20px}

.product_right .txt{line-height:22px; font-size:14px; color:#666; padding-top:15px}







.product_tbb{padding-top:50px; overflow:hidden}

.product_tbb .tab_ul{ margin-left:-1px}

.product_tbb .tab_ul li{float:left; width:25%; background:#3468a4; color:#fff; text-align:center; line-height:50px; height:50px; font-size:20px; cursor:pointer;list-style:none}

.product_tbb .tab_ul.li3 li{width:33%}

.product_tbb .tab_ul.li2 li{width:50%}

.product_tbb .tab_ul li span{position:relative; z-index:3; display:block; height:50px; border-left:1px solid #658cba}

.product_tbb .tab_ul li.hover{background:#6fbf5b; position:relative}

.product_tbb .tab_ul li.hover:after{position:absolute; left:50%; bottom:-10px; margin-left:-12px; content:''; width:24px; height:24px; background:#6fbf5b; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg)}

.product_tbb .tab_box{padding:40px 0}

.product_tbb .tab_box .div{font-size:14px; color:#666; line-height:22px}



/*经典案例*/

.CaseStudies_list{margin-left:-40px; padding:0 0 20px 0}

.CaseStudies_list li{float:left; width:50%; padding-bottom:30px;list-style:none}

.CaseStudies_list li a{margin-left:40px; display:block; background:#fff; position:relative}

.CaseStudies_list li a *{overflow:hidden}

.CaseStudies_list li a .title{height:25px; line-height:25px; font-size:20px; text-overflow:ellipsis; white-space:nowrap; margin:20px 0 10px 0}

.CaseStudies_list li a .img{position:relative; text-align:center}

.CaseStudies_list li a .img img{width:100%}

.CaseStudies_list li a .txt{height:44px; font-size:14px; line-height:22px; color:#484848; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2}

.CaseStudies_list li a:hover .title{color:#4eb035}

.CaseStudies_list li a:hover .img{-webkit-box-shadow:rgba(190,190,190,0.75) 1px 0px 16px;-moz-box-shadow:rgba(190,190,190,0.75) 1px 0px 16px; box-shadow:rgba(190,190,190,0.75) 1px 0px 16px}



.products_ul{margin-left:-15px; padding:40px 0 20px 0}

.products_ul li{float:left; width:33.3%}

.products_ul li .box *{overflow:hidden}

.products_ul li .box{border:1px solid #f4f4f4; margin-left:15px; display:block; background:#fff; position:relative}

.products_ul li .box:after{content:''; position:absolute; left:0; bottom:0; width:0; height:5px; background:#05458f}

.products_ul li .box .t{height:40px; line-height:40px; border-bottom:1px solid #f4f4f4; text-align:center; font-size:14px}

.products_ul li .box .img{text-align:center}

.products_ul li .box .img img{width:100%}

.products_ul li .box .txt{padding:0 25px; height:25px; font-size:14px; line-height:25px; color:#666}

.products_ul li .box .but{padding:10px 25px 25px 25px; text-align:right}

.products_ul li .box .but .a{display:inline-block; width:95px; height:20px; border:1px solid #e5e5e5; line-height:20px; text-align:center; color:#999999;border-radius:20px}

.products_ul li .box:hover:after{width:100%}

.products_ul li .box:hover{border:1px solid #fff; -webkit-box-shadow:rgba(187,184,183,0.17) 1px 0px 24px;-moz-box-shadow:rgba(187,184,183,0.17) 1px 0px 24px; box-shadow:rgba(187,184,183,0.17) 1px 0px 24px}

.products_ul li .box:hover .but .a{color:#fff; background:#4eb035; border:1px solid #4eb035}



/*追溯法规*/

.Traceback_title{position:relative}

.Traceback_title:after{content:""; position:absolute; left:0; bottom:-1px; display:block; width:65px; height:4px; background:#4eb035}

.Traceback_title .cn{font-size:24px; color:#000; line-height:28px}

.Traceback_title .zn{font-size:14px; color:#a8a8a8; text-transform:uppercase; line-height:14px; padding:10px 0 25px 0}



.Traceback_text{padding-top:30px}

.Traceback_text .details_txt{font-size:14px; padding:30px 15px}

.Traceback_text .details_title{background:#5581b3; font-size:20px}

.Traceback_text video,.Traceback_text iframe{width:100%; height:400px}



/*常见问题*/

.problem_list{padding:20px 0 30px 0}

.problem_list li{padding-bottom:2px}

.problem_list li .title{padding:10px 50px 10px 15px; font-size:14px; line-height:25px; position:relative; background:#3468a4;color:#fff; cursor:pointer}

.problem_list li .title i{position:absolute; font-size:24px; line-height:24px; right:20px; top:50%; margin-top:-12px; color:#fff; overflow:hidden}

.problem_list li .txt{padding:15px 15px 30px 15px; line-height:30px; color:#666; font-size:14px; display:none}

.problem_list li .title.hover{background:#6fbf5b}





/*联系我们*/

.Contact_list{padding-top:30px}

.Contact_list *{overflow:hidden}

.Contact_list li{height:190px; margin-bottom:30px; position:relative; overflow:hidden; padding-left:400px}

.Contact_list li .img{position:absolute; left:0; top:0; width:350px; height:190px}

.Contact_list li .img img{ width:100%; height:190px}

.Contact_list li .box{}

.Contact_list li .title{font-size:18px; color:#05458f; line-height:30px; height:30px}

.Contact_list li .txt{line-height:30px; font-size:14px; color:#666; height:150px; overflow:hidden; padding-top:10px}



/*进一步联系*/

.contact_form{padding:30px 0 20px 0}

.contact_form li{padding-bottom:15px;list-style:none}

.contact_form li label{font-size:16px; display:inline-block; line-height:36px; padding-right:15px}

.contact_form li label input{margin-right:5px}

.contact_form li .title{color:#666; font-size:16px; line-height:30px}

.contact_form li .title .key{color:#ff0000}

.contact_form li .select{height:36px; border:1px solid #ccc; padding:0 2%; width:100%; font-size:16px; border-radius:3px}

.contact_form li .text{height:36px; border:1px solid #ccc; width:96%; font-size:16px; padding:0 2%; border-radius:3px}

.contact_form li .bw_2{width:41%}

.contact_form li .bw_2:first-child{margin-right:4%}

.contact_form li .textarea{border:1px solid #ccc; width:96%; font-size:16px; padding:10px 2%; height:100px; border-radius:3px}

.contact_but{text-align:right}

.contact_but a{display:inline-block; width:150px; height:38px; line-height:38px; color:#fff; font-size:16px; background:#4eb035; border-radius:10px; text-align:center}

.contact_but a:hover{background:#34aa16}



.send_pop{position:fixed; width:100%; height:100%; z-index:90; background:rgba(1,23,51,0.65); left:0; top:0; display:none}

.send_pops{position:fixed; width:100%; height:100%; z-index:90; background:rgba(1,23,51,0.65); left:0; top:0; display:none}

.send_box{position:absolute; width:576px; left:50%; margin-left:-288px; background:#fff; border-radius:5px; top:30%; overflow:hidden}

.send_box .title{font-size:18px; color:#fff; background:#4eb035; height:60px; line-height:60px; padding:0 40px; position:relative}

.send_box .title .close{width:18px; height:18px; position:absolute; right:30px; top:50%; margin-top:-9px; cursor:pointer}

.send_box .title .close:after{content:''; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); width:1px; position:absolute; height:100%; background:#fff; left:50%; margin-left:-0.5px; top:0}

.send_box .title .close:before{content:'';transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); width:100%; position:absolute; left:0; top:50%; margin-top:-0.5px; height:1px; background:#fff}

.send_box .pa{margin:50px 70px; padding-left:110px; background:url(../images/d.png) no-repeat}

.send_box .txt{color:#484848; font-size:16px; line-height:30px}

.send_box .a{display:block; width:150px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:18px; background:#4eb035; border-radius:5px; margin-top:40px}

.send_box .a:hvoer{background:#4e6b0e}



/*招贤纳士*/

.join_text{color:#fff; height:390px; font-size:16px; line-height:30px; background:url(../images/join_text.jpg) no-repeat; padding:0 45px; margin-bottom:30px}

.join_text .txt{padding:100px 0 0 0}

.join_text .txt p span{font-size:36px}

.join_text .mailbox{position:relative; padding-left:45px}

.join_text .mailbox:after{content:""; position:absolute; left:0; top:50%; margin-top:-15px; width:41px; height:31px; background:url(../images/m.png) no-repeat}

.join_but{padding:40px 0 0 35px}

.join_but .but{display:inline-block; width:145px; height:30px; line-height:30px; text-align:center; border-radius:50px; background:rgba(255,255,255,0.2); font-size:14px; color:#fff; margin-right:15px}

.join_but .but:hover{background:rgba(255,255,255,1); color:#144a78}





/*关于我们*/

.About_text .anchor{position:absolute; top:-90px; width:1px; height:1px; opacity:0; z-index:-1}

.About_text{font-size:16px; color:#666; line-height:30px; padding-top:100px; position:relative}

.About_text h3{font-size:26px; color:#000; line-height:40px; display:block}

.about_nav{overflow:hidden}

.about_nav *{overflow:hidden}

.about_nav li{float:left; width:25%; overflow:hidden}

.about_nav li a{display:block; position:relative}

.about_nav li img{width:100%; float:left}

.about_nav li a .text{width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; text-align:center; z-index:2; background:rgba(0,0,0,0)}

.about_nav li a .box{text-align:center; width:100%; z-index:2; left:0; position:absolute; top:50%; margin-top:-25px; line-height:20px}

.about_nav li a .text h2{font-size:20px; color:#fff; position:relative; top:0}

.about_nav li a .text .zn{text-transform:capitalize; color:#fff; font-size:14px;position:relative; top:0}

.about_nav li a .text .a{display:inline-block; width:94px; height:24px; line-height:24px; position:relative; top:-15px; color:#fff; background:#4eb035; text-align:center; opacity:0; border-radius:50px}

.about_nav li a .text .a:hover{background:#fff; color:#5d7d15}

.about_nav li a .text::before,.about_nav li a .text::after{position:absolute; top:20px; right:20px; bottom:20px; left:20px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s}

.about_nav li a .text::before{border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1)}

.about_nav li a .text::after{border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0)}

.about_nav li a:hover .box{padding-top:10px}

.about_nav li a:hover .text h2{top:-10px}

.about_nav li a:hover .text .zn{top:-10px}

.about_nav li a:hover .text .a{top:0; opacity:1}

.about_nav li a:hover .text{background:rgba(0,0,0,0.47)}

.about_nav li a:hover .text::before,.about_nav li a:hover .text::after{opacity:1; -webkit-transform: scale(1);transform: scale(1)}



/*事实根据*/

.factsAndFigures_title{text-align:center; line-height:24px}

.factsAndFigures_title .year{font-size:66px; color:#4eb035; font-weight:bold; line-height:66px}

.factsAndFigures_title .cn{font-size:24px; padding-top:15px}

.factsAndFigures_title .zn{font-size:14px; color:#a8a8a8; text-transform:uppercase}



.figures_ul{overflow:hidden; padding:40px 0 100px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}

.figures_ul li{width:25%; float:left; line-height:normal; text-align:center; opacity:0; flex:0 0 25%; max-width:25%; -webkit-box-flex:0}

.figures_ul li .pa{padding:20px 5px}

.figures_ul li .t{font-size:40px; color:#05458f; line-height:46px; padding-bottom:15px}

.figures_ul li .t span{font-size:24px; padding-left:5px; position:relative; top:-10px}

.figures_ul li .txt{color:#6e6e6e; font-size:14px}





/*jawa在中国*/

.jawaInChina_box{}

.jawaInChina_text{font-size:16px; line-height:30px; color:#1a293e}

.jawaInChina_text img{width:100%}

.jawaInChina_text .legend_dl{display:none}



.legend_dl dt{height:50px; line-height:50px; padding:0 30px; font-size:24px; color:#fff; background:#6fbf5b; margin-bottom:20px}

.legend_dl dd{position:relative; line-height:20px; padding-left:55px; padding:5px 0 5px 55px; font-size:14px; margin-bottom:10px}

.legend_dl dd i{position:absolute; left:15px; top:3px; width:24px; height:24px; overflow:hidden}



/*嘉华新闻*/

.news_list{padding:0 0 20px 0}

.news_list li{background:#fff; margin-bottom:40px; opacity:0}

.news_list li *{overflow:hidden}

.news_list li a{position:relative; padding:30px 30px 30px 320px; min-height:160px; display:block; background:#fff}

.news_list li a .img{position:absolute; width:250px; height:160px; left:30px; top:30px}

.news_list li a .img img{width:100%; height:160px}

.news_list li a .title{height:50px; padding-left:80px; position:relative}

.news_list li a .title .t{font-size:20px;line-height:50px}

.news_list li a .title .time{position:absolute; left:0; top:0; width:54px; height:40px; line-height:20px; padding:5px; text-align:center; color:#fff; background:#4eb035}

.news_list li a .title .time .day{font-size:20px; font-weight:bold}

.news_list li a .txt{line-height:22px; font-size:14px; color:#666; height:66px; margin:10px 0}

.news_list li a .more{float:right; width:95px; height:20px; line-height:20px; text-align:center; border:1px solid #05458f; color:#05458f; background:#fff; border-radius:50px}

.news_list li a:hover{-webkit-box-shadow:rgba(187,184,183,0.75) 1px 0px 43px;-moz-box-shadow:rgba(187,184,183,0.75) 1px 0px 43px; box-shadow:rgba(187,184,183,0.75) 1px 0px 43px}

.news_list li a:hover .title .time{background:#05458f}

.news_list li a:hover .more{background:#4eb035; border:1px solid #4eb035; color:#fff}



/*嘉华新闻详情*/

.news_title{padding-bottom:20px; position:relative}

.news_title:after{content:''; position:absolute; width:65px; height:4px; left:0; bottom:0; background:#05458f}

.news_title .t{font-size:24px; line-height:normal;  padding-bottom:10px; color:#000}

.news_title img{vertical-align:middle; position:relative; top:-2px}

.news_title span{padding-left:6px}

.news_title .txt{color:#05458f; font-size:14px; line-height:20px}

.news_title .txt span{padding-right:25px; text-transform:capitalize}



.turning_box{padding:20px 0; line-height:30px; border-top:1px solid #e5e5e5; font-size:16px}

.turning_box a:hover{text-decoration:underline; color:#05458f}







/*行业事件*/

.event_list{padding:0 0 20px 0}

.event_list li{background:#fff; margin-bottom:40px; opacity:0}

.event_list li *{overflow:hidden}

.event_list li a{position:relative; padding:30px 30px 30px 270px; min-height:140px; display:block; background:#fff}

.event_list li a .img{position:absolute; width:220px; height:140px; left:30px; top:30px}

.event_list li a .img img{width:100%; height:140px}

.event_list li a .title{height:50px; padding-left:80px; position:relative}

.event_list li a .title .t{font-size:20px;line-height:50px}

.event_list li a .title .time{position:absolute; left:0; top:0; width:58px; height:40px; line-height:20px; padding:5px; text-align:center; color:#fff; background:#4eb035}

.event_list li a .title .time .day{font-size:20px; font-weight:bold}

.event_list li a .txt{line-height:22px; font-size:14px; color:#666; height:22px; margin:10px 0}

.event_list li a .more{float:right; width:95px; height:20px; line-height:20px; text-align:center; border:1px solid #05458f; color:#05458f; background:#fff; border-radius:50px}

.event_list li a:hover{-webkit-box-shadow:rgba(187,184,183,0.75) 1px 0px 43px;-moz-box-shadow:rgba(187,184,183,0.75) 1px 0px 43px; box-shadow:rgba(187,184,183,0.75) 1px 0px 43px}

.event_list li a:hover .title .time{background:#05458f}

.event_list li a:hover .more{background:#4eb035; border:1px solid #4eb035; color:#fff}





/*嘉华优势*/

.pt_30{padding-top:30px}



/*企业历程*/

.course_title{padding:30px 0 0 0; font-size:36px; text-align:center; padding:px; text-transform:uppercase; color:#05458f; font-weight:bold}

.course_title:after{content:""; display:block; width:51px; height:51px; background:url(../images/lower.png) no-repeat; background-size:cover; margin:35px auto 0 auto}

.course_list{position:relative; padding:35px 0 0 0; overflow:hidden}

.course_list:before{content:""; position:absolute; width:1px; height:100%; left:50%; margin-left:-0.5px; top:0; background:#dbe2ea}

.course_list li{float:left; width:50%; padding-bottom:40px;-webkit-animation-fill-mode: none; animation-fill-mode:none ; position:relative}

.course_list li .box{opacity:0}

.course_list li:last-child:after{content:""; position:absolute; width:1px; height:90%; background:#fff; right:0; top:31px; z-index:2;}

.course_list li.uk-animation-slide-top .box{ opacity:1}

.course_list li .time{height:42px; position:relative}

.course_list li .time:after{content:""; position:absolute; width:14px; height:14px; border:1px solid #2c62a1; border-radius:50%; right:-7px; top:50%; margin-top:-7px;z-index:2; background:#2c62a1}

.course_list li .time:before{content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:#2c62a1; border:3px solid #fff;right:-6px; top:50%; margin-top:-6px; z-index:3}

.course_list li .time i{position:absolute; width:100%; height:1px; left:0; top:50%; margin-top:-0.5px; background:#05458f url(../images/line_l.jpg) no-repeat 0 center}

.course_list li .time span{display:block; width:120px; height:42px; line-height:42px; text-align:center; background:#05458f; font-size:24px; color:#fff; border-radius:50px; overflow:hidden; float:right; margin-right:30px; position:relative; z-index:2}

.course_list li .txt{font-size:14px; color:#666; line-height:30px; padding:0 200px 40px 10px; position:relative}

.course_list li .txt span{font-size:18px; color:#000}

.course_list li .txt:after{content:""; position:absolute; left:0; width:100%; height:1px; bottom:0; background:url(../images/line_lb.jpg) no-repeat 0 center}



.course_list li:nth-child(even){padding-top:70px; float:right}

.course_list li:nth-child(even) .time:after{right:inherit; left:-7px}

.course_list li:nth-child(even) .time:before{right:inherit; left:-6px}

.course_list li:nth-child(even) .time i{background:#05458f url(../images/line_r.jpg) no-repeat right center}

.course_list li:nth-child(even) .time span{float:left; margin-left:30px; margin-right:0}

.course_list li:nth-child(even) .txt{padding:0 10px 40px 200px}

.course_list li:nth-child(even) .txt:after{background:url(../images/line_rb.jpg) no-repeat right center}



.course_list li:nth-child(even):last-child:after{content:""; position:absolute; width:1px; height:90%; background:#fff; right:0; left:-1px; top:100px; z-index:2;}





.course_list li:hover .time:after{border:1px solid #4eb035}

.course_list li:hover .time:before{background:#4eb035}

.course_list li:hover .time span{background:#4eb035}

.course_list li:hover .time i{background:#4eb035 url(../images/line_la.jpg) no-repeat 0 center}

.course_list li:hover .txt:after{background:url(../images/line_lba.jpg) no-repeat 0 center}



.course_list li:nth-child(even):hover .time i{background:#4eb035 url(../images/line_ra.jpg) no-repeat right center}

.course_list li:nth-child(even):hover .txt:after{background:url(../images/line_rba.jpg) no-repeat right center}





@keyframes rotate{

    from{transform: rotate(0deg)}

    to{transform: rotate(360deg)}

}

@-webkit-keyframes rotate{

	from{-webkit-transform: rotate(0deg)}

    to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{

	from{-moz-transform: rotate(0deg)}

    to{-moz-transform: rotate(360deg)}

}

@-o-keyframes rotate{

	from{-o-transform: rotate(0deg)}

    to{-o-transform: rotate(360deg)}

}





@media screen and (max-width:1100px){

    .layout{width:100%}

    /*导航样式*/

	.bh_80{height:50px}

	.nav_box .layout{height:50px; text-align:center}

	.logo{height:36px; position:relative; left:inherit; top:7px; margin-top:0}



	.nav_ul{float:none; line-height:40px; padding:0; width:100%; bottom:0; overflow:auto; left:0; top:50px; position:fixed; background:rgba(5,69,143,0.95); text-align:center; display:none; padding-bottom:40px}

	.nav_ul li.navclose{width:100%; height:35px; text-align:center; line-height:35px; position:fixed; left:0; bottom:0; background:rgba(78,176,53,0.6); color:#fff; z-index:99; display:block; font-size:20px;}

	.nav_ul li{float:none; padding:0}

	.nav_ul li .a{float:none; padding:0 10px; border-top:0; color:#fff; text-align:left}

	.nav_ul li .a a{width:100px; display:none}

	.nav_ul li .a i{display:block}

	.nav_ul li.hover .a,.nav_ul li .a:hover{color:#4eb035; border-top:0; background:rgba(78,176,53,0.6); color:#fff}

	

	.nav_box .zn{right:10px}

	.nav_a{position:absolute; left:10px; width:29px; height:20px; top:50%; margin-top:-10px; background:url(../images/nav.png) no-repeat; cursor:pointer}

	.second_show .title{width:100% !important}

	

	.index_show .uk-slideshow>li>img{visibility:visible !important;}

	.index_show .uk-position-cover{background-image: none !important;}

	.index_show .uk-dotnav{width:100%; margin-left:0; left:0}

	.index_show .uk-slideshow li .text{width:100%; left:0; margin-left:0; height:auto; top:0; bottom:40px; margin-top:0; /*background: rgba(90,122,27,0.67)*/}

	.index_show .uk-slideshow li .text .box{width:auto; height:auto; padding:20px; background:none}

	

	.nav_ul li .down{position:relative; width:100%; left:0; margin-left:0; background: rgba(5,69,143,0.8); top:0; text-align:left; padding:0; display:none; visibility:visible; opacity:1; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease; min-height:0}

	.nav_ul li .down.Solutions{min-height:inherit; width:100%; margin:0}

	.nav_ul li .down .li{}

	.nav_ul li .down .li i{}

	.nav_ul li .down .li .b{opacity:1; padding:0 15px; font-size:14px}

	.nav_ul li .down .li .b i{opacity:1}

	.nav_ul li .down .li .b a{display:none}

    .nav_ul li .down .li .txt{position:relative; left:0; top:0; opacity:1; visibility:visible; min-height:0; width:100%; text-align:left; padding:10px 0}

	.nav_ul li .down.Solutions .li .txt{min-height:0}

	.nav_ul li .down .li .txt a{padding:0 15px}

	.nav_ul li .down .li .txt:after{ display:none}

	

}



@media screen and (max-width:992px){

	

}



@media screen and (max-width:1050px){

	.second_box{ background:none}

	

	.back_top{width:30px; height:30px; position:fixed; right:10px; bottom:20px; background:#fff url(../images/top.png) no-repeat; background-size:cover; z-index:88; border-radius:50%}

	.second_show .layout{height:auto}

	.second_show img{display:block}

	.second_show .title{height:40px; line-height:40px; font-size:20px}

	.position_box{padding:20px 0; text-align:center}

	

	.footer{color:#fff; line-height:30px; font-size:14px; padding:0 10px}

	.footer a{color:#fff}

	.footer a:hover{opacity:0.8}

	.footer_nav{overflow:hidden; position:relative; padding:30px 0 0 0}

	.footer_nav li{float:none; width:auto; list-style:none; margin-left:0; min-height:inherit; padding:0}

	.footer_nav li:after{display:none}

	.footer_nav li dl{padding-left:0; border-left:0; padding-bottom:20px; padding-bottom:10px;}

	.footer_nav li .title{font-size:16px; line-height:18px; margin-bottom:10px}

	.footer_nav li .title i{display:block}

	.footer_nav li .txt{font-size:14px; line-height:25px; display:none}

	.footer_nav li .txt .a{margin-right:20px}

	.footer_nav li .txt .li{height:25px}

	.footer_nav li .txt .pic{width:30px; height:30px}



	.footer_nav .l3{width:auto}

	.footer_nav .l4{width:auto}

	

	.footer_bottom{text-align:center; border-top:1px solid #3267a3; line-height:20px; padding:15px 0; position:relative; opacity:0.5}

	.footer_bottom span{display:block}

	.footer_bottom em{display:inline-block}

	.footer_bottom .f_l{float:none}

	.footer_bottom em{padding:0 5px}

	.footer_bottom .f_r{float:none}

	

	.footer_nav .l0{width:auto;}

	.footer_nav .l0 .txta,.footer_nav .l4 .txt{text-align:left}

	.footer_nav .l4 .txt p{ display:none}

	.footer_nav .l0 .title, .footer_nav .l4 .title{display:block}

	.footer_nav .l0 .txt img,.footer_nav .l4 .txt img{width:20%; display:none}

	

	/*首页*/

	.index_title{font-size:24px}

	.index_title .cn{font-size:24px}

	

	.index_show .uk-slidenav-position{ padding-bottom:40px}

	.index_show .uk-dotnav>*{height:40px; line-height:40px}

	.index_show .uk-dotnav>*>*{font-size:14px; height:40px; line-height:40px}

	.index_show .pc{display:none}

	.index_show .web{display:block; width:100%; visibility:visible !important}

	.index_show .uk-slidenav-position .uk-slidenav{display:none}

	.index_show .uk-position-cover{}

	.index_show .uk-slideshow li .text .t{font-size:20px; line-height:24px}

	.index_show .uk-slideshow li .text .txt{font-size:14px; line-height:22px; padding:9px 0}

	.index_show .uk-slideshow li .text .a{width:auto; padding:5px 10px; font-size:14px; height:auto; line-height:inherit; display:inline-block}

	

	.index_one{padding:30px 10px}

	.index_introduce li .text{background:rgba(0,0,0,0.5)}

	.index_introduce li .text .box{padding:15px 5px}

	.index_introduce li .title{font-size:14px; line-height:22px; color:#fff}

	.index_introduce li .title .cn{font-size:14px}

	.index_introduce li .title .zn{font-size:12px; color:#fff; line-height:18px}

	.index_introduce li .txt{display:none}

	.index_introduce li:hover .text{height:auto; top:5%}

	.index_introduce li:hover .text .box{padding:15px 5px}

	.index_introduce li:hover .title{padding-left:10px}

	

	.index_two{padding:30px 10px; height:auto}

	.index_two .txt{padding:20px 0}

	.serialize_show .owl-buttons{}

	.serialize_show .owl-buttons .owl-prev{left:0; background:url(../images/left.png) no-repeat}

	.serialize_show .owl-buttons .owl-next{right:0; background:url(../images/right.png) no-repeat}

	

	.index_three{padding:30px 10px; overflow:hidden}

	.index_three .txt_box{padding:20px 0;}

	.Service_scroll .owl-buttons .owl-prev{left:0; background:url(../images/left_a.png) no-repeat}

	.Service_scroll .owl-buttons .owl-next{right:0; background:url(../images/right_a.png) no-repeat}

	

	/*新加样式  追溯经典案例*/

	.our_scroll{display:block !important}

	.our_list{margin-left:0; padding-bottom:30px; display:none}

	.our_list li{width:100%; float:left; padding-bottom:20px}

	.our_list li .box{margin-left:0;}

	

	.certification_index{padding-top:30px; margin-left:0}

	.certification_index li{float:none; width:auto; padding:10px 0}

	.certification_index li a{margin-left:0;  position:relative; padding-left:140px; border:1px solid #fff; font-size:18px}

	.certification_index li .txt{height:120px; display:table; width:100%}

	.certification_index li p{display:table-cell; vertical-align:middle; line-height:30px; padding-right:10px}

	.certification_index li a img{position:absolute; width:107px; height:107px; left:10px}

	.certification_index li a:hover{border:1px solid #c5c9c8}

	

	.certification_scroll{margin:45px 50px 0 50px;}

	.certification_scroll .item a{margin:0; padding-left:110px; font-size:16px;}

	.certification_scroll .item p{padding-right:0; line-height:25px;}

	.certification_scroll .item a img{width:80px; height:80px; margin-top:-40px;}

	.certification_scroll .owl-buttons .owl-prev{left:-50px;}

	.certification_scroll .owl-buttons .owl-next{right:-50px;}

	

	

	.index_four{padding:30px 10px}

	.customers_show .swiper-container{padding:30px 0}

	.customers_show .swiper-pagination{bottom:10px}

	.customers_show a{padding:0 20px 20px 20px}

	

	.Solutions_title{padding:0; margin:0 10px 15px 10px; text-align:center}

	.Solutions_title:after{left:50%; margin-left:-50px}

	.Solutions_title .cn{font-size:20px; color:#000; line-height:20px}

	.Solutions_title .zn{font-size:14px; color:#a8a8a8; text-transform:uppercase; line-height:14px; padding:10px 0 25px 0}

	

	.paging_box{text-align:center; padding:0 0 20px 0}

	.left_nav{padding-bottom:30px}

	

	.left_box{display:none}

	.left_box,.right_box{width:auto; float:none; padding:0 10px}

	.left_nav_level{}

	.left_nav_level li{padding-bottom:10px}

	.left_nav_level li .title{}

	.left_nav_level li .title a{height:40px; line-height:40px;font-size:18px}

	.left_nav_level li .txt{padding-bottom:20px; margin-bottom:0}

	.left_nav_level li .txt a{border-bottom:1px solid #e5e5e5; height:40px; padding:0 0 0 20px;  font-size:14px; color:#666; line-height:40px; display:block}

	.left_nav_level li .txt a span{opacity:0; padding-right:5px}

	.left_nav_level li.hover .title a,.left_nav_level li .title a:hover{background:#4eb035}

	.left_nav_level li.hover .txt{display:block}

	.left_nav_level li .txt .hover a, .left_nav_level li .txt a:hover{color:#33861d; background:#d6edd0}

	.left_nav_level li .txt .hover a span,.left_nav_level li .txt a:hover span{opacity:1}



	

	/*行业方案*/

	.solution_list{margin-left:0; padding:0 10px}

	.solution_list li{width:100%; padding-bottom:20px}

	.solution_list li .a img{ height:auto}

	.solution_list li .a{margin-left:0}

	

	/*行业方案详情*/

	.left_800{width:auto; float:none; padding:0 10px}

	.details_title{height:auto; line-height:25px; font-size:18px; padding:10px 20px}

	.details_pa{}

	.details_pa .img{margin-top:20px; overflow:hidden}

	.details_pa .img img{width:100% !important; height:auto !important}

	.details_txt{font-size:16px; padding:10px 0 30px 0; text-align:justify;}

	.details_txt iframe{ height:200px}

	.details_txt h2{font-size:18px}



	.details_CaseStudies .title_t{height:auto; line-height:25px;  padding:10px 20px; text-align:right}

	.details_CaseStudies .title_t .t{color:#fefefe; font-size:18px; float:left}

	.details_CaseStudies .title_t .more{color:#fefefe; font-size:14px}

	.details_CaseStudies .title_t .more:hover{color:#fff}

	.details_CaseStudies .industry_list{padding:20px 0 0 0}

	.details_CaseStudies .CaseStudies_list{padding-bottom:0}

	

	.right_275{width:auto; float:none; padding:0 10px}

	.details_dl{}

	.details_dl dt{height:auto; line-height:25px; padding:10px 20px; font-size:18px; color:#fff}

	

	/*产品中心*/

	.product_tab{padding-top:30px}

	.product_tab .title{text-align:center; line-height:25px}

	.product_tab .title .cn{font-size:20px}

	.product_tab .title .txt{font-size:14px; padding:10px 25px}

	

	.product_ul{margin-left:0; padding-bottom:0}

	.product_ul li{float:none; width:auto; padding-bottom:0; padding-top:20px}

	

	.product_ul li .box{margin-left:0}



	.product_ul li .box .t{height:50px; line-height:50px; font-size:16px}

	.product_ul li .box .img{text-align:center; padding:10px 0}

	.product_ul li .box .img img{max-width:60%; height:auto}

	.product_ul li .box .txt{padding:0 25px; height:22px; font-size:14px; line-height:22px; color:#666}

	.product_ul li .box .but{padding:20px 25px 30px 25px; text-align:right}

	.product_ul li .box .but .a{display:inline-block; width:95px; height:24px; border:1px solid #05458f; line-height:25px; text-align:center; color:#05458f;border-radius:50px}

	.product_ul li .box:hover:after{width:100%}

	.product_ul li .box:hover{border:1px solid #d5e5f2; -webkit-box-shadow:rgba(21,112,185,0.35) 1px 0px 30px;-moz-box-shadow:rgba(21,112,185,0.35) 1px 0px 30px; box-shadow:rgba(21,112,185,0.35) 1px 0px 30px}

	.product_ul li .box:hover .t{color:#05458f}

	.product_ul li .box:hover .but .a{color:#fff; background:#4eb035; border:1px solid #4eb035}

	.product_more{position:relative; margin-bottom:10px}

	.product_more:after{content:""; position:absolute; width:100%; height:1px; left:0; top:50%; margin-top:-0.5px; background:#718e51}

	.product_more a{display:block; height:30px; line-height:30px; text-align:center; width:164px; margin:0 auto; font-size:18px; color:#9caf8a; border:1px solid #718e51; border-radius:20px; text-transform:capitalize; position:relative; z-index:2; background:#fff}

	.product_more a:hover,.product_more a.on{background:#718e51; color:#fff; border:1px solid #718e51}

     

	 /*产品详情页*/

	.product_show{margin-top:0}

	.product_img,.product_right{width:auto; float:none}

	.product_right,.product_tbb{padding-top:20px}

	.product_tbb .tab_ul li{font-size:14px; line-height:40px; height:40px}

	.product_tbb .tab_ul li span{height:40px}

	.product_tbb .tab_ul li.hover:after{width:18px; height:18px; margin-left:-9px; bottom:-9px}

	

	.product_left{display:none}

	.product_right{float:none; width:auto}

	.product_web{display:block}

	.product_scroll{position:relative; z-index:2; width:100%}

	.product_scroll .owl-wrapper-outer{overflow:hidden; position:relative}

	.product_scroll .item{position:relative}

	.product_scroll .owl-item{float:left}

	.product_scroll .owl-wrapper{position:relative}

	.product_scroll .item *{overflow:hidden}

	.product_scroll .item img{width:100%}

	.product_scroll .owl-buttons{position:absolute; width:42px; top:30px; left:50%; margin-left:-80px} 

	.product_scroll .owl-buttons:after{content:""; height:20px; width:2px; background:#ad995a; position:absolute; left:50%; margin-left:-1px; top:50%; margin-top:-10px}

	.product_scroll .owl-pagination{position:absolute; width:100%; bottom:10px; left:0; height:15px; z-index:2; text-align:center}

	.product_scroll .owl-pagination .owl-page{display:inline-block; width:10px; height:10px; border-radius:50%; background:#527299; margin:0 3px}

	.product_scroll .owl-pagination .active{background:#7b9541}

	

	

	/*经典案例*/

	.CaseStudies_list{margin-left:0; padding:20px 0}

	.CaseStudies_list li{float:none; width:100%; padding-bottom:30px;list-style:none}

	.CaseStudies_list li a{margin-left:0}

	.CaseStudies_list li a .title{height:auto}

	.products_ul{margin-left:0; padding:20px 0}

	.products_ul li{float:none; width:100%; padding-bottom:15px}

	.products_ul li .box{margin-left:0}

	.products_ul li .box:after{content:''; position:absolute; left:0; bottom:0; width:0; height:5px; background:#05458f}

	.products_ul li .box .img img{width: 60%}

	.details_CaseStudies .products_ul li .box .img img{ height:auto}

	

	/*追溯法规*/

	.Traceback_title{position:relative; text-align:center; padding-top:20px}

	.Traceback_title:after{content:""; position:absolute; left:50%; margin-left:-32px; bottom:-1px; display:block; width:65px; height:2px; background:#4eb035}

	.Traceback_title .cn{font-size:20px; color:#000; line-height:22px}

	.Traceback_title .zn{font-size:14px; color:#a8a8a8; text-transform:uppercase; line-height:14px; padding:10px 0 25px 0}

	

	.Traceback_text{padding-top:20px}

	.Traceback_text .details_txt{font-size:14px; padding:30px 0}

	.Traceback_text .details_title{background:#5581b3}

	.Traceback_text video{width:100%; height:300px}

	.Traceback_text iframe{height:200px}

	

	

	/*常见问题*/

	.problem_list{padding:20px 0}

	.problem_list li{padding-bottom:2px}

	.problem_list li .txt{padding:15px; line-height:25px}

	

	

	/*联系我们*/

	.Contact_list{padding-top:20px}

	.Contact_list li{height:auto; margin-bottom:20px; position:relative; overflow:hidden; padding-left:0}

	.Contact_list li .img{position:relative; left:inherit; top:inherit; width:100%; height:auto}

	.Contact_list li .img img{ height:auto}

	.Contact_list li .box{padding-top:10px}

	.Contact_list li .title{font-size:16px; line-height:25px; height:auto}

	.Contact_list li .txt{line-height:25px; font-size:14px; color:#666; height:auto; overflow:hidden; padding-top:0}



	/*进一步联系*/

	.contact_form{padding:20px 0}

	.contact_form li .text{ font-size:14px}



	.send_pops{position:fixed; width:100%; height:100%; z-index:90; background:rgba(1,23,51,0.65); left:0; top:0; display:none}

	.send_box{position:absolute; width:96%; left:2%; margin-left:0; background:#fff; border-radius:5px; top:10%; overflow:hidden}

	.send_box .title{font-size:18px; color:#fff; background:#4eb035; height:50px; line-height:50px; padding:0 25px; position:relative}

	.send_box .title .close{right:25px}

	.send_box .pa{ padding-left:0; padding:105px 25px 40px 25px; margin:0; background:url(../images/d.png) no-repeat center 20px; background-size:18%}

	.send_box .txt{color:#484848; font-size:16px; line-height:30px; text-align:center}

	.send_box .a{display:block; width:150px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:18px; background:#4eb035; border-radius:5px; margin:30px auto 0 auto}

	.send_box .a:hvoer{background:#4e6b0e}

	

	/*招贤纳士*/

	.join_text{color:#fff; height:auto; font-size:14px; line-height:25px; background:#063363; padding:30px 25px; margin:30px 0}

	.join_text .txt{padding:0}

	.join_text .txt p span{font-size:24px}

	.join_text .mailbox{position:relative; padding-left:45px; margin-top:5px}

	.join_text .mailbox:after{content:""; position:absolute; left:0; top:50%; margin-top:-15px; width:41px; height:31px; background:url(../images/m.png) no-repeat}

	.join_but{padding:30px 0 0 0; text-align:center}

	.join_but .but{display:inline-block; width:40%; height:30px; line-height:30px; text-align:center; border-radius:50px; background:rgba(255,255,255,0.2); font-size:14px; color:#fff; margin:0 5px}

	.join_but .but:hover{background:rgba(255,255,255,1); color:#144a78}



     

	 /*关于我们*/

	.About_text{font-size:14px; color:#666; line-height:25px; padding:20px 10px}

	.About_text h3{font-size:18px; line-height:30px}

	.about_nav li a .text .zn{font-size:12px; line-height:15px}

	.about_nav li a .box{margin-top:-15px}

	.about_nav li a .text .a{display:none}

	

	.about_nav li a:hover .box{padding-top:0}

	.about_nav li a:hover .text h2{top:0}

	.about_nav li a:hover .text .zn{top:0}

	.about_nav li a:hover .text .a{opacity:0; display:none}

	.about_nav li a:hover .text{background:rgba(0,0,0,0.4)}

	.about_nav li a:hover .text::before,.about_nav li a:hover .text::after{opacity:0}

	.about_nav li a .text{background: rgba(0,0,0,0.4)}

	.about_nav li a .text h2{font-size:14px; line-height:18px; padding:0 10px}

	

	/*事实根据*/

	.factsAndFigures_title{text-align:center; line-height:24px}

	.factsAndFigures_title .year{font-size:30px; color:#4eb035; font-weight:bold; line-height:30px}

	.factsAndFigures_title .cn{font-size:20px; padding-top:10px}

	.factsAndFigures_title .zn{font-size:14px}



	.figures_ul{overflow:hidden; padding:30px 0;}

	.figures_ul li{width:100%; flex:0 0 100%; max-width:100%; -webkit-box-flex:0}

	.figures_ul li .pa{padding:10px 5px}

	.figures_ul li .t{font-size:20px; padding-bottom:10px; line-height:20px}

	.figures_ul li .t span{font-size:14px;position:relative; top:0}

	.figures_ul li .txt{font-size:14px; line-height:20px}

	

	

	/*嘉华在中国*/

	.jawaInChina_box{}

	.jawaInChina_box .right_275{display:none}

	.jawaInChina_text{font-size:14px; line-height:25px}



	.jawaInChina_text .legend_dl{display:block; padding:20px 0}

	.legend_dl dt{height:35px; line-height:35px; font-size:20px}

	.legend_dl dd{position:relative; line-height:20px; padding-left:55px; padding:5px 0 5px 55px; font-size:14px; margin-bottom:10px}

	.legend_dl dd i{position:absolute; left:15px; top:3px; width:24px; height:24px; overflow:hidden}

	

	/*嘉华新闻*/

	.news_list{padding:10px 0}

	.news_list li{margin-bottom:20px}

	.news_list li a{padding:10px}

	.news_list li a .img{position:relative; width:100%; height:auto; left:inherit; top:inherit}

	.news_list li a .img img{height:auto}

	.news_list li a .title{margin-top:10px}

	

	/*嘉华新闻详情*/

	.news_title .t{font-size:20px}

	.turning_box{padding:20px 0; line-height:25px; border-top:1px solid #e5e5e5; font-size:14px}

	

	/*行业事件*/

	.event_list{padding:10px 0}

	.event_list li{margin-bottom:20px}

	.event_list li a{padding:10px}

	.event_list li a .img{position:relative; width:100%; height:auto; left:inherit; top:inherit}

	.event_list li a .img img{height:auto}

	.event_list li a .title{margin-top:10px}

	

	/*企业历程*/

	.course_title{padding:15px 0 0 0; font-size:24px}

	.course_title:after{content:""; display:block; width:35px; height:35px; margin:25px auto 0 auto}

	.course_list{position:relative; padding:25px 10px 0 10px}

	.course_list:before{}

	.course_list li{float:left; width:100%; padding-bottom:20px; opacity:0; position:relative; z-index:2; animation-fill-mode: both;}

	.course_list li .time{height:42px; position:relative}

	.course_list li .time:after,.course_list li .time:before{display:none}

	.course_list li .time i{ display:none}

	.course_list li .time span{display:block; width:120px; height:40px; line-height:40px; font-size:20px; float:none; margin:0 auto}

	.course_list li .txt{font-size:14px; color:#666; line-height:30px; padding:10px; position:relative; background:#fff}

	.course_list li .txt span{font-size:18px; color:#000}

	.course_list li .txt:after{content:""; position:absolute; left:0; width:100%; height:1px; bottom:0; background:url(../images/line_lb.jpg) no-repeat 0 center}	

	.course_list li:nth-child(even){padding-top:35px}

	.course_list li:nth-child(even) .time span{float:none; margin:0 auto}

	.course_list li:nth-child(even) .txt{padding:10px}

	

	.course_list li:last-child{ padding-bottom:0}

	.course_list li:last-child .txt:after{display:none}

	.course_list li:last-child:after{}

	

	

}



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

	.about_nav li a .text h2{ font-size:12px}

	.about_nav li a .box{margin-top:-24px}

	.index_introduce li .more{margin:0}

	.index_introduce li .text{height:100%}

	.index_introduce li:after{opacity:1}

	.index_introduce li .text{top:0}

	.index_introduce li .title{color:#fefefe; padding-left:0; text-align:center; font-size:12px; text-transform:capitalize}

	.index_introduce li .title:after{opacity:0}

	.index_introduce li .more{margin-top:0; opacity:1; position:absolute; width:96%; left:2%; bottom:2%; border-radius:0}

	.index_introduce li .text .box{position:initial; padding:30px 5px}

	

	.index_introduce li:hover:after{opacity:1}

	.index_introduce li:hover .text{top:0; height:100%}

	.index_introduce li:hover .title{padding-left:0}

	.index_introduce li:hover .title:after{opacity:0}

	.index_introduce li:hover .txt{display:none}

	.index_introduce li:hover .more{margin-top:0; position:absolute; width:96%; left:2%; bottom:2%; border-radius:0}



}