/*css*/

@import "grid.css";

@import "alimaofade.css";

/*header*/

header{width:100%;position:relative; left:0; top:0; padding:5px 0; display:block;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}

.stuck_container{position:fixed;float:left;margin:0 auto;width:100%; left:0; top:0; right:0; background:rgba(0,0,0,0.8); z-index:50000;}

header h1{float:left; width:295px; margin-left:28px;display:inline-block}

header h1 a{display:block;padding-top:5px; padding-bottom:5px}

.header-in{position: absolute; bottom:-20px; width:100%; height:20px; display:block}

/* Menu */

nav{float:right; margin-top:15px; display:inline-block}

#m_menu{display:none}

.sf-menu > li{float:left;margin-right:10px;display:inline-block;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}

.sf-menu > li:last-child{margin-right:0}

.sf-menu a{font-size:16px;padding:5px 20px; color:#e1e1e1;display:block}

.sf-menu li.current > a,.sf-menu > li:hover a{color:#005bac}

.top-tel{float:right; margin:18px 30px 0; display:inline-block}

.top-tel span{position:relative;width:27px; height:27px; background:url(../images/nav-button.png) no-repeat; display:inline-block}

.top-tel span.english{margin-left:10px; background-position: -40px 0}

.top-tel span a{width:100%; height:100%;display: inline-block}

.top-tel span.tel a{position:absolute; width:120px; top:-80px; left:-30px; font-size:16px; z-index:1; color:#fff; opacity:0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.top-tel span.tel:hover{cursor: pointer}

.top-tel span.tel:hover a{opacity:1;top:-25px;}

/*banner*/
.banner,.slider{position:relative; width:100%; overflow:hidden}

.banner .bx-wrapper{margin:auto}

.banner .bx-wrapper .bx-pager,.banner .bx-wrapper .bx-controls-auto {position: absolute;bottom: 20px; z-index:999;width: 100%;}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffc000;}

.bxslider > div{max-width:100%; width:100%; min-height:100%; color:#fff; position:relative; text-align:center; display:block; overflow:hidden}

.bxslider > div > img{position:absolute;left:50%; display:block; margin-left:-960px; top:50%; margin-top:-475px; min-height:100%; max-width:none; min-width:100%;width:auto\9}

.bxslider > div .banner_text { position:absolute; width:760px; left:50%; top:50%; margin-left:-380px; margin-top:-110px; text-align:left; z-index:999}

.text-box [class*="grid_"] {display:inline-block}

.text-box span{font-size:64px;font-family:Arial, sans-serif; line-height:64px;overflow:hidden; display:inline-block}

.text-box h3 {font-size:70px; line-height:72px}
.bxslider > div:nth-child(1) .banner_text{margin-left:-230px}
.bxslider > div:nth-child(1) .banner_text .text-box h3{ float:left; display:inline-block;font-size:100px; padding-right:20px; line-height:100px; font-weight:bold; color:#005bac;/*overflow: inherit*/}
.bxslider > div:nth-child(1) .banner_text .text-box span{ font-size:36px; margin-top:5px; margin-left:10px;padding-right: 10px; line-height:36px;/*overflow: inherit*/}
.banner_text p{padding-left:30px; font-family:Arial, sans-serif; font-size:42px; color:#eee; margin-top:20px; display:block}
.bxslider > div:nth-child(1) .banner_text .text-box p{ font-size:58px; line-height:58px; margin-top:0; font-family:Microsoft YaHei; font-weight:bold;/*overflow: inherit*/}

/* Public */

/*img zoom*/

.zoom{overflow:hidden}

.zoom figure img{transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;line-height: 1em; min-height:auto; max-width:100%}

.zoom:hover figure img{-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}

a.rotate img{-o-transition:0.9s;transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}

a.rotate:hover img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}

.hover_line {width: 100%;height: 100%;background: transparent;left: 0%;top:0%;cursor: pointer;position: absolute;opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}

.hover_line::before,.hover_line::after {position: absolute;top: 30px;right: 30px; z-index:1;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition:opacity 0.8s, -webkit-transform 0.8s;-moz-transition:opacity 0.8s, transform 0.8s, -moz-transform 0.8s;-o-transition:opacity 0.8s, transform 0.8s, -o-transform 0.8s;transition:opacity 0.8s, transform 0.8s;transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s, -o-transform 0.8s;}

.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-ms-transform: scale(0,1);-o-transform: scale(0,1);transform: scale(0,1);opacity: 0}

.hover_line::after {border-right: 1px solid;border-left: 1px solid;-webkit-transform: scale(1,0);-moz-transform: scale(1,0);-ms-transform: scale(1,0);-o-transform: scale(1,0);transform: scale(1,0);opacity: 0}

li:hover .hover_line::before,li:hover .hover_line::after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1)}

.block-name{text-align:center}

.block-name h2{font-size:36px; font-weight:bold; margin-bottom:30px}

.block-name big{font-size:22px; color:#777; display:block; margin-bottom:10px}

.block-name .border{ width:40px; height:1px; border-bottom:1px solid #999; display:inline-block}

.block-name p{font-size:16px; color:#777}

.block-name p:before,.block-name p:after{position:relative; top:5px;width:26px; height:23px; margin-right:10px; display:inline-block; }

.block-name p:after{margin-right:0; margin-left:10px;}

.block-name.white h2,.block-name.white big{ color:#131313;}

.block-name.white .border{border-bottom:1px solid #131213}

.block-name.white p{color:#ffe1a6}

.block-name.white p:before {}

.block-name.white p:after {}

.drop-icon {position: absolute; width:120px; bottom:30px; left:50%; z-index:10001; margin-left:-60px; text-align:center }

.drop-icon p{text-align:center; font-size:16px; margin-bottom:20px; color:#005bac}

.drop-icon img{ display:inline-block}

/*about us*/

#page_2 {position:relative;background:#f8f8f8 url(../images/about-bg.jpg) no-repeat center center}

.about-bar {margin-top:8%; margin-bottom:100px; overflow:hidden}

.about-bar li{float:left;width:25%; display:inline-block; text-align:center}

[class*="aicon_"]{display:inline-block; width:40px; height:40px; margin:40px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}

.about-bar li a{display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid #ddd}

.about-bar li a,.about-bar li a [class*="aicon_"],.about-bar li p{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.aicon_jj{background:url(../images/icon_jj.png) no-repeat center 0}

.aicon_lc{background:url(../images/icon_lc.png) no-repeat center 0}

.aicon_td{background:url(../images/icon_td.png) no-repeat center 0}

.aicon_wh{background:url(../images/icon_wh.png) no-repeat center 0}

.aicon_ry{background:url(../images/icon_ry.png) no-repeat center 0}

.about-bar li p{margin-top:20px;line-height:32px; padding-top:2px;font-size:14px; padding-bottom:0}

.about-bar li:hover a{background:#005bac;border:2px solid #005bac}

.about-bar li:hover [class*="aicon_"]{ background-position: center -40px}

.about-bar li:hover p {background: url(../images/about-text-bg.png) no-repeat center 0; color:#fff}

/*service*/

#page_3{position:relative;background:#ecfafe url(../images/service-bg.png) no-repeat center bottom;overflow:hidden}

.service-list{margin:3% auto 8%; text-align:center; overflow:hidden}

.service-list img{ margin:0 auto;display:inline-block}

.service-list h3,.service-list p{font-size:32px; color:#fff; font-weight:bold}

.service-list p{margin-top:20px; font-weight:normal}

.white-slider .bx-wrapper .bx-prev,.white-slider .bx-wrapper .bx-next{width:60px; height:60px}

.white-slider .bx-wrapper .bx-prev {left: 10px;  background: url('../images/service-prev.png') no-repeat 0 0;}

.white-slider .bx-wrapper .bx-next {right: 10px;background: url('../images/service-next.png') no-repeat 0 0;}

.white-slider .bx-wrapper .bx-prev:hover,.white-slider .bx-wrapper .bx-next:hover {background-position: 0 0;}
/************产品类目*************/
.slidegrid {float: left;position: relative;	overflow: hidden;}
.slideitems {width: 20000em;position: absolute;}
.slideitems li {float: left;}
.slideGroup{ width:1200px;}
.slideGroup .parHd{text-align: center; margin-top:20px;}
.slideGroup .parHd ul{float:left;position:absolute;top:-1px;}
.slideGroup .parHd li {height:88px;width:88px;display: inline-table;cursor:pointer;}
.slideGroup .parHd li div{height:68px;width:88px;border:1px solid #ddd;}

.slideGroup .parHd li.on{color:#015BAC;}

.slideGroup .parHd li .feng{ background:#fff url(../images/1.png) no-repeat;}
.slideGroup .parHd li .feng:hover { background:#015BAC url(../images/1-1.png) no-repeat;}
.slideGroup .parHd li .fen{ background:#fff url(../images/2.png) no-repeat;}
.slideGroup .parHd li .fen:hover { background:#015BAC url(../images/2-1.png) no-repeat;}
.slideGroup .parHd li .fu{ background:#fff url(../images/3.png) no-repeat;}
.slideGroup .parHd li .fu:hover { background:#015BAC url(../images/3-1.png) no-repeat;}
.slideGroup .parHd li .si{ background:#fff url(../images/4.png) no-repeat;}
.slideGroup .parHd li .si:hover { background:#015BAC url(../images/4-1.png) no-repeat;}
.slideGroup .parHd li .nei{ background:#fff url(../images/5.png) no-repeat;}
.slideGroup .parHd li .nei:hover { background:#015BAC url(../images/5-1.png) no-repeat;}

.slideGroup .parHd li .deng{ background:#fff url(../images/6.png) no-repeat;}
.slideGroup .parHd li .deng:hover { background:#015BAC url(../images/6-1.png) no-repeat;}
.slideGroup .parHd li .di{ background:#fff url(../images/7.png) no-repeat;}
.slideGroup .parHd li .di:hover { background:#015BAC url(../images/7-1.png) no-repeat;}

.slideGroup .parHd li .ye{ background:#fff url(../images/8.png) no-repeat;}
.slideGroup .parHd li .ye:hover { background:#015BAC url(../images/8-1.png) no-repeat;}


.slideGroup .parBd{padding:30px 0px 0px; height: 480px; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; }
.slideGroup .sPrev{ display:block; width:45px; height:52px; float:left;  margin-top:400px; background: url(../images/prve.jpg) no-repeat; position:absolute; margin-left:500px; z-index: 99;}
.slideGroup .sNext{ display:block; width:45px; height:52px; float:right; margin-top:20px; background: url(../images/next.jpg) no-repeat; margin-right:500px;z-index: 999; position: relative;}
.slideGroup .sMore{ display:block; width:110px; height:52px; line-height:35px; text-align:center; color:#676767; font-size:16px; text-transform:uppercase; float:left;  margin-top:400px; background:url(../images/more.jpg) no-repeat; position:absolute; margin-left:545px; z-index: 99;}
.slideGroup .parBd .tempWrap{ float:left;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1; float:left;  }
.slideGroup .parBd ul li{ margin:15px; float:left; _display:inline; overflow:hidden; text-align:center; width:370px; box-shadow:0 0 10px 5px #d5e1e5;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{height:270px;width: 370px; display:block; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:80px;height:80px; background:#fff; color:#000;}
.slideGroup .parBd ul li .title:hover{ color:#333;}
.slideGroup .parBd ul li .title a{ background:#005bac; color:#fff; padding:8px 30px;}




@media (min-width: 1200px) and (max-width: 1680px) {
.slideGroup{ width:1170px;}
slideGroup .parBd ul{ overflow:hidden; zoom:1; float:left;  }
.slideGroup .parBd ul li{ margin:15px; float:left; _display:inline; overflow:hidden; text-align:center; width:360px; box-shadow:0 0 10px 5px #d5e1e5;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{height:260px;width: 360px; display:block; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:80px;height:80px; background:#fff; color:#000;}
.slideGroup .parBd ul li .title:hover{ color:#333;}
.slideGroup .parBd ul li .title a{ background:#005bac; color:#fff; padding:8px 30px;}
.slideGroup .sPrev{ display:block; width:45px; height:52px; float:left;  margin-top:380px; background: url(../images/prve.jpg) no-repeat; position:absolute; margin-left:485px; z-index: 99;}
.slideGroup .sNext{ display:block; width:45px; height:52px; float:right; margin-top:10px; background: url(../images/next.jpg) no-repeat; margin-right:485px;z-index: 999; position: relative;}
.slideGroup .sMore{ display:block; width:110px; height:52px; line-height:35px; text-align:center; color:#676767; font-size:16px; text-transform:uppercase; float:left;  margin-top:380px; background:url(../images/more.jpg) no-repeat; position:absolute; margin-left:530px; z-index: 99;}

}
/*news*/
#page_4{position:relative;background:url(../images/newsbar-bg.jpg) no-repeat center bottom;overflow:hidden}

.newsbar {margin:5% auto 8%}

.newsbar .grid_4{ border:1px solid #E0E1E1; padding:35px 20px; background:#fff; }
.newsbar .grid_4:hover{ background:#005bac;}

.newsbar .grid_4 h4{font-size:18px; color:#313131; margin-bottom:10px;}
.newsbar .grid_4 p{ font-size:14px; color:#9ea7ad; line-height:24px;margin-bottom:10px;height:96px;}
.newsbar .grid_4:hover h4,.newsbar .grid_4:hover p,.newsbar .grid_4:hover .more{ color:#fff;}

.newsbar .grid_4 .more{ font-size:14px; color:#313131;}


/*LET’S TALK*/

#page_6{position:relative;background:#15120A url(../images/foot_bg.jpg) no-repeat; overflow:hidden}

#page_6 .block-name h2{color:#fff}

#page_6 .block-name big,#page_6 .block-name p{color:#999}

.block-name span,.block-name h3{color:#e1e1e1}

.block-name h3{font-size:30px; margin-top:25px}
.input{ width:260px; height:36px; line-height:36px; background:rgba(255, 255, 255, 0); border:1px solid #fff; margin-bottom:10px; border-radius:20px; padding-left:5px;}
.ddd{width:310px; background:rgba(255, 255, 255, 0); border:1px solid #fff; margin-bottom:10px; border-radius:10px; resize:none;padding-left:5px;}
.button{width:120px; background:rgba(255, 255, 255, 0); color:#fff; margin-right: 5px;border:1px solid #fff;}

/*footer*/

footer{overflow:hidden; background:#1a1b1b;}
footer a{color:#fff;}
.copyright{margin-top:8px; color:#fff; padding:10px 0; font-size:12px;text-align:center}

.copyright span{margin-left:10px}

/*support*/

.support{position: fixed; top:50%; margin-top:-100px; right:0; width:46px; z-index:999}

.support li{height:50px;position:absolute; left:0;}

.support li img{float:left; margin:10px 10px 12px 12px;display:block}

.support li a{display:block; color:#FFF; font-size:14px;line-height:48px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden; background-color:#000;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.support li a:hover{ background-color:#005bac}

.support li.support_tel{width:170px}

.support li.support_tel{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.support li.support_tel:hover{left:-120px}

.support li.icon_share{top:50px;width:60px}

.support li.icon_code{top:98px;width:60px;}

.support li.icon_code i{position:absolute; top:-140px; left:-200px; display: none; width:180px; height:180px; background:url(../images/weixin-1.jpg) no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.support li.icon_code:hover i{display:block}

.support li#toTop{top:146px; width:60px}

.support li#toTop img{width:24px}

/*========================================PAGE============================================*/

.page-block-name {text-align:center; overflow:hidden; margin-bottom:30px}

.page-block-name h3{font-size:42px; line-height:42px; font-weight:bold}

.page-block-name p{font-size:36px; margin-top:20px; font-weight:lighter}

.page-block-name.white p{ color:#E1E1E1}

header.orange{background:#005bac}

header.orange .sf-menu a,header.orange .sf-menu li.current > a,header.orange .sf-menu > li:hover a{ color:#fff}

header.orange .top-tel span{background:url(../images/nav-button-white.png) no-repeat}

header.orange .top-tel span.english{background-position: -40px 0}

/*service*/

.service .page-banner{background:url(../images/service-banner-bg.jpg) no-repeat center 0; padding:160px 0 50px;text-align:center; color:#fff}

.service .page-banner h3{font-size:38px; line-height:38px; font-weight:bold; margin-bottom:20px}

.service .page-banner p{font-size:34px; line-height:34px; color:#e1e1e1}

.service .page-banner .grid_8{float:none; margin:80px auto 10px}

.service .page-banner .grid_2 span{width:174px; height:174px; display:inline-block; background:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; color:#444}

.service .page-banner .grid_2 span i{width:43px; height:43px; margin:50px auto 20px; background:url(../images/icon-jy.png) no-repeat center -45px; display:block;}

.service .page-banner .grid_2 span,.service .page-banner .grid_2 span i{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.service .page-banner .grid_2 h5{font-size:20px}

.service .page-banner .grid_2 span i.sicon-wl{background:url(../images/icon-wl.png) no-repeat center -45px}

.service .page-banner .grid_2 span i.sicon-rz{background:url(../images/icon-rz.png) no-repeat center -45px}

.service .page-banner .grid_2 span i.sicon-xx{background:url(../images/icon-xx.png) no-repeat center -45px}

.service .page-banner .grid_2.curr span,.service .page-banner .grid_2 span:hover{background:#FFCC00; color:#fff}

.service .page-banner .grid_2.curr span i,.service .page-banner .grid_2 span:hover i{background-position: center 0}

.service .summary{font-size:16px; margin:20px 0; line-height:220%; color:#666}

.service .summary hr{border-top:1px solid #ddd; color:#fff; margin-top:40px}

.service .content{font-size:16px; color:#666; padding-bottom:30px}

.service .content p{ margin-bottom:20px}

.service .content h6{font-size:20px; line-height:20px; color:#000; margin-bottom:20px}

.service .content strong{color:#000}

/*join-us*/

.join-us{margin:80px auto 120px; overflow:hidden}

.join-us .block-name h2{font-size:52px; line-height:52px; margin-bottom:30px}

.join-us .block-name big{font-size:45px; margin-bottom:10px; color:#444}

.join-us .slogan{font-size:20px; text-align:center; color:#999}

.join-us .slogan figure{margin:30px auto}

.job-list {background:#f8f8f8; padding:80px 0 20px; font-size:16px; overflow:hidden}

.job-list .grid_2{margin-bottom:30px}

.job-list figure img{position:relative; top:0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.job-list figure:hover img{position:relative; top:-10px}

.job-list h4{font-size:28px; line-height:28px; font-weight:bold; margin:20px auto 5px}

.job-list small{display:block;font-weight:bold}

.job-list p{margin-top:10px; line-height:180%; color:#666}

.join-now {padding:70px 0 100px; text-align:center}

.join-now p{font-size:46px; line-height:46px}

.join-now a{font-size:26px; padding:15px 50px; background:#005bac; color:#fff; display:inline-block; margin-top:30px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.join-now a:hover{ background:#B25900}

/*contact*/

.contact .page-banner{background:url(../images/contact-map.jpg) no-repeat center 0; padding:96px 0;text-align:center; color:#fff}

.contact-logo {position:relative; z-index:1}

.contact-logo img{padding:30px 45px; background:rgba(242,150,0,0.8)}

.contact address{margin:0 auto; width:640px; padding:80px 0; margin-top:-50px; background:rgba(0,0,0,0.3)}

.contact address a{font-size:48px; line-height:48px}

.contact address p{font-size:18px; margin-top:20px; font-weight:bold}

.contact address span{font-size:16px}

.contact h4{font-size:20px; margin:40px 0; padding-bottom:20px; border-bottom:1px solid #ddd}

.contact .grid_4{margin-bottom:60px}

.contact h3{ font-size:24px; line-height:24px; margin-bottom:20px}

.contact .grid_4 p{color:#666}

/*news list*/

.newslist{ margin-bottom:50px}

.column-name{margin-top:40px; padding-bottom:15px; border-bottom:1px solid #ddd; overflow:hidden}

.column-name h2{float:left; font-size:42px; line-height:42px; display:inline-block}

.column-name .location{float:right; margin-top:20px; display:inline-block; color:#005bac}

.newslist .grid_8{float:none; margin:0 auto}

.submenu {margin:20px auto; overflow:hidden}

.submenu li{display:inline-block;}

.submenu li a{color:#666; padding:5px 20px; background:#fff; display: block; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.submenu li a:hover,.submenu li.curr a{background:#005bac; color:#fff}

.recommend-news{margin-top:60px}

.recommend-news h3{position:relative; z-index:1; left:40px;font-size:18px; line-height:18px; font-weight:bold}

.recommend-news h3 span{padding:0 10px; background:#fff; color:#444}

.recommend-news .news-line{position:relative; top:-8px; height:1px; background:#ddd; display:block; overflow:hidden}

.news-scroll li{float:left; width:350px; min-height:340px; background:#F9F9F9;border:1px solid #ccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.news-scroll li:after{ width:100%; height:12px; position:absolute; z-index:1; left:50%; margin-left:-230px; bottom:0; display:block; content: url(../images/news-scroll-li-bg.png);}

.news-scroll li figure{position: relative;height:180px; display:block; overflow:hidden}

.news-scroll li figure img{position:absolute; min-height:100%; min-width:100%; left:0; top:0;}

.news-scroll li h4{margin:20px; margin-bottom:5px;font-size:12px; font-weight:bold; height:14px; line-height:14px; display:block; overflow:hidden}

.news-scroll li p {margin:0 20px; font-size:12px; color:#666; max-height:36px; margin-bottom:10px; display:block; overflow:hidden}

.news-scroll li a{ margin:5px 20px; display:inline-block; padding:1px 20px; border:1px solid #ccc; font-size:12px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.newslist .bx-wrapper .bx-pager{bottom:0; top:-80px; width:140px; display:inline-block; background:#fff; right:60px; height:20px; z-index:2; overflow:hidden}

.newslist .bx-wrapper .bx-pager.bx-default-pager a{ background:#ccc}

.newslist .bx-wrapper .bx-pager.bx-default-pager a:hover,.newslist .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#E56100}

.news-scroll li:hover{background:#E56100}

.news-scroll li:hover h4,.news-scroll li:hover p{ color:#fff}

.news-scroll li:hover a{background:#C84C0B; color:#fff}

.news-scroll li a:hover{ background:#fff; color:#C84C0B}

.infolist .date{float:left; width:82px; padding:20px 0; border:2px solid #78B100;font-family:Impact; display:inline-block}

.infolist .date span{display:block; text-align:center; color:#78B100}

.infolist .date span.day{ margin:0 10px;font-size:42px; line-height:42px; padding-bottom:5px; border-bottom:1px solid #78B100}

.infolist .date span.years{ font-size:16px; margin-top:5px}

.infolist .item{display:block; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ccc; overflow:hidden}

.infolist .detail{float:left; margin-left:50px; color:#999;width:900px}

.infolist .detail figure{float:left; width:220px; max-height:120px; margin-right:30px; overflow:hidden}

.infolist .detail h4{font-size:18px; margin-bottom:15px}

.infolist .detail p{margin-top:15px}

.infolist .share { display:inline-block; margin-left:20px}

.infolist .share .bdshare-button-style2-16 a{margin:0 10px}

.infolist .share .bdshare-button-style2-16 [class*="bds_"]{background:url(../images/icon-share-small.png) no-repeat 0px 0px;}

.infolist .share .bdshare-button-style2-16 .bds_weixin{background-position:-18px 0}

.infolist .share .bdshare-button-style2-16 .bds_qzone{background-position:-34px 0}

.infolist .item:last-child{border:0}

.navigation a{background:#005bac; padding:10px 0; color:#fff; font-size:18px; display:block}

/*About*/

.aboutus .sf-menu a{color:#444}

.aboutus .top-tel span.tel a{color:#005bac}

.orange .top-tel span.tel a{color:#fff}

.company {background: url(../images/company-bg.jpg) no-repeat center 0; -webkit-background-size:100% 100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; padding-top:160px}

.company .grid_10{ float:none; margin:0 auto;}

.company .content {float:none; margin:0 auto; color:#fff; overflow:hidden}

.company .content ul{ margin-left:-15px; margin-bottom:30px; overflow:hidden}

.company .content li{float:left; display:inline-block; width:418px; margin-left:15px}

.company .content p{margin-top:10px; line-height:200%; margin-bottom:20px}

.aboutus .drop-icon {position: relative; margin-top:50px}

.progress {padding-top:100px; background:#F5F5F5; overflow:hidden}

.progress .grid_8{float:none; margin:0 auto; padding:50px 0 80px}

.progress-bar{position:relative}

.progress-bar .round,.progress-bar .round1{position:absolute; width:15px; height:15px; left:228px; top:-10px; background:#AC5102; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:3px solid #ccc}

.progress-bar .round1{top: auto;bottom:0}

.progress-list {background:url(../images/progress-bg.jpg) repeat-y 237px 0}

.progress-list > li{position:relative; padding:20px 0; padding-left:240px;}

.progress-list li .date {position:absolute; left:0; top:20px;font-size:22px; padding:8px 30px; background:#fff;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}

.progress-list li .line {position:absolute;width:120px; left:111px; top:37px; height:3px; background:#ccc; display:inline-block}

.progress-list li .round{left:228px; top:28px; background:#fff; border:3px solid #ccc}

.progress-list li .text {display:block; margin-left:50px; padding:0 20px; background:#fff;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); overflow:hidden}

.progress-list li figure{float:left; margin-right:15px; display:inline-block}

.progress-list li .text p{display: inline-block; font-size:16px}

.progress-list li .text li{ display:block; margin:20px 0; overflow:hidden}

.progress-list li .text,.progress-list li .date,.progress-list li .line{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.progress-list li:hover .text,.progress-list li:hover .date,.progress-list li:hover .line{background:#AF010F; color:#fff}

.progress-bar .bx-wrapper .bx-prev,.progress-bar .bx-wrapper .bx-next{ width:20px; height:20px; top:-20px; left:228px; background:url(../images/progress-prevnext.png) no-repeat}

.progress-bar .bx-wrapper .bx-next,.progress-bar .bx-wrapper .bx-next:hover{top: auto; bottom:-25px; background-position: 0 -24px}

.team {margin:80px auto}

.team .row{margin-left:-10px}

.team .grid_6 {position:relative;background:#F3F3F3; margin-left:10px; margin-bottom:10px; overflow:hidden}

.team .grid_6 figure {position:relative;float:left; width:300px; height:300px; overflow:hidden}

.team .grid_6 figure img{position:absolute; left:0; top:0; min-width:100%; min-height:100%}

.team .grid_6 .brief {float:right; width:440px; padding:20px 20px 0}

.team .grid_6 .brief h3{font-size:18px; font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd}

.team .grid_6 .brief p{color:#666; line-height:220%; max-height:160px; overflow:hidden}

.team .grid_6 .brief a{padding:5px 20px; border:1px solid #FF0000; color:#ff0000; display:inline-block}

.team .grid_6 .brief .closse{display:none}

.team .grid_6 .brief.mask{position:absolute; width:96%; height:100%; background:#eee; z-index:1; left:0; top:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}

.team .grid_6 .brief.mask p{max-height:inherit}

.team .grid_6 .brief.mask a{display:none}

.team .grid_6 .brief.mask .closse{display:inline-block; position:absolute; right:30px; top:20px; z-index:2;font-size:24px; font-family:Arial, sans-serif; cursor:pointer}

.culture {background:url(../images/culture-bg.jpg) no-repeat center 0; -webkit-background-size:100% 100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; padding:120px 0 30px}

.culture .page-block-name.white p{color:#fff}

.culture-list{margin:0 auto;padding-top:20px; display:block;overflow:hidden}

.culture-list ul{margin-left:-15px}

.culture-list li{position:relative;float:left; width:450px; min-height:261px; margin-left:15px; margin-bottom:15px; display:block; overflow:hidden}

.culture-list li:nth-child(1),.culture-list li:nth-child(6){width:640px}

.culture-list li:nth-child(4){background:#005bac}

.culture-list li:nth-child(4) h4{ text-align:center; position:relative; top:30%; display:block; line-height:180%}

.culture-list li figure img{position:absolute; min-height:100%; min-width:100%; max-width:inherit; min-height:inherit}

.culture-list li a{position: absolute; left:0; top:0; z-index:1; color:#fff; width:100%; height:100%;}

.culture-list li a span{margin:40px; display:block}

.culture-list li h4{ font-size:28px; line-height:28px; color:#fff; margin-bottom:10px; font-weight:bold}

.culture-list li p{font-size:16px}

.culture-list li a:hover{background:rgba(0,0,0,0.7)}

.honors{margin:80px auto 30px; overflow:hidden}

/*member*/

.member-con{margin:70px auto}

.member-banner{min-height:410px; background:url(../images/member-banner.jpg) no-repeat center 0; display:block}

.member-block-name h3{ font-size:20px; color:#005bac; font-weight:bold; margin-bottom:10px}

.member-block-name P{ padding-bottom:0; font-size:22px; color:#777}

.member-block-name .border{width:40px; height:1px; border-bottom:1px solid #999; display:inline-block; overflow:hidden}

.member-con .row{margin-left:0}

.member-con .grid_7{padding-right:30px; margin-left:0}

.member-con .content{margin-top:30px; font-size:16px; line-height:200%}

.member-con .content h3{font-size:28px; font-weight:bold; margin-bottom:20px}

.member-con .content p{color:#666}

.member-con .content strong{color:#333}

.member-con .grid_5{ margin-left:0; padding-left:30px;border-left:1px solid #ddd}

.member-logo {margin-left:-30px; margin-top:30px}

.member-logo li{float:left; width:290px; display:inline-block; margin-left:30px; margin-bottom:30px; border:1px solid #ddd;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.member-logo li.curr,.member-logo li:hover{border:1px solid #005bac}





/*newread*/

.newread.grid_12{float:none; width:1170px; margin:50px auto}

article.grid_8{position:relative;width:770px}

aside.grid_4{width:370px; padding-left:30px}

.newread .share{ position:absolute; left:-80px; top:0; width:70px; display:block;overflow:hidden}

.newread .share .bdshare-button-style2-32 a{ background:#f8f8f8 url(../images/icon-share.png) no-repeat 10px 5px; border-bottom:1px solid #e1e1e1; padding:15px; margin:0 auto;}

.newread .share .bdshare-button-style2-32 .bds_weixin{background-position:-48px 5px}

.newread .share .bdshare-button-style2-32 .bds_qzone{background-position:-120px 5px; border:0}

.newread .share .bdshare-button-style2-32 a:hover{background-color:#FFCE0B; background-position:10px -55px}

.newread .share .bdshare-button-style2-32 .bds_weixin:hover{background-position:-48px -55px}

.newread .share .bdshare-button-style2-32 .bds_qzone:hover{background-position:-120px -55px}

.newread .content{font-size:16px; line-height:180%}

.newread .content h1{font-size:28px; line-height:30px;}

.newread .content .date{font-size:16px; color:#999; margin:20px 0}

.newread .content .summary{ margin:20px auto; color:#999}

.newread .content p,.newread .content .newstext div{margin-bottom:20px}

aside h3{background:#fafafa; font-size:22px; line-height:24px; border-left:5px solid #005bac; padding:10px 15px}

.newread .related{background:#fafafa;}

.newread .related li{border-bottom:1px solid #ddd; padding:30px 20px}

.newread .related li figure{max-height:162px; overflow:hidden}

.newread .related li h5{font-size:16px; margin-top:20px; line-height:160%}

.newread .related li:last-child{border:0}

@media(max-width: 1680px) {

.bxslider > div .banner_text {position:absolute; width:700px; left:50%; top:50%; margin-left:-350px; margin-top:-110px; text-align:left; z-index:999}

.text-box [class*="grid_"] {text-align:inherit}

.banner_text p{padding-left:30px}

/*service*/

.service .page-banner{padding:120px 0 50px}

.service .page-banner .grid_8{margin:60px auto 10px}

.service .page-banner .grid_2 span{width:140px; height:140px}

.service .page-banner .grid_2 span i{margin:35px auto 10px}

.service .page-banner .grid_2 h5{font-size:18px}

/*join-us*/

.join-us .block-name h2{font-size:36px; line-height:36px; margin-bottom:20px}

.join-us .block-name big{font-size:32px; margin-bottom:10px}

.join-us .slogan{font-size:18px}

.job-list {font-size:14px;text-align:center}

.job-list figure {width:140px; display:inline-block}

.job-list h4{font-size:22px; line-height:22px; margin:20px auto 5px}

.join-now {padding:50px 0 80px}

.join-now p{font-size:36px; line-height:36px}

.join-now a{font-size:20px; padding:10px 40px; margin-top:20px}

/*contact*/

.contact address a{font-size:42px; line-height:42px}

.contact address p{font-size:16px;}

.contact .grid_4{margin-bottom:50px}

.contact h3{font-size:22px; line-height:22px}

/*news*/

.newslist .grid_8{width:1050px}

.page-block-name {text-align:center; overflow:hidden; margin-bottom:30px}

.page-block-name h3{font-size:32px; line-height:32px;font-weight:bold}

.page-block-name p{font-size:30px; margin-top:20px; font-weight:lighter}

.page-block-name.white h3{color:#fff}

.page-block-name.white p{ color:#E1E1E1}

/*about*/

.company {padding-top:90px;-webkit-background-size:auto auto;-moz-background-size:auto;-o-background-size:auto;background-size:auto}

.company .content ul{ margin-left:-10px}

.company .content li{width:312px; margin-left:10px}

.progress .grid_8{width:870px}

.team {margin:60px auto}

.team .grid_6 figure {position:relative;float:left; width:220px; height:300px; overflow:hidden}

.team .grid_6 figure img{position:absolute; left:50%; margin-left:-140px; top:0; min-width:100%; max-width:inherit; min-height:100%}

.team .grid_6 .brief {float:right; width:300px; padding:20px 20px 0}

.team .grid_6 .brief h3{font-size:18px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd}

.team .grid_6 .brief p{line-height:200%; max-height:166px; margin-bottom:15px; overflow:hidden}

.team .grid_6 .brief.mask{width:95%}

.culture {-webkit-background-size: auto auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto; padding:90px 0 0px}

.culture-list li{width:316px; min-height:230px; margin-left:15px; margin-bottom:15px}

.culture-list li:nth-child(1),.culture-list li:nth-child(6){width:508px}

.culture-list li h4{font-size:24px; line-height:24px}

/*member*/

.member-logo li{width:210px;margin-left:20px; margin-bottom:20px}

}

/*==================================RESPONSIVE LAYOUTS===============================================*/

@media(max-width: 1199px) {

.text-box [class*="grid_"]{width:130px}

.text-box span{font-size:48px;line-height:48px}

.text-box h3{font-size:56px;line-height:56px}

.banner_text p{padding-left:20px; font-size:32px; margin-top:15px}

.block-name{margin-top:30px}

.block-name h2{font-size:32px; margin-bottom:25px}

.block-name big{font-size:32px;margin-bottom:5px}

.block-name p{font-size:16px; color:#999}

.block-name h3{font-size:24px; margin-top:20px}

.drop-icon {position: relative}

#page_1 .drop-icon{ margin-top:-80px}

.messenger{margin-top:30px; padding-bottom:30px}

/*join-us*/

.join-us{margin:50px auto}

.join-us .slogan{font-size:16px}

.job-list {font-size:12px}

.job-list figure {width:120px}

.job-list h4{font-size:18px; line-height:18px}

/*news*/

.newslist .grid_8{width:940px}

.news-scroll li{width:313px}

.infolist .detail{margin-left:50px; color:#999;width:800px}

/*about*/

.company .grid_10{float:none; margin:0 auto; width:100%}

.company .content li{width:305px}

.team .grid_6{ width:300px}

.team .grid_6 figure {position:relative;float: none; width:100%; height:260px; overflow:hidden}

.team .grid_6 figure img{position:absolute; left:50%; margin-left:-150px }

.team .grid_6 .brief {float:none; width: auto; margin:0; padding:20px}

.team .grid_6 .brief.mask{position: relative; width:90%}

.culture-list ul{margin-left:-10px}

.culture-list li{width:240px; min-height:220px; margin-left:10px; margin-bottom:10px}

.culture-list li:nth-child(1),.culture-list li:nth-child(6){width:420px}

.culture-list li h4{font-size:20px; line-height:20px}

.culture-list li p{ font-size:14px}

/*member*/

.member-banner{min-height:360px; background-position: center}

.member-logo li{width:165px;margin-left:20px; margin-bottom:20px}

/*news read*/

.newread.grid_12{float:none; width:100%;margin:50px auto}

article.grid_8{width:640px}

.newread .content{font-size:14px; line-height:160%}

.newread .content h1{font-size:24px; line-height:28px;}

.newread .content .date{font-size:14px; margin:10px 0}

aside.grid_4{width:280px; padding-left:10px}

aside.grid_4 h3{ font-size:18px; padding:5px 15px}

.newread .related li{padding:20px}

.newread .related li h5{font-size:14px; margin:10px 0}

}

@media only screen and (max-height: 768px){

.block-name{margin-top:30px}

.block-name h2{font-size:32px; margin-bottom:25px}

.block-name big{font-size:20px;margin-bottom:5px}

.block-name p{font-size:16px; color:#999}

.block-name h3{font-size:24px; margin-top:20px}

.drop-icon {position: relative}

#page_1 .drop-icon{ margin-top:-80px}

.messenger{margin-top:30px; padding-bottom:30px}

}

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

header h1{width:150px; margin-left:20px;}

.sf-menu a{font-size:14px;padding:5px 10px}

.sf-menu > li{margin-right:5px}

.top-tel{margin:18px 15px 0; overflow:hidden}

.top-tel span.tel a{left:-30px; font-size:14px;}

.bxslider > div .banner_text{width:600px; margin-left:-300px}

[class*="aicon_"]{margin:30px}

.member-bar .white-slider .bx-wrapper .bx-prev {left:-80px}

.member-bar .white-slider .bx-wrapper .bx-next {right:-80px}

#page_6 .block-name p{font-size:13px}

.job-from {width:100%}

.job-from label{width:236px;margin-right: 20px;}

.job-from a{ padding:10px 50px}

.messenger span{ width:90px}

/*service*/

.service .page-banner{padding:80px 0 40px}

.service .page-banner h3{font-size:32px; line-height:32px;margin-bottom:10px}

.service .page-banner p{font-size:28px; line-height:28px}

.service .page-banner .grid_8{float:none; width:748px; margin:50px auto 10px}

.service .page-banner .grid_2{width:172px}

.service .page-banner .grid_2 span {width:140px; height:140px;}

/*join-us*/

.join-us{margin:30px auto}

.join-us .block-name h2{font-size:32px; line-height:32px; margin-bottom:15px}

.join-us .block-name big{font-size:30px; margin-bottom:5px}

.join-us .slogan{font-size:14px}

.join-us .slogan figure{margin:30px auto 10px}

.job-list {font-size:14px}

.job-list .grid_2{width:236px; min-height:400px}

/*contact*/

.contact .page-banner{padding:50px 0}

.contact-logo img{padding:20px 45px}

.contact address{width:540px; padding:70px 0; margin-top:-40px}

.contact address a{font-size:32px; line-height:32px}

.contact address p{font-size:16px; margin-top:20px; font-weight:bold}

.contact address span{font-size:16px}

.contact .grid_4{margin-bottom:40px}

/*news*/

.column-name{padding-bottom:5px}

.column-name h2{font-size:32px; line-height:32px; font-weight:bold}

.newslist .grid_8{width:100%}

.news-scroll li{width:374px}

.infolist .detail{margin-left:30px; color:#999;width:630px}

/*about*/

.company .content li{width:236px}

.progress{padding-top:50px}

.progress .grid_8{width:100%;padding:50px 0 80px}

.progress-bar .round,.progress-bar .round1{left:168px}

.progress-bar .round1{top: auto;bottom:0}

.progress-list {background:url(../images/progress-bg.jpg) repeat-y 177px 0}

.progress-list > li{ padding:20px 0; padding-left:180px}

.progress-list li .date {font-size:18px; padding:5px 20px}

.progress-list li .line {width:86px; left:82px; top:37px; height:2px}

.progress-list li .round{left:168px; top:28px}

.progress-list li .text {margin-left:40px}

.progress-list li figure{width:80px}

.progress-list li .text p{font-size:14px}

.progress-bar .bx-wrapper .bx-prev,.progress-bar .bx-wrapper .bx-next{left:168px}

.team { margin-bottom:10px}

.team .page-block-name{margin-bottom:0}

.team .grid_6{width:364px}

.team .grid_6 figure {position:relative;float: none; width:100%; height:280px; overflow:hidden}

.team .grid_6 figure img{position:absolute; left:50%; margin-left:-182px }

.team .grid_6 .brief {float:none; width: auto; margin:0; padding:20px}

.culture{ padding-top:40px}

.culture-list{padding-top:0}

.culture-list li{width:318px; min-height:220px; margin-left:10px; margin-bottom:10px}

.culture-list li:nth-child(1),.culture-list li:nth-child(6),.culture-list li:nth-child(4){width:420px}

.aboutus .drop-icon{ margin-top:10px}

.honors{margin:40px 0 30px}

/*member*/

.member-con .grid_7{width:500px}

.member-con .grid_5{width:230px}

.member-logo li{width:230px}

/*news read*/

article.grid_8{width:100%}

aside.grid_4{width:100%; padding-left:0}

.newread .share{position:inherit; left: auto; top:0; width: auto; margin-left:10px; margin-bottom:0; display: inline-block; overflow:hidden}

.newread .share .bdshare-button-style2-32 a{background: url(../images/icon-share-small.png) no-repeat 0 0; border-bottom:0; width:16px; height:16px; padding:0; margin:0 10px;}

.newread .share .bdshare-button-style2-32 .bds_weixin{background-position:-18px 0}

.newread .share .bdshare-button-style2-32 .bds_qzone{background-position:-34px 0}

.newread .share .bdshare-button-style2-32 a:hover{background-color: inherit; background-position: inherit}

.newread .share .bdshare-button-style2-32 .bds_weixin:hover{background-position:-18px 0}

.newread .share .bdshare-button-style2-32 .bds_qzone:hover{background-position:-34px 0}

.newread .related li{margin-left:0;display:block; overflow:hidden}

.newread .related li figure{ float:left; width:280px; margin-right:20px}

.newread .related li h5{font-size:16px; margin:10px 0; display:inherit}

}

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

header{padding:0}

header h1,#logo{width:130px}

.top-tel{margin:15px 18px 0; overflow:hidden}

.top-tel span.tel a{position: relative; text-indent:999px;left: 0;top: 0;width: 27px;}

.top-tel span.tel:hover a{opacity:0;top:0}

#m_menu{float:right;display:inline-block;width:30px; height:30px; text-align:center; cursor:pointer;}

#m_menu span{width:24px; height:30px; display:inline-block; position:relative;}

#m_menu > span{margin-top:4px}

#m_menu span span{position:absolute;height:1px;z-index:1px; left:0; top:0; background:#fff; display:block; overflow:hidden}

.aboutus #m_menu span span{background:#000}

#m_menu span.menuicon-middle{z-index:2px;top:8px}

#m_menu span.menuicon-bottom{z-index:3px;top:16px}

.sf-menu{position:absolute; width:100%; margin:0; background:rgba(0,0,0,0.8); padding:25px 0; top:45px;z-index:9; left:0; display: none}

.sf-menu li {float:none;margin:0 20px;display:block;border-bottom:1px solid #414141}

.sf-menu a{padding:10px 0; color:#e7e6e6;font-size:14px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.aboutus .sf-menu a{color:#eee}

.sf-menu li.current a{color:#005bac}

.sf-menu li a:hover {padding-left:10px}

.bxslider > div .banner_text{width:460px; margin-left:-230px; margin-top:-340px}

.text-box [class*="grid_"]{float:left;width:100px}

.text-box span{font-size:36px;line-height:36px}

.text-box h3{font-size:42px;line-height:42px}

.banner_text p{padding-left:0; font-size:28px; margin-top:15px}
.bxslider > div:nth-child(1) .banner_text{margin-left:-150px}
.bxslider > div:nth-child(1) .banner_text .text-box h3{font-size:64px; margin-right:10px; line-height:64px}
.bxslider > div:nth-child(1) .banner_text .text-box span{ font-size:26px; line-height:26px;}
.bxslider > div:nth-child(1) .banner_text .text-box p{ font-size:38px; line-height:38px;}

.about-bar{margin-bottom:60px}

.about-bar li{width:33.33%; margin-bottom:20px}

[class*="aicon_"]{margin:30px}

.service-list h3, .service-list p{ font-size:22px}

.service-list p{margin-top:10px}

.drop-icon{bottom:10px}

.newsbar .grid_4 {margin-bottom:20px}

.newsbar .grid_4 h4 a{margin-top:10px}

.member-list {width:400px; height:289px; -webkit-background-size:400px auto; -moz-background-size:400px auto; -o-background-size:400px auto; background-size:400px auto}

.member-list ul li {padding-top:70px}

.member-bar .white-slider .bx-wrapper .bx-prev {left:25px}

.member-bar .white-slider .bx-wrapper .bx-next {right:25px}

.member-bar .white-slider .bx-wrapper .bx-prev,.member-bar .white-slider .bx-wrapper .bx-next{top:120px; width:40px; height:40px; -webkit-background-size:40px auto; -moz-background-size:40px auto; -o-background-size:40px auto; background-size:40px auto}

#page_6 .block-name p{font-size:13px}

.job-from {width:100%}

.job-from label{width:140px;margin-right: 20px;}

.job-from a{ padding:10px 50px}

.job-from label.lytext{ display:block; clear:both}

.messenger span{ width:70px; margin-left:40px}

/*service*/

.service .page-banner{padding:50px 0 30px}

.service .page-banner h3{font-size:28px; line-height:28px;margin-bottom:10px}

.service .page-banner p{font-size:22px; line-height:22px}

.service .page-banner .grid_8{float:none; width:460px; margin:20px auto 10px}

.service .page-banner .grid_8 .row{margin-left:-20px}

.service .page-banner .grid_2{float:left;width:100px; margin-left:20px}

.service .page-banner .grid_2 span {width:80px; height:80px}

.service .page-banner .grid_2 span i {margin:15px auto 0px;width:30px; height:30px; -webkit-background-size:30px auto; -moz-background-size:30px auto; -o-background-size:30px auto; background-size:30px auto; background-position:center -30px}

.service .page-banner .grid_2 span i.sicon-wl,.service .page-banner .grid_2 span i.sicon-rz,.service .page-banner .grid_2 span i.sicon-xx{ -webkit-background-size:30px auto; -moz-background-size:30px auto; -o-background-size:30px auto; background-size:30px auto; background-position:center -30px}

.service .page-banner .grid_2 span:hover i{background-position: center 0}

.service .page-banner .grid_2 h5{font-size:14px}

.service .summary{font-size:14px; margin:20px 0; line-height:180%}

.service .summary hr{margin-top:20px}

.service .content{font-size:14px}

.service .content p{margin-bottom:0}

.service .content h6{font-size:18px; line-height:20px}

/*join-us*/

.join-us{margin:20px auto}

.join-us .block-name h2{font-size:24px; line-height:24px; margin-bottom:10px}

.join-us .block-name big{font-size:22px; margin-bottom:5px}

.join-us .slogan{font-size:15px}

.join-us .slogan figure{margin:30px auto 10px}

.job-list {font-size:14px}

.job-list .row{margin-left:-20px}

.job-list .grid_2{float:left;width:220px; margin-left:20px; min-height:400px}

.join-now {padding:40px 0}

.join-now p{font-size:32px; line-height:32px}

.join-now a{font-size:16px; padding:10px 40px; margin-top:10px}

/*contact*/

.contact .page-banner{padding:50px 0}

.contact-logo img{padding:10px 30px}

.contact address{width:400px; padding:30px 0; margin-top:-20px}

.contact address a{font-size:32px; line-height:32px}

.contact address p{font-size:14px; margin-top:10px; font-weight:bold}

.contact address span{font-size:14px}

.contact .grid_4{margin-bottom:40px}

/*news*/

.column-name{padding-bottom:5px}

.column-name h2{font-size:32px; line-height:32px; font-weight:bold}

.newslist .grid_8{width:100%}

.news-scroll li{width:230px; min-height:340px}

.news-scroll li:after{left:0; margin-left:-230px}

.infolist .date{float:none; width:82px; padding:5px 0;display:block}

.infolist .date span.day{font-size:36px; line-height:36px;}

.infolist .detail{float:none; display:block;margin-left:0; margin-top:10px;width:100%}

.infolist .detail figure{float:left; width:160px; margin-right:10px}

.infolist .detail h4{font-size:16px}

.infolist .detail p{margin-top:10px}

.navigation a{font-size:16px}

/*about*/

.company{padding-top:30px}

.page-block-name h3{font-size:24px; line-height:24px}

.page-block-name.white p{ font-size:22px; margin-top:10px}

.company .content li{width:225px; margin-bottom:10px}

.company .content li:nth-child(3){width:100%; max-height:180px; display:block; overflow:hidden}

.company .content li:nth-child(3) img{ min-width:100%}

.company .content h2{ font-size:18px}

.aboutus .company .drop-icon{ margin-top:10px}

.progress{padding-top:50px}

.progress .grid_8{width:100%;padding:50px 0 80px}

.progress-bar .round,.progress-bar .round1{left:28px}

.progress-list {background-position:37px 0}

.progress-list > li{padding:20px 0; padding-left:60px}

.progress-list li .date {font-size:18px; padding:5px 20px}

.progress-list li .line,.progress-list li .round {display:none}

.progress-list li .text {margin-left:40px; padding:0 10px}

.progress-list li .text li{margin:10px 0}

.progress-list li figure{width:80px}

.progress-list li .text p{font-size:12px; display: inherit}

.progress-bar .bx-wrapper .bx-prev,.progress-bar .bx-wrapper .bx-next{left:28px}

.team {margin-bottom:10px}

.team .page-block-name{margin-bottom:0}

.team .row{margin-left:0}

.team .grid_6{width:100%; margin-left:0}

.team .grid_6 figure {position:relative;float: none; width:100%; height:300px; overflow:hidden}

.team .grid_6 figure img{position: relative; left:50%; margin-left:-230px; top:0}

.team .grid_6 .brief p{max-height:inherit}

.team .grid_6 .brief a{display:none}



.aboutus .team .drop-icon{margin-top:0}

.culture{ padding-top:40px; background-repeat:repeat-y}

.culture-list{padding-top:0}

.culture-list li{width:225px; min-height:220px; margin-left:10px; margin-bottom:10px}

.culture-list li:nth-child(1),.culture-list li:nth-child(6){width:100%}

.culture-list li:nth-child(4){width:225px}

.aboutus .drop-icon{margin-top:10px}

/*member*/

.member-banner{min-height:220px; background-position: center}

.member-con .grid_7,.member-con .grid_5{ padding:0; border:0; margin:0}

.member-con .grid_7{margin-bottom:30px}

.member-con .member-block-name.text_r{text-align:left}

.member-con .member-block-name .border{width:100%; margin-top:10px; display:block}

.member-logo{margin-left:-20px}

.member-logo li{width:210px}

/*news read*/

article.grid_8{position:relative;width:100%; display:block;}

.newread .content{width:100%}

.newread .share{position:inherit; left: auto; top:0; width: auto; margin-left:10px; margin-bottom:0; display: inline-block; overflow:hidden}

.newread .share .bdshare-button-style2-32 a{background: url(../images/icon-share-small.png) no-repeat 0 0; border-bottom:0; width:16px; height:16px; padding:0; margin:0 10px;}

.newread .share .bdshare-button-style2-32 .bds_weixin{background-position:-18px 0}

.newread .share .bdshare-button-style2-32 .bds_qzone{background-position:-34px 0}

.newread .share .bdshare-button-style2-32 a:hover{background-color: inherit; background-position: inherit}

.newread .share .bdshare-button-style2-32 .bds_weixin:hover{background-position:-18px 0}

.newread .share .bdshare-button-style2-32 .bds_qzone:hover{background-position:-34px 0}

aside.grid_4{width:100%; padding-left:0; overflow:hidden}

.newread .related li{margin-left:0;display:block; overflow:hidden}

.newread .related li figure{ float:left; width:200px; margin-right:20px}

.newread .related li h5{font-size:14px; margin:10px 0; display:inherit}

}

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

.bxslider > div .banner_text{width:300px; margin-left:-150px; margin-top:-260px}

.text-box [class*="grid_"]{width:70px}

.text-box span{font-size:26px;line-height:26px}

.text-box h3{font-size:30px;line-height:30px}

.banner_text p{font-size:18px; margin-top:10px}
.bxslider > div:nth-child(1) .banner_text{margin-left:-120px}
.bxslider > div:nth-child(1) .banner_text .text-box h3{font-size:54px; margin-right:10px; line-height:54px}
.bxslider > div:nth-child(1) .banner_text .text-box span{ font-size:20px; line-height:20px;}
.bxslider > div:nth-child(1) .banner_text .text-box p{ font-size:28px; line-height:28px;}
.block-name p{ font-size:12px}

.about-bar li{width:50%; margin-bottom:20px}

.member-bar{padding-bottom:30px}

.member-list {width:300px; height:217px; -webkit-background-size:300px auto; -moz-background-size:300px auto; -o-background-size:300px auto; background-size:300px auto}

.member-bar .white-slider .bx-wrapper .bx-prev {left:20px}

.member-bar .white-slider .bx-wrapper .bx-next {right:20px}

.member-bar .white-slider .bx-wrapper .bx-prev,.member-bar .white-slider .bx-wrapper .bx-next{top:90px; width:30px; height:30px; -webkit-background-size:30px auto; -moz-background-size:30px auto; -o-background-size:30px auto; background-size:30px auto}

.member-list ul li {padding-top:50px}

.jobs {margin-top:40px}

.job-from label{width:100%;margin-right: 0;}

.messenger span{ width:60px; margin-left:20px}

/*service*/

.service .page-banner .grid_8{width:300px; margin:20px auto 10px}

.service .page-banner .grid_2{float:left;width:140px; margin-bottom:20px}

/*join-us*/

.join-us .slogan figure{margin:20px auto 10px}

.job-list .row{margin-left:0}

.job-list .grid_2{float: none;width:100%; margin-left:0; min-height: inherit}

.join-now p{font-size:24px; line-height:24px}

.join-now a{font-size:15px; padding:5px 30px}

/*contact*/

.contact .page-banner{padding:30px 0}

.contact-logo img{padding:10px 25px}

.contact address{width:300px}

.contact address a{font-size:22px; line-height:22px}

.contact address p{font-size:13px; padding:0 15px; margin-top:5px}

.contact address span{font-size:12px}

/*news*/

.column-name h2{font-size:24px; line-height:24px; font-weight:bold}

.column-name .location{margin-top:10px; font-size:12px}

.recommend-news h3{left:10px; font-size:16px}

.newslist .bx-wrapper .bx-pager{right:20px}

.news-scroll li{width:300px; min-height:340px}

.news-scroll li:after{left:50%; margin-left:-150px}

.infolist .item{margin-bottom:30px; padding-bottom:20px}

.infolist .date{float:left; width:62px; padding:5px 0;display:block}

.infolist .date span.day{font-size:30px; line-height:30px;}

.infolist .date span.years{font-size:14px}

.infolist .detail{float:right; display:block;margin-left:0; margin-top:0;width:228px}

.infolist .detail figure{float: none; width:100%; margin-right:0; display:block}

.infolist .detail h4{font-size:14px; margin-bottom:5px; margin-top:10px}

.infolist .detail p{margin-top:5px}

.navigation a{font-size:16px}

/*about*/

.company{ background-repeat:repeat-y}

.company .content li{width:100%; margin-bottom:10px}

.progress-bar .round,.progress-bar .round1{left:18px}

.progress-list {background-position:27px 0}

.progress-list > li{padding:20px 0; padding-left:50px}

.progress-list li .date {font-size:14px; padding:5px 10px}

.progress-list li .text {margin-left:10px}

.progress-list li .text p{font-size:12px; display: inherit}

.progress-bar .bx-wrapper .bx-prev,.progress-bar .bx-wrapper .bx-next{left:18px}

.team .grid_6 figure {height:240px}

.team .grid_6 figure img{margin-left:-150px}

.culture-list li{width:100%; min-height:180px; margin-left:10px; margin-bottom:10px}

.culture-list li:nth-child(1){min-height:220px}

.culture-list li:nth-child(4){width:100%}

.culture-list li h4{font-size:16px; line-height:16px}

.culture-list li p{ font-size:12px}

.culture-list li a span{margin:30px}

.culture-list .hover_line::before,.hover_line::after {top:10px; left:10px; bottom:10px; right:20px}

.honors{margin:50px auto 30px}

/*member*/

.member-logo{margin-left:-10px}

.member-logo li{width:142px; margin-left:10px}

/*news read*/

.newread .related li figure{float: none; width:300px; display:block; margin:0 auto;}

.newread .related li h5{font-size:14px; margin:10px 0; display: block}

}

/*分页样式*/
.pagenum {padding:20px; text-align:center; clear: both;}
.pagenum .current,.pagenum a,.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #F8F8F8; border: 1px solid #D9D9D9; color: #999999; height: 19px; line-height: 19px; padding: 3px 10px; width: 39px;margin-right:5px; }
.pagenum a:hover,
.pagenum .current {background:#f91700; color: #fff !important;}