body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;font-size:12px} 
table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .choob{font-family:'centuryschoolbook'}

.tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }.fc2f8{color:#2f8dcf;}
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .fsdf{color:#166aa5}
.f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f18{font-size:18px; }.f20{font-size:20px; } .f22{font-size:22px; }.f24{font-size:24px; }.f36{font-size:36px; } .f50{font-size:50px; }.vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mt50{margin-top:50px; }.mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; }.mb30{margin-bottom:30px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;}.lh26{line-height:26px;}.lh30{line-height:30px;}.lh36{line-height:36px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } 
.mt31{margin:30px 0;}
.mt30{margin:40px 0;}
.mt30 img{margin:5px 0;}}
.h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;}
li{list-style:none}
h3{font-size:12px;font-weight:bold;}
.ltitle{text-indent:-10em}
.margin-t-5{margin-top:5px!important;clear: both }
.margin-t-8{margin-top:8px!important;clear: both }
.margin-t-10{margin-top:10px!important;clear: both }
.margin-t-15{margin-top:15px!important;clear: both }
.margin-t-20{margin-top:20px!important;clear: both }
.margin-t-30{margin-top:30px!important;clear: both }
.w100{width:100%!important;clear: both}
.b1{border:1px solid #FF0000}
#geremo{background:url(../images/geremo.jpg) top center;}
/*分页样式*/
#PageContent{clear:both;padding:15px 0px;text-align:center;font-size:14px;color:#666;text-indent:0px;}
#PageContent li{float:left;padding:0px 0px;text-align:center;font-size:14px;color:#666;text-indent:0px;margin:15px 0}
#PageContent a{height:30px;line-height:28px;padding:0px 10px;display:inline-block;border:1px solid #ddd;background:#FFF;transition:all 0.3s;color:#333;margin:0px 3px;}
#PageContent a:hover{background:#C1C1C1;border:1px solid #C1C1C1;color:#FFF;}
.pc_hide{ display:none}
@media (max-width:999px){
.m_hide{ display:none;}
.pc_hide{ display:block}
.m_navbar{background:#333333;width:100%;}
.m_header{overflow:hidden;padding:10px 5px;}
.m_header img{}
*{box-sizing:border-box;}
.m_menu{background:url(../images/menu.png) no-repeat; width:25px; height:21px; background-size:25px auto; display:block; float:right;margin:3% 0}
.drop_menu{background:#000000;border-top:1px solid #2d2d2d;margin:0 -10px;display:none;z-index:120}	
.drop_menu ul li a{ color:#aaaaaa; display:block; width:100%;  border-bottom:1px solid #2d2d2d; padding:10px; font-size:14px; font-weight:bold;}
.drop_menu  .open,.drop_menu .close{line-height:14px; width:10px; height:10px; display:block;  float:right; margin-top:3px;}
.drop_menu  .open{background:url(../images/m_open.png) no-repeat center center;background-size:10px auto;}
.drop_menu  .close{ background:url(../images/m_close.png) no-repeat center center; background-size:10px auto;}
.drop_menu  ul li ul{background:#333333; display:none; }
}
@media (max-width:468px){

.m_header img{width:40%}

}
.lifcw a{color:#FFF}
/*首页产品展示*/
#sitecontent{margin-top:-5px}
.service .item_img img{float:none;width:100%;transition:all .7s ease}
.service .item_img{position:relative}
.service.module .module_container:after{content:'';display:block;clear:both}
.service .container_header{position:absolute;top:50%;height:300px;margin-top:-132px;padding:0;width:25%}
.service .container_header .title{color:#fff;font-size:1.8em;padding:0 0 0 60px;width:calc(90% - 60px)}
.service .container_header .title span{color:#fff;font-size:22px;}
.service .container_header .subtitle{color:#fff;text-transform:uppercase;padding:30px 60px;font-size:14px;line-height:1.5em;overflow:hidden;/*text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;*/width:calc(90% - 60px)}
.service .container_category{display:none}
.npagePage .service .container_category{display:block}
.service .content_list{width:75%;margin-left:25%}
.service .content_list .item_block{width:33.33%;float:left;position:relative;overflow:hidden}
.service .content_list .item_block .item_wrapper{position:absolute;top:0;left:100%;width:100%;height:100%;background:rgba(51,51,51,.5)}
.service.module .module_container{width:100%;padding:0;max-width:100%;background:#333333;position:relative}
.service .item_block .item_info{text-align:center;padding:20px 40px;position:relative;top:50%;margin-top:-44px}
.service .item_block .item_info:after,.service .item_block .item_info:before{content:'';width:16px;height:1px;background:#fff;position:absolute;top:0;left:50%;margin-left:-8px}
.service .item_block .item_info:before{bottom:0;top:auto}
.service .item_block .item_info .title{color:#fff;font-size:16px;line-height:24px}
.service .item_block .item_info .subtitle{line-height:24px;font-size:13px;color:#fff}
.service .more{line-height:110px;width:100%;color:#828282;font-size:13px;display:block;background:#f2f2f2;text-align:center}
.service .more i{font-size:14px;transition:all .3s ease-out 0s;margin-left:0}
.npagePage .service.module .module_container{background-color:transparent;min-height:1000px}
.npagePage .service .content_list{width:96%;margin:0 auto}
.npagePage .service .content_list .item_block{width:calc(100%/4 - 20px);margin:10px}
#pageTarget{display:block}
.service .item_block:hover img{transform:scale(1.08)}
.service .content_list .item_block .item_wrapper:after{content:'';width:calc(100% - 32px);height:calc(100% - 32px);border:1px solid #2f8dcf;position:absolute;top:16px;left:16px}

.more1{padding:6px 12px;border:1px solid #C1C1C1;color:#FFF;margin:40px 0 0 60px;width:calc(90% - 60px)}
.more1:hover{color:#2f8dcf}

#indexPage .service .more{color:transparent;position:relative;width:158px;height:40px;display:block;margin:60px auto 0;opacity:1;filter:alpha(opacity=0);transition:all .3s ease-out 0s;background:rgba(0,0,0,0);border:1px solid #fff;top:50%;position:absolute;margin-top:44px;left:56px}
#indexPage .service .more:hover{transform:scale(.9)}
#indexPage .service .more i:before{content:'';width:0;height:1px;position:absolute;top:50%;left:50%;margin-left:-60px;margin-top:-1px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-left:-7px;width:15px;background:#fff}
#indexPage .service .more i:after{content:'';width:1px;height:0;position:absolute;top:50%;left:50%;margin-top:-58px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-top:-8px;height:15px;background:#fff}
#indexPage .service .more i{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}
@media(max-width:998px){
.service .content_list{width:100%;margin-left:0%}
.service .content_list .item_block{width:50%;}
.service .container_header{display:none!important}
.service .container_header .title{font-size:1.6em;}
.service .container_header .subtitle{font-size:1.4em;line-height:1.2em;}
}
@media(max-width:768px){
.service .container_header{display:none!important}
.service .more{display:none!important}
.service .content_list{width:100%;margin-left:0%}
.service .content_list .item_block{width:50%;}
.service .container_header .title{font-size:1.6em;}
.service .container_header .subtitle{font-size:1.4em;line-height:1.2em;}
}
@media(max-width:468px){
.service .container_header{display:none!important}
.service .more{display:none!important}
.service .content_list{width:100%;margin-left:0%}
.service .content_list .item_block{width:100%;}
}




/*产品展示页*/
.cpheader .title{font-size:26px;margin:3% 0 5% 0;color:}
.cpheader .title span{font-size:24px;color:#2F8DCF;text-transform:uppercase;padding-left:15px;font-family:"centuryschoolbook"}

.cpmenu a{padding:10px 15px;font-size:14px;border:1px solid #c0c0c0;margin:0 5px;border-radius:8px}
.cpmenu a:hover{background:#2F8DCF;border:1px solid #2F8DCF;color:#FFF}
.cpheader .cpwidth{width:150px;}
.cpzx li{margin:2% 0}
.cpzx .cplisttyle:hover{background:#_318bc9;color:#FFF}
.cpzx .cplisttyle{margin:8px;padding:6px;border:1px solid #C1C1C1;overflow:hidden;}
.cpzx .cplisttyle p{line-height:1.4em;}
.cpzx .cplisttyle p:hover{color:#2F8DCF;}
.cpzx .cplisttyle p img{width:100%;}
.cpzx .cplisttyle .more{padding:20px 0;}
.cpzx .cplisttyle .more a{color:#2f8dcf}
.cpzx .cplisttyle .more a:hover{color:#2F8DCF;}


.cpzx li .title a{line-height:36px; font-size:16px; margin-bottom:8px; display:inline-block}
.cpzx li .title a:hover{color:#2F8DCF; margin-bottom:8px;}
@media(max-width:1366px){
.cpzx{margin:0 auto;width:80%;}

}







.pservice .item_img img{float:none;width:100%;transition:all .7s ease}
.pservice .item_img{position:relative}
.pservice .module .module_container:after{content:'';display:block;clear:both}

.pservice .container_category{display:none}
.npagePage .pservice .container_category{display:block}
.pservice .content_list{width:100%;}
.pservice .content_list .item_block{width:33.33%;float:left;position:relative;overflow:hidden}
.pservice .content_list .item_block .item_wrapper{position:absolute;top:0;left:100%;width:100%;height:100%;background:rgba(51,51,51,.8)}
.pservice .module .module_container{width:100%;padding:0;max-width:100%;background:#333333;position:relative}
.pservice .item_block .item_info{text-align:center;padding:20px 40px;position:relative;top:50%;margin-top:-44px}
.pservice .item_block .item_info:after,.pservice .item_block .item_info:before{content:'';width:16px;height:1px;background:#fff;position:absolute;top:0;left:50%;margin-left:-8px}
.pservice .item_block .item_info:before{bottom:0;top:auto}
.pservice .item_block .item_info .title{color:#fff;font-size:16px;line-height:24px}
.pservice .item_block .item_info .subtitle{line-height:24px;font-size:13px;color:#fff}

.npagePage .pservice.module .module_container{background-color:transparent;min-height:1000px}
.npagePage .pservice .content_list{width:96%;margin:0 auto}
.npagePage .pservice .content_list .item_block{width:calc(100%/4 - 20px);margin:10px}
#pageTarget{display:block}
.pservice .item_block:hover img{transform:scale(1.08)}

.pservice .content_list .item_block .item_wrapper:after{content:'';width:calc(100% - 32px);height:calc(100% - 32px);border:1px solid #2f8dcf;position:absolute;top:16px;left:16px}



@media(max-width:768px){
.service .container_header{display:none!important}
.service .more{display:none!important}
.service .content_list{width:100%;margin-left:0%}
.service .content_list .item_block{width:33.33%;}
}
@media(max-width:468px){
.service .container_header{display:none!important}
.service .more{display:none!important}
.service .content_list{width:100%;margin-left:0%}
.service .content_list .item_block{width:100%;}
}








/*
首页公司简介
文字渐变色*/
.text-gradient {margin-top:30px;text-transform : uppercase;
    font-size:60px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(75, 142, 250, 1)), to(rgba(6, 59, 144, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.aboutl{padding-left:30px;}
.aboutr{padding-right:30px;font-size:16px;line-height:1.8em}
.aboutr p{font-size:16px;line-height:2.2em}
.aboutr p span{width:100%;font-weight:bold;color:#308DD0}
.about-t{font-size:26px;}
@media(max-width:1200px){
.text-gradient {margin-top:30px;font-size:38px;}
.aboutl{padding-left:0px;}
.aboutl img{width:100%;margin-top:30px}
.aboutr{padding-right:0px;font-size:14px;line-height:1.5em}

}



/*内页头部按钮*/
/*****************************
 *   01. header
 ***************************** */
.header1 {background-color:#222538;padding:8px 0;}
.logo-column a.logo {height:35px;padding:5px 0; }
.logo-column a.logo img {max-height: 100%; }
.nav-column {padding: 15px 0;font-size: 16px;line-height:40px}
.nav-column a, .nav-column span {color: #7286a0;line-height: 40px;cursor: pointer; }
.nav-column a:hover, .nav-column span:hover {color: #b5c3d4; }
.nav-column .right-nav {float: right;position: relative; }
.nav-column .right-nav span {padding: 0 15px; }
.nav-column .right-nav .search-icon.active {color: red; }
.nav-column .right-nav .search-icon.active::before {content: "?"; }
.nav-column .right-nav .header-social {display: inline-block; }
.nav-column .right-nav .header-social a {padding: 0 5px;vertical-align: top; }

#menu ul{text-align:right;margin:0}
#menu ul li._has-child > a::after{content:"?";font-family:"fontawesome";margin-left:4px}
#menu ul > li{display:inline-block;position:relative;font-size:14px}
#menu ul > li > a{padding:0 15px;font-weight:500;line-height:25px}
#menu ul > li > a:hover{color:#2f8dcf}
#menu ul > li.current-menu-item > a{color:#2f8dcf}
#menu ul ul{position:absolute;background-color:rgba(255,255,255,0.8);left:0;top:calc(100% + 13px);z-index:2;width:170px;text-align:left;padding:15px 10px;opacity:0;visibility:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.15)}
#menu ul ul::after{content:"";border:8px solid transparent;border-bottom-color:#fff;left:25px;top:-16px;position:absolute}
#menu ul ul::before{content:"";position:absolute;height:20px;width:100%;left:0;top:-20px}
#menu ul ul li{display:block}
#menu ul ul li a{display:block;font-weight:300;color:#222538;font-size:13px;padding:0;margin:5px 0}
#menu ul li:hover > ul{opacity:1;visibility:visible}

/*index news*/
.welcome{padding:2em 0 1em 0;background-image: linear-gradient(to top, #00355a,#2d89ca);}
.welcome .col-md-2{width:20%;}
.w3ls_news_grids{margin:-2em 0 0 0}
.agileits_w3layouts_news_grid{padding:1.5em;background:#FFFFFF;margin-top:-15px;z-index:10px}
.agileits_w3layouts_news_grid h4{font-size:1.4em;color:#212121;margin:1em 0}
.agileits_w3layouts_news_grid h4 a{color:#212121;text-decoration:none}
.agileits_w3layouts_news_grid h4 a:hover{color:#575757}
.agileits_w3layouts_news_grid h4 a:focus{outline:none}
.agileits_w3layouts_news_grid p{color:#999999;line-height:1.2em;text-align:left;font-size:12px}
.w3layouts_news_grid{overflow:hidden;position:relative}
.w3layouts_news_grid_pos{opacity:0;position:absolute;top:0;left:0;bottom:0;background-color:rgba(0,0,0,0.4);right:0;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease}
.w3layouts_news_grid_pos{-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);-ms-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}
.w3ls_news_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,.w3_agileits_team_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,.w3layouts_gallery_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.w3ls_news_grid:hover .wthree_text,.w3_agileits_team_grid:hover .wthree_text,.w3layouts_gallery_grid:hover .wthree_text{opacity:1;-webkit-transform:translateY(0) scale3d(1,1,1);-moz-transform:translateY(0) scale3d(1,1,1);-ms-transform:translateY(0) scale3d(1,1,1);transform:translateY(0) scale3d(1,1,1);-webkit-transition:transform 400ms ease 380ms;-moz-transition:transform 400ms ease 380ms;transition:transform 400ms ease 380ms}
.wthree_text{text-align:center;padding:38% 0 0;opacity:0;-webkit-transform:translateY(0) scale3d(0,0,1);-moz-transform:translateY(0) scale3d(0,0,1);-ms-transform:translateY(0) scale3d(0,0,1);transform:translateY(0) scale3d(0,0,1);-webkit-transition:transform 400ms ease 280ms;-moz-transition:transform 400ms ease 280ms;transition:transform 400ms ease 280ms}
.wthree_text h3{color:#fff;font-size:2em}
.welcome .sother{display:block}
.welcome .container{width:80%;margin:0 auto}
@media only screen and (max-width:1920px){
.w3ls_news_grid {float:left;padding:15px}
.w3ls_news_grid img{width:100%;z-index:1px}
}
@media only screen and (max-width:920px){
.welcome .col-md-2{width:33.33%;}
.welcome .sother{display:none}
.welcome .container{width:100%;margin:auto 0}
}
@media only screen and (max-width:768px){
.welcome .col-md-2{width:50%;float:left}

}

/*about*/
.w1200{width:1200px;margin: 0 auto;}
.col_banner{width: 100%;height: 500px;background-position: center top;background-repeat: no-repeat;z-index: 1;}

.about_banner .inner_index{padding-top:254px;}
.about_banner .inner_index h4{font-size: 24px;color:#fff;}
.about_banner .inner_index .en{font-size: 60px;text-transform: uppercase;color:#fff;}

.bgSize{background-size: cover;
-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);}
.wrapaa{width:100%;margin:15px 0 5% 0;}
.service_o{margin: auto;}

.service_o_o_n{color: #181818;text-align: justify;}
.service_o_o_n p{font-size:1.2em;line-height:1.6em;margin-top:40px;}
.service_o_o_n .fontmarl{margin-left:5%}
.service_o_o_n .fontmarr{margin-right:5%}
.service_o_t .service_o_o_n{margin-left:40px;}
.service_o_t .service_o_o_n h3{margin-top: 130px;}
.service_o_s .service_o_o_n{margin-right:100px;}
.service_o_s .service_o_o_n h3{margin-top:180px;}

/*end*/

.newslists .title{font-size:22px;line-height:39px}
.newslists .col-xs-push-1{margin:15px 0px}
.newslists .content{line-height:24px}
.newslists .news img{width:100%;height:250px}
/*新闻列表页*/
@media (max-width:968px){
.newslists .news img{width:100%}
.newslists .col-xs-push-1{margin:0px 0px}
.newslists .title{font-size:18px;line-height:39px}
.newslists .content{line-height:20px}
.newslists .mt50{margin-top:30px}
}

@media (max-width:768px){
.newslists .news img{width:100%}
.newslists .col-xs-push-1{left:0%}
.newslists .mt50{margin-top:15px}

}


/*新闻内容页*/
.lblist{background:#000;line-height:35px;padding:10px 0}
.lblist .fontc{color:#FFFFFF;}
.lblist .fontc a{color:#FFFFFF;}
.lblist .fontc a:hover{color:#FFFFFF;}
.artshow{padding:2%}
.artshow .title{line-height:1.2em;text-align:center;}
.artshow h1{font-size:1.8em;text-align:center;padding:2% 0}
.artshow .content p{margin:10px 0;text-indent:2em}
.artshow .content h3{font-size:1.0em;}
.artshow .content h2{font-size:1.2em;font-weight:bold;}
.explain{margin:10px 0px;padding:10px;border:1px solid #c1c1c1}
.explain .title{margin-top:10px;text-align:left;}
.sitelink{font-weight:bold;}

.newstop{background:#C1C1C1;padding:2% 0;margin-top:100px}
.newstop p{line-height:36px;font-size:1.4em;padding:0 2%;}
.newstop li{background:#F1F1F1;line-height:26px;font-size:12px;padding:5px 10px;border-bottom:1px solid #c1c1c1}

.info{line-height:30px;text-align:center;}
.content{word-break:break-all;line-height:1.8em;}
.content p{margin:10px 0;}
.content img{max-width:590px;}
.content .list_page{line-height:normal;}
.pre,.next{line-height:30px;height:30px;}
.infodot{border-top:1px dashed #ccc;margin:15px 0;}
@media only screen and (max-width:768px){
.newstop{margin:20px 0}
.artshow h1{font-size:1.2em;}
.artshow .content p img{width:100%}
}
.border1px{margin:3% 0}
.border1px tr,.border1px td{border:1px solid #000;line-height:1.5em;padding:10px 10px;text-align:center}

/*关于我们栏目*/
.n-banner{z-index:-10;text-align:center}
.n-banner img{width:100%}
.about-pt{z-index:2;margin:-45px 0}
.about-pt img{width:100%}
.about-tn{padding:10% 0 0 15px;line-height:26px;font-size:14px}
.about-pp{padding:50px 0px;margin:45px 0 0px 0;background:url(../images/about-pp.jpg) center;color:#fff}
.about-tlist{background:#4a4a4a;padding:35px 0}
.about-tlist .title{font-size:20px;border-bottom:2px solid #FFF;line-height:2.5em;padding-bottom:8px;width:100%}


.ac-about .container{width:80%;margin:0 auto}
.ac-about{padding:50px 0 0px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ac-about h2{font-size:2.2em;color:#333;line-height:32px;text-align:center;text-transform:uppercase;margin-bottom:35px}
.ac-about span{font-size:22px;color:#000;}
.ac-about li{width:22.8%;margin-left:2.8%;margin-bottom:2.8%;float:left;text-align:left}
.ac-about li:first-child{margin-left:0}
.ac-about li a{display:block;width:100%}
.ac-about li .pic{width:100%;overflow:hidden}
.ac-about li img{width:100%;transition:transform .3s}
.ac-about li h3{font-size:18px;color:#333;line-height:39px;margin-top:14px;transition:color .3s}
.ac-about li .font{font-size:14px;color:#555;line-height:29px;margin-top:8px;height:58px;overflow:hidden}
.ac-about li .more{margin-top:30px;padding-left:40px;font-size:14px;color:#2982C1;line-height:25px;background:url(../images/ab08.png) no-repeat left center}
.ac-about li:hover img{transform:scale(1.1)}
.ac-about li:hover h3{color:#2982C1}

@media(max-width:768px){
.ac-about .container{}
.ac-about li{width:47.8%;margin-left:2.8%;}
.ac-about li:nth-child(2n+1){margin-left:0}
}

/*首页联系我们*/
.contact{padding:70px 0;color:#FFFFFF}
.contact li{line-height:40px;color:#FFFFFF;text-align:left;font-size:22px}
.contact li p{color:#2F8DCF;padding:15px 0;font-size:26px}
.col-lg-push-1 {padding-left:15%}
.inputText{height:50px;width:100%;line-height:50px;background-color:rgba(225,225,225,0.5);vertical-align:middle;border:0px solid #000000;padding-left:10px;color:#FFFFFF}
.textArea{height:150px;width:100%;line-height:50px;background-color:rgba(225,225,225,0.5);vertical-align:middle;border:0px solid #000000;padding-left:10px;color:#FFFFFF}
.icontact{padding:100px}
.icontact p{line-height:26px;text-align:left;margin:10px 0px}
@media(max-width:768px){
.contact{padding:30px 0;}	
.contact li{line-height:20px;color:#FFFFFF;text-align:left;font-size:16px}
.contact li p{color:#2F8DCF;padding:8px 0;font-size:14px}
.icontact{padding:0px}
.inputText{height:35px;width:98%;line-height:35px;background-color:rgba(225,225,225,0.8);vertical-align:middle;border:1px solid #000000;padding-left:10px}
.textArea{height:150px;width:98%;line-height:35px;background-color:rgba(225,225,225,0.8);vertical-align:middle;border:1px solid #000000;padding-left:10px}
}
#about{padding:0px 0;position:relative;overflow:hidden;margin-bottom:2%;}

.text-gradient {margin-top:30px;text-transform : uppercase;
    font-size:22px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(75, 142, 250, 1)), to(rgba(6, 59, 144, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title{font-size:1.6em;position:relative;padding-bottom:20px;margin:0 0 20px}
.section-title:before{content:"";position:absolute;width:80px;bottom:0;left:50%;margin-left:-40px;height:2px;background:#FFF}
.section-header {margin-bottom: 50px;}
.section-header .fcw{color:#fff}
.section-header .f12{font-size:14px;}
.section-header .section-title{font-size:2.2em;}
.section-header .section-title span{font-size:22px;}
.section-header .section-title{color:#272727;position:relative;padding-bottom:20px;margin:0 0 20px}
.section-header .section-title:before{content:"";position:absolute;width:80px;bottom:0;left:50%;margin-left:-40px;height:2px;background:#393939}
@media only screen and (max-width:768px){
.section-title{font-size:2.8em;position:relative;padding-bottom:20px;margin:0 0 20px}
.section-header .section-title{font-size:22px;}
.section-header .section-title:before{content:"";position:absolute;width:70px;bottom:0;left:50%;margin-left:-35px;height:2px;background:#393939}
}
.column-title{margin-top:0;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:15px;position:relative}
.column-title:after{content:" ";position:absolute;bottom:-1px;left:0;width:30%;border-bottom:1px solid #393939}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}
.a_pic img{width:100%}
.a_centent p{line-height:26px;text-align:left}
.btn{border-width:0;border-radius:8px;margin-top:30px}
.btn.btn-primary{background:#1EACEC;color:#FFF;padding:12px 16px}
.btn.btn-primary:hover,.btn.btn-primary:focus{background:#060606}
.btn2{border-width:0;border-radius:8px;}
.btn2.btn-primary{background:#060606;color:#FFF;padding:12px 16px}
.btn2.btn-primary:hover,.btn.btn-primary:focus{background:#B5B5B5}

#contact{padding:0px 0;position:relative;overflow:hidden;margin-top:0px;background:url(../images/i-contact.jpg) no-repeat}
#contact:before{position:absolute;z-index:-10;content:'';width:159%;background:#8ac5fd;-ms-transform:rotate(7deg);-webkit-transform:rotate(7deg);transform:rotate(7deg);left:-10%;bottom:-25%}
/*联系我们*/
.cont-pic{margin:10% 0}
.cont-pic img{width:98%}
.cont-link{padding:5% 5% 8% 7%;margin:-20px 0 0 25px;box-shadow:1px 2px 10px 7px rgba(0,0,0,0.1);border:0px solid #888888;}
.cont-company{text-transform:uppercase;font-size:30px;color:#2f8dcf}
.cont-company span{font-size:22px;}
.cont-conent{margin:10% 0}
.cont-tel{margin:8% 0 0 0;font-size:1.5em} 
.cont-tel span{color:#2f8dcf}
.cont-tel img{float:right;}
.cont-other{margin:10px 0;font-size:13px}
.cont-other span{color:#2f8dcf}
.cont-post{margin:20px 0 50px 0;padding:0 0%}
.cont-mat{margin:20px 0}
.cont-mat p{margin:10px 0}
.inputText{height:50px;width:100%;line-height:50px;background-color:rgba(225,225,225,0.5);vertical-align:middle;border:0px solid #000000;padding-left:10px;color:#000}
.textArea{height:100px;width:100%;line-height:50px;background-color:rgba(225,225,225,0.5);vertical-align:middle;border:0px solid #000000;padding-left:10px;color:#000}

.cptseseee{text-align:center;}
.cptseseee p{text-align:center;overflow:hidden}
.neiban{position:absolute;z-index:20px;top:10%;font-size:1.8em;line-height:1.5em;}
.neibancp{position:absolute;z-index:20px;top:32%;font-size:1.8em;line-height:1.5em;text-align:center;}
.neibannews{position:absolute;z-index:20px;top:40%;font-size:1.8em;line-height:1.5em;left:45%;}
.ptpic img{width:100%}
.ptline{background:url('../images/p-7.png') no-repeat;width:100%;padding:10px 0 60px 0}
@media(max-width:1200px){
.neiban{top:23%;font-size:1.8em}
.cont-pic{margin:5% 0}
.cont-link{padding:3% 10%;margin:25px 0 0 0px;}
.cont-post{padding:0 0%}
}
@media(max-width:768px){
.cont-link{padding:5% 10%;margin:25px 0 0 0px;}
.neiban{top:15%;font-size:1.2em}
.ptpic img{width:100%}
}
/*
首页公司简介
文字渐变色*/

.aboutl{padding-left:30px;}
.aboutr{padding-right:30px;font-size:16px;line-height:1.8em}
.aboutr p{font-size:16px;line-height:2.2em}
.aboutr p span{width:100%;font-weight:bold;color:#308DD0}
.about-t{font-size:26px;}
@media only screen and (max-width:1200px){

.aboutr{padding-top:30px;font-size:14px;line-height:1.5em}

}
@media only screen and (max-width:968px){
.text-gradient {margin-top:30px;font-size:22px;}
.aboutl{padding-left:0px;}
.aboutl img{width:100%;margin-top:30px}
.aboutr{padding-right:0px;font-size:14px;line-height:1.5em}

}
/*footer*/
.ftoer{padding:20px 0 0 0;text-align:center;}
ul.aglieits-nav{padding:3em 0 0}
ul.aglieits-nav li{display:inline-block;font-size:14px}
ul.aglieits-nav li i{padding:0 1.5em;color:#fff}
ul.aglieits-nav li a{color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:2px}
ul.aglieits-nav li a:hover{color:#074497}
.footer{background:#000000;margin:0px 0 0 0}
.footer .linksty{font-size:14px;color:#FFF;line-height:1.8em;}
.footer .linksty p{color:#FFF;line-height:1.8em;}

.w3layouts_mail_grid_left span{font-size:25px;color:#074497;top:18px;margin-bottom:20px}
.w3layouts_mail_grid_left2 h3{font-size:1.2em;color:#fff;margin:0.8em 0 0.5em}
.w3layouts_mail_grid_left2 a{text-decoration:none;color:#999;font-size:14px}
.w3layouts_mail_grid_left2 a:hover{color:#074497}
.w3layouts_mail_grid_left2 p{color:#999}
.w3layouts_mail_grid{padding-top:40px;width:60%;text-align:center;margin:0 auto}
.w3layouts_mail_grid h3{font-size:16px}
@media (max-width:640px){ul.aglieits-nav li i{padding:0 0.4em}}
@media (max-width:600px){
ul.aglieits-nav li i{padding:0 0.1em}
.newsletter{padding:3em 2em}
}
@media (max-width:768px){
ul.aglieits-nav li{font-size:13px;margin-bottom:10px}
.w3layouts_mail_grid{width:95%;}
ul.aglieits-nav{padding:1.5em 0 0}
}
.slide-msg{ margin-top: 95px;}
.slide-msg p,.slide-msg p span{ position: relative;font-size: 14px;color:#fff;letter-spacing: 2px;display: inline-block;}
.slide-msg p:after{ content:"";display: block;position: absolute;bottom:0;left:0;width:100%;height:1px;background-color: #fff;}
.f-message{margin-top:16px;}
.f-message a{color: #fff;}
.f-message strong,
.f-message p{ font-family: Arial,"Microsoft Yahei";letter-spacing: 1px;font-size: 14px;color:#fff;margin-bottom:0px;text-align: center;}
.f-basic{ padding: 29px 0;background: url(../images/icon-15.png) no-repeat center center;background-size: cover;}
.f-content{ margin:0 auto; width:84.37%;}
.t-hybr{ display: inline-block;font-size: 12px;color:#999;}
.m-slide-msg{ display: none;}
.f-msg{ margin-top: 11px;}
.f-msg p{ margin-left: 32px;}
.f-msg a{ transition: all 1.2s ease;}
.f-msg a:after{ transition: all 1.2s ease;content:"";display: block;position: absolute;left:0;bottom:0;width:100%;height:1px;background-color: #999;}
.f-msg a:hover{ color:#7e7e7e;}
.f-msg a:hover:after{ background-color:#7e7e7e; } 
.m-back-top{ display: none;}
.back-top{ transition: all 1.2s ease;font-size: 14px;color:#999;}
.back-top span{ overflow: hidden;transition: all 1.2s ease;position: relative;display: inline-block;margin-left: 16px;width:40px;height:40px;border:1px solid #999;border-radius:50%;vertical-align:middle;}
.back-top span:after{ transition: all 1.2s ease;content:"";position: absolute;top:50%;left:50%;margin-top: -7px;margin-left: -5px;display: block;width:10px;height:14px;background: url(images/icon-19.png) no-repeat center center;}
.back-top:hover{ color:#3399ff;}
.back-top:hover span{ border-color:#3399ff;}
.back-top:hover span:after{ background:url(../images/icon-33.png) no-repeat center center;animation:arrowy 1s linear infinite;}
@keyframes arrowy{
	0%{
		transform: translateY(0);
	}
	50%{
		transform: translateY(-40px);
	}
	51%{
		transform: translateY(40px);
		opacity: 0;
	}
	53%{
		opacity: 1;
	}
	100%{
		transform: translateY(0);
	}

}
/*end*/



/*common*/
.fl{ float: left;}
.fr{ float: right;}
.t-l{text-align:left}
.t-r{text-align:right}
.t-c{text-align:center}
.relative{ position: relative;}
.absolute{ position: absolute;}
.hide{ display: none;}
.show{ display: block;}
.lazy{ background:#FFF;}
.more-box{margin: 40px auto 0 auto;text-align: center;}
.more-btn{ transition: all 1.2s ease;display: block;}
.more-btn span{ margin: 0 10px;letter-spacing: 1px;display: inline-block;color:#3399ff;font-size: 14px;}
.spinner{ display: inline-block;}
.spinner > div { margin: 0 5px;width: 5px;height: 5px;background-color: #3399ff;border-radius: 100%; display: inline-block;animation: bouncedelay 1.4s infinite ease-in-out;animation-fill-mode: both;}
.spinner .bounce1 {animation-delay: -0.32s;}
.spinner .bounce2 { animation-delay: -0.16s;}
@keyframes bouncedelay {
	0%, 80%, 100% { transform: scale(0.0); }
  	40% { transform: scale(1.0); }
}
.wrap-building img{display: block;margin: 0 auto;max-width: 100%;}
.wrap-building:before{content: "";display: block;height: 200px;background-color: #041528;}
/*.more-btn:hover{ transform: rotate(360deg);}*/
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{float: none !important;padding-left: 0 !important;margin:0 !important;background-image: inherit  !important; }
.sr-bdimgshare .bdimgshare-content,
.sr-bdimgshare .bdimgshare-bg,
.bdselect_share_box{ display: none !important;}
.animate-hide{
	transition: all 1.2s ease;
	opacity: 0;
	transform: translateY(10%);
}
.wow-tag .animate-show,
.wow-words .animate-show{
	opacity: 1;
	transform: translateY(0);
}
.list-outside{ padding: 1% 0;height:97%;background:url(../images/icon-35.png) center center;overflow: hidden;}
/*common-end*/

/*header*/
.navigation{ z-index: 800; }
.header{ z-index: 1000;position: relative;}
.header .subject{ position: absolute;width: 94.8%;top: 50px;margin:0 2.6%;}
.header .subject.open-header{ position: fixed;}
.logo{margin-top:9px;width:170px;height:60px;background: url(../images/logo.png) no-repeat center center;}
.header .logo_title{display:none}
.btn-toggle-menu { transition: color 1.2s ease;position: relative;display: block;width:90px;height:90px;}
.btn-toggle-menu .line{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.btn-toggle-menu .line i{ transition: all 1.2s ease;display: block;width:28px;height:3px;background-color: #fff;margin: 3px 0;}
.btn-toggle-menu .icon{ transition: color 1.2s ease,opacity 1.2s ease,visibility 1.2s ease; position: absolute;top:0;left:0;display: block;width:100%;height:100%;}
.btn-toggle-menu:hover .line i{ background-color: #3399ff;}
.btn-toggle-menu .open-icon{background: url(../images/icon-02.png) no-repeat center center;}
.btn-toggle-menu:hover .open-icon{ background: url(../images/icon-03.png) no-repeat center center;}
.btn-toggle-menu .close-icon{ opacity: 0;visibility: hidden;z-index: 0;}
.btn-toggle-menu.open .open-icon{ opacity: 0;visibility: hidden;}
.btn-toggle-menu.open .close-icon{ opacity: 1;visibility: visible;z-index: 100;background: url(../images/icon-04.png) no-repeat center center;}
/*.btn-toggle-menu.open .line i:nth-of-type(1){ transform:rotate(127deg);position: absolute;top:0;left:0;}
.btn-toggle-menu.open .line i:nth-of-type(2){ opacity: 0;visibility: hidden;}
.btn-toggle-menu.open .line i:nth-of-type(3){ transform:rotate(50deg);position: absolute;top:0;left:0;}*/
.btn-toggle-menu.open .line{ opacity: 0;visibility:hidden;}
.btn-toggle-menu.open .line i{ width:0;}
.btn-toggle-menu.open .line i:nth-of-type(1){ transition-delay: .4s;}
.btn-toggle-menu.open .line i:nth-of-type(2){ transition-delay: .8s;}
.btn-toggle-menu.open .line i:nth-of-type(3){ transition-delay: 1.2s;}
.close-menus{ transition: all .4s ease;opacity: 0;visibility:hidden;width:22px;height:22px;display: block;background: url(../images/close.png) no-repeat center center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.btn-toggle-menu.open .close-menus{ opacity: 1;visibility:visible;}
.btn-toggle-menu.open:hover .close-menus{ background: url(../images/b-close.png) no-repeat center center;}
.btn-toggle-menu.open:hover .close-icon{ background: url(../images/icon-05.png) no-repeat center center;}
.btn-toggle-menu .icon{ animation:rotates 8s linear infinite;}
@keyframes rotates{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.menu-content{ display: none;background-color:#041528;background-size: cover;position: fixed;top:0;left:0;width:100%;height:100%;}
.menu-content-wrap{ position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);min-height: 440px;min-width: 1090px;}
.menu-content-nav{ position: relative;width:100%;text-align: center;}
.corner{ transition: all 1.2s ease;position: absolute;}
.corner i{ position: relative;}
.menu-content-wrap .corner-top-left,
.menu-content-wrap .corner-bottom-left{ transform: translate(-50px);}
.menu-content-wrap .corner-top-right,
.menu-content-wrap .corner-bottom-right{transform: translate(50px);}
.menu-content-wrap .corner.show{ visibility:visible;transform: translate(0);}
.menu-content-wrap .corner.show i:after,
.menu-content-wrap .corner.show i:before{ opacity: .4;}
.corner-top-left{ left:0;top:0;}
.corner-top-right{ right:0;top:0;}
.corner-bottom-left{ left:0;bottom:0;}
.corner-bottom-right{right:0;bottom:0;}
.menu-content-wrap .corner i:after,
.menu-content-wrap .corner i:before{ transition: all 1.2s ease;opacity: 1;}
.corner-top-left i:after{ content:"";position: absolute;top:10px;left:-10px;display: block;width:52px;height:2px;background-color: #505c69;}
.corner-top-left i:before{ content:"";display: block;position: absolute;left:0;top:0;width:2px;height:52px;background-color: #505c69;}
.corner-top-right i:after{ content:"";position: absolute;top:10px;right:-10px;display: block;width:52px;height:2px;background-color: #505c69;}
.corner-top-right i:before{ content:"";display: block;position: absolute;right:0;top:0;width:2px;height:52px;background-color: #505c69;}
.corner-bottom-left i:after{ content:"";position: absolute;bottom:10px;left:-10px;display: block;width:52px;height:2px;background-color: #505c69;}
.corner-bottom-left i:before{ content:"";display: block;position: absolute;left:0;bottom:0;width:2px;height:52px;background-color: #505c69;}
.corner-bottom-right i:after{ content:"";position: absolute;bottom:10px;right:-10px;display: block;width:52px;height:2px;background-color: #505c69;}
.corner-bottom-right i:before{ content:"";display: block;position: absolute;right:0;bottom:0;width:2px;height:52px;background-color: #505c69;}
.menu-links .item>a{ transition: all 1.2s ease;z-index: 60;position: relative;display: inline-block;}
.menu-links .item>a:after{ transition: all 1.2s ease;content:"";display: block;position: absolute;left:0;bottom:8px;width:0;height:2px;background-color: #3399ff;}
.menu-links .item>.on:after{ width:100%;}
.menu-links .item>.on p,
.menu-links .item>.on p span{ color:#3399ff !important;}
.menu-links .nav_text{ transition: all 1.2s ease;font-size:26px;color:#fff;line-height: 70px;letter-spacing: 1px;}
.menu-links .item>a p{ transition: all 1.2s ease;overflow: hidden;white-space: nowrap;font-size:26px;color:#fff;line-height: 70px;letter-spacing: 1px;}
.menu-links .item>a p span{ transition: opacity .25s;}
.menu-links .each-line{ display: block;animation:textShow .6s forwards;}
.menu-links .hover{ transition: all 1.2s ease;opacity: 0;position: absolute;left:0;top:0;width: 0; overflow: hidden;white-space: nowrap;font-size: 26px;color: #3399ff;line-height: 70px;letter-spacing: 1px;}
.menu-links .level{ display: none;}
.menu-links .level a{ transition: all 1.2s ease;font-size: 16px;color:#fff;line-height: 40px;letter-spacing: 1px;}
.menu-links .item>a:hover .hover{ width:100%;opacity: 1;background-color: #041528;}
@keyframes textShow{
	from{
		width:0px;
	}
	to{
		width:100%;
	}
}
.menu-links .level a:hover{ color:#3399ff;}


/*header-end*/


/*index*/
.index-banner-box{overflow: hidden;}
.hero-circle{
	position: absolute;z-index: 10;display: block;
	top:50%;left:50%;
	-webkit-transform:scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	border: 1px dashed #fff;
	-webkit-border-radius:50%;
	border-radius: 50%;
	visibility: hidden;
	-webkit-animation: circlefade 6s ease  infinite running;
	animation: circlefade 6s ease  infinite running;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

@keyframes circlefade{
	form{
		opacity: .8;visibility: hidden;
		transform: scale(.3);
	}
	to{
		opacity: 0;visibility: visible;
		transform: scale(1);
	}
}
@-webkit-keyframes circlefade{
	form{
		opacity: .8;visibility: hidden;
		transform: scale(.3);
		-webkit-transform: scale(.3);
	}
	to{
		opacity: 0;visibility: visible;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
.hero-circle-wrap{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.hero-circle{margin-top: -840px;margin-left: -840px;}
.hero-circle-wrap .hero-circle-01{ animation-delay:0s;width:1680px;height:1680px;}
.hero-circle-wrap .hero-circle-02{ -webkit-animation-delay:1.33s;animation-delay:1.33s;width:1680px;height:1680px;}
.hero-circle-wrap .hero-circle-03{ -webkit-animation-delay:2.66s;animation-delay:2.66s;width:1680px;height:1680px;}
.hero-circle-wrap .hero-circle-04{ -webkit-animation-delay:4s;animation-delay:4s;width:1680px;height:1680px;}
.slick-pic img{ width:100%;}
.slick-cont{text-align: center;z-index: 100;position: absolute;}
.slick-cont h1{ margin-bottom: 30px;font-family: "FoundrySterlingExtraBold";font-size: 90px;line-height: 90px;color:#fff;letter-spacing: 19px;}
.slick-cont h2{ margin-bottom: 88px;font-size: 24px;line-height: 60px;color:#fff;letter-spacing: 10px;}
.common-more{ transition: all 1.2s ease;font-family: "FoundrySterlingMedium";letter-spacing: 1px;position: relative;display: block;width:50px;height:30px;line-height: 30px;background-color: #3399ff;color:#fff;font-size:12px;}
.common-more:before{ content: "";position: absolute;top:0;left:-13px;display: block;width:14px;height:30px;background:url(../images/icon-27.png) no-repeat center center;}
.common-more:after{ content:"";position: absolute;top:0;right:-13px;display: block;width:14px;height:30px;background:url(../images/icon-26.png) no-repeat center center;}
.slick-middle .slick-cont{bottom:35px;left:70%;}
.slick-left .slick-cont{ text-align:center;width:38%;bottom:35px;left:66%;}
.slick-left1 .slick-cont{ text-align:center;width:38%;bottom:35px;left:80%;}
.slick-left .slick-more{ margin:inherit;text-align: center;}
.siick-more span { opacity: 1; transition: opacity .025s;}
.slick-left h1{ letter-spacing: 1px;font-size: 60px;line-height: 70px;margin-bottom: 0;}
.slick-left h2{ margin-bottom: 50px;}
.slick-left .hero-circle-wrap{ display: none;}
.slick .slick-arrow{ transition: all 1.2s ease;overflow: hidden;border:3px solid rgba(51,153,255,0);border-radius:50%;width:44px;height:44px;text-indent:-9999999px;background:none;position:absolute;bottom:40px;z-index: 100;}
.slick .slick-prev{ right:104px;}
.slick .slick-next{ right:50px;}
.slick .slick-arrow:before{ transition: all 1.2s ease;;cursor: pointer;content:"";display: block;width:32px;height:32px;border:0px solid #fff;border-radius:50%;position: absolute;top:2px;left:2px;}
.slick .slick-arrow:after{ transition: all 1.2s ease;cursor: pointer;content:"";display: block;width:14px;height:10px;position: absolute;top:50%;left:50%;margin-top: -5px;margin-left:-7px;}
.slick .slick-prev:after{ overflow: hidden;background:url(../images/icon-28.png) no-repeat 0 0;}
.slick .slick-next:after{ overflow: hidden;background:url(../images/icon-28.png) no-repeat -29px 0;}
.slick .slick-prev:hover:after{ animation:slickprev 1s linear infinite; }
.slick .slick-next:hover:after{ animation:slicknext 1s linear infinite; }
@keyframes slickprev{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-40px);
	}
	51%{
		transform: translateX(40px);
		opacity: 0;
	}
	52%{
		opacity: 1;
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes slicknext{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(40px);
	}
	51%{
		transform: translateX(-40px);
		opacity: 0;
	}
	52%{
		opacity: 1;
	}
	100%{
		transform: translateX(0);
	}
}

.commom-msg-module{ padding-top: 70px;padding-bottom: 58px;text-align: center;background:url(../images/icon-35.png) center center; }
.commom-msg-module h4{ font-size: 40px;color:#3399ff;letter-spacing: 2px;}
.commom-msg-module p{ margin-bottom: 37px;font-size: 18px;line-height: 44px;color:#333;letter-spacing: 8px;}
.banner-arrows{ position: absolute;bottom:27px;right:40px;z-index: 100;}
.banner-load{ position: absolute;left: -62.6px;top: -65.4px;transform: rotate(-90deg);}
.banner-loadding{stroke-width:4;stroke-linecap:round;stroke:#3399ff;animation: dash 6.8s linear infinite;}
@keyframes dash {
   0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 130, 200;
      stroke-dashoffset: -50;
    }
    100% {
      stroke-dasharray: 130, 200;
      stroke-dashoffset: -188;
    }
}


@media only screen and ( max-width:1700px){
	/*.hero-circle-04{ display: none;}*/
	.hero-circle{margin-top: -650px;margin-left: -650px;}
	.hero-circle-wrap .hero-circle-01{ width:1300px;height:1300px;}
	.hero-circle-wrap .hero-circle-02{ -webkit-animation-delay:1.33s;animation-delay:1.33s;width:1300px;height:1300px;}	
	.hero-circle-wrap .hero-circle-03{ -webkit-animation-delay:2.66s;animation-delay:2.66s;width:1300px;height:1300px;}	
	.hero-circle-wrap .hero-circle-04{ -webkit-animation-delay:4s;animation-delay:4s;width:1300px;height:1300px;}		
}
@media only screen and ( max-width:1600px ){
	.sub-bg-img .cont{ width:60%;}
	.process-cols .process-box{ width:85%;}
}
@media only screen and ( max-width:1440px ){

	.about-wrap .container{ margin: 70px auto;}
	.grid-news li{ margin-bottom: 70px;}
	.n-grid-box{ padding-top: 70px;}
	.innovation .i-sub-box{ padding:70px 0;}
	.slick-left .slick-cont{ width:45%;}
	.home-product-module article h3{ line-height: 40px;}
	.slick-middle h1{ font-size: 70px;line-height: 70px;letter-spacing: 12px;}
	.slick-middle h2{ margin-bottom: 70px;}
	.technology-intro-data{ margin:80px 0 40px 0;}
	.t-paragraph h4{ font-size: 36px;}
	.t-partner-list{ width:90%;}
	.facility-msg{ padding:60px 0;}
	.facility-msg p{ line-height: 36px;}
	.facility-lists h1{ margin-bottom: 30px;}
	.facility-lists a{ padding:0 20px;}


}
@media only screen and (max-width:1366px){

	.sub-bg-img .cont h2{ line-height: 50px;}
	.sub-bg-img .cont h3{ font-size: 50px;line-height: 60px;}
	.sub-bg-img .cont p{ margin-top: 30px;}
	.n-grid-box .grid-news{ width:92%;}
	.user-col article{ padding-left: 14%;width:66%;}
	.process-cols .process-box{ width:90%;}
	.process-cols .process-rows{ width:520px;}
	.process-cols .process-info{ width:370px;}
	.slick-left h1{ font-size: 50px;line-height: 60px;}
	.slick-middle h1{ letter-spacing: 1px;line-height: 50px;}
	.slick-middle h2{ margin-bottom: 60px;}
	.home-product-module article{ width:50%;}
	.innovation-cols article{ width:78%;}
	.grid-news h2{ margin-bottom: 20px;}
	
}
@media only screen and ( max-width:1200px ){
	.footer .subject{ width:94%;}
	.w1200{width:94%}
	.job-list article{ width:33.33333%;}
	.user-col article{ padding-left:10%;width:80%;}
	.user-col h4{ margin-bottom: 13px;}
	.user-col h5{ margin-bottom: 25px;}
	.user-col article p{ margin-bottom: 6px;}
	.process-cols .process-rows{ width:50%;}
	.process-cols .process-info{ width:65%;}
	.slick-middle .slick-cont{bottom:35px;}
	.home-product-module article{ width:77%;}
	.slick-left .slick-cont{ width:56%;bottom:35px;}
	.facility-sub .facility-txt{ width:80%;}
	.facility-lists{ padding-top: 40%;}
	/*.hero-circle-03{ display: none;}*/


	.hero-circle{ -webkit-animation: circlefade 5s ease  infinite running; animation: circlefade 5s ease  infinite running;margin-top: -550px;margin-left: -550px;}
	.hero-circle-wrap .hero-circle-01{ width:1100px;height:1100px;}
	.hero-circle-wrap .hero-circle-02{ -webkit-animation-delay:1.33s;animation-delay:1.33s;width:1100px;height:1100px;}	
	.hero-circle-wrap .hero-circle-03{ -webkit-animation-delay:2.66s;animation-delay:2.66s;width:1100px;height:1100px;}	
	.hero-circle-wrap .hero-circle-04{ -webkit-animation-delay:4s;animation-delay:4s;width:1100px;height:1100px;}			
}
@media only screen and ( max-width:1100px ){
	.facility-sub .facility-txt{ left:5%;width:93%;}
	.facility-slide-txt{ padding-left: 5%;padding-right: 8%;}
}
@media only screen and ( max-width:1024px ){
	.btn-toggle-menu.open:hover .close-menus{ background: url("images/close.png") no-repeat center center;}
	.sub-bg-img .pic:before{ padding-top: 46%;}
	.grid-news li{ width:50%;}

	.grid-news li{ margin-bottom: 45px;}
	.n-grid-box{ padding-top: 45px;}
	.grid-news .box-info{ margin:0;}
	.header .subject{top:30px;margin:0 5.5%;width:89%;}
	.logo{ margin-top: 21px;}
	.footer{padding:30px 0; }
	.slide-left{ display: none;}
	.f-links{ text-align: center;}
	.m-slide-msg{ display: block;text-align: center;margin-top: 16px;}
	.f-message strong, .f-message p{ text-align: center;margin-bottom: 8px;}
	.slide-right{ float: none;}
	.f-message{ margin-top: 20px;}
	.n-content{ width:auto;margin:0 20px;}

	.about-wrap .container{ width:auto;margin:40px 20px 75px 20px;}
	.user-col{ padding-top: 0;}
	.user-col .pic{ position: inherit;top:inherit;width:100%;}
	.user-col:nth-child(2n-1) .pic{ left:inherit;}
	.user-col .user-cont{ position: inherit;top:inherit;width:100%;}
	.user-col:nth-child(2n-1) .user-cont{ right:inherit;}
	.user-col article{ position: inherit;top:inherit;transform: translateY(0);padding: 20px 0;width:auto;margin:0 20px;}
	.process-cols .process-box{ width:auto;}
	.process-cols .process-rows{ width:100%;}
	.process-cols{ padding:0;}
	.process-right{ padding: 10px 0;background-color: #e7e7e9;}
	.process-rows .process-info-basic{ padding: 30px 0;}
	.process-right .process-info-basic{background: url(images/icon-35.png) center center;}
	.process-outside:nth-child(2n){ padding:0;background-color: inherit;}
	.process-outside:nth-child(2n) .process-cols{ background: inherit;}
	.process-cols:nth-child(2n){ background: #fff;background-image: inherit;}
	.process-cols figure{ display: block;margin:0 20px;}
	.process-cols .process-info{ width:auto;margin:0 20px;}
	.process-info h4{ line-height: 26px;margin-bottom: 4px;margin-top: 12px;}
	.innovation .i-sub-box{ padding:40px 0;}
	.innovation .i-sub-txt{ widht:auto;margin:0 20px;}
	.innovation-cols{ padding-top: 0;}
	.innovation-cols figure{ position: inherit;top:inherit;width:100%;}
	.innovation-cols:nth-child(2n-1) figure{ right:inherit;}
	.innovation-cols .i-cont{ position: inherit;top:inherit;width:100%;}
	.innovation-cols:nth-child(2n) .i-cont{ right:inherit;}
	.innovation-cols:nth-child(2n-1) article,
	.innovation-cols:nth-child(2n) article{ position: inherit;left:inherit;right:inherit;top:inherit;transform: translateY(0);}
	.innovation-cols article{ width:auto;margin:0 20px;padding:20px 0;}
	.innovation-cols h4{ font-size: 16px;font-weight: bold;}
	.innovation-cols .i-icon{ margin-bottom: 12px;}
	.innovation-cols h4{ margin-bottom: 4px;}
	.innovation-cols article p{ line-height: 26px;}
	.innovation .i-sub-txt p{ line-height: 26px;}
	.innovation-cols{ background-color: #fff;}
	.innovation-cols.action .i-bg,
	.user-col .user-bg,
	.home-product-module .pro-bg{ display: none;}
	.home-product-module .cols{width:100%;}
	.home-product-module .cont{}
	.home-product-module article{ padding:20px 0;opacity: 1;position: inherit;left:inherit;top:inherit;transform: translateY(0) translateZ(0);width:auto;margin:0 20px;}
	.home-product-module article h3{ font-size: 16px;color:#333;margin-top: 10px;margin-bottom: 0;line-height: 30px;font-weight: bold;}
	.home-product-module article p{ font-size: 14px;color:#333;line-height: 26px;}
	.home-product-module .gray-icon{ display: block;}
	.home-product-module .white-icon{ display: none;}
	.commom-msg-module{ padding-top: 40px;padding-bottom: 50px;}
	.commom-msg-module h4{ font-size: 36px;}
	.commom-msg-module p{ font-size: 18px;letter-spacing: 4px;line-height: 30px;margin-bottom: 20px;}
	.technology-intro{ width:auto;margin:0 20px 70px 20px;}
	.t-paragraph{ width:auto;margin:0 20px;padding:40px 0;}
	.technology-intro-data{ margin:40px 0;}
	.t-paragraph h4{ font-size: 28px;line-height: 36px;}
	.t-paragraph h5{ font-size: 20px;line-height: 50px;letter-spacing: 4px;margin-bottom: 16px;}
	.t-partner-list{ width:auto;}
	.t-partner h4{ margin: 0 20px;}
	.t-partner li{ width:30.33333%;margin-left: 3%;}
	.facility-box{ width:auto;margin:0 20px;}
	.facility-slide-txt{ padding: 40px 0 0 0;float: none;width:100%;margin-top: 0;}
	.facility-slide-img{ width:100%;}
	.facility-slide-img img{ width:320px;margin:auto;}
	.facility-slide-txt h4{ margin-bottom: 15px;}
	.facility-msg{ padding: 40px 20px; width:auto;}
	.facility-cont{ padding-top: 0;}
	.facility-cont-img{ position: inherit;left:inherit;top:inherit;width:100%;}
	.facility-sub{ position: inherit;top:inherit;right:inherit;width:100%;}
	.facility-sub .facility-txt{ position: inherit;top:inherit;left:inherit;width:auto;margin:0 20px;padding: 40px 0;}
	.facility-lists a{ position: inherit;top:inherit;transform: translateY(0);}
	.facility-lists{ padding-top: 0;}
	.facility-lists .facility-slick{ position: inherit;top:inherit;left:inherit;}
	.facility-lists .animated-img{ opacity: 1;transform: translateX(0) translateZ(0);}
	.facility-lists .slick-dots { position: absolute;left:0;bottom:10px;width:100%;text-align: center;}
	.facility-lists .slick-dots li{ display: inline-block;}
	.facility-lists .slick-dots button{ display: inline-block;border:none;background-color: #3399ff;width:14px;height:14px;border:3px solid #fff;padding: 0;margin:0 5px;border-radius:50%;text-indent:-99999999px;}
	.facility-lists .slick-active button{ border-color:#3399ff;}
	.facility-lists a{ margin:60px 0;}
	.facility-lists h1{ margin-bottom: 20px;margin-top: 10px;}
	.facility-msg p{ line-height: 30px;}
	.facility-lists h1{ font-size: 22px;letter-spacing: 2px;}
	.facility-lists p{ line-height: 28px;}
	.facility-sub .facility-txt p{ line-height: 28px;}
	.facility-sub .facility-txt h4{ margin-bottom: 12px;}
	.news-details .m-header .logo{ background-color: #fff;}
	.m-header{ position: fixed;top:0;left:0;width:100%;z-index: 400;}
	.m-header .subject{ top:0;width:100%;margin: 0;}
	.m-header .logo{ position: relative;margin-top: 0;width: 50px;height: 50px;background-color: #041528;}
	.m-header .white-logo,
	.m-header .blue-logo{ transition: all 1.2s ease;width:33px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
	.m-header .white-logo{display: none;}
	.m-header .mf-logo{display: block;margin: 10px;width: 30px;height: 30px;}
	.m-header .btn-toggle-menu{ transition: opacity 1.2s ease;;float: left;width:50px;height:50px;background-color: #3399ff;}
	.m-header .btn-toggle-menu .line i{ background-color: #fff;}
	.menu-links{ margin-top: 66px;}
	.menu-links .item>a p,
	.menu-links .hover,
	.menu-links .nav_text{ font-size: 18px;line-height: 50px;}
	.menu-content-wrap{ min-width: 780px;}
	.n-links a{ display: none;}
	.pc-bgimg,
	.more-btn{ display: none;}
	.mobile-bgimg{ display: block;}
	.hero-circle{margin-top: -400px;margin-left: -400px;}
	.hero-circle-wrap .hero-circle-01{ width:800px;height:800px;}
	.hero-circle-wrap .hero-circle-02{ -webkit-animation-delay:1.33s;animation-delay:1.33s;width:800px;height:800px;}	
	.hero-circle-wrap .hero-circle-03{ -webkit-animation-delay:2.66s;animation-delay:2.66s;width:800px;height:800px;}	
	.hero-circle-wrap .hero-circle-04{ -webkit-animation-delay:4s;animation-delay:4s;width:800px;height:800px;}	
	.t-slick-box .corner-top-left.action, .t-slick-box .corner-bottom-left.action,
	.t-slick-box .corner-top-right.action, .t-slick-box .corner-bottom-right.action{ opacity: .6;}
	.n-grid-box .grid-news{ width:auto;margin:0 20px;}
	.technology-intro-data .items{ text-align: center;}
	.sub-bg-img .cont h3{ font-size: 40px;line-height: 50px;}



}
@media only screen and ( max-width:990px){
	.t-slick-box .corner { display: none;}
	.t-slick-pic{ max-width: 100%;}
	.t-slick-pic img{ width: 100%;}

	.t-time{ display: none;}
	.t-slick-box .slick-arrow:after,
	.t-slick-box .slick-arrow:before{ display: none;}
	.t-slick-box .slick-arrow{ top:50%;background-color: transparent;width: 32px;height: 32px;}
	.t-slick-box .slick-prev{ background: url(images/left.png) no-repeat center center;}
	.t-slick-box .slick-next{ background: url(images/right.png) no-repeat center center;}
	.t-slick-box{ padding: 60px 0 0 0;}
	.t-slick-pic img{ position: inherit;top:inherit;left: inherit;transform: translate(0,0);}
	.t-slick-pic{ min-height: inherit;}
	.t-slick-title{ height: 150px;overflow: hidden;}
	.w3layouts_mail_grid_left {float: left;width: 50%;}
	
}
@media only screen and ( max-width:768px ){
	
	.sub-bg-img .cont p{ font-size: 20px;letter-spacing: 6px;}
	.sub-bg-img .cont{ width:80%;}
	.sub-bg-img .pic:before{ padding-top: 70%;}
	.menu-content-wrap{ min-width: 630px;}
	.hero-circle{margin-top: -350px;margin-left: -350px;}
	.hero-circle-wrap .hero-circle-01{ width:700px;height:700px;}
	.hero-circle-wrap .hero-circle-02{ -webkit-animation-delay:1.7s;animation-delay:1.7s;width:700px;height:700px;}	
	.hero-circle-wrap .hero-circle-03{ -webkit-animation-delay:3.4s;animation-delay:3.4s;width:700px;height:700px;}	
	.hero-circle-wrap .hero-circle-04{ display: none;}		
	.w3layouts_mail_grid_left {float:left;width: 50%;}

}
@media only screen and ( max-width:468px ){
	.logo{ margin-top: 21px;}
	.logo img{height: 16px;}
	.sub-bg-img .pic:before{ padding-top: 141%;}
	.btn-toggle-menu{ width:60px;height:60px;}
	.btn-toggle-menu .open-icon,
	.news-details .btn-toggle-menu .open-icon,
	.btn-toggle-menu.open .close-icon{ background-size: 60px !important;}
	.btn-toggle-menu .line i{ width:20px;height:3px;}
	.grid-news li{ width:100%;}
	.sub-bg-img .cont h2{ font-size: 16px;letter-spacing: 4px;line-height: 26px;}
	.sub-bg-img .cont h3{ font-size: 25px;line-height: 38px;}
	.sub-bg-img .cont p{ margin-top: 14px;font-size: 16px;letter-spacing: 3px;}
	.grid-news time{ margin-top: 10px;}
	.grid-news h2{ margin-bottom: 10px;}
	.p-back-top{ display: none;}
	.m-back-top{ text-align: center;display: block;float: none;position: absolute;right:20px;}
	.m-back-top span{ display: block;margin-left: 0;margin-bottom: 7px;}
	.f-content{ position: relative;width:auto;margin:0 20px;}
	.t-hybr{ font-size: 14px;}
	.f-basic{ padding:21px 0 14px 0;}
	.f-msg{ margin-top: 0;max-width: 270px;}
	.f-msg p{ font-size: 14px;margin-left: 0;margin-top: 9px;}
	.n-content{ padding-top: 135px;padding-bottom: 28px;}
	.n-title time{ margin-bottom: 0;}
	.n-title h1{ font-size: 16px;line-height: 26px;margin-bottom: 23px;}
	.n-links{ width:150px;height:150px;text-align: right;}
	.n-main p{ line-height: 26px;word-break:break-all;}
	.n-foot{ margin-top: 36px;}
	.job-list article{ width:100%;}
	.job-list .text-box{ padding:0 7%;width:86%;}
	.job-list .title{ padding-top: 24px;}
	.job-list .title p{ padding-top: 0;}
	.job-list .title h4{ font-size: 16px;}
	.job-list .sites{ bottom:28px;}
	.about-box h4{ margin-bottom: 45px;}
	.user-col h4{ font-size: 16px;font-weight: bold;margin-bottom: 6px;line-height: 28px;}
	.user-col h5{ line-height: 26px;margin-bottom: 10px;}
	.technology-intro-data .number{ width:60px;height:60px;}
	.technology-intro-data .number span{ font-size: 18px;margin-left: 5px;}
	.technology-intro-data .number em{ font-size: 18px;}
	.technology-intro-data .title{ display: block;margin-left: 0;margin-top: 15px;}
	.t-partner li{ width:50%;margin-left: 0;}
	.t-partner li img{ width: 170px;}
	.technology-intro-text h4,
	.technology-intro-text p{ line-height: 28px;}
	.t-paragraph h6{ line-height: 28px;margin-bottom: 30px;}
	.t-paragraph p{ line-height: 28px;}
	.technology-intro{ margin-bottom: 35px;}
	.t-partner{ padding-top: 40px;padding-bottom: 0;}
	.t-partner ul{ margin-top: 28px;}
	.t-time{ font-size: 16px;}
	.t-slick-title h4{ font-size: 24px;}
	.t-slick-title{ margin:0 20px;}
	.t-slick-box .corner i:before{ width:1px;height:26px;}
	.t-slick-box .corner i:after{ width:26px;height:1px;}
	.t-slick-box .slick-prev{ top:65%;left:6%;}
	.t-slick-box .slick-next{ top:65%;right:6%;}
	.t-slick-box{ padding-top: 40px;padding-bottom: 0;}
	.t-time-prev,
	.t-time-next{ bottom:18%;}
	.facility-slide-img img{ max-width: 100%;}
	.facility-slide-txt p{ margin-bottom: 6px;}
	.slick .slick-arrow{ visibility: hidden;opacity: 0;}
	.slick-left .slick-cont{bottom:50px;width:90%;left:0;}
	.slick-middle h1,
	.slick-left h1{ font-size: 30px;line-height: 34px;margin-bottom: 16px;}
	.slick-cont h2{ font-size: 18px;line-height: 30px;letter-spacing: 4px;margin-bottom: 42px;}
	.slick-middle .slick-cont{display:none}
	.menu-content-wrap{ min-height:370px;min-width: 280px;}
	.corner i:before{ width:1px;height:26px;}
	.corner i:after{ width:26px;height:1px;}
	.banner-arrows{ display: none;}
	.slick-left .slick-more,
	.slick-middle .slick-more{ display: none;}
	.home-product-module .gray-icon{ width:55px;}
	.innovation-cols .i-icon,
	.process-cols figure img{ width:45px;}

	.hero-circle{ -webkit-animation: circlefade 3.6s ease  infinite running; animation: circlefade 3.6s ease  infinite running;margin-top: -175px;margin-left: -175px;}
	.hero-circle-wrap .hero-circle-01{width:350px;height:350px;}
	.hero-circle-wrap .hero-circle-02{ -webkit-animation-delay:1.8s;animation-delay:1.8s;width:350px;height:350px;}	
	.hero-circle-wrap .hero-circle-03{ display: none;}
	
}
@media only screen and ( max-width:320px ){
	.sub-bg-img .cont h3{ font-size: 22px;}
	.f-msg{ max-width: 220px;}
	.commom-msg-module h4{ font-size: 32px;}
	.t-partner li img{ width:140px;}
	.hero-circle{margin-top: -135px;margin-left: -135px;}
	.hero-circle-wrap .hero-circle-01{width:270px;height:270px;}
	.hero-circle-wrap .hero-circle-02{ -webkit-animation-delay:1.2s;animation-delay:1.2s; width:270px;height:270px;}
}