@charset "utf-8";
/*去除页面还未加载vue时所出现的花括号*/
[v-cloak]{display:none;}
input:disabled, input[disabled]{-webkit-opacity:1; opacity:1;}
input[type="text"],input[type='submit'],textarea{-webkit-appearance: none; font-size: 12px;}
li{list-style:none;}
a{text-decoration:none;}
body,*{padding:0; margin:0; /*font-size:14px; font-family:"MicrosoftYaHeilight";*/ font-family:"微软雅黑";}
body.on{height:100%; overflow:hidden; left:0; right:0; position:fixed;}
body.f1f4f8{background:#f1f4f8; max-width:720px; margin:0 auto;}
.wrap{width:100%; max-width:720px; margin:0 auto; overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.gray{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
img{border:none; display:block;}
/* img{max-width:100%; border:none; display:block; width:100%;} */
.main{margin:0 auto; width:660px;}
.table{display:table; width:100%; height:100%;}
.table .table-cell{display:table-cell; vertical-align:middle;}
/*global end*/

/*
header
*/
header{height:120px;}
header .logo{width:449px; height:50px; margin:35px 63px 0 30px;}
header .search{margin:40px 0 0; width:40px; height:40px; background:url(/static/images/m1.png) no-repeat;}
header .menubtn{background:#007cc4; width:114px; height:120px; cursor:pointer;}
header .menubtn div{width:41px; height:5px; background:#fff; margin:57px auto 0; position:relative; z-index:1; border-radius:2px;}
header .menubtn div:after{background:#fff; width:41px; height:5px; position:absolute; top:-14px; left:0; right:0; z-index:1; content:''; border-radius:2px;}
header .menubtn div:before{background:#fff; width:41px; height:5px; position:absolute; bottom:-14px; left:0; right:0; z-index:1; content:''; border-radius:2px;}
header .menubtn div:after,header .menubtn div:before{-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;}
header .menubtn.on div{background:transparent;}
header .menubtn.on div::after{top:0; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
header .menubtn.on div::before{top:0; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
/*
nav
*/
nav{background:url(/static/images/m15.jpg) #fff repeat-x top; position:absolute; top:120px; left:0; right:0; max-width:720px; margin:0 auto; z-index:98; padding:0 0 217px; display:none;}
nav .item{height:99px; line-height:99px; text-align:center; border-bottom:1px solid #e8e8e8;}
nav .item a{font-size:28px; color:#333;}
nav .item.on{background:#e5f2f9;}
nav .item.on a{color:#007cc4; font-weight:bold;}
nav .lang{text-align:center; line-height:99px;}
nav .lang div{display:inline-block; *display:inline; zoom:1; padding:0 33px; background:url(/static/images/m16.jpg) no-repeat right center;}
nav .lang div.on{color:#007cc4;}
nav .lang div:last-child{background:none; padding:0 0 0 33px;}
nav .lang div a{font-size:24px; color:#999;}
nav .lang div.on a{color:#007cc4;}
nav.on{display:block;}
/*
.banner
*/
.banner{position:relative; z-index:1;}
.banner .hd{position:absolute; bottom:34px; left:0; right:0; z-index:2; text-align:center;}
.banner .hd li{width:16px; height:16px; background:#fff; opacity:0.6; display:inline-block; *display:inline; zoom:1; border-radius:100%; margin:0 8px; cursor:pointer;}
.banner .hd li.on{opacity:1;}
/*
.ad
*/
.ad{max-width:720px; height:360px; margin:0 auto;}
/*
.globalTitle
*/
.globalTitle{text-align:center;}
.globalTitle .cn{display:inline-block; *display:inline; zoom:1; position:relative; font-size:36px; color:#363636; padding:0 52px;}
.globalTitle .cn div{width:32px; height:1px; background:#333; position:absolute; top:50%; z-index:1;}
.globalTitle .cn div.left{left:0;}
.globalTitle .cn div.right{right:0;}
/*
.indexPro
*/
.indexPro{padding:55px 0 80px; background:#fff; overflow:hidden;}
.indexPro .list{margin:33px 0 0;}
.indexPro .list li{width:318px; height:278px; border:1px solid #e5e5e5; margin:0 0 20px;}
.indexPro .list li .img{height:234px;}
.indexPro .list li img{display:block; max-width:100%; max-height:100%; margin:0 auto;}
.indexPro .list li .title{font-size:14px; color:#333; text-align:center; line-height:42px; height:42px; overflow:hidden;}
.indexPro .btn{width:360px; height:60px; line-height:60px; background:#969696; text-align:center; border-radius:30px; margin:40px auto 0;}
.indexPro .btn a{width:100%; height:100%; display:block; font-size:20px; color:#fff;}
/*
.indexNews
*/
.indexNews{background:#f6f6f6; padding:55px 0 80px;}
.indexNews .list{margin:33px 0 0;}
.indexNews .list .top{min-height:260px; margin:0 0 72px;}
.indexNews .list .top a{padding:0 0 0 270px; display:block; height:100%; position:relative; z-index:1; overflow:hidden;}
.indexNews .list .top .img{width:240px; height:260px; overflow:hidden; position:absolute; left:0; top:0;}
.indexNews .list .top .img img{width:100%; height:100%;}
.indexNews .list .top .title{font-size:20px; color:#000; line-height:40px; margin:0 0 10px; padding:5px 0 12px; border-bottom:1px solid #ddd;}
.indexNews .list .top .brief{font-size:18px; color:#666; line-height:36px; margin:0 0 33px;}
.indexNews .list .top .more{width:178px; height:48px; line-height:48px; border:1px solid #cfcecd; border-radius:24px; text-align:center; font-size:18px; color:#333;}
.indexNews .list .bottom li{heightl:57px; line-height:57px; border-bottom:1px solid #e9e9e9;}
.indexNews .list .bottom li a{display:block;}
.indexNews .list .bottom li .title{width:550px; height:57px; overflow:hidden; font-size:20px; color:#555; position:relative; z-index:1; padding:0 0 0 20px;}
.indexNews .list .bottom li .title::after{width:8px; height:8px; background:#b7bbbd; position:absolute; left:0; top:50%; margin:-4px 0 0; z-index:2; content:""; border-radius:50%; overflow:hidden;}
.indexNews .list .bottom li .time{font-size:20px; color:#aaa;}
/*
footer
*/
footer{padding:0 0 90px;}
footer .links{text-align:center; height:77px; line-height:77px; background:#007cc4;}
footer .links li{display:inline-block; *display:inline; zoom:1; padding:0 38px; position:relative; z-index:1;}
footer .links li a{font-size:20px; color:#f4f4f4;}
footer .links li::after{background:#fff; width:1px; height:19px; position:absolute; right:0; top:50%; content:""; z-index:1; margin:-9px 0 0;}
footer .links li:last-child::after{display:none;}
footer .contact_us{padding:30px 147px 6px 30px; position:relative; z-index:1; min-height:151px; border-bottom:1px solid #e5e5e5;}
footer .contact_us .tel{font-family:arial; font-size:50px; color:#007cc4; font-weight:bold;}
footer .contact_us .tips{font-size:20px; color:#999;}
footer .contact_us .wordtime{font-size:18px; color:#999;}
footer .contact_us .codeImg{width:109px; position:absolute; z-index:1; right:30px; top:30px;}
footer .contact_us .codeImg img{width:109px; height:109px;}
footer .contact_us .codeImg div{text-align:center; font-size:14px; color:#999; line-height:42px;}
footer .links2{padding:20px 0; border-bottom:1px solid #e5e5e5;}
footer .links2 .tips{font-size:20px; font-weight:bold; color:#007cc4; line-height:38px;}
footer .links2 .list li{line-height:39px; padding:0 13px; position:relative; z-index:1;}
footer .links2 .list li a{font-size:18px; color:#999;}
footer .links2 .list li::after{position:absolute; right:0; top:50%; margin:-8px 0 0; background:#999; width:1px; height:17px; content:"";}
footer .links2 .list li:first-child{padding:0 13px 0 0;}
footer .links2 .list li:last-child::after{display:none;}
footer .shareBtn{text-align:center; padding:25px 0; border-bottom:1px solid #e5e5e5;}
footer .shareBtn li{display:inline-block; *display:inline; zoom:1; margin:0 15px;}
footer .company{line-height:37px; padding:20px 0 27px; text-align:center;}
footer .company .text{font-size:18px; color:#666;}
/*
.hideNav
*/
.hideNav{background:url(/static/images/m14.png); position:fixed; z-index:99; top:0; left:0; right:0; bottom:0; max-width:720px; margin:0 auto; text-align:center; visibility:hidden; opacity:0;}
.hideNav ul{position:relative; z-index:100; bottom:0; height:100%;}
.hideNav li{width:88px; height:128px; position:absolute; bottom:-133px; z-index:101;}
.hideNav li .img{width:88px; height:88px; margin:0 auto;}
.hideNav li .name{font-size:22px; color:#333; line-height:40px; height:40px;}
.hideNav li.p1{left:136px;}
.hideNav li.p2{left:317px;}
.hideNav li.p3{left:497px;}
.hideNav.on{visibility:visible; opacity:1;}

.hideNav.on li.p1{bottom:133px;}
.hideNav.on li.p2{bottom:133px;}
.hideNav.on li.p3{bottom:133px;}
.hideNav.cur li.p1{bottom:-133px;}
.hideNav.cur li.p2{bottom:-133px;}
.hideNav.cur li.p3{bottom:-133px;}


/* .hideNav.on li.p2{bottom:133px; animation-name:myfirst; animation-duration:600ms;}
.hideNav.on li.p3{bottom:133px; animation-name:myfirst; animation-duration:700ms;}
.hideNav.cur li.p1{bottom:-133px; animation-name:mylast; animation-duration:1200ms;}
.hideNav.cur li.p2{bottom:-133px; animation-name:mylast; animation-duration:1000ms;}
.hideNav.cur li.p3{bottom:-133px; animation-name:mylast; animation-duration:800ms;} */

/* .hideNav.on li.p1{bottom:133px; animation-name:myfirst; animation-duration:500ms;}
.hideNav.on li.p2{bottom:133px; animation-name:myfirst; animation-duration:600ms;}
.hideNav.on li.p3{bottom:133px; animation-name:myfirst; animation-duration:700ms;}
.hideNav.cur li.p1{bottom:-133px; animation-name:mylast; animation-duration:1200ms;}
.hideNav.cur li.p2{bottom:-133px; animation-name:mylast; animation-duration:1000ms;}
.hideNav.cur li.p3{bottom:-133px; animation-name:mylast; animation-duration:800ms;} */
/*
.botMenu
*/
.botMenu{background:#007cc4; height:90px; position:fixed;; z-index:100; left:0; right:0; bottom:0; margin:0 auto; max-width:720px;}
.botMenu li{width:144px; height:90px;}
.botMenu li a{display:block; width:100%; height:100%; overflow:hidden;}
.botMenu li .img{width:42px; height:36px; margin:14px auto 0;}
.botMenu li .title{line-height:37px; text-align:center; font-size:22px; color:#fff;}
.botMenu li.midden .img{width:68px; height:68px; margin:12px auto 0;}
.botMenu li.midden.on .img{transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
/*
.category
*/
.category{border-bottom:1px solid #007cc4; text-align:center;}
.category li{width:25%; height:77px; line-height:77px; text-align:center; display:inline-block; *display:inline; zoom:1; float:none; vertical-align:bottom;}
.category li a{font-size:24px; color:#333; position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; max-width:100%;}
.category li a::after{position:absolute; left:0; right:0; bottom:-2px; background:#007cc4; height:3px; content:""; display:none;}
.category li.on a{color:#007cc4;}
.category li.on a::after{display:block;}
/*
.history
*/
.history{position:relative; z-index:1; margin:60px 0 80px; padding:40px 0 57px;}
.history::after{background:#e2e2e2; width:1px; position:absolute; top:0; bottom:0; left:130px; content:"";}
.history li{position:relative; z-index:2; padding:0 0 0 140px; margin:0 0 40px;}
.history li .year{position:absolute; left:0; top:15px; font-size:24px; color:#007cc4; max-width:80px;}
.history li .contents{background:#f4f4f4; font-size:20px; color:#555; line-height:30px; padding:27px 30px 37px; position:relative; z-index:1; max-height:100%; overflow:hidden;}
.history li .contents::after{background:url(/static/images/m17.png); width:10px; height:20px; content:""; position:absolute; left:-10px; top:20px;}
.history li .contents::before{background:#007cc4; width:15px; height:15px; border-radius:50%; position:absolute; left:-47px; top:23px; content:"";}
/*
.factory
*/
.factory{margin:60px 0 80px;}
.factory .list li{width:320px; border-bottom:1px solid #ca110e; margin:0 0 40px; padding:0 0 11px;}
.factory .list li .img{width:100%;}
.factory .list li .img img{width:100%;}
.factory .list li .name{line-height:40px; margin:13px 0 0;}
.factory .list li .name a{font-size:24px; color:#333;}
.factory .list li .brief{font-size:16px; color:#999; line-height:34px;}
.factory .btn{height:80px; line-height:80px; text-align:center; background:#dedede; font-size:20px; color:#666; cursor:pointer;}
/*
.culture
*/
.culture{margin:60px 0}
.culture .list li{width:320px; height:320px; border-radius:9px; margin:0 0 20px; text-align:center;}
.culture .list li a{display:block; width:100%; height:100%; overflow:hidden;}
.culture .list li .img{margin:78px auto 0;}
.culture .list li .img img{margin:0 auto;}
.culture .list li .name{font-size:28px; color:#fff; line-height:45px; margin:11px 0 3px;}
.culture .list li .brief{font-size:18px; color:#fff; line-height:29px;}
/*
.partner
*/
.partner{margin:60px 0;}
.partner ul li{width:318px; height:118px; border:1px solid #f2f2f2; background:#f8f8f8; text-align:center; margin:0 0 20px; overflow:hidden;}
.partner ul li img{margin:0 auto;}
/*
.honor
*/
.honor{margin:40px 0 80px;}
.honor ul{margin:0 0 40px;}
.honor ul li{width:320px; margin:0 0 10px;}
.honor ul li .img{height:238px; border:1px solid #e6e5e5;}
.honor ul li .img img{margin:0 auto;}
.honor ul li .name{font-size:22px; color:#333; text-align:center; line-height:61px;}
/*
.prolist
*/
.prolist{background:#f6f6f6; padding:40px 0 80px;}
.prolist .list{margin:0 0 40px;}
.prolist .list li{width:320px; background:#fff; padding:0 0 24px; margin:0 0 20px;}
.prolist .list li .img{height:240px;}
.prolist .list li .img img{max-height:100%; margin:0 auto;}
.prolist .list li .name{font-size:18px; color:#333; text-align:center; line-height:38px;}
/*
.procategory
*/
.procategory{background:#fff; margin:20px 0 60px; }
.procategory{width:100%; background:#fff;}
.procategory dl{border-bottom:2px solid #f6f6f6; margin:0 0 2px;}
.procategory dt,.procategory dt a{line-height:80px; position:relative; z-index:1; text-indent:30px; cursor:pointer; color:#333; display:block; background:#f4f4f4; color:#333; font-size:28px; max-height:80px; overflow:hidden;}
.procategory dt div{position:absolute; z-index:2; width:16px; height:15px; background:url(/static/images/32.png) no-repeat; right:20px; top:50%; margin:-8px 0 0;}
.procategory dt.on a,.procategory dt.on,.procategory dt.cur{background:#007cc4; color:#fff;}
.procategory dt.on div,.procategory dt.cur div{background:url(/static/images/35.jpg) no-repeat; height:2px; margin:-1px 0 0;}
.procategory dd{padding:15px 0; display:none;}
.procategory dd div{line-height:48px; padding:0 0 0 20px; width:310px;}
.procategory dd div a{font-size:24px; color:#999; background:url(/static/images/33.jpg) no-repeat left center; padding:0 0 0 13px;}
.procategory dd div a.on,.procategory dd div a.cur{color:#007cc4;}
/*
.mbx
*/
.mbx{background:url(/static/images/m18.jpg) repeat-x top #f4f4f4; height:87px; line-height:87px;}
.mbx span,.mbx span a{font-size:22px; color:#999;}

.ajax-more{height:80px; line-height:80px; text-align:center; background:#dedede; font-size:20px; color:#666; cursor:pointer;}
/*
.art_detail
*/
.art_detail{margin:40px 0 80px; max-height:100%;}
.art_detail img{width:auto; max-width:100%; height:auto;}
/*
.slideImg
*/
.slideImg{border:1px solid #dedede; margin:20px 0 0; overflow:hidden; position:relative; z-index:1;}
.slideImg .bd li{width:100%;}
.slideImg .bd li img{max-width:100%; margin:0 auto; }
.slideImg .hd{text-align:center; position:absolute; left:0; right:0; bottom:19px; z-index:2;}
.slideImg .hd li{width:14px; height:14px; background:#7f7f7f; border-radius:50%; display:inline-block; *display:inline; zoom:1; margin:0 7px; cursor:pointer;}
.slideImg .hd li.on{background:#007cc4;}
/*
.proinfo
*/
.proinfo{margin:20px 0 60px;}
.proinfo .name{font-size:24px; color:#333; line-height:60px; padding:0 0 20px; margin:0 0 30px; border-bottom:1px solid #e5e5e5;}
.proinfo .brief{line-height:35px; font-size:18px; color:#999; margin:0 0 50px;}
.proinfo .btn{height:60px; line-height:60px; text-align:center; background:#da251a; cursor:pointer; border-radius:4px; margin:0 0 80px;}
.proinfo .btn div{font-size:20px; color:#fff; padding:0 0 0 39px; background:url(/static/images/m19.png) no-repeat left center; display:inline-block; *display:inline; zoom:1;}
.proinfo .detail .tips{font-size:24px; color:#fff; background:#007cc4; line-height:80px; text-indent:35px;}
.proinfo .detail .contents{padding:39px; border:1px solid #e5e5e5;}

/*
.consultationLayout
*/
.consultationLayout{position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; background:url(/static/images/40.png); visibility:hidden; max-width:720px; margin:0 auto;}
.consultationLayout.on{visibility:visible;}
.consultationLayout .consultation{background:#fff; width:580px; height:860px; left:50%; top:50%; margin:-430px 0 0 -330px; position:absolute; border-radius:9px; padding:0 40px;}
.consultationLayout .consultation .title{line-height:98px; text-align:center; font-size:36px; color:#007cc4; border-bottom:1px solid #e5e4e4; margin:0 0 20px;}
.consultationLayout .consultation li{margin:0 0 10px;}
.consultationLayout .consultation li .tips{font-size:18px; color:#666; line-height:57px;}
.consultationLayout .consultation li .input{height:58px; line-height:58px; border:1px solid #a9a9a9;}
.consultationLayout .consultation li .input input{width:96%; padding:0 2%; height:58px; line-height:58px; border:none; background:none; font-size:18px;}
.consultationLayout .consultation li .tips{font-size:18px; color:#666; line-height:57px;}
.consultationLayout .consultation li .textarea{height:118px; line-height:24px; border:1px solid #a9a9a9;}
.consultationLayout .consultation li .textarea textarea{width:96%; padding:0 2%; height:118px; line-height:24px; border:none; background:none; font-size:18px; resize:none;}
.consultationLayout .consultation .btn{width:100%; height:80px; line-height:80px; text-align:center; background:#007cc4; margin:20px auto 0;}
.consultationLayout .consultation .btn input{width:100%; height:80px; line-height:80px; border:none; background:none; color:#fff; font-size:18px; cursor:pointer;}
/*
.instanceList
*/
.instanceList{margin:60px 0 80px;}
.instanceList .list{margin:0 0 40px;}
.instanceList .list li{border:1px solid #e5e5e5; position:relative; z-index:1; margin:0 0 20px;}
.instanceList .list li a{padding:28px 180px 28px 25px; display:block; min-height:120px;}
.instanceList .list li .title{font-size:26px; color:#333; line-height:52px; max-height:100%; overflow:hidden;}
.instanceList .list li .brief{font-size:18px; color:#999; line-height:32px; max-height:100%; overflow:hidden;}
.instanceList .list li .left{padding:0 106px 0 0; border-right:1px solid #e5e5e5;}
.instanceList .list li .month{font-size:36px; color:#007cc4; position:absolute; left:509px; top:30px; line-height:42px;}
.instanceList .list li .year{font-size:18px; color:#999; position:absolute; left:509px; top:71px; line-height:28px;}
/*
.turn_page
*/
.turn_page{text-align:center; line-height:45px;}
.turn_page .page_item{width:45px; height:45px; vertical-align:top; border-radius:2px; border:1px solid #e5e5e5; display:inline-block; *display:inline; zoom:1; color:#777; font-size:18px; margin:0 6px; background:#fff;}
.turn_page .page_item_current{width:45px; height:45px; vertical-align:top; border-radius:2px; border:1px solid #007cc4; display:inline-block; *display:inline; zoom:1;  color:#fff; font-size:18px; margin:0 6px; background: #007cc4;}
.turn_page .page_button{width:105px; height:45px; vertical-align:top; border-radius:2px; border:1px solid #e5e5e5; display:inline-block; *display:inline; zoom:1; color:#777; font-size:18px; margin:0 6px; background:#fff;}
/*
.newsList
*/
.newsList{margin:60px 0 80px;}
.newsList .list li{position:relative; zoom:1; padding:0 0 20px; border-bottom:1px solid #e7e7e7; margin:0 0 29px; min-height:160px;}
.newsList .list li a{padding:0 0 0 222px; display:block;}
.newsList .list li .img{width:200px; height:160px; position:absolute; left:0; top:0;}
.newsList .list li .img img{max-width:100%; max-height:100%; height:100%;}
.newsList .list li .title{font-size:22px; color:#007cc4; line-height:30px; margin:5px 0 15px; max-height:60px; overflow:hidden;}
.newsList .list li .brief{font-size:16px; color:#666; line-height:23px; max-height:100%; overflow:hidden;}
.newsList .list li .time{font-size:14px; color:#999; line-height:21px; margin:13px 0 0;}

.newsList.search .list li a{padding:0;}

/*
.downloadList
*/
.downloadList{margin:60px 0 80px;}
.downloadList .tips{background:#007cc4; height:60px; line-height:60px; border-radius:4px;}
.downloadList .tips .name{font-size:20px; color:#fff; text-indent:22px; width:500px; margin:0 24px 0 0;}
.downloadList .tips .download{font-size:20px; color:#fff;}
.downloadList .list{margin:0 0 40px;}
.downloadList .list li{height:80px; line-height:80px;}
.downloadList .list li .name{font-size:18px; color:#333; text-indent:22px; width:500px; margin:0 24px 0 0;}
.downloadList .list li .download{background:url(/static/images/m20.png) no-repeat left center; padding:0 0 0 34px;}
.downloadList .list li .download a{font-size:18px; color:#007cc4;}
.downloadList .list li.second{background:#f6f6f6;}
/*
.jobList
*/
.jobList{margin:60px 0 80px;}
.jobList li{border-bottom:1px solid #d5d5d5; padding:0 0 31px; margin:0 0 10px; cursor:pointer;}
.jobList li .w{padding:22px 28px 0;}
.jobList li .name{font-size:30px; color:#939393; line-height:45px; padding:0 50px 0 0; position:relative; z-index:1; max-height:100%; overflow:hidden;}
.jobList li .name .ico{position:absolute; right:0; top:50%; margin:-8px 0 0; width:35px; height:17px; background:url(/static/images/m21.png) no-repeat right center; background-size:contain;}
.jobList li .name2{font-size:24px; color:#434343; line-height:37px; visibility:visible; opacity:1;}
.jobList li .department{font-size:16px; color:#434343; line-height:39px;}
.jobList li .content{font-size:22px; color:#555; line-height:33px; margin:42px 0 54px; display:none; max-height:100%;}
.jobList li .btn{width:197px; height:51px; line-height:51px; background:#007cc4; text-indent:14px; display:none;}
.jobList li .btn a{padding:0 0 0 63px; display:block; font-size:24px; color:#fff; background:url(/static/images/m22.png) no-repeat 30px center;}
.jobList li.on .w{background:#f2f8fc; padding:22px 28px 51px;}
.jobList li.on .name{font-size:32px; color:#007cc4; line-height:49px;}
.jobList li.on .name .ico{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.jobList li.on .name2{visibility:hidden; opacity:0; display:none;}
.jobList li.on .department{font-size:22px; line-height:43px;}
.jobList li.on .content{display:block;}
.jobList li.on .btn{display:block;}
/*
.contact
*/
.contact{margin:0 auto 80px;}
.contact .top_tab{margin:55px auto; text-align:center; max-height:100%;}
.contact .top_tab .title_en{font-size:24px; color:#333;}
.contact .top_tab .title_cn{font-size:36px; color:#3879c2; margin-top:5px;}
.contact .description{border-top:1px solid #e3e3e3;}
.contact .description .left{margin:0 0 45px;}
.contact .description .left .title{color:#333333;  font-size:30px; line-height:50px; padding:50px 0 0; height:100%;}
.contact .description .left .item{font-size:16px; color:#555555; line-height:36px; max-height:100%;}
.contact .description .left .map{width:auto; height:398px; padding:3px; border:1px solid #e2e2e2; overflow:hidden; margin:49px 0 0;}
.contact .description .feedback .top .e1{font-size:30px; color:#007cc4; line-height:49px; max-height:100%;}
.contact .description .feedback .top .e2{font-size:18px; color:#333; line-height:36px; margin:0 0 31px; max-height:100%;}
.contact .description .feedback .rows{margin:0 0 20px;}
.contact .description .feedback .rows .name{font-size:14px; color:#666666; margin:8px 0;}
.contact .description .feedback .rows .details{display:inline-block; width:100%;}
.contact .description .feedback .rows .details input{width:96%; height:58px; line-height:58px; padding:0 2%; border-color:#cfcfcf; background:white; font-size:18px;  border:1px solid #cfcfcf;}
.contact .description .feedback .rows .details input.form_focus{border-color:red;}
.contact .description .feedback .rows .details select{width:338px;  padding:13px 5px;  background:white;  font-size:14px;  border:#cfcfcf 1px solid;  -moz-appearance:none;  -webkit-appearance:none;  appearance:none;  background:url(/static/images/46.jpg) no-repeat 302px center; background:none \9;}
.contact .description .feedback .rows .details select.form_focus{border-color:red;}
.contact .description .feedback .rows .details textarea{width:96%; min-height:181px; padding:2%; background:white; font-size:18px; border:1px solid #cfcfcf; resize:none;}
.contact .description .feedback .rows .details .form_gory_button{width:100%; height:56px; line-height:56px; text-align:center; background:#007cc4; color:white; font-size:20px; margin-top:20px; cursor:pointer;  border:none;}
.contact .description .feedback .rows.last{margin:0;}
/*
.search_w
*/
.search_w{background:#fff; height:109px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:absolute; top:120px; left:50%; right:0; z-index:23; max-width:720px; margin:0 0 0 -360px; display:none;}
.search_w .input{width:560px; height:79px; border:1px solid #c1c1c1; margin:15px 0 0 25px; padding:0 15px;}
.search_w .input input{width:100%; height:79px; line-height:79px; border:none; background:none; font-size:30px;}
.search_w .sub{background:url(/static/images/m1.png) no-repeat; width:40px; height:40px; margin:34px 31px 0 0;}
.search_w .sub input{width:100%; height:100%; border:none; background:none; cursor:pointer;}
.search_w.on{display:block;}
/*myfirst*/
 @keyframes myfirst {
from {bottom:-133px;}
}

@-moz-keyframes myfirst {
from {bottom:-133px;}
}

@-webkit-keyframes myfirst {
from {bottom:-133px;}
}

@-ms-keyframes myfirst {
from {bottom:-133px;}
}

@-o-keyframes myfirst {
from {bottom:-133px;}
}
/*mylast*/
@keyframes mylast {
from {bottom:133px;}
}

@-moz-keyframes mylast {
from {bottom:133px;}
}

@-webkit-keyframes mylast {
from {bottom:133px;}
}

@-ms-keyframes mylast {
from {bottom:133px;}
}

@-o-keyframes mylast {
from {bottom:133px;}
}