* { -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { margin: 0px auto; padding: 0px; font-family: "Microsoft YaHei",微锟斤拷锟脚猴拷, SimSun, 锟斤拷锟斤拷,Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; min-width: 300px; color: #333; width: 100%; background: #fff; }
ul, li, dl, dd, dt, form, p, h1, h2, h3 { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5 { font-family: "Microsoft YaHei",微锟斤拷锟脚猴拷, SimSun, 锟斤拷锟斤拷,Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }
ul, li, dl, dd, dt { list-style-type: none; }
input, textarea { outline: none; -ms-clear: none; resize: none; }
input::-ms-clear, textarea::-ms-clear { display: none; }
input::-ms-reveal, textarea::-ms-reveal { display: none; }
a { color: #666666; text-decoration: none; transition: all 0.50s ease 0s; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; cursor: pointer; }
a span, a div, a p, a i, a img, a ul, a li, a dl, a dd { transition: all 0.50s ease 0s; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; }
a:hover { color: #0861dc; text-decoration: none; }
img { border: none; }
img.lazyload { background: url(../Images/loading.gif) no-repeat center center; }
.transit_scale { display: block; overflow: hidden; }
.clear { clear: both !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.disnone { display: none !important; }
.mt00 { margin: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }

/*header*/
#header { margin: 0 auto; padding: 0px; width: 100%; position: relative; background-color: #fff; z-index: 999999; }
#header .headerbox { margin: 0 auto; width: 1200px; padding: 0px 10px; height: 90px; position: relative; z-index: 999999; }
#header .headerbox .logo { float: left; position: absolute; left: 0px; top: 0px; width: 185px; height: 90px; display: block; background: url(../Images/logo.jpg) no-repeat left center; z-index: 99; }
#header .headerbox .menubox { float: left; margin-left: 190px; margin-top: 50px; height: 35px; display: inline; }
#header .headerbox .menubox .menulist { float: left; height: 35px; display: inline; }
#header .headerbox .menubox .menulist li { float: left; height: 35px; position: relative; }
#header .headerbox .menubox .menulist li > a { float: left; padding: 0px 20px; font-size: 18px; display: inline-block; text-align: center; height: 35px; line-height: 35px; color: #000000; position: relative; z-index: 9; background: url(../Images/ico_menuarr.png) no-repeat center 150%; }
#header .headerbox .menubox .menulist li > a:hover { color: #0861dc; }
#header .headerbox .menubox .menulist li > a.on { color: #0861dc; }
#header .headerbox .menubox .menulist li > a.hover { color: #0861dc; background-position: center bottom; }
#header .headerbox .menubox .menulist li dl { margin: 0 auto; display: none; width: 150px; padding: 15px; position: absolute; left: 0px; top: 100%; background-color: #f6f5f9; z-index: 9; -moz-opacity: 0.90; -khtml-opacity: 0.90; -webkit-opacity: 0.90; -webkit-opacity: 0.90; opacity: 0.90; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#header .headerbox .menubox .menulist li dl dt, #header .headerbox .menubox .menulist li dl dd { float: left; line-height: 28px; width: 100%; padding: 8px; }
#header .headerbox .menubox .menulist li dl dt a { float: left; color: #1b1b1b; font-size: 16px; display: block; }
#header .headerbox .menubox .menulist li dl dt a:hover, #header .headerbox .menubox .menulist li dl dd a:hover { color: #0861dc; }
#header .headerbox .menubox .menulist li a.close { display: none; }
#header .headerbox .right { position: absolute; top: 0px; right: 0px; margin-top: 10px; height: 80px; display: inline; }
#header .headerbox .right .user { float: right; display: block; height: 30px; line-height: 30px; }
#header .headerbox .right .user li { float: right; display: block; height: 30px; line-height: 30px; margin-right: 15px; }
#header .headerbox .right .lang { float: right; display: block; margin-left: 10px; height: 30px; line-height: 30px; }
#header .headerbox .right .lang i { float: left; display: none; height: 30px; line-height: 30px; width: 30px; margin-right: 5px; background: url(../Images/lang_en.png) no-repeat left center; }
#header .headerbox .right .lang i.cn { background-image: url(../Images/lang_cn.png); }
#header .headerbox .right .search_box { clear: both; margin-top: 10px; float: right; display: block; height: 28px; overflow: hidden; border: 1px solid #999; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#header .headerbox .right .search_box .search_txt { float: right; display: block; padding: 0px 8px; height: 26px; line-height: 26px; width: 160px; border: none; }
#header .headerbox .right .search_box .search_btn { float: right; display: block; height: 26px; line-height: 26px; width: 26px; border: none; cursor: pointer; background: #fff url(../Images/ico_search.png) no-repeat center; }
#header .menutype { margin: 0 auto; display: none; width: 100%; padding: 25px 0px 15px 0px; position: absolute; left: 0px; top: 85px; background-color: #f6f5f9; z-index: 9; -moz-opacity: 0.90; -khtml-opacity: 0.90; -webkit-opacity: 0.90; -webkit-opacity: 0.90; opacity: 0.90; }
#header .menutype .typebox { margin: 0 auto; width: 100%; max-width: 1200px; height: 90px; position: relative; overflow: hidden; background-color: #f6f5f9; }
#header .menutype .typebox li { margin: 0 auto; width: 23%; padding: 5px; display: inline-block; background-color: #f6f5f9; }
#header .menutype .typebox li h2, #header .menutype .typebox dl p { text-align: left; float: left; width: 100%; background-color: #f6f5f9; }
#header .menutype .typebox li h2 a { color: #1b1b1b; font-size: 16px; line-height: 30px; }
#header .menutype .typebox li p a { color: #a7a7a7; font-size: 14px; line-height: 25px; }
#header .menutype .typebox li h2 a:hover, #header .menutype .typebox li p a:hover { color: #0861dc; }
.menuicon { display: none; height: 40px; line-height: 40px; width: 40px; overflow: hidden; background: #f0f0f0 url(../Images/ico_menu.png) no-repeat center center; position: fixed; top: 20px; right: 3%; z-index: 99999999999; }
.homeheaders { transform: translate(0,-100%); transition: all 0.8s; opacity: 0; }
.active .homeheaders { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }

/*banner*/
#banner { margin: 0 auto; width: 100%; overflow: hidden; }
#banner ul { padding: 0px; margin: 0px auto; overflow: hidden; }
#banner ul li { float: left; width: 100%; background-position: center; background-repeat: no-repeat; overflow: hidden; }
#banner ul li a { float: left; width: 100%; display: block; overflow: hidden; }
#banner ul li a.link { float: left; width: 100%; display: block; cursor: pointer; }
.banner { float: left; width: 100%; overflow: hidden; }
.banner img { float: left; width: 100%; }

.hometitle { width: 100%; overflow: hidden; display: block; }
.hometitle .titlebox { margin: 0 auto; width: 500px; position: relative; overflow: hidden; }
.hometitle .titlebox h2 { float: left; width: 100%; line-height: 70px; font-size: 25px; font-weight: bold; color: #333333; border-bottom: 1px solid #dcdcdc; text-align: center; }
.hometitle .titlebox p { float: left; width: 100%; clear: both; margin-top: 15px; line-height: 30px; font-size: 16px; color: #999999; text-align: center; overflow: hidden; }
.hometitle .titlebox i { width: 80px; margin-left: -40px; height: 1px; border-bottom: 5px solid #0861db; position: absolute; left: 50%; top: 66px; z-index: 1; }

.section .bomtitle { transform: translate(0,100%); transition: all 0.8s; opacity: 0; padding-bottom: 40px; background: url(../Images/ico_down.png) no-repeat center 1000%; }
.section .toptitle { transform: translate(0,-100%); transition: all 0.8s; opacity: 0; }
.active .bomtitle { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; background-position: center bottom; }
.active .toptitle { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }

.btn_more { margin: 0 auto; padding: 50px 0px; width: 230px; height: 48px; line-height: 48px; overflow: hidden; position: relative; }
.btn_more a { margin: 0 auto; width: 100%; line-height: 48px; height: 48px; display: inline-block; color: #fff; background-color: #0861dc; border-radius: 5px; overflow: hidden; font-size: 16px; text-align: center; }
.btn_more a:hover { color: #4cbcf1; border-color: #4cbcf1; }

.homepro { margin: 0 auto; width: 100%; overflow: hidden; background-color: #fff; }
.homepro .procommend { margin: 0 auto; margin-top: 20px; width: 1200px; padding: 0px 10px; overflow: hidden; position: relative; }
.homepro .procommend #procommend { float: left; width: 84%; margin-left: 8%; }
.homepro .procommend #procommend ul { padding: 0px; margin: 0px auto; overflow: hidden; }
.homepro .procommend #procommend ul li { float: left; background-position: center; background-repeat: no-repeat; }
.homepro .procommend #procommend ul li img { width: 80%; margin: 10%; transform: translate(0,-100%); transition: all 0.8s; opacity: 0; }
.homepro .procommend #procommend ul li div { clear: both; float: left; width: 100%; margin-top: 10px; height: 25px; line-height: 25px; text-align: center; font-size: 16px; overflow: hidden; transform: translate(0,100%); transition: all 0.8s; opacity: 0; }
.homepro .procommend #procommend ul li { padding-left: 0px; }
.homepro .btn_more a { transform: translate(0,-100%); transition: all 0.8s; opacity: 0; }

.active .procommend #procommend ul li img { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }
.active .procommend #procommend ul li div { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }
.active .btn_more a { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }

.homeservice { margin: 0 auto; width: 100%; overflow: hidden; background-color: #fff; }
.homeservice .servicebox { margin: 0 auto; margin-top: 20px; height: 580px; width: 100%; overflow: hidden; background: url(../Images/bg_index_service.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.homeservice .servicebox ul { margin: 0 auto; width: 1200px; overflow: hidden; text-align: center; }
.homeservice .servicebox ul li { float: left; margin: 0px; width: 23%; margin: 0px 1%; display: inline-block; overflow: hidden; }
.homeservice .servicebox ul li a { margin: 0 auto; width: 100%; height: 580px; overflow: hidden; display: block; color: #fff; position: relative; transition: all 0.8s; opacity: 0; transform: translate(0,-100%); }
.homeservice .servicebox ul li a p { position: absolute; width: 100%; height: 0px; left: 0px; bottom: 0px; background-color: #0861dc; z-index: 1; }
.homeservice .servicebox ul li a i { position: relative; z-index: 2; float: left; width: 68%; margin: 50% 15% 15% 15%; display: inline; border: 4px solid #fff; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-position: -200% center; background-repeat: no-repeat; -moz-background-size: auto 40%; -webkit-background-size: auto 40%; -o-background-size: auto 40%; background-size: auto 40%; transition: all 0.8s; }
.homeservice .servicebox ul li a i.user { background-image: url(../Images/ico_user.png); }
.homeservice .servicebox ul li a i.text { background-image: url(../Images/ico_text.png); }
.homeservice .servicebox ul li a i.student { background-image: url(../Images/ico_student.png); }
.homeservice .servicebox ul li a span.title { position: relative; z-index: 2; float: left; width: 100%; line-height: 30px; font-size: 20px; padding: 5px; overflow: hidden; display: block; text-align: center; transform: translate(100%,0); transition: all 0.8s; opacity: 0; }
.homeservice .servicebox ul li a span.intr { position: relative; display: none; z-index: 2; float: left; width: 100%; line-height: 25px; margin-top: 15px; font-size: 16px; padding: 5px 15px; overflow: hidden; display: block; text-align: center; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; }
.homeservice .servicebox ul li a:hover i { background-color: #4cbcf1; border-color: #4cbcf1; }
.homeservice .servicebox ul li a:hover span.intr { display: none; -moz-opacity: 1.00; -khtml-opacity: 1.00; -webkit-opacity: 1.00; opacity: 1.00; }
.homeservice .servicebox ul li a:hover p { height: 580px; }

#fullpage .fp-tableCell {position: absolute;!important}
.active .servicebox ul li.left a, .active .servicebox ul li.right a { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }
.active .servicebox ul li a span.title { transform: translate(0,0); opacity: 1; transition-delay: 1.2s; }
.active .servicebox ul li a i { background-position: center center; transition-delay: 1.2s; }
.completely .servicebox ul li a i { transition-delay: initial; }

.homeproject { margin: 0 auto; width: 100%; overflow: hidden; background-color: #fff; }
.homeproject .projectlist { margin: 0 auto; width: 1200px; margin-top: 10px; padding: 0px 10px; overflow: hidden; position: relative; }
.homeproject .projectlist .listbox { float: left; width: 92%; overflow: hidden; margin-left: 4%; display: inline; }
.homeproject .projectlist .listbox ul { float: left; height: 560px; width: 100%; overflow: hidden; transition: all 0.5s; transform: scale(0,0); }
.homeproject .projectlist .listbox ul.slides li { float: left; width: 400px; height: 550px; overflow: hidden; display: inline; border: 2px solid #0861dc; background-color: #fff; cursor: pointer; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition: all 0.8s; }
.homeproject .projectlist .listbox ul.slides li a.pic, .homeproject .projectlist .listbox ul li a.pic img { float: left; width: 100%; }
.homeproject .projectlist .listbox ul.slides li a.more { float: left; margin: 0 auto; margin-top: 30px; width: 100%; height: 48px; line-height: 48px; font-size: 16px; color: #fff; text-align: center; }
.homeproject .projectlist .listbox ul.slides li a.more span { width: 50%; margin: 0 auto; display: inline-block; text-align: center; background-color: #0861dc; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.homeproject .projectlist .listbox ul.slides li h3 { clear: both; float: left; width: 92%; margin: 15px 4%; height: 30px; line-height: 30px; text-align: center; font-size: 20px; overflow: hidden; color: #0861dc; }
.homeproject .projectlist .listbox ul.slides li p { clear: both; float: left; width: 92%; margin: 15px 4%; height: 100px; line-height: 25px; text-align: center; font-size: 16px; overflow: hidden; color: #707070; }
.homeproject .projectlist a.btn { display: block; width: 40px; height: 60px; overflow: hidden; position: absolute; top: 250px; -moz-opacity: 0.50; -khtml-opacity: 0.50; -webkit-opacity: 0.50; opacity: 0.50; }
.homeproject .projectlist a.btn_prev { left: 10px; background: url(../Images/btn_prev.png) no-repeat right center; }
.homeproject .projectlist a.btn_next { right: 10px; background: url(../Images/btn_next.png) no-repeat left center; }
.homeproject .projectlist a.btn_prev:hover { background-position: left center; -moz-opacity: 1.00; -khtml-opacity: 1.00; -webkit-opacity: 1.00; -webkit-opacity: 0.50; opacity: 1.00; }
.homeproject .projectlist a.btn_next:hover { background-position: right center; -moz-opacity: 1.00; -khtml-opacity: 1.00; -webkit-opacity: 1.00; -webkit-opacity: 0.50; opacity: 1.00; }

.active .projectlist .listbox ul { transform: scale(1,1); opacity: 1; transition-delay: 0.9s; }

.homenews { margin: 0 auto; width: 100%; overflow: hidden; background: url(../Images/bg_index_news.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.homenews .newsbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.homenews .newsbox .newsleft { float: left; margin-top: 20px; width: 40%; position: relative; transition: all 0.8s; opacity: 0; transform: translate(-100%,0); }
.homenews .newsbox .newsleft .newshot { float: left; width: 100%; padding-bottom: 80px; }
.homenews .newsbox .newsleft .newshot ul { float: left; width: 100%; }
.homenews .newsbox .newsleft .newshot ul li { float: left; width: 100%; overflow: hidden; display: inline; }
.homenews .newsbox .newsleft .newshot ul li a.pic, .homenews .newsbox .newsleft .newshot ul li a.pic img { float: left; width: 100%; }
.homenews .newsbox .newsleft .newshot ul li h3 { clear: both; float: left; width: 100%; margin-top: 10px; height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.homenews .newsbox .newsleft .newshot ul li p { clear: both; float: left; width: 100%; margin-top: 10px; height: 50px; line-height: 25px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; color: #999999; }
.homenews .newsbox .newsleft a.btn { float: left; margin: 15px 15px 0px 0px; display: block; width: 44px; height: 44px; overflow: hidden; }
.homenews .newsbox .newsleft a.btn_prev { background: url(../Images/btn_news_prev.png) no-repeat center center; }
.homenews .newsbox .newsleft a.btn_next { background: url(../Images/btn_news_next.png) no-repeat center center; }
.homenews .newsbox .newsleft a.btn_prev:hover { background-image: url(../Images/btn_news_prev_hover.png); }
.homenews .newsbox .newsleft a.btn_next:hover { background-image: url(../Images/btn_news_next_hover.png); }
.homenews .newsbox .newsright { float: right; margin-top: 20px; padding-bottom: 40px; width: 57%; overflow: hidden; }
.homenews .newsbox .newsright ul { float: left; width: 100%; overflow: hidden; }
.homenews .newsbox .newsright ul li { float: left; width: 100%; height: 110px; margin-bottom: 30px; overflow: hidden; transition: all 0.8s; opacity: 0; transform: translate(100%,0); }
.homenews .newsbox .newsright ul li .time { display: none; float: left; width: 100%; height: 20px; line-height: 20px; font-size: 16px; overflow: hidden; color: #999; }
.homenews .newsbox .newsright ul li .date { float: left; width: 15%; height: 110px; overflow: hidden; }
.homenews .newsbox .newsright ul li .date .day { float: left; width: 100%; height: 70px; line-height: 70px; display: block; font-size: 60px; overflow: hidden; color: #fff; text-align: center; background-color: #0861dc; font-family: 'Times New Roman',Arial; }
.homenews .newsbox .newsright ul li .date .yearmonth { float: left; width: 100%; height: 40px; line-height: 40px; display: block; font-size: 25px; overflow: hidden; color: #fff; text-align: center; background-color: #4cbcf1; font-family: 'Times New Roman',Arial; }
.homenews .newsbox .newsright ul li h3 { float: right; width: 83%; margin-top: 10px; height: 30px; line-height: 30px; font-size: 20px; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.homenews .newsbox .newsright ul li p { float: right; width: 83%; margin-top: 10px; height: 50px; line-height: 25px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; text-overflow: ellipsis; }
.homenews .newsbox .newsright a.more { float: left; /*margin-left: 17%;*/ margin-top: 10px; width: 200px; height: 46px; line-height: 46px; font-size: 20px; color: #fff; text-align: center; background-color: #0861dc; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition: all 0.8s; opacity: 0; transform: translate(100%,0); }

.active .homenews .newsbox .newsleft { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }
.active .homenews .newsbox .newsright ul li:nth-child(1) { transform: translate(0,0); opacity: 1; transition-delay: 0.8s; }
.active .homenews .newsbox .newsright ul li:nth-child(2) { transform: translate(0,0); opacity: 1; transition-delay: 1.1s; }
.active .homenews .newsbox .newsright ul li:nth-child(3) { transform: translate(0,0); opacity: 1; transition-delay: 1.4s; }
.active .homenews .newsbox .newsright a.more { transform: translate(0,0); opacity: 1; transition-delay: 1.7s; }

.linklist { margin: 0 auto; padding: 30px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.linklist ul { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; text-align: left; }
.linklist ul li { margin: 8px; width: 140px; overflow: hidden; display: inline-block; border: 1px solid #eee; }
.linklist ul li a, .linklist ul li a img { float: left; width: 100%; }

.contitle { clear: both; float: left; position: relative; }
.contitle h2 { float: left; width: 222px; padding: 15px 0px; font-size: 18px; border-bottom: 1px solid #bfbfbf; }
.contitle i { border-bottom: 5px solid #0861dc; position: absolute; left: 0px; bottom: 0px; width: 80px; }
.ccontitle { clear: both; margin-top: 5px; float: left; color: #707070; line-height: 25px; }

.protype { margin: 0 auto; padding: 80px 0px 20px 0px; width: 100%; background-color: #eff2f6; }
.protype .typebox { margin: 0 auto; width: 1200px; padding: 0px 10px; }
.protype .typebox .typelist { float: left; margin-top: 10px; padding: 15px 0px; width: 100%; font-size: 14px; background-color: #eff2f6; }
.protype .typebox .typelist a.typeall { float: left; display: inline-block; margin: 10px 0px; width: 60px; line-height: 30px; }
.protype .typebox .typelist ul { float: left; width: 1220px; }
.protype .typebox .typelist ul li { float: left; margin: 5px 0px; line-height: 30px; height: 30px; width: 25%; position: relative; z-index: 9; }
.protype .typebox .typelist ul li > div { float: left; display: block; cursor: pointer; }
.protype .typebox .typelist ul li > div > a { float: left; display: block; line-height: 25px; padding: 5px 0px 5px 10px; cursor: pointer; }
.protype .typebox .typelist ul li > div > a.on { background-color: #0861dc; color: #fff; }
.protype .typebox .typelist ul li > div > a.selected { color: #4cbcf1; }
.protype .typebox .typelist ul li > div > i { float: left; display: block; width: 35px; height: 35px; background: url(../Images/ico_arr.png) no-repeat center center; cursor: pointer; transition: all 0.50s ease 0s; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; }
.protype .typebox .typelist ul li > div > i.on { background-color: #0861dc; background-image: url(../Images/ico_arr_on.png); }
.protype .typebox .typelist ul li > div dl { position: absolute; min-width: 110px; padding: 5px; top: 100%; left: 0px; background-color: #0861dc; display: none; }
.protype .typebox .typelist ul li > div dl dd { clear: both; float: left; }
.protype .typebox .typelist ul li > div dl dd a { float: left; padding: 8px 5px 8px 10px; line-height: 25px; white-space: nowrap; color: #fff; }
.protype .typebox .typelist ul li > div dl dd a:hover, .protype .typebox .typelist ul li dl dd a.on { color: #4cbcf1; }

.prolist { margin: 0 auto; padding: 0px 0px 60px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.prolist .listbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.prolist .listbox .listtitle { float: left; margin-top: 10px; padding: 20px 10px 0px 10px; height: 50px; line-height: 30px; overflow: hidden; }
.prolist .listbox .listtitle h2 { float: left; overflow: hidden; font-size: 20px; line-height: 40px; }
.prolist .listbox ul { float: left; width: 100%; padding: 20px 0px; overflow: hidden; }
.prolist .listbox ul li { float: left; padding: 10px; width: 33.3%; overflow: hidden; }
.prolist .listbox ul li a { float: left; width: 100%; overflow: hidden; }
.prolist .listbox ul li a p { float: left; width: 100%; overflow: hidden; border: 2px solid #eeeeee; border-bottom-width: 0px; }
.prolist .listbox ul li a p img { float: left; width: 100%; height: auto; }
.prolist .listbox ul li a div { float: left; width: 100%; /*padding: 5px;*/line-height: 20px; height: 50px; line-height: 50px;color: #fff; font-size: 16px; text-align: center; display: block; background-color: #4cbcf1; overflow: hidden; }
.prolist .listbox ul li a:hover p { border-color: #4cbcf1; }
.prolist .listmore { float: left; padding-top: 30px; width: 100%; text-align: center; line-height: 56px; overflow: hidden; position: relative; }
.prolist .listmore a { margin: 0 auto; width: 200px; line-height: 50px; display: inline-block; color: #4cbcf1; border: 3px solid #4cbcf1; overflow: hidden; font-size: 20px; text-align: center; }
.prolist .listmore a:hover { color: #0861dc; border-color: #0861dc; }
.progray { background-color: #eee; }
.progray .listbox ul li a img { border-color: #fff; }

.prointr { margin: 0 auto; width: 100%; overflow: hidden; background-color: #f7f7f7; }
.prointr .intrbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; background: #f7f7f7 url(../Images/line.png) repeat-y 56% center; position: relative; }
.prointr .intrbox .intrcon { float: right; width: 40%; padding: 80px 0px 80px 0px; }
.prointr .intrbox .intrcon h2 { float: left; line-height: 40px; font-size: 30px; }
.prointr .intrbox .intrcon p { float: left; margin-top: 10px; line-height: 28px; font-size: 14px; }
.prointr .intrbox .intrcon a { float: left; clear: both; margin-top: 10%; margin-left: 3%; width: 180px; height: 44px; line-height: 40px; display: inline-block; color: #0861dc; border: 2px solid #0861dc; font-weight: bold; overflow: hidden; font-size: 20px; text-align: center; }
.prointr .intrbox .intrcon a:hover { color: #4cbcf1; border-color: #4cbcf1; }
.prointr .intrbox .intrimg { float: left; width: 55%; }
.prointr .intrbox .intrimg img { float: left; width: 49%; position: absolute; left: 3%; top: 50%; margin-top: -17.5%; }
.proinfo { margin: 0 auto; width: 100%; overflow: hidden; background-color: #fff; }
.proinfo .infobox { margin: 0 auto; width: 1200px; padding: 20px 10px; overflow: hidden; }
.proinfo .infobox .infotitle { float: left; margin-top: 40px; width: 100%; position: relative; }
.proinfo .infobox .infotitle h2 { float: left; width: 100%; padding: 15px 0px; font-size: 24px; border-bottom: 1px solid #bfbfbf; color: #0861dc; }
.proinfo .infobox .infotitle i { border-bottom: 5px solid #0861dc; position: absolute; left: 0px; bottom: 0px; width: 80px; }
.proinfo .infobox .infocontent { float: left; margin-top: 20px; font-size: 20px; width: 100%; padding: 0px 10px; position: relative; overflow: hidden; line-height: 220%; }
.proinfo .infobox .infocontent img { max-width: 100%; }
.proinfo .cinfobox { float: left; width: 100%; padding: 20px 10px; overflow: hidden; }
.proinfo .cinfobox:nth-child(2n+0) { background-color: #f7f7f7; }
.proinfo .cinfobox .boxinfo { margin: 0 auto; width: 1200px; padding: 0px 25px; overflow: hidden; }
.proinfo .cinfobox .boxinfo .ctitle { float: left; width: 120px; text-align: center; line-height: 40px; height: 40px; background-color: #4cbcf1; color: #fff; font-size: 20px; padding: 0px 10px; position: relative; overflow: hidden; }
.proinfo .cinfobox .boxinfo .cinfo { float: left; width: 100%; margin-top: 20px; font-size: 18px; position: relative; overflow: hidden; line-height: 220%; }
.proinfo .cinfobox .boxinfo .cinfo img { max-width: 100%; }

.project { margin: 0 auto; padding: 40px 0px 40px 0px; width: 100%; background-color: #fff; }
.project .projectbox { margin: 0 auto; width: 1200px; padding: 0px 10px; }
.project .projectbox .projecttitle { float: left; width: 100%; font-size: 20px; font-weight: bold; overflow: hidden; line-height: 36px; padding: 5px 0px; }
.project .projectbox .projectintr { float: left; width: 100%; font-size: 16px; overflow: hidden; line-height: 25px; padding: 5px 0px; color: #707070; }
.project .projectbox .projectprop { float: left; width: 100%; }
.project .projectbox .projectprop li { float: left; width: 21%; height: 260px; padding-bottom: 120px; margin: 2% 2%; cursor: pointer; position: relative; z-index: 9; }
.project .projectbox .projectprop li div { float: left; border: 1px solid #fff; width: 98%; height: 260px; overflow: hidden; text-align: center; position: absolute; left: 0px; top: 0px; -moz-border-radius: 3%; -khtml-border-radius: 3%; -webkit-border-radius: 3%; border-radius: 3%; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; transition: all 0.50s ease 0s; }
.project .projectbox .projectprop li div span { float: left; width: 100%; height: 120px; display: block; text-align: center; position: relative; }
.project .projectbox .projectprop li div span img { margin: 0 auto; display: inline-block; width: 120px; height: 120px; transition: all 0.50s ease 0s; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; transition: all 0.50s ease 0s; }
.project .projectbox .projectprop li div span img.hide { position: absolute; left: 50%; margin-left: -60px; top: 0px; -moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; }
.project .projectbox .projectprop li div h3 { float: left; width: 100%; line-height: 40px; height: 40px; font-size: 20px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.project .projectbox .projectprop li div p { float: left; padding: 15px 10px 10px 10px; left: 0px; width: 100%; font-size: 16px; line-height: 28px; overflow: hidden; color: #707070; }
.project .projectbox .projectprop li:hover { z-index: 99; }
.project .projectbox .projectprop li:hover div { height: auto; padding-bottom: 20px; border-color: #4cbcf1; background-color: #d8f1fc; }
.project .projectbox .projectprop li:hover div span img.hide { -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; }
.project .projectbox .projectinfo { width: 68%; margin-top: 10px; }
.project .projectbox .projectinfo li { width: 90%; margin: 20px 5%; padding-left: 15px; font-size: 16px; line-height: 30px; background: url(../Images/ico_propot.png) no-repeat left 6px; }
.project .projectbox .projectimg { width: 30%; margin-top: 20px; }
.project .projectbox .projectimg a { width: 100%; padding: 10px 0px; margin-top: 20px; display: block; position: relative; }
.project .projectbox .projectimg a i { width: 70%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; z-index: 1; }
.project .projectbox .projectimg.fr a i { left: auto; right: 0px; top: 0px; z-index: 1; background-color: #e5e5e5; }
.project .projectbox .projectimg.fl a i { left: auto; left: 0px; top: 0px; z-index: 1; background-color: #e5e5e5; }
.project .projectbox .projectimg img { width: 100%; z-index: 2; position: relative; }
.project .projectbox .projectimg a:hover i { background-color: #4cbcf1; }
.project .projectbox .projectpro { float: left; width: 100%; }
.project .projectbox .projectpro li { float: left; width: 20%; padding: 1%; }
.project .projectbox .projectpro li img { float: left; width: 100%; }
.project .projectbox .projectpro li span { float: left; margin-top: 2%; display: block; width: 100%; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; }

.projlist { margin: 0 auto; width: 100%; overflow: hidden; background-color: #f7f7f7; }
.projlist .projlistbox { margin: 0 auto; width: 1300px; padding: 50px 60px; overflow: hidden; background-color: #fff; }
.projlist .projlistbox .projbox { float: left; width: 100%; margin-top: 10px; }
.projlist .projlistbox .projbox li { float: left; width: 100%; margin: 15px 0px; }
.projlist .projlistbox .projbox li:nth-child(2n+0) { background-color: #f7f7f7; }
.projlist .projlistbox .projbox li .pic { float: left; display: block; width: 25%; border: 2px solid #d2d2d2; overflow: hidden; }
.projlist .projlistbox .projbox li .pic img { float: left; width: 100%; }
.projlist .projlistbox .projbox li .pic:hover { border-color: #0861dc; }
.projlist .projlistbox .projbox li .word { float: right; width: 73%; }
.projlist .projlistbox .projbox li .word .title { float: left; margin-top: 1%; display: block; width: 100%; font-size: 18px; line-height: 30px; height: 30px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.projlist .projlistbox .projbox li .word .intr { float: left; margin-top: 1.5%; display: block; width: 100%; font-size: 14px; line-height: 25px; height: 75px; color: #808080; overflow: hidden; }
.projlist .projlistbox .projbox li .word .more { float: left; margin-top: 3%; color: #0861dc; font-size: 16px; }

.service { margin: 0 auto; padding: 40px 0px 40px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.service .servicebox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.service .servicebox .serviceinfo { float: left; margin-top: 30px; width: 100%; overflow: hidden; }
.service .servicebox .serviceinfo .infolist { float: right; width: 40%; padding: 0px 2% 50px 2%; overflow: hidden; }
.service .servicebox .serviceinfo .infolist li { float: left; clear: both; margin: 0px 0px 4% 0px; width: 100%;/* height: 125px;*/ position: relative; cursor: pointer; z-index: 1; }
.service .servicebox .serviceinfo .infolist li div { float: left; width: 98%; padding: 10px; border: 1px solid #fff; height: 125px; overflow: hidden;/* position: absolute; left: 0px; top: 0px; */-moz-border-radius: 3%; -khtml-border-radius: 3%; -webkit-border-radius: 3%; border-radius: 3%; transition: all 0.3s; }
.service .servicebox .serviceinfo .infolist li div h3 { float: left; clear: both; width: 100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #4cbcf1; white-space: nowrap; text-overflow: ellipsis; }
.service .servicebox .serviceinfo .infolist li div p { float: left; margin-top: 5px; clear: both; width: 100%; line-height: 25px; overflow: hidden; font-size: 14px; color: #999; }
.service .servicebox .serviceinfo .infolist li:hover { z-index: 2; }
.service .servicebox .serviceinfo .infolist li:hover div { height: auto; padding-bottom: 20px; }
/*.service .servicebox .serviceinfo .infolist li:hover div h3 { color: #0861dc; }
.service .servicebox .serviceinfo .infolist li:hover div p { color: #000000; }*/
.service .servicebox .serviceinfo .infoimg { float: right; width: 20%; overflow: hidden; }
.service .servicebox .serviceinfo .infoimg img { float: left; width: 100%; }

.file { margin: 0 auto; padding: 30px 0px; width: 100%; overflow: hidden; background-color: #fafafa; }
.file .filebox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.file .filebox .filelist { float: left; width: 100%; text-align: center; }
.file .filebox .filelist .file_list { float: left; margin-top: 20px; width: 100%; }
.file .filebox .filelist .file_list li { float: left; width: 25%; margin: 10px 0px; text-align: center; }
.file .filebox .filelist .file_list li a { margin: 0 auto; display: inline-block; width: 60%; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; background-color: #bfbfbf; }
.file .filebox .filelist .file_list li a:hover, .file .filebox .filelist .file_list li a.on { background-color: #4cbcf1; }
.file .filebox .filelist .file_info { float: left; width: 100%; padding: 20px 0px; }
.file .filebox .filelist .file_info li { float: left; width: 100%; }
.file .filebox .filelist .file_info li div.link { float: left; width: 100%; line-height: 30px; height: 240px; overflow: hidden; }
.file .filebox .filelist .file_info li div.more { float: left; width: 100%; line-height: 30px; height: 30px; overflow: hidden; }
.file .filebox .filelist .file_info li div dl { float: left; width: 100%; border-top: 1px solid #bfbfbf; }
.file .filebox .filelist .file_info li div dl dd { float: left; width: 100%; padding: 8px 0px; line-height: 30px; border-bottom: 1px solid #bfbfbf; font-size: 14px; text-align: left; position: relative; }
.file .filebox .filelist .file_info li div dl dd span { padding-right: 100px; display: inline-block; }
.file .filebox .filelist .file_info li div dl dd a { position: absolute; right: 0px; top: 8px; display: block; padding-right: 25px; background: url(../Images/ico_download.png) no-repeat right center; }
.file .filebox .filelist .file_info li div dl dd a:hover { background-image: url(../Images/ico_download_on.png); }

.feedback { margin: 0 auto; padding: 50px 0px 150px 0px; width: 100%; overflow: hidden; background: url(../Images/bg_feedback.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.feedback .feedbackbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.feedback .feedbackbox .feedbackform { float: left; margin-top: 50px; width: 100%; }
.feedback .feedbackbox .feedbackform li { float: left; display: inline-block; padding: 10px 4px; }
.feedback .feedbackbox .feedbackform li input, .feedback .feedbackbox .feedbackform li textarea { width: 100%; border: 2px solid #fff; color: #fff; height: 50px; line-height: 30px; padding: 10px 20px; font-size: 18px; background: none; }
.feedback .feedbackbox .feedbackform li.input_min input:focus, .feedback .feedbackbox .feedbackform li.input_max textarea:focus { transition: border linear .2s,box-shadow linear .5s; -moz-transition: border linear .2s,-moz-box-shadow linear .5s; -webkit-transition: border linear .2s,-webkit-box-shadow linear .5s; outline: none; border-color: rgba(255,255,255,0.75); box-shadow: 0 0 12px rgba(255,255,255,0.5); -moz-box-shadow: 0 0 12px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 12px rgba(255,255,255,3); }
.feedback .feedbackbox .feedbackform li.input_min { width: 33.333%; position: relative; }
.feedback .feedbackbox .feedbackform li.input_min img { position: absolute; right: 10px; top: 15px; height: 40px; }
.feedback .feedbackbox .feedbackform li.input_max { width: 100%; }
.feedback .feedbackbox .feedbackform li.input_max textarea { height: 180px; }
.feedback .feedbackbox .feedbackform li.input_btn { width: 100%; }
.feedback .feedbackbox .feedbackform li.input_btn input { width: 222px; cursor: pointer; outline: none; border-color: rgba(255,255,255,0.75); box-shadow: 0px 0px 12px rgba(255,255,255,0.5); -moz-box-shadow: 0px 0px 12px rgba(255,255,255,0.5); -webkit-box-shadow: 0px 0px 12px rgba(255,255,255,3); }
.feedback .feedbackbox .feedbackform li.input_btn input:active { box-shadow: 0px 0px 0px rgba(255,255,255,0.5); -moz-box-shadow: 0px 0px 0px rgba(255,255,255,0.5); -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,3); }
.feedback .feedbackbox .feedbackform li ::-webkit-input-placeholder { color: #eeeeee; }
.feedback .feedbackbox .feedbackform li ::-moz-placeholder { color: #eeeeee; }
.feedback .feedbackbox .feedbackform li :-moz-placeholder { color: #eeeeee; }
.feedback .feedbackbox .feedbackform li :-ms-input-placeholder { color: #eeeeee; }

.jobs { margin: 0 auto; width: 100%; overflow: hidden; }
.job { margin: 0 auto; padding: 50px 0px 50px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.job .jobbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.job .jobbox .jobtop { float: left; margin-top: 20px; width: 100%; }
.job .jobbox .jobtop li { clear: both; float: left; margin: 10px 0px; width: 100%; font-size: 18px; line-height: 42px; padding-left: 50px; background-position: left top; background-repeat: no-repeat; }
.job .jobbox .jobtop li.email { background-image: url(../Images/ico_send.png); }
.job .jobbox .jobtop li.address { background-image: url(../Images/ico_map.png); }
.job .jobbox .jobtitle { float: left; width: 100%; }
.job .jobbox .jobtitle h2 { float: left; color: #1b1b1b; font-size: 18px; line-height: 30px; }
.job .jobbox .jobinfo { float: left; width: 100%; }
.job .jobbox .jobinfo dt { clear: both; float: left; margin-top: 30px; padding: 5px 15px; line-height: 30px; font-size: 16px; color: #fff; background-color: #4cbcf1; }
.job .jobbox .jobinfo dd { clear: both; float: left; margin-top: 10px; line-height: 200%; font-size: 14px; }
.job .jobbox .jobinfo a.maplink { float: left; display: block; padding: 0px; padding-left: 18px; line-height: 30px; background: url(../Images/ico_maplink.png) no-repeat left center; }
.jobbom { color: #fff; padding: 100px 0px; background: url(../Images/bg_job.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.jobbom .bomtitle { float: left; margin: 0px 10%; width: 80%; font-size: 30px; line-height: 60px; }
.jobbom .bominfo { float: left; margin: 0px 10%; width: 80%; margin-top: 20px; font-size: 20px; line-height: 40px; }

.about { margin: 0 auto; padding: 30px 0px 30px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.about .aboutbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.about .aboutbox .abouttitle { float: left; margin-top: 20px; width: 100%; line-height: 40px; padding: 20px 0px; }
.about .aboutbox .abouttitle h2 { float: left; width: 100%; text-align: center; line-height: 40px; padding: 5px 0px; font-size: 22px; }
.about .aboutbox .abouttitle p { float: left; width: 100%; text-align: center; line-height: 30px; padding: 5px 0px; font-size: 18px; }
.about .aboutbox .aboutinfo { float: left; margin-top: 10px; width: 100%; line-height: 200%; font-size: 14px; overflow: hidden; }
.about .aboutbox .aboutinfo img { max-width: 100%; }
.about .aboutbox .abouticon { float: left; margin-top: 50px; width: 100%; }
.about .aboutbox .abouticon li { float: left; padding: 10px; width: 33.3%; text-align: center; cursor: pointer; }
.about .aboutbox .abouticon li p { float: left; margin: 0px 20%; width: 60%; border: 3px solid #eee; color: #4cbcf1; font-size: 50px; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.50s ease 0s; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; }
.about .aboutbox .abouticon li b { float: left; display: block; margin: 5%; width: 80%; color: #4cbcf1; font-size: 20px; overflow: hidden; line-height: 30px; -moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; font-family: 'Times New Roman',Arial; transition: all 0.50s ease 0s; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; }
.about .aboutbox .abouticon li:hover p { border-color: #4cbcf1; background-color: #4cbcf1; color: #fff; }
.about .aboutbox .abouticon li:hover b { -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; }
.about .aboutbox .abouthonor { float: left; margin-top: 25px; width: 100%; position: relative; }
.about .aboutbox .abouthonor #abouthonor { float: left; width: 100%; }
.about .aboutbox .abouthonor #abouthonor a.pic { float: left; width: 100%; overflow: hidden; display: block; position: relative; }
.about .aboutbox .abouthonor #abouthonor a.pic img { float: left; width: 100%; overflow: hidden; }
.about .aboutbox .abouthonor #abouthonor a.pic span { float: left; width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0px; display: block; height: 45px; line-height: 30px; text-align: center; padding: 10px; background-color: #4cbcf1; -moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; }
.about .aboutbox .abouthonor #abouthonor a.pic:hover span { -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; color: #fff; font-size: 16px; }
.about .aboutbox .aboutteam { float: left; margin-top: 20px; width: 100%; position: relative; }
.about .aboutbox .aboutteam #aboutteam { float: left; width: 100%; }
.about .aboutbox .aboutteam #aboutteam a.pic img { float: left; width: 100%; overflow: hidden; }
.about .aboutmap { float: left; margin-top: 30px; width: 100%; overflow: hidden; }
.about .aboutmap img { float: left; width: 100%; overflow: hidden; }

.culture { margin: 0 auto; margin-top: 30px; padding: 60px 0px 60px 0px; width: 100%; overflow: hidden; background: url(../Images/bg_culture.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.culture .culturelist { float: left; width: 100%; overflow: hidden; }
.culture .culturelist li { float: left; width: 25%; padding: 5px; cursor: pointer; overflow: hidden; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.culture .culturelist li a { float: left; width: 100%; display: block; color: #000; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.culture .culturelist li a span { display: block; transition: all 0.50s ease 0s; -moz-transition: all 0.50s ease 0s; -khtml-transition: all 0.50s ease 0s; -webkit-transition: all 0.50s ease 0s; }
.culture .culturelist li a span p { display: block; transition: all 0.30s ease 0s; -moz-transition: all 0.30s ease 0s; -khtml-transition: all 0.30s ease 0s; -webkit-transition: all 0.30s ease 0s; }
.culture .culturelist li a span.pic { float: left; width: 100%; -moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; }
.culture .culturelist li a span.pic img { float: left; width: 100%; }
.culture .culturelist li a span.icon { float: left; width: 100%; height: 6px; position: relative; background-color: #4cbcf1; z-index: 9; }
.culture .culturelist li a span.icon p { float: left; text-align: center; width: 130px; height: 130px; line-height: 130px; font-size: 40px; position: absolute; color: #fff; margin: -65px 0px 0px -65px; left: 50%; top: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #4cbcf1; }
.culture .culturelist li a span.title { float: left; width: 100%; padding: 80px 15px 0px 15px; text-align: center; line-height: 30px; font-size: 20px; font-weight: bold; background-color: #fff; -moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; }
.culture .culturelist li a span.intr { float: left; width: 100%; padding: 10px 15px 50px 15px; line-height: 25px; font-size: 16px; position: relative; background-color: #fff; -moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; }
.culture .culturelist li a:hover span.pic, .culture .culturelist li a:hover span.title, .culture .culturelist li a:hover span.intr { -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; }
.culture .culturelist li a:hover span.icon p { width: 90px; height: 90px; line-height: 90px; font-size: 25px; color: #fff; margin: -45px 0px 0px -45px; }

.maplink { margin: 0 auto; padding: 50px 0px 50px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.maplink .maplinkbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.maplink .maplinkbox .maplinklist { float: left; clear: both; width: 100%; padding: 40px 0px; border-bottom: 1px solid #eeeeee; }
.maplink .maplinkbox .maplinklist p { float: left; width: 18%; }
.maplink .maplinkbox .maplinklist p a { float: left; margin-right: 30px; width: 180px; height: 50px; line-height: 50px; text-align: center; background-color: #4cbcf1; color: #fff; font-size: 20px; }
.maplink .maplinkbox .maplinklist ul { float: right; width: 82%; }
.maplink .maplinkbox .maplinklist ul li { float: left; width: 25%; padding: 10px 20px; height: 50px; line-height: 35px; font-size: 16px; overflow: hidden; }

.newslist { margin: 0 auto; padding: 50px 0px 50px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.newslist .newslistbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.newslist .newslistbox .newspro { float: left; width: 100%; margin-top: 10px; }
.newslist .newslistbox .newspro li { float: left; width: 33.33%; margin: 15px 0px; padding-right: 20px; }
.newslist .newslistbox .newspro li a { float: left; width: 100%; display: block; }
.newslist .newslistbox .newspro li a p.pic { float: left; width: 100%; position: relative; border: 2px solid #d2d2d2; overflow: hidden; }
.newslist .newslistbox .newspro li a p.pic img { float: left; width: 100%; }
.newslist .newslistbox .newspro li a p.pic span { float: left; position: absolute; max-width: 90%; height: 35px; line-height: 25px; left: 0px; bottom: 10px; background-color: #0861dc; overflow: hidden; color: #fff; font-size: 16px; padding: 5px 10px; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; white-space: nowrap; }
.newslist .newslistbox .newspro li a p.title { float: left; width: 100%; margin-top: 10px; font-size: 18px; line-height: 30px; height: 30px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist .newslistbox .newspro li a p.intr { float: left; width: 100%; margin-top: 10px; font-size: 14px; line-height: 25px; height: 75px; color: #808080; overflow: hidden; }
.newslist .newslistbox .newspro li a:hover p.pic { border-color: #0861dc; }
.newslist .newslistbox .newsmar { float: left; width: 100%; margin-top: 10px; }
.newslist .newslistbox .newsmar li { float: left; width: 100%; margin: 15px 0px; }
.newslist .newslistbox .newsmar li .pic { float: left; display: block; width: 25%; border: 2px solid #d2d2d2; overflow: hidden; }
.newslist .newslistbox .newsmar li .pic img { float: left; width: 100%; }
.newslist .newslistbox .newsmar li .pic:hover { border-color: #0861dc; }
.newslist .newslistbox .newsmar li .word { float: right; width: 73%; }
.newslist .newslistbox .newsmar li .word .title { float: left; margin-top: 1%; display: block; width: 100%; font-size: 18px; line-height: 30px; height: 30px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist .newslistbox .newsmar li .word .intr { float: left; margin-top: 1.5%; display: block; width: 100%; font-size: 14px; line-height: 25px; height: 75px; color: #808080; overflow: hidden; }
.newslist .newslistbox .newsmar li .word .more { float: left; margin-top: 3%; color: #0861dc; font-size: 16px; }
.newslist .newslistbox .newscoo { float: left; width: 100%; margin-top: 10px; }
.newslist .newslistbox .newscoo li { float: left; width: 100%; margin: 30px 0px; }
.newslist .newslistbox .newscoo li .pic { float: left; display: block; width: 35%; border: 2px solid #d2d2d2; overflow: hidden; }
.newslist .newslistbox .newscoo li .pic img { float: left; width: 100%; }
.newslist .newslistbox .newscoo li .pic:hover { border-color: #0861dc; }
.newslist .newslistbox .newscoo li .word { float: right; width: 60%; }
.newslist .newslistbox .newscoo li .word .title { float: left; margin-top: 4%; display: block; width: 100%; font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist .newslistbox .newscoo li .word .intr { float: left; margin-top: 2%; display: block; width: 100%; font-size: 14px; height: 132px; line-height: 22px; color: #707070; overflow: hidden; }
.newslist .newslistbox .newscoo li .word .more { float: right; margin-top: 6%; color: #0861dc; font-size: 16px; }
.newslist .newslistbox .newscoo li:nth-last-child(odd) .pic { float: right; }
.newslist .newslistbox .newscoo li:nth-last-child(odd) .word { float: left; }
.marketlist { background: url(../Images/bg_news.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

.newsinfo { margin: 0 auto; padding: 60px 0px 30px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.newsinfo .newsinfobox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.newsinfo .newsinfobox .newscontent { float: left; margin-top: 25px; width: 100%; }
.newsinfo .newsinfobox .newscontent .newstitle { float: left; margin-top: 30px; width: 100%; line-height: 200%; font-size: 22px; text-align: center; }
.newsinfo .newsinfobox .newscontent .newsdate { float: right; width: 100%; padding: 10px 0px; line-height: 30px; font-size: 14px; color: #a0a0a0; text-align: center; }
.newsinfo .newsinfobox .newscontent .newsdate span { display: inline-block; margin-left: 40px; }
.newsinfo .newsinfobox .newscontent .newsintr { float: left; width: 100%; margin-top: 30px; padding: 30px; background: #f8f7f7; }
.newsinfo .newsinfobox .newscontent .newsintr .intrbox { float: left; width: 100%; padding-left: 30px; padding-top: 10px; background: url(../Images/ico_dou_left.png) no-repeat left top; }
.newsinfo .newsinfobox .newscontent .newsintr .intrbox .boxinfo { float: left; width: 100%; padding-right: 30px; padding-bottom: 10px; line-height: 36px; font-size: 14px; background: url(../Images/ico_dou_right.png) no-repeat right bottom; }
.newsinfo .newsinfobox .newscontent .newsinfo { float: left; width: 100%; line-height: 200%; font-size: 14px; }
.newsinfo .newsinfobox .newscontent .newsinfo img { max-width: 100%; }
.newsinfo .newsinfobox .newscontent .prevnext { float: left; margin-top: 40px; width: 100%; line-height: 30px; font-size: 14px; }
.newsinfo .newsinfobox .newscontent .prevnext a { clear: both; float: left; display: inline-block; margin: 3px 0px; }
.newsaboutbox { background: url(../Images/bg_newsinfo.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.newsinfo .newsinfobox .newsabout { float: left; margin-top: 25px; width: 100%; position: relative; }
.newsinfo .newsinfobox .newsabout #newsabout { float: left; width: 90%; margin: 0px 5%; }
.newsinfo .newsinfobox .newsabout #newsabout li { margin-right: 20px; }
.newsinfo .newsinfobox .newsabout #newsabout a p.pic { float: left; width: 100%; position: relative; overflow: hidden; }
.newsinfo .newsinfobox .newsabout #newsabout a p.pic img { float: left; width: 100%; }
.newsinfo .newsinfobox .newsabout #newsabout a p.pic span { float: left; position: absolute; line-height: 25px; left: 0px; bottom: 10px; background-color: #0861dc; color: #fff; font-size: 16px; padding: 5px 15px; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.newsinfo .newsinfobox .newsabout #newsabout a p.title { float: left; width: 100%; margin-top: 10px; font-size: 18px; line-height: 30px; height: 30px; color: #000000; overflow: hidden; }
.newsinfo .newsinfobox .newsabout #newsabout a p.intr { float: left; width: 100%; margin-top: 10px; font-size: 14px; line-height: 22px; height: 66px; color: #808080; overflow: hidden; }
.newsinfo .newsinfobox .btn_back { float: left; margin: 60px 0px; width: 100%; text-align: center; }
.newsinfo .newsinfobox .btn_back a { margin: 0px auto; display: inline-block; height: 44px; width: 44px; background: url(../Images/ico_back.png) no-repeat center center; }

.school { margin: 0 auto; padding: 60px 0px 30px 0px; width: 100%; overflow: hidden; background-color: #fff; }
.school .schoolbox { margin: 0 auto; width: 1200px; padding: 0px 10px; overflow: hidden; }
.school .schoolbox .plan { float: left; width: 100%; }
.school .schoolbox .plan .planleft { float: left; width: 40%; }
.school .schoolbox .plan .planleft p { float: left; width: 100%; }
.school .schoolbox .plan .planleft p img { float: left; width: 100%; }
.school .schoolbox .plan .planleft div { clear: right; float: right; line-height: 30px; font-size: 16px; }
.school .schoolbox .plan .planleft div img { margin: 0px 10px; }
.school .schoolbox .plan .planright { float: right; width: 56%; }
.school .schoolbox .plan .planright h2 { float: left; margin-top: 10px; width: 100%; font-size: 22px; color: #000000; line-height: 40px; }
.school .schoolbox .plan .planright h3 { float: left; margin-top: 5px; width: 100%; font-size: 16px; line-height: 30px; }
.school .schoolbox .plan .planright .planintr { float: left; width: 100%; font-size: 16px; line-height: 25px; }
.school .schoolbox .plan .planright .planprice { float: left; width: 100%; font-size: 16px; line-height: 25px; }
.school .schoolbox .plan .planright .planintr { float: left; margin-top: 30px; width: 100%; font-size: 16px; line-height: 28px; }
.school .schoolbox .plan .planright .planprice { float: left; margin-top: 30px; width: 100%; font-size: 18px; line-height: 30px; color: #4cbcf1; }
.school .schoolbox .plan .planright .planper { float: left; margin-top: 5px; width: 100%; font-size: 14px; line-height: 20px; }
.school .schoolbox .plan .planright .planbtn { float: left; margin-top: 20px; width: 100%; }
.school .schoolbox .plan .planright .planbtn a { float: left; margin-top: 30px; border: 2px solid #4cbcf1; margin-right: 30px; padding: 5px 20px; color: #4cbcf1; font-size: 16px; }
.school .schoolbox .plan .planright .planbtn a:hover { border-color: #0861dc; color: #0861dc; }
.school .schoolbox .schooltitle { float: left; width: 100%; text-align: center; line-height: 50px; margin: 10px 0px; }
.school .schoolbox .schooltitle h2 { font-size: 22px; color: #000000; }
.school .schoolbox .advanintr, .school .schoolbox .suiteintr { float: left; width: 100%; text-align: center; line-height: 40px; font-size: 18px; margin: 1% 0px; }
.school .schoolbox .contactintr { float: left; width: 100%; text-align: center; line-height: 35px; font-size: 16px; margin: 2% 0px; }
.school .schoolbox .linkintr { float: left; width: 100%; text-align: center; line-height: 50px; font-size: 18px; padding-top: 65px; margin: 2% 0px; background: url(../Images/ico_link.png) no-repeat top center; }
.school .schoolbox .advanimg { float: left; width: 100%; padding: 10px 0px 60px 0px; margin: 10px 0px; position: relative; }
.school .schoolbox .advanimg img { float: left; width: 50%; margin: 0px 25%; }
.school .schoolbox .advanimg ul { float: left; position: absolute; }
.school .schoolbox .advanimg ul li { float: left; clear: both; width: 100%; margin: 10px 0px; overflow: hidden; background: url(../Images/ico_pot_blue.png) no-repeat left center; }
.school .schoolbox .advanimg ul li p { float: left; margin-left: 15px; width: 90%; height: 30px; line-height: 30px; padding: 0px 10px; border: 1px solid #4cbcf1; font-size: 16px; color: #4cbcf1; overflow: hidden; }
.school .schoolbox .advanimg ul.advantxtleft { left: 2%; top: 5%; width: 160px; }
.school .schoolbox .advanimg ul.advantxtright { right: 2%; top: 5%; width: 190px; }
.school .schoolbox .advanimg ul.advantxtbom { left: 50%; bottom: 0px; width: 280px; margin-left: -140px; }
.school .schoolbox .suiteimg { float: left; width: 100%; padding: 10px 0px 30px 0px; position: relative; }
.school .schoolbox .suiteimg li { float: left; width: 33.33%; padding: 2%; }
.school .schoolbox .suiteimg li a { float: left; width: 100%; display: block; }
.school .schoolbox .suiteimg li a img { float: left; width: 100%; }
.planbg { padding: 120px 0px 60px 0px; background: url(../Images/bg_school_01.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.contactbg { background: url(../Images/bg_school_02.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

.popbox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; overflow: hidden; display: none; }
.popbox .popbg { position: absolute; left: 0px; right: 0px; width: 100%; height: 100%; z-index: 1; background-color: #fff; -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; overflow: hidden; }
.popbox .popinfo { position: absolute; left: 50%; top: 200px; width: 800px; margin-left: -400px; padding: 60px 40px; background-color: #fff; border: 2px solid #eeeeee; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; z-index: 2; }
.popbox .popinfo .btn_close { position: absolute; right: 20px; top: 20px; width: 38px; height: 38px; overflow: hidden; background: url(../Images/ico_close.png) no-repeat center center; }
.popbox .popinfo .poptitle { float: left; width: 100%; font-size: 22px; line-height: 35px; padding: 10px 0px; }
.popbox .popinfo .popintr { float: left; width: 100%; font-size: 16px; line-height: 25px; }
.popbox .popinfo .popimg { float: left; width: 100%; margin: 20px 0px; }
.popbox .popinfo .popimg img { float: left; width: 80%; }
.popbox .popinfo .popform { float: left; width: 100%; margin: 20px 0px; }
.popbox .popinfo .popform li { float: left; margin: 5px 0px; }
.popbox .popinfo .popform li p { float: left; width: 36%; text-align: right; line-height: 30px; }
.popbox .popinfo .popform li p i { display: inline-block; width: 10px; color: red; }
.popbox .popinfo .popform li div { float: right; width: 62%; }
.popbox .popinfo .popform li div input, .popbox .popinfo .popform li div textarea { float: left; border: 1px solid #eeeeee; height: 30px; line-height: 25px; width: 100%; padding: 2px 10px; }
.popbox .popinfo .popform li div textarea { height: 125px; line-height: 25px; }
.popbox .popinfo .popform li.min { width: 50%; }
.popbox .popinfo .popform li.max { width: 100%; }
.popbox .popinfo .popform li.max p { width: 18%; }
.popbox .popinfo .popform li.max div { width: 81%; }
.popbox .popinfo .popform li.btn { width: 100%; text-align: center; }
.popbox .popinfo .popform li.btn input { display: inline-block; margin: 5px; width: 160px; height: 50px; line-height: 50px; font-size: 25px; text-align: center; border: 2px solid #4cbcf1; color: #4cbcf1; background-color: #fff; cursor: pointer; }
.popbox .popinfo .popform li.btn input.reset { border-color: #dcdcdc; color: #dcdcdc; }

.nicescroll-rails { background-color: #eee; }

.loadinfo { display: none; margin: 0; padding: 0; width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; cursor: wait; z-index: 9999999999; background: url(../Images/blank.png); }
.loadinfo table { width: 100%; height: 100%; }
.loadinfo table p { width: 130px; height: 36px; color: #333333; font-size: 13px; font-weight: bold; padding: 8px 8px 8px 8px; background: #fff; }

#toTop { display: none; text-decoration: none; position: fixed; bottom: 30px; right: 30px; overflow: hidden; width: 50px; height: 50px; border: none; z-index: 999; }
#toTop:active, #toTop:focus { outline: none; }
#toTopHover { background: url(../Images/btn_top.png) no-repeat left; width: 50px; height: 50px; display: block; overflow: hidden; float: left; -moz-opacity: 0.68; -khtml-opacity: 0.68; opacity: 0.68; }
#toTopHover:hover { background: url(../Images/btn_top_hover.png) no-repeat left; }

#footer { float: left; width: 100%; padding: 40px 0px 10px 0px; background-color: #0861dc; color: #fff; }
#footer .footer_box { float: left; width: 100%; font-size: 14px; background-color: #0861dc; }
#footer .footer_box .footer_city { float: left; width: 100%; text-align: center; }
#footer .footer_box .footer_city .city_list { margin: 0 auto; width: 100%; text-align: center; }
#footer .footer_box .footer_city .city_list li { margin: 0 auto; display: inline-block; }
#footer .footer_box .footer_city .city_list li a { margin: 0 auto; display: inline-block; padding: 10px 25px 15px 25px; line-height: 18px; font-size: 18px; color: #fff; }
#footer .footer_box .footer_city .city_list li a:hover, #footer .footer_box .footer_city .city_list li a.on { background-color: #4cbcf1; }
#footer .footer_box .footer_city .city_info { float: left; width: 100%; background-color: #4cbcf1; padding: 20px 0px; }
#footer .footer_box .footer_city .city_info li { float: left; width: 100%; text-align: center; line-height: 30px; }
#footer .footer_box .footer_city .city_info li span { display: inline-block; margin: 0px 2%; line-height: 30px; padding-left: 22px; background-position: left center; background-repeat: no-repeat; }
#footer .footer_box .footer_city .city_info li span.tel { background-image: url(../Images/ico_min_tel.png); }
#footer .footer_box .footer_city .city_info li span.fax { background-image: url(../Images/ico_min_fax.png); }
#footer .footer_box .footer_city .city_info li span.email { background-image: url(../Images/ico_min_email.png); }
#footer .footer_box .footer_city .city_info li span.addr { background-image: url(../Images/ico_min_addr.png); }
#footer .footer_box .footer_link { float: left; margin-top: 20px; width: 100%; text-align: center; font-size: 16px; }
#footer .footer_box .footer_link li { margin: 0 auto; display: inline-block; margin: 10px 20px; color: #fff; }
#footer .footer_box .footer_link li a { margin: 0 auto; display: inline-block; color: #fff; }
#footer .footer_box .footer_link li a:hover { color: #4cbcf1; }
#footer .footer_box .footer_clip { float: left; width: 100%; line-height: 200%; display: inline; text-align: center; padding: 15px 0px 0px 0px; }
#footer .footer_box .footer_copy { float: left; width: 100%; line-height: 200%; display: inline; text-align: center; padding: 5px 0px 15px 0px; }
#footer .footer_box .footer_copy a { color: #fff; }

/*锟斤拷锟斤拷锟斤拷*/
.pop { width: 100%; height: 100%; display: none; overflow: hidden; position: fixed; top: 0px; left: 0px; background: url(../Images/blank.png); z-index: 99999999; }
.pop .pop_box { padding: 15px; width: 400px; overflow: hidden; position: absolute; top: 10%; left: 40%; background-color: #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 20px #666; -khtml-box-shadow: 0px 0px 20px #666; -webkit-box-shadow: 0px 0px 20px #666; box-shadow: 0px 0px 20px #333; }
.pop .pop_box .pop_bar { float: left; width: 100%; height: 40px; border-bottom: 1px solid #eef1f2; }
.pop .pop_box .pop_bar .bar_link { float: left; margin: 0px 10px; padding: 0px 15px; height: 36px; line-height: 36px; font-size: 16px; color: #3c3c3c; border-bottom: 4px solid #fff; overflow: hidden; }
.pop .pop_box .pop_bar .bar_link:hover { color: #ff2d47; }
.pop .pop_box .pop_bar .bar_link.on { color: #0861db; border-color: #0861db; }
.pop .pop_box .pop_bar .bar_close { float: right; width: 40px; height: 40px; background: url(../Images/ico_close.png) no-repeat center center; overflow: hidden; }
.pop .pop_box .pop_tip { float: left; width: 100%; padding: 15px 0px; background-color: #eee; text-align: center; }
.pop .pop_box .pop_tip i { display: block; width: 100%; height: 98px; background: url(../Images/ico_reg.png) no-repeat center center; }
.pop .pop_box .pop_tip h3 { display: block; margin-top: 10px; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #1b1b1b; }
.pop .pop_box .pop_tip p { display: block; width: 100%; height: 25px; line-height: 25px; text-align: center; font-size: 12px; color: #a3a3a3; }
.pop .pop_box .pop_form { float: left; width: 100%; padding: 30px; overflow-x: auto; }
.pop .pop_box .pop_form li { clear: both; float: left; padding: 0px; width: 100%; }
.pop .pop_box .pop_form li .form_tip { float: left; width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #f00; }
.pop .pop_box .pop_form li .form_input { float: left; padding: 10px; width: 100%; height: 40px; line-height: 40px; border: 1px solid #bec3c9; background-color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pop .pop_box .pop_form li .form_input i { float: left; display: none; margin-right: 10px; width: 30px; height: 20px; line-height: 20px; border-right: 1px solid #eef1f2; background-position: left center; background-repeat: no-repeat; }
.pop .pop_box .pop_form li .form_input input { float: left; width: 100%; height: 20px; line-height: 20px; border: none; }
.pop .pop_box .pop_form li .form_drop { position: relative; }
.pop .pop_box .pop_form li .form_drop input, .pop .pop_box .pop_form li .form_date input { background: url(../Images/ico_angle_gray_d.png) no-repeat right center; cursor: default; -moz-background-size: auto 40%; -khtml-background-size: auto 40%; -webkit-background-size: auto 40%; -o-background-size: auto 40%; background-size: auto 40%; }
.pop .pop_box .pop_form li .form_drop .droplist { display: none; position: absolute; left: 0px; top: 38px; width: 100%; border: 1px solid #bec3c9; background-color: #fff; overflow: hidden; }
.pop .pop_box .pop_form li .form_drop .droplist a { clear: both; float: left; padding: 0px 5%; width: 100%; line-height: 35px; display: inline-block; }
.pop .pop_box .pop_form li .form_drop .droplist a.on { background-color: #61b0ff; color: #fff; }
.pop .pop_box .pop_form li .form_drop .droplist a:hover { background-color: #1b99fd; color: #fff; }
.pop .pop_box .pop_form li .form_vcode { width: 150px; }
.pop .pop_box .pop_form li .form_vcode input { width: 100%; }
.pop .pop_box .pop_form li .form_icode { float: left; padding-left: 8px; width: 130px; height: 40px; overflow: hidden; }
.pop .pop_box .pop_form li .form_icode img { float: left; width: 70px; height: 40px; cursor: pointer; }
.pop .pop_box .pop_form li .form_icode a { float: left; color: #666666; margin-left: 7px; width: 42px; height: 40px; line-height: 20px; display: inline-block; text-align: center; cursor: pointer; }
.pop .pop_box .pop_form li .form_icode a span { color: #1b99fd; }
.pop .pop_box .pop_form li .form_error { border-color: #f00; }
.pop .pop_box .pop_form li .form_radio, .pop .pop_box .pop_form li .form_check { float: left; width: 80%; line-height: 20px; }
.pop .pop_box .pop_form li .forget { float: right; color: #1b99fd; }
.pop .pop_box .pop_form li .forget:hover { color: #ff2d47; }
.pop .pop_box .pop_form li .form_button { float: left; width: 100%; height: 40px; }
.pop .pop_box .pop_form li .form_button input { float: left; width: 100%; height: 40px; font-size: 16px; text-align: center; color: #fff; background-color: #0861db; cursor: pointer; border: none; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pop .pop_box .pop_form li .form_button input.off { background-color: #bec3c9; }

.pagediv { margin: 20px 0 50px 0px; padding: 3px 0 2px 0; }
.pagercss { padding: 0px 0px 0px 0px; }
.pagercss b { color: #009882; }
.pagercss a { padding: 3px 6px 2px 6px; background-color: #fff; border: solid 1px #C8C8C8; color: #000; }
.pagercss a:hover { padding: 3px 6px 2px 6px; border: solid 1px #009882; background-color: #009883; color: #fff; text-decoration: none; }
.pagercrt { padding: 3px 6px 2px 6px; border: solid 1px #009882; background-color: #009883; color: #fff; }
.pagerbtn { padding: 0 3px 0 3px; font-size: 12px; background-color: #1e9542; border: solid 1px #8EC7DB; cursor: pointer; margin-left: 4px; vertical-align: middle; height: 19px; line-height: 17px; }
.pagertxt { background-color: #fff; border: solid 1px #C8C8C8; height: 16px; line-height: 16px; }

.graybg { background-color: #f8f7f7; }
.bomspace { float: left; width: 100%; height: 80px; overflow: hidden; background-color: #0861dc; display: none; }

/*锟斤拷应式*/
@media (max-width:1600px) {
    .linklist ul { width: 96%; padding: 0px 2%; }
    #footer .footer_box .footer_city .city_list li a { padding: 10px 20px 15px 20px; font-size: 16px; }
    .homeservice .servicebox ul li a i { width: 68%; }
    .homenews .newsbox .newsright a.more { font-size: 16px; height: 48px; line-height: 48px; }
}

@media (max-width:1300px) {
    .linklist ul { width: 96%; padding: 0px 2%; }
    .projlist .projlistbox { width: 100%; padding: 0px 0%; }
    .projlist .projlistbox .projbox { padding: 0px 5%; }
    .projtitle, .cprojtitle { margin-left: 5%; }
    #footer .footer_box .footer_city .city_list li a { padding: 10px 15px 15px 15px; font-size: 16px; }
}

/*锟斤拷应式*/
@media (max-width:1200px) {
    #header .headerbox,
    .homepro .procommend,
    .homeservice .servicebox ul,
    .homeproject .projectlist,
    .homenews .newsbox,
    #footer .footer_box .footer_link,
    #footer .footer_box .footer_copy,
    .protype .typebox,
    .prolist .listbox,
    .prointr .intrbox,
    .proinfo .infobox,
    .proinfo .cinfobox .boxinfo,
    .service .servicebox,
    .file .filebox,
    .feedback .feedbackbox,
    .job .jobbox,
    .about .aboutbox,
    .maplink .maplinkbox,
    .newslist .newslistbox,
    .newsinfo .newsinfobox,
    .school .schoolbox,
    .project .projectbox { width: 100%; padding: 0px 2%; }
    .homepro .procommend .listbox ul li { margin: 0px 25px; width: 300px; height: 400px; }
    .homeservice .servicebox ul li a i { margin-top: 60%; }
    .protype .typebox .typelist ul { clear: both; width: 100%; }
    .maplink .maplinkbox .maplinklist p { width: 100%; }
    .maplink .maplinkbox .maplinklist ul { clear: both; margin-top: 10px; width: 100%; }
    .school .schoolbox .plan .planleft { width: 50%; }
    .school .schoolbox .plan .planright { width: 45%; }

    #header .headerbox .right { height: 50px; line-height: 30px; margin: 0px; }
    #header .headerbox .right .user { float: left; margin-top: 10px; margin-left: 20px; }
    #header .headerbox .right .lang { float: left; margin-top: 10px; }
    #header .headerbox .right .search_box { float: right; clear: none; }
    .homeservice .servicebox ul li a i { margin-top: 70%; }
    .homenews .newsbox .newsright ul li .date { width: 18%; }
    .homenews .newsbox .newsright ul li h3, .homenews .newsbox .newsright ul li p { width: 80%; }
    .homenews .newsbox .newsright a.more { margin-left: 20%; }
    .homeproject .projectlist .listbox { width: 90%; margin-left: 5%; }
    .homeproject .projectlist .listbox ul li { width: 350px; }
    .prolist .listbox ul li a span { font-size: 18px; padding: 10px 5px; height: 50px; }
    .service .servicebox .serviceinfo .infolist { width: 35%; }
    .service .servicebox .serviceinfo .infoimg { width: 30%; }
    .file .filebox .filelist .file_list li a { width: 70%; }
    .about .aboutbox .abouticon li p { margin: 0px 15%; width: 70%; font-size: 50px; }
    .about .aboutbox .abouticon li b { font-size: 22px; }
    .maplink .maplinkbox .maplinklist ul li { width: 33.33%; }
    .newslist .newslistbox .newspro li { width: 33.33%; }
    .newslist .newslistbox .newsmar li .pic { width: 30%; }
    .newslist .newslistbox .newsmar li .word { width: 68%; }
    .newslist .newslistbox .newscoo li .pic { width: 40%; }
    .newslist .newslistbox .newscoo li .word { width: 55%; }
    .newslist .newslistbox .newscoo li .word .intr { height: 110px; }
    .projlist .projlistbox .projbox li .pic { width: 30%; }
    .projlist .projlistbox .projbox li .word { width: 68%; }
    .school .schoolbox .advanimg img { float: left; width: 40%; margin: 0px 30%; }
    .project .projectbox .projectpro li { width: 25%; }
    #footer .footer_box .footer_city .city_list li a { padding: 10px 8px 15px 8px; font-size: 14px; }
}

@media (max-width:992px) {
    #header .headerbox .menubox .menulist li a { padding: 0px 10px; font-size: 16px; }
    #header .menutype .typebox li { width: 30%; }
    .homeservice .servicebox ul li { width: 48%; }
    .homeservice .servicebox ul li a { height: 300px; }
    .homeservice .servicebox ul li a i { width: 40%; margin: 10% 30% 5% 30%; }
    .homeservice .servicebox ul li a:hover span.intr { -moz-opacity: 0.00; -khtml-opacity: 0.00; -webkit-opacity: 0.00; opacity: 0.00; }
    .homenews .newsbox .newsright ul li .date { width: 23%; }
    .homenews .newsbox .newsright ul li h3, .homenews .newsbox .newsright ul li p { width: 75%; }
    .homenews .newsbox .newsright a.more { margin-left: 25%; }
    .homeproject .projectlist .listbox { width: 88%; margin-left: 6%; }
    .homeproject .projectlist .listbox ul li { width: 280px; }
    .prolist .listbox ul li a span { font-size: 14px; padding: 5px 5px; height: 40px; }
    .protype .typebox .typelist ul li { width: 33.33%; }
    .service .servicebox .serviceinfo .infolist { width: 50%; }
    .service .servicebox .serviceinfo .infoimg { width: 50%; margin: 0px 25%; }
    .file .filebox .filelist .file_list li a { width: 78%; }
    .job .jobbox .jobtop li { font-size: 23px; }
    .about .aboutbox .abouticon li p { margin: 0px 10%; width: 80%; font-size: 40px; }
    .about .aboutbox .abouticon li b { font-size: 20px; }
    .culture .culturelist li { float: left; width: 50%; padding: 5%; }
    .maplink .maplinkbox .maplinklist ul li { width: 50%; }
    .newslist .newslistbox .newspro li a p.title { font-size: 16px; }
    .newslist .newslistbox .newsmar li .pic { width: 34%; }
    .newslist .newslistbox .newsmar li .word { width: 64%; }
    .newslist .newslistbox .newscoo li .pic { width: 45%; }
    .newslist .newslistbox .newscoo li .word { width: 50%; }
    .projlist .projlistbox .projbox li a p.title { font-size: 16px; }
    .projlist .projlistbox .projbox li .pic { width: 34%; }
    .projlist .projlistbox .projbox li .word { width: 64%; }
    .school .schoolbox .schooltitle h2 { font-size: 20px; line-height: 40px; }
    .school .schoolbox .advanintr, .school .schoolbox .suiteintr { font-size: 16px; line-height: 25px; }
    .school .schoolbox .plan .rightbom { float: left; clear: both; width: 100%; }
    .school .schoolbox .plan .rightbom .planprice { float: left; width: auto; }
    .school .schoolbox .plan .rightbom .planper { float: left; width: auto; margin-top: 40px; margin-right: 10%; }
    .school .schoolbox .plan .rightbom .planbtn { float: left; width: auto; }
    .popbox .popinfo { width: 750px; margin-left: -375px; }
    .project .projectbox .projectprop li { width: 29.33%; margin: 2% 2%; }
    #footer .footer_box .footer_city .city_list { text-align: left; }
    #footer .footer_box .footer_city .city_list li a { margin: 0px 5px; padding: 10px 20px 15px 20px; font-size: 16px; }
    #footer .footer_box .footer_link li { float: left; width: 11.1%; text-align: center; margin: 10px 0px; font-size: 14px; }
    #footer .footer_box .footer_city .city_info li span { float: left; }
}

@media (max-width:768px) {
    .bomspace { display: block; }
    .menuicon { display: block; }
    #header .headerbox .menubox .menulist { float: none; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; overflow-y: auto; overflow-x: hidden; top: 0px; left: 100%; background-color: #fff; z-index: 9999999999999; }
    #header .headerbox .menubox .menulist li { float: left; display: block; width: 100%; line-height: 50px; height: auto; font-size: 16px; color: #333333; padding: 0px 3%; border-bottom: 1px solid #eeeeee; }
    #header .headerbox .menubox .menulist li > a { float: left; text-align: left; width: 100%; line-height: 50px; height: 50px; display: block; color: #333333; font-size: 16px; background: url(../Images/ico_arr_right2.png) right center no-repeat; background-size: auto 15px; }
    #header .headerbox .menubox .menulist li > a.plink { background: url(../Images/ico_arr_bom2.png) right center no-repeat; }
    #header .headerbox .menubox .menulist li > a.oning { background: url(../Images/ico_arr_top2.png) right center no-repeat; }
    #header .headerbox .menubox .menulist li > a.home { background: none; width: 50%; }
    #header .headerbox .menubox .menulist li > a.close { background: url(../Images/ico_close2.png) no-repeat right center; background-size: auto 20px; width: 50px; height: 50px; line-height: 50px; display: block; float: right; }
    #header .headerbox .menubox .menulist li dl { float: left; width: 100%; line-height: 50px; font-size: 14px; color: #666666; padding: 0px 3%; overflow: hidden; background-color: #fafafa; position: relative; left: auto; top: auto; display: none; }
    #header .headerbox .menubox .menulist li dl dt, #header .headerbox .menubox .menulist li dl dd { float: left; width: 100%; padding: 5px 0px; height: 40px; line-height: 30px; border-bottom: 1px solid #eeeeee; }
    #header .headerbox .menubox .menulist li dl dt a { float: left; width: 100%; line-height: 30px; height: 30px; display: block; color: #666666; font-size: 14px; }
    #header .headerbox .menubox .menulist li dl dt.pplink a { background: url(../Images/ico_arr_bom2.png) right center no-repeat; background-size: auto 12px; }
    #header .headerbox .menubox .menulist li dl dt.pplink a.coning, #header .headerbox .menubox .menulist li dl dt.pplink a:hover { background: url(../Images/ico_arr_top2.png) right center no-repeat; background-size: auto 12px; }
    #header .headerbox .menubox .menulist li dl dd { float: left; width: 100%; height: 40px; background-color: #f0f0f0; display: none; }
    #header .headerbox .menubox .menulist li dl dd a { float: left; width: 100%; line-height: 30px; height: 40px; padding: 5px 10px; display: block; color: #666666; font-size: 12px; }
    #header .headerbox .menubox .menulist li dl a.on { color: #e22835; }
    #header .headerbox .menubox .menulist li.on dl { display: block; }
    #footer .footinfo .link1 .right { float: left; width: 100%; margin-top: 0px; border-left: none; padding-bottom: 5%; }
    #footer .footinfo .link1 .right dl { float: left; text-align: center; width: 80%; margin: 0px 10%; }

    #header .headerbox .right { position: fixed; color: #fff; width: 180px; height: auto; line-height: 30px; padding: 0px 10px 10px 10px; top: auto; bottom: 0px; left: 0px; margin: 0px; width: 100%; background-color: #4cbcf1; border-top: 1px solid #fff; }
    #header .headerbox .right .user a { color: #fff; }
    #header .headerbox .right .lang { float: left; margin: 0px; margin-top: 10px; color: #fff; }
    #header .headerbox .right .search_box { float: right; clear: none; }
    #header .headerbox .right .search_box .search_txt { width: 120px; }
    #toTop { bottom: 60px; right: 10px; }
    .homeservice .servicebox ul li a i { width: 50%; margin: 15% 25% 10% 25%; }
    .homenews .newsbox .newsleft { width: 100%; }
    .homenews .newsbox .newsright { clear: both; float: left; width: 100%; }
    .homenews .newsbox .newsright ul li .date { width: 18%; }
    .homenews .newsbox .newsright ul li h3, .homenews .newsbox .newsright ul li p { width: 80%; }
    .homenews .newsbox .newsright a.more { margin-left: 20%; }
    .homeproject .projectlist .listbox { width: 86%; margin-left: 8%; }
    .homeproject .projectlist .listbox ul li { width: 250px; }
    .prolist .listbox ul li { width: 50%; }
    .prolist .listbox ul li a span { font-size: 18px; padding: 10px 5px; height: 50px; }
    .protype .typebox .typelist ul li { width: 50%; }
    .prointr .intrbox { float: left; width: 100%; background: #f7f7f7; }
    .prointr .intrbox .intrcon { float: left; margin-top: 0px; width: 100%; }
    .prointr .intrbox .intrimg { float: left; width: 100%; }
    .prointr .intrbox .intrimg img { float: left; width: 100%; position: relative; left: auto; top: auto; margin: 0px; }
    .service .servicebox .serviceinfo .infolist { width: 90%; margin: 0px 5%; }
    .service .servicebox .serviceinfo .infoimg { width: 60%; margin: 0px 20%; }
    .file .filebox .filelist .file_list li a { width: 85%; }
    .feedback .feedbackbox .feedbackform li.input_min { clear: both; width: 60%; }
    .job .jobbox .jobtop li { font-size: 20px; }
    .about .aboutbox .abouticon li p { margin: 0px 5%; width: 90%; font-size: 30px; }
    .about .aboutbox .abouticon li b { font-size: 18px; }
    .culture .culturelist li { padding: 3%; }
    .newslist .newslistbox .newspro li a p.title { font-size: 20px; }
    .newslist .newslistbox .newspro li { width: 50%; }
    .newslist .newslistbox .newsmar li .pic { width: 40%; }
    .newslist .newslistbox .newsmar li .word { width: 58%; }
    .newslist .newslistbox .newscoo li .pic { width: 50%; }
    .newslist .newslistbox .newscoo li .word { width: 45%; }
    .newslist .newslistbox .newscoo li .word .intr { height: 110px; }
    .projlist .projlistbox .projbox li a p.title { font-size: 20px; }
    .projlist .projlistbox .projbox li .pic { width: 40%; }
    .projlist .projlistbox .projbox li .word { width: 58%; }
    .newsinfo .newsinfobox .newscontent .newstitle { font-size: 20px; }
    .proinfo .infobox .infocontent { font-size: 16px; }
    .proinfo .cinfobox .boxinfo .cinfo { font-size: 16px; }
    .school .schoolbox .schooltitle h2 { font-size: 18px; line-height: 35px; }
    .school .schoolbox .advanintr, .school .schoolbox .suiteintr { font-size: 14px; line-height: 30px; }
    .school .schoolbox .advanimg img { width: 80%; margin: 0px 10%; }
    .school .schoolbox .advanimg ul { position: relative; width: 80%; margin: 0px 10%; }
    .school .schoolbox .advanimg ul.advantxtleft { float: left; clear: both; left: auto; top: auto; }
    .school .schoolbox .advanimg ul.advantxtright { float: left; clear: both; right: auto; top: auto; }
    .school .schoolbox .advanimg ul.advantxtbom { float: left; margin: 0px 10%; margin-top: 20px; clear: both; left: auto; bottom: auto; }
    .school .schoolbox .suiteimg li { width: 50%; padding: 2%; }
    .popbox .popinfo { width: 96%; margin-left: 2%; left: 0px; padding: 60px 30px; }
    .popbox .popinfo .popimg img { width: 100%; }
    .popbox .popinfo .popform li.min { width: 100%; }
    .popbox .popinfo .popform li.min p { width: 30%; }
    .popbox .popinfo .popform li.min div { width: 68%; }
    .popbox .popinfo .popform li.max { width: 100%; }
    .popbox .popinfo .popform li.max p { width: 30%; }
    .popbox .popinfo .popform li.max div { width: 68%; }
    /*.banner img { width: 150%; margin-left: -25%; }*/
    .project .projectbox .projectprop li { width: 46%; margin: 2% 2%; }
    .project .projectbox .projectpro li { width: 33.333%; }
    #footer .footer_box .footer_city .city_list li a { font-size: 15px; }
    #footer .footer_box .footer_city .city_info li span { clear: both; float: left; }
    #footer .footer_box .footer_link li { float: left; width: 33.33%; text-align: center; margin: 10px 0px; font-size: 14px; }
	.protype .typebox .typelist { display: none;}
}


@media (max-width:640px) {
    .hometitle .titlebox { width: 90%; }
    .homeservice .servicebox ul li a i { width: 60%; margin: 20% 20% 10% 20%; }
    .homenews .newsbox .newsright ul li .date { width: 23%; }
    .homenews .newsbox .newsright ul li h3, .homenews .newsbox .newsright ul li p { width: 75%; }
    .homenews .newsbox .newsright a.more { margin-left: 25%; }
    .homeproject .projectlist .listbox { width: 82%; margin-left: 9%; }
    .homeproject .projectlist .listbox ul li { width: 200px; }
    .prolist .listbox ul li a span { font-size: 14px; padding: 5px 5px; height: 40px; }
    .service .servicebox .serviceinfo .infolist { width: 100%; margin: 0px; }
    .service .servicebox .serviceinfo .infoimg { width: 80%; margin: 0px 10%; }
    .file .filebox .filelist .file_list li a { width: 92%; font-size: 16px; }
    .file .filebox .filelist .file_info li dl dd a { clear: both; margin-top: 5px; float: left; }
    .feedback .feedbackbox .feedbackform li.input_min { clear: both; width: 70%; }
    .about .aboutbox .abouticon li { width: 50%; }
    .about .aboutbox .abouticon li p { margin: 0px 5%; width: 90%; font-size: 40px; }
    .about .aboutbox .abouticon li b { font-size: 20px; }
    .culture .culturelist li { padding: 1%; }
    .maplink .maplinkbox .maplinklist ul li { width: 100%; }
    .newslist .newslistbox .newspro li a p.title { font-size: 16px; }
    .newslist .newslistbox .newsmar li .pic { width: 50%; }
    .newslist .newslistbox .newsmar li .word { width: 48%; }
    .projlist .projlistbox .projbox li a p.title { font-size: 16px; }
    .projlist .projlistbox .projbox li .pic { width: 50%; }
    .projlist .projlistbox .projbox li .word { width: 48%; }
    .school .schoolbox .plan .planleft { width: 100%; }
    .school .schoolbox .plan .planright { float: left; clear: both; width: 100%; }
    .school .schoolbox .advanimg img { width: 90%; margin: 0px 5%; }
    .school .schoolbox .advanimg ul { position: relative; width: 90%; margin: 0px 5%; }
    .school .schoolbox .advanimg ul.advantxtbom { margin: 0px 5%; margin-top: 20px; }
    /*.banner img { width: 200%; margin-left: -50%; }*/
    .project .projectbox .projectinfo { width: 100%; }
    .project .projectbox .projectimg { width: 100%; }
    .project .projectbox .projectpro li { width: 50%; }
    #footer .footer_box .footer_city .city_list li a { font-size: 14px; }
    .linklist ul li { width: 30%; margin: 1% 1%; }
    .linklist ul li img { width: 100%; }
    .fp-tableCell { margin-top: -5%;}
    .homeservice .servicebox ul li a p { background: none; }
    .protype .typebox .typelist { display: none;}
    
}

@media (max-width:480px) {
    #procommend { width: 76%; margin-left: 12%; }
    .homeservice { padding: 0; margin: 0px; }
    .homeservice .servicebox { height: 320px; padding: 0; margin: 0px; margin-left: -5px; }
    .homeservice .servicebox ul li { width: 100%; padding: 0px !important; margin: 0px !important; }
    .homeservice .servicebox ul li a i { width: 40%; margin: 17% 30% 5% 30%; }
    .homenews .newsbox .newsright ul li .date { width: 25%; display: none; }
    .homenews .newsbox .newsright ul li { height: auto;  margin-bottom:0; padding:15px 0; border-bottom:1px dashed #e5e5e5;}
    .homenews .newsbox .newsright ul li .time { display: block; }
    .homenews .newsbox .newsright ul li h3 { width: 100%; font-size: 16px; margin-top: 5px; line-height: 20px; height: auto; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .homenews .newsbox .newsright ul li p { width: 100%; display: none; }
    .homenews .newsbox .newsright a.more { margin-left: 35%; }
    .homeproject .projectlist .listbox { width: 96%; padding: 0px; margin: 0px 2%; border: none; }
    .homeproject .projectlist .listbox ul.slides { width: 100%; padding: 0px; margin: 0px; border: none; }
    .homeproject .projectlist .listbox ul.slides li { width: 100%; padding: 0px; margin: 0px; border-width: 1px; /*padding-bottom:30px;*/ border: none; height: auto; }
    .homeproject .projectlist .btn { display: none; }
    .prolist .listbox ul li { width: 100%; }
    .prolist .listbox ul li a span { font-size: 18px; padding: 10px 5px; height: 50px; }
    .protype .typebox .typelist ul li { width: 100%; }
    .service .servicebox .serviceinfo .infoimg { width: 100%; margin: 0px; }
    .file .filebox .filelist .file_list li { width: 50%; }
    .file .filebox .filelist .file_list li a { width: 90%; font-size: 18px; }
    .feedback .feedbackbox .feedbackform li.input_min { width: 100%; }
    .about .aboutbox .abouticon li p { margin: 0px 25%; width: 50%; font-size: 50px; }
    .about .aboutbox .abouticon li b { font-size: 22px; }
    .about .aboutbox .abouticon li { width: 100%; }
    .about .aboutbox .abouticon li p { margin: 0px 15%; width: 70%; font-size: 40px; }
    .about .aboutbox .abouticon li b { font-size: 22px; }
    .culture .culturelist li { float: left; width: 100%; }
    .newslist .newslistbox .newspro li a p.title { font-size: 20px; }
    .newslist .newslistbox .newspro li { width: 100%; }
    .newslist .newslistbox .newspro li a p.intr { overflow: initial; height: auto; }
    .newslist .newslistbox .newsmar li .pic { width: 100%; }
    .newslist .newslistbox .newsmar li .word { clear: both; margin-top: 10px; width: 100%; }
    .newslist .newslistbox .newsmar li .word .intr { overflow: initial; height: auto; }
    .newslist .newslistbox .newscoo li .pic { width: 100%; }
    .newslist .newslistbox .newscoo li .word { clear: both; margin-top: 10px; width: 100%; }
    .newslist .newslistbox .newscoo li .word .intr { overflow: initial; height: auto; }
    .projlist .projlistbox .projbox li .pic { width: 100%; }
    .projlist .projlistbox .projbox li .word { clear: both; margin-top: 10px; width: 100%; }
    .projlist .projlistbox .projbox li .word .intr { overflow: initial; height: auto; }
    .school .schoolbox .suiteimg li { width: 100%; padding: 2%; }
    .popbox .popinfo { padding: 30px 15px; }
    .popbox .popinfo .popform li.min p { width: 40%; }
    .popbox .popinfo .popform li.min div { width: 58%; }
    .popbox .popinfo .popform li.max p { width: 40%; }
    .popbox .popinfo .popform li.max div { width: 58%; }
    /*.banner img { width: 260%; margin-left: -80%; }*/
    .project .projectbox .projectprop li { width: 98%; margin: 2% 2%; }
    #footer .footer_box .footer_city .city_list li { width: 23%; text-align: center; }

    .hometitle .titlebox p{font-size:14px;}
    .active .bomtitle { display: none; }
    .homenews .newsbox .newsright ul li .date .yearmonth { font-size: 22px; }
    /*.homeproject .projectlist .listbox ul.slides li a.more span { width: 40%; }*/
   .flex-control-nav { bottom: 3%;;}
    #header .headerbox .logo { width: 120px; height: 60px; background-size: 100% 100%;bottom: 0; margin: auto; }
    .hometitle .titlebox h2 { font-size: 22px; }
    .homepro .procommend #procommend ul li img{margin:5% 10%;}
    .homeproject .projectlist .listbox ul.slides li h3 { margin: 5px 4%; }
    .homeproject .projectlist .listbox ul.slides li p { height: 80px; width:100%; margin:15px 0; }
    .homeproject .projectlist .listbox ul.slides li a.more { height:40px; line-height:40px; display: inline-block; background-color: #0861DC; border-radius: 5px; width: 40%; margin: 0 30% 0}
    .homeproject .projectlist a.btn { top: 210px; display:none; }
    #footer .footer_box .footer_link { display: none; }
    #footer .footer_box .footer_city .city_list li a { width: 100%; padding: 10px 0px 10px 0px; }
    .homeproject .projectlist .listbox ul { height: auto; margin-bottom:60px;   }
    .flex-viewport{ padding-bottom: 30px; }
    .newshot .flex-viewport{ padding-bottom: 10px; }
    #footer .footer_box .footer_copy { /*margin-bottom: 50px;*/ padding:5px 3%;    font-size:12px; }
    .homenews .newsbox .newsleft .newshot{padding:0 3%; padding-bottom:30px; }
    .homenews .newsbox .newsright{padding:0 3%; margin-top: -15px;}
    .homeservice .servicebox ul li a span.intr{display:none;}
    #footer{padding:10px 0px 10px 0px; }
    
    #fullpage .fp-tableCell { height: 100%;}
    /**棣栭〉**/
    #header .headerbox  { height: 60px;}
	#header .headerbox .logo { width: 80px;height: 40px;}
	#header .headerbox .menubox { margin-top: 0;}
	.menuicon { width: 30px;height: 30px;line-height: 30px;}
	.hometitle .titlebox h2 { font-size: 20px;}
	
	.banner { width: 100%;}
	.banner img { width: 100%; }
	.protype { padding: 0px 0px 20px 0px;}
	
	/**鏍囬楂樺害**/
	.section #footer { margin-bottom: 50px;}
	.hometitle .titlebox h2 { line-height: 60px; font-size: 20px;}
	.prolist .listbox .listtitle h2 { font-size: 18px;}
	.hometitle .titlebox p { margin-top: 10px;}
	.hometitle .titlebox i { top: 55px}
	.btn_more { padding: 0; width: 40%; height: 40px; line-height: 40px;}
	.btn_more a { height: 40px; line-height: 40px;}
	.active .homenews .newsbox .newsright a.more  { width: 40%; margin-bottom: 10px;}
	.prolist { padding: 0;}
	/**鏈嶅姟涓庢敮鎸?*/
	.service { padding: 0;}
	.service .servicebox .serviceinfo { margin: 0;}
	.bomspace { height: 50px;}
	.newslist { padding: 0 0 20px;}
	.service .servicebox .serviceinfo .infolist { padding-bottom: 15px;}
	.feedback { padding: 0;}
	#div_26 { overflow: hidden;}
	#file_26_info .btn_more { margin-top: 20px;}
	.file { padding: 0;}
	/**宸ヤ綔鏈轰細**/
	.job { padding: 0;}
	.job .jobbox .jobtop { margin-top: 0;}
	.job .jobbox .jobtop li { font-size: 16px;}
	/**鍏充簬鎴戜滑**/
	.about { padding: 0px; line-height: 0; margin-top: 20px;}
	.about .aboutbox .abouttitle { padding: 0; margin-top: 0px;}
	.about .aboutbox .aboutinfo { line-height: 180%; margin-top: 0px;}
    .protype .typebox .typelist { display: none;}
    #abouthonor>.flex-viewport ,#aboutteam>.flex-viewport { padding-bottom: 0px;}
    .abouthonor .flex-viewport { height: 260px;}
    .aboutteam .flex-viewport { height: 200px;}
 	#contact .aboutbox { padding-top: 20px;}
 	
 	#header .headerbox .right .user { margin-left: 0;}
 	#header .headerbox .right .user li { margin: 0;}
 	.homenews .newsbox .newsright a.more { font-size: 16px; height: 40px; line-height: 40px; }
 	}
}

@media (max-width:400px) {
	.headerbox {
		height: 60px;
	}
	.headerbox .logo {
		width: 80px;
		height: 40px;
	}
	.menubox {
		height: 30px;
		line-height: 30px;
	}
    .pop .pop_box { width: 100%; min-width: 320px; }
    .pop .pop_box .pop_form li .form_input input { width: 80%; }
    .pop .pop_box .pop_form li .form_vcode { width: 45%; }
}


@media (max-width:360px) {
    #header .headerbox .right .search_box .search_txt { width: 100px; }
}