@charset "utf-8";
* {margin: 0;padding: 0;}
a {text-decoration: none;color: #dfdfdf;font-size: 14px;font-family: "arial", "微软雅黑";}
html {width: 100%;height: 100%;overflow: hidden;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;	-o-overflow-scrolling: touch;overflow-scrolling: touch;}
body {color: #585858;font-size: 14px;font-family: "arial", "微软雅黑";width: 100%;height:100%;}
a, body {font-family: "微软雅黑"/9;-webkit-tap-highlight-color: rgba(0,0,0,0);}
img {border:0;}
ol, ul, li {list-style: none;}
dl, dt, dd, ul, li {margin: 0;padding: 0;}
input, textarea {outline: none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
.fl{float:left;}
.fr{float:right;}
.clear {clear: both;}
.wrap{width:96%;margin:0 auto;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.red{color:#db091d;}
.minh{min-height:420px;}
.opa{opacity:0;filter:alpha(opacity=0);}
.amn1{transition:all ease-out .1s 0s;-webkit-transition:all ease-out .1s 0s;-moz-transition:all ease-out .1s 0s;-o-transition:all ease-out .1s 0s;}
.amn2{transition:all .2s 0s;-webkit-transition:all .2s 0s;-moz-transition:all .2s 0s;-o-transition:all .2s 0s;}
.amn3{transition:all ease-in-out .3s 0s;-webkit-transition:all ease-in-out .3s 0s;-moz-transition:all ease-in-out .3s 0s;-o-transition:all ease-in-out .3s 0s;}
.amn{transition:all ease-in-out .4s 0s;-webkit-transition:all ease-in-out .4s 0s;-moz-transition:all ease-in-out .4s 0s;-o-transition:all ease-in-out .4s 0s;}
.container{max-width:640px;min-height:420px;width:100%;height:100%;position:relative;left:0 !important;top:0 !important;background-color:#fff;overflow:hidden; visibility:visible}
.pull{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);
opacity:1;visibility:visible;}
.push{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
/*loading*/
.load{position:absolute;height:100%;width:100%;overflow:hidden;top:0;left:0;z-index:999;visibility:hidden;
-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);
background:url(../images/loadlogo.gif) no-repeat center 198px #FFF;background-size:60px 16px;}
.load .loader {margin:160px auto;font-size:10px;position:relative;text-indent:-9999em;
border-top:.4em solid #e5e4e2;border-right:.4em solid #e5e4e2;border-bottom:.4em solid #e5e4e2;border-left:.4em solid #f19da5;
-webkit-animation:load 1s infinite linear;animation:load 1s infinite linear;}
.load .loader,.load .loader:after {border-radius:50%;width:84px;height:84px;}
@-webkit-keyframes load {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.loading .load{visibility:visible;-webkit-transform: translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform: translateX(0);}
/*guide*/
.guide{width:100%;height:100%;background:url(../images/guidebg.gif) repeat-x left top;background-size:1px auto;overflow:hidden;text-align:center;
position:absolute;left:0;top:0;}
.guide .box{width:100%;height:100%;background:url(../images/guidebg.jpg) no-repeat center top;background-size:320px auto;position:relative; overflow:hidden;}
.guide .logo{top:180px;position:absolute;left:50%;width:192px;margin-left:-96px;}
.guide .logo img{width:192px;}
.guide .b{width:100%; position:absolute;bottom:10px;left:0;}
.guide h1{line-height:34px;font-size:10px;font-weight:normal;position:absolute;width:100%;top:200px}
.guide h2{font-weight:normal;font-size:12px; line-height:20px}
.guide h3{color:#db091d;font-size:20px;line-height:20px}
.guide h4{font-weight:normal;font-size:8px;line-height:40px}
/*home*/
.icon{background:url(../images/cnvpcbd.png) no-repeat;background-size:250px auto}
.home{position:absolute;min-height:480px;height:100%;  min-width:320px;width:100%;top:0 !important;left:0 !important;overflow-x:hidden;overflow-y:scroll; float:left;}
.banner{height:187px;position:relative;width:100%;overflow:hidden;background-color:#FFF; float:left;}
.banner .pic{height:187px;position:absolute;width:100%;overflow:hidden;left:0;top:0;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;}
.banner .pic li{float:left;height:187px;display:block;-webkit-box-sizing:border-box; width:100%; overflow:hidden; position:relative;}
.banner .ui-slider{height:187px;width:100%;overflow:hidden;position:relative;
-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.banner .btn{position:absolute;height:10px;width:100%;text-align:center;left:0;bottom:7px;overflow:hidden;}
.banner .btn li{width:8px;height:8px;border-radius:50%;background-color:#FFF;display:inline-block;overflow:hidden;margin-right:8px;}
.banner .btn li.s{background-color:#565454;}
.banner .btn li.last{margin-right:0;}
.banner .pic li a{display:block;width:100%;height:100%;}
.home-nav{width:100%;display:block; min-height:372px; float:left; }
.home-nav .one{height:150px;width:35%;float:left;background-color:#78d799; overflow:hidden; text-align:center; color:#FFF;padding-top:30px;}
.home-nav .one span{ width:46px; display:inline-block; height:1px; background-color:#FFF; overflow:hidden; margin:0px auto; margin-top:30px; margin-bottom:10px}
.home-nav .one h1{ font-size:18px; font-weight:normal; line-height:20px}
.home-nav .one h2{ font-size:12px;line-height:20px;font-weight:normal}
.home-nav .one1{height:90px; background-color:#c73036; padding-top:0}
.home-nav .one2{height:90px; background-color:#f5b740; width:50%;padding-top:0}
.home-nav .one3{height:90px; background-color:#b41219; width:50%;padding-top:0}
.home-nav .one1 span,.home-nav .one2 span,.home-nav .one3 span{ margin-top:20px}
.home-nav .one:active{background-color:#6cc189;}
.home-nav .one1:active{background-color:#b32b30;}
.home-nav .one2:active{background-color:#dca439}
.home-nav .two{height:180px;width:65%;float:left; overflow:hidden;}
.home-nav .two1{height:90px;}
.home-nav .two1 li a{ border-bottom:none; height:90px;}
.home-nav .two li{height:90px;float:left;width:33.3%;overflow:hidden}
.home-nav .two li a{display:block;height:89px;border-right:1px solid #e9e8e8; border-bottom:1px solid #e9e8e8; text-align:center; overflow:hidden;}
.home-nav .two li a b{display:block;width:24px;height:24px;overflow:hidden; margin:24px auto 10px auto;}
.home-nav .two li:nth-child(2) a b{ background-position:-24px 0}
.home-nav .two li:nth-child(3) a b{ background-position:-48px 0}
.home-nav .two li:nth-child(4) a b{ background-position:-72px 0}
.home-nav .two li:nth-child(5) a b{ background-position:-96px 0}
.home-nav .two1 li:nth-child(1) a b{ background-position:-120px 0}
.home-nav .two1 li:nth-child(2) a b{ background-position:-144px 0}
.home-nav .two1 li:nth-child(3) a b{ background-position:-168px 0}
.home-nav .two li a span{color:#8b8888;font-size:12px; line-height:20px}
.home-nav .two li a:active{ background-color:#e9e8e8}
.home-nav .two li dl{display:block;height:89px; text-align:center;}
.home-nav .two li dl dd{width:9px;height:9px;border-radius:50%;display:inline-block; margin-right:9px; background-color:#e9e8e8; margin-top:40px}
.home-nav .two li dl dd.rd{ margin-right:0}
.home-nav .two li.r{width:33.4%;}
.home-nav .two li.r a{border-right:none;width:100%}
.home-nav .two li.r dl{display:block;border-bottom:1px solid #e9e8e8;}
/*page*/
.header{height:46px;width:100%;position:absolute;left:0;top:0;overflow:hidden;background-color:#c11920;text-align:center;}
.header .menuback,.header .homeback{width:23px;height:22px;position:absolute;left:3%;top:12px;overflow:hidden;background-position:-192px 0;background-color:#c11920;}
.header .homeback{left:auto;right:3%;background-position:-215px 0;}
.header a:active{background-color:#ad161d;}
.header b{display:inline-block;line-height:46px;font-size:18px;color:#FFF;}
.menu{width:155px;height:100%;position:absolute;left:0;top:0;background-color:#FFF;overflow:hidden;text-align:center;}
.header.push,.content.push,.mask.push{-webkit-transform:translateX(155px);-moz-transform:translateX(155px);-o-transform:translateX(155px);transform:translateX(155px);}
.menu.pull{-webkit-transform:translateX(-155px);-moz-transform:translateX(-155px);-o-transform:translateX(-155px);transform:translateX(-155px);}
.mask{width:100%;height:100%;background-color:#000;opacity:0;visibility:hidden;left:0;top:0; position:absolute;
-webkit-box-shadow:#333 0px 0px 3px;-moz-box-shadow:#333 0px 0px 3px;box-shadow:#333 0px 0px 3px;}
.mask.push{visibility:visible;opacity:.5}
.menu .one{width:100%;height:60px;background:url(../images/menuonebg.gif) repeat-x #FFF;background-size:1px auto;display:block;color:#767373;overflow:hidden;margin-bottom:1px; position:absolute;left:0;top:0; border-bottom:1px solid #e9e5e5;/*transition:color linear .2s 0s;-webkit-transition:color linear .2s 0s;-moz-transition:color linear .2s 0s;-o-transition:color linear .2s 0s;*/}
.menu .one1{top:61px;}
.menu .one2{top:122px;}
.menu .one3{top:183px;}
.menu .one span{width:46px;display:inline-block;height:1px;background-color:#d9dad9;overflow:hidden;margin:0px auto;margin-top:12px; margin-bottom:4px}
.menu .one h1{font-size:16px;font-weight:normal;line-height:18px}
.menu .one h2{font-size:12px;line-height:16px;font-weight:normal}
.menu .one:active{background-color:#f5f1f1;}
.menu .ones{margin:0;border-bottom:none; background:#c11920;}
.menu .ones span{background-color:#FFF;}
.menu .ones h1,.menu .ones h2{ color:#FFF}
.menu .ones:active{background:#ad161d;}
.menu .two{background-color:#c11920;overflow:hidden;width:100%;position:absolute;left:0;top:60px;
transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transition-origin:0 0;}
.menu .two1{top:120px;}
.menu .two li{height:34px;width:100%;border-bottom:1px solid #af161c; float:left;}
.menu .two a{height:34px;width:100%;overflow:hidden;display:block;color:#FFF;}
.menu .two a span{font-size:12px;display:inline-block;height:34px;line-height:34px;}
.menu .two a b{width:14px;height:15px;margin-right:10px;overflow:hidden;display:inline-block;top:3px; position:relative}
.menu .two a:active{ background-color:#ad161d;}
.menu .two li:nth-child(1) a b{background-position:-36px -24px}
.menu .two li:nth-child(2) a b{background-position:-50px -24px}
.menu .two li:nth-child(3) a b{background-position:-64px -24px}
.menu .two li:nth-child(4) a b{background-position:-78px -24px}
.menu .two li:nth-child(5) a b{background-position:-92px -24px}
.menu .two1 li:nth-child(1) a b{background-position:-106px -24px}
.menu .two1 li:nth-child(2) a b{background-position:-120px -24px}
.menu .two1 li:nth-child(3) a b{background-position:-134px -24px}
.menu h3{color:#db091d;position:absolute;bottom:24px;font-size:10px;font-weight:normal;width:100%;left:0;line-height:14px;}
.menu h4{color:#adacac;position:absolute;bottom:10px;font-size:10px;font-weight:normal;width:100%;left:0;line-height:14px;}
.menu .scale{-webkit-transform:scaleY(0);transform:scaleY(0)}
.menu .one1.oney0,.menu .one2.oney0,.menu .one3.oney0{-webkit-transform:translateY(175px);transform:translateY(175px);-moz-transition:translateY(175px)}
.menu .one2.oney1{-webkit-transform:translateY(103px);transform:translateY(103px);-moz-transition:translateY(103px)}
.menu .one3.oney1{-webkit-transform:translateY(103px);transform:translateY(103px);-moz-transition:translateY(103px)}
.menu .two1y{-webkit-transform:translateY(175px) scaleY(0);transform:translateY(175px) scaleY(0);-moz-transition:translateY(175px) scaleY(0)}
/*内容*/
.content{width:100%;height:100%;position:absolute;overflow-x:hidden;overflow-y:scroll;left:0;top:46px;background-color:#f9f7f7}
.content-area{width:96%;margin:0px auto;overflow:hidden;}
.content .adv{width:100%;text-align:center;color:#b6b5b5;overflow:hidden;line-height:20px;font-size:12px;padding:10px 0;}
.about{text-align:center;line-height:18px;}
.about p{font-size:12px;color:#333;line-height:18px;margin:10px 0;}
.about h1{color:#c11920;line-height:24px;font-size:18px; margin:5px 0}
.about .pic{width:90%;margin:10px auto;padding-left:5%}
.about .pic img{width:100%}
.about h2{width:90%;overflow:hidden; padding:0 15px 0px 8px;margin:0px auto;}
.about h2 span{width:8px;height:8px; float:left;border-radius:50%;background-color:#c11920;margin:15px 7px 0 0; overflow:hidden}
.about h2 strong{ line-height:30px; margin-top:5px; float:left;color:#c11920;font-size:16px;}
.about h3{width:90%; padding-left:25px; font-size:12px; font-weight:normal; text-align:left; line-height:20px; margin:5px auto}
.about h3 span{ color:#c11920; margin-right:8px}
.jobs .pic{width:100%;margin-bottom:8px;}
.jobs ul{width:100%;overflow:hidden;display:block;}
.jobs ul li{float:left;width:49%;overflow:hidden; height:300px}
.jobs ul li.fr{float:right;}
.jobs ul li .p{width:100%;height:100px;text-align:center; color:#FFF;}
.jobs ul li strong{width:48px; height:34px; display:inline-block; overflow:hidden; margin-top:20px}
.jobs ul li:nth-child(1) strong{background-position:0 -96px}
.jobs ul li:nth-child(1) .p{background-color:#33c3f3;}
.jobs ul li:nth-child(2) strong{background-position:-48px -96px}
.jobs ul li:nth-child(2) .p{background-color:#d2484d;}
.jobs ul li:nth-child(3) strong{background-position:-96px -96px}
.jobs ul li:nth-child(3) .p{background-color:#f5b740;}
.jobs ul li:nth-child(4) strong{background-position:-144px -96px}
.jobs ul li:nth-child(4) .p{background-color:#69d38e;}
.jobs ul li .p span{font-size:16px; display:block; line-height:30px}
.jobs ul li p{width:98%; margin:10px auto; font-size:12px;line-height:16px; padding:0 2%; color:#666}
.honor ul{width:100%; overflow:hidden;}
.honor ul li{width:94%;border-top:2px solid #ebe9e9; line-height:22px;font-size:14px;padding:15px 2%;display:block;margin:0px auto;}
.leader ul{width:100%; overflow:hidden;}
.leader ul li{float:left;width:96%; overflow:hidden;padding:10px 2%; color:#333; font-size:14px; line-height:20px}
.leader ul li p{ color:#787878; margin:5px 0}
.leader ul li img{width:100%; margin-bottom:10px}
.service ul{width:100%;overflow:hidden;}
.service ul li{width:95%; float:left; overflow:hidden; padding:15px 0 15px 5%; background-color:#FFF;}
.service ul li .l{width:55px;height:55px;float:left; margin:20px 0;}
.service ul li .r{float:left;width:73%; padding-left:5%; line-height:18px; font-size:12px;}
.service ul li strong{ font-size:16px; line-height:20px;}
.service ul li p{color:#999; margin:5px 0; line-height:16px}
.service ul li.c{ background-color:inherit}
.service ul li:nth-child(1) .l{ background-position:0 -41px}
.service ul li:nth-child(2) .l{ background-position:-55px -41px}
.service ul li:nth-child(3) .l{ background-position:-110px -41px}
.service ul li:nth-child(4) .l{ background-position:-165px -41px}
.contact .btn{width:100%; overflow:hidden; line-height:30px;text-align:center;}
.contact .btn a{color:#555;width:30%;display:inline-block;font-size:15px;background-color:#f9f7f7;border-radius:5px}
.contact .btn a:active{background-color:#e0dede; color:#c11920}
.contact .btn a.s{color:#c11920}
.contact .map{ width:100%; height:205px; overflow:hidden;}
.contact .mapbox{height:190px; overflow:hidden; width:100%; margin-top:10px}
.contact .text{width:100%;overflow:hidden;margin:10px 0; position:relative; height:300px;}
.contact .text li{width:94%;overflow:hidden;line-height:24px;padding:5px 3%;font-size:14px;color:#555; position:absolute; left:0; top:0}
.contact .text a:link,.contact .text a:visited{color:#555;}
.contact .text a:active{background-color:#e0dede; text-decoration:underline}
.contact .text li span{color:#c4c4c4}
.contact .text p{margin:10px 0;padding-top:10px;border-top:1px dotted #636363;}
/*cases*/
.cases .list{width:100%;overflow:hidden;}
.cases .list li{float:left;width:100%;overflow:hidden;}
.cases .list li img{width:48%;height:auto;/*transition:all linear 1s .1s;-webkit-transition:all linear 1s .1s;-moz-transition:all linear 1s .1s;-o-transition:all linear 1s .1s;*/}
.cases .list li .pic{float:left;width:48%;min-height:73px; background:url(../images/loading.gif) center center no-repeat;}
.cases .list li p{display:block;float:right; margin:0;width:48%;overflow:hidden;}
.cases .list li strong{font-size:14px;color:#333;display:block;line-height:20px}
.cases .list li b{font-size:12px; font-weight:normal; color:#666; display:block;line-height:16px}
.cases .list li span{color:#888;font-size:12px;line-height:16px}
.cases .list li a{width:100%;float:left;overflow:hidden;background-color:#f9f7f7;padding:15px 0;border-bottom:1px solid #e6e5e5;}
.cases .list li a:active{background-color:#e5e5e5;}
.list-load{height:16px;padding:20px 0;text-align:center;}
.list-load b{display:inline-block;width:13px;height:14px;-webkit-animation:load .8s infinite linear;-ms-animation: load .8s infinite linear;-o-animation: load .8s infinite linear;-moz-animation:load .8s infinite linear;animation: load 1s infinite linear;background-position:-192px -24px;margin-right: 10px;vertical-align: middle;}
.list-load span{color:#A0A0A0;display:inline-block;height:16px;line-height:16px;vertical-align:middle;}


/*news*/
.news .list{width:100%;overflow:hidden;}
.news .list li{float:left;width:100%;overflow:hidden;}
.news .list li img{width:75px;height:75px;/*transition:all linear 1s .1s;-webkit-transition:all linear 1s .1s;-moz-transition:all linear 1s .1s;-o-transition:all linear 1s .1s;*/}
.news .list li .pic{float:left;width:20%;min-height:73px; background:url(../images/loading.gif) center center no-repeat;}
.news .list li p{display:block;float:right; margin:0;width:73%;overflow:hidden;}
.news .list li strong{font-size:14px;color:#333;display:block;line-height:20px}
.news .list li b{font-size:12px; font-weight:normal; color:#666; display:block;line-height:16px}
.news .list li span{color:#888;font-size:12px;line-height:16px}
.news .list li a{width:100%;float:left;overflow:hidden;background-color:#f9f7f7;padding:15px 0;border-bottom:1px solid #e6e5e5;}
.news .list li a:active{background-color:#e5e5e5;}


.newsshow{width:95%; margin:10px auto}
.newsshow img { width:80%; height:auto;}