/*
Powered by uimix.com;
date:2015-07-22;
object: vivo hr
*/
.tmp-head{height: 61px; width: 100%; background: #f2f2f2; position: relative; z-index: 99; text-align: center;}
.tmp-foot{height: 140px; width: 100%; background: #f2f2f2; text-align: center;}


/* ----common---- */
body{ color:#666; font-size:14px; display: block;}
html{display: block;}
h3{ color:#333; font-size:16px;}
/* #vivo-head .vivo-nav{width: 1200px;} */

textarea.v_inp{background: #f5f5f5; border: none; -webkit-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -ms-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 16px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
textarea.v_inp:focus{-webkit-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -ms-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; background: #fff;}


.tmp-head{height: 61px; width: 100%; background: #f2f2f2; position: relative; z-index: 99; text-align: center;}
.tmp-foot{height: 140px; width: 100%; background: #f2f2f2; text-align: center;}


/* ----common---- */
body{ color:#444444; font-size:14px;}
h3{ color:#333; font-size:16px;}
.fr{ float:right}
.fl{ float:left}


/*video*/

#vivo-contain{position: relative; }
.hr-main{width: 100%; position: relative; background: #fff url(../images/hr-m-bg.jpg?v=3) center center no-repeat; height: 890px; background-size: auto 100%;}
.hr-main{height: 690px;}

/*移动端*/

.hr-m-nav{ padding-top: 4em; text-align: center; display: none;}
.hr-m-nav ul{display: block; margin: 0 2em;}
.hr-m-nav li{ display: inline-block; width: 25%; }
.hr-m-nav li a{ display: block;}
.hr-m-nav li a figure{height: 60px; padding: 0; margin: 0;}
.hr-m-nav li a figure img{ height: 60px;}
.hr-m-nav li a p{color: #333; padding-top: 10px;}

/*走进vivo*/
.hr-about-page{ line-height: 1.65em;}
.hr-about-page .hr-list-high{width: 100%; height: 750px;}
.hr-about-page .hr-list-content-box .hr-about-list{height: 3em; width: 50%; margin: auto; border: 1px solid #ccc; border-radius: 5px; overflow: hidden;}
.hr-about-page .hr-list-content-box .hr-about-list li{display: block; width: 25%; height: 100%; float: left; text-align: center; border-left: 1px solid #ccc; box-sizing: border-box;}
.hr-about-page .hr-list-content-box .hr-about-list li:first-child{border-left: none;}
.hr-about-page .hr-list-content-box .hr-about-list li a{font-size: 18px; line-height: 43px; color: #666; display: block;}
.hr-about-page .hr-list-content-box .hr-about-list li a:hover{background: #008cd6; color: #fff;}
.hr-about-page .hr-list-content-box .hr-about-list li.current a{background: #008cd6; color: #fff;}
.hr-about-page .hr-about-p1{width: 760px; margin: auto; margin: 20px auto; font-size: 14px;}

.hr-about-page h2.title{background: #f8f8f8; font-size:16px;color: #bc0000; line-height: 40px; text-indent: 10px; margin: 10px 0px;}
.hr-about-page .news-title{ font-size:18px; line-height:30px; border-bottom: 2px solid #bebebe;position:relative;text-align:left; padding:5px 0px;}

.hr-about-page .text-df{margin-top: 10px;}
/*.hr-about-page .text-df.gallery-box{height: auto;}*/
.hr-about-page .text-df .imgbox{position: relative; width: 100%; display: block; overflow: hidden; height: 500px;}
.hr-about-page .text-df .imgbox li{position: absolute; width: 100%; height: auto;left: 0; top: 0; overflow: hidden;}
.hr-about-page .text-df .imgbox .data-gps{width: 100%; background: rgba(255,255,255,.8); text-align: center; position: relative; bottom: 33px;}
.hr-about-page .text-info{margin-top: 10px; font-size:16px; color:#101010;}
.hr-about-page .text-info img{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}

.text-info p img{ margin:8px 0px}
.text-info  .supTitle{ text-indent:10px;background: #f8f8f8;border: 1px solid #f0f0f0;height:40px;line-height:40px; color:#189edd; margin-bottom:15px; margin-top:5px;}
.text-info .imgBorder{ border:1px solid #f0f0f0; margin-bottom:5px;}
.text-info .pLis li{ background:#f8f8f8; border:1px solid #f0f0f0; width:99%; text-align:center; padding:5px 0px; margin-bottom:8px; }

.text-info .PPTL li{ float:left; background:#f8f8f8; border:1px solid #f0f0f0; width:30.5%; height:80px; margin:5px 1.0%;}
.text-info .PPTL li .PPT{ font-size:20px; color:#189edd; line-height:40px; text-align:center; font-weight:bold; }
.text-info .PPTL li .PPL{ font-size:12px; color:#6a6a6a; line-height:16px; text-align:center;}
.text-info .PPTLT li{ float:left; background:#f8f8f8; border:1px solid #f0f0f0; width:45%; padding:0.8%; line-height:30px; margin:1%; text-align:center;}
.text-info .PPTLT li p{ margin:2px 0px; line-height:20px;}
.text-info .PPTLT li p~p{ height:40px;}
.text-info .PPTLT li img{ width:40%;}

#newslist{padding:0px 0px;}
#newslist ul li{ width:100%; padding:0px; margin-bottom:10px; font-size:14px; padding-bottom:10px; border-bottom:1px solid #e8e8e8;}
#newslist ul li .imgs{width:100%; overflow:hidden}
#newslist ul li img{ width:100%;}
#newslist ul li span{float:right;font-size:9pt;color:#444444; font-weight:normal;}
#newslist ul li .desc{ font-size:12px; color:#444444; line-height:20px;}
#newslist ul .titles{line-height:30px;font-weight:bold; color:#444444}

#Customer_list{padding:0px 0px;}
#Customer_list ul li{ width:45%; padding:2%; margin-bottom:10px; font-size:14px; padding-bottom:10px; border:1px solid #e8e8e8;}
#Customer_list ul li .imgs{width:100%; overflow:hidden}
#Customer_list ul li img{ width:100%;}
#Customer_list ul li span{float:right;font-size:9pt;color:#444444; font-weight:normal;}
#Customer_list ul li .desc{ font-size:12px; color:#444444; line-height:20px;}
#Customer_list ul .titles{line-height:30px;font-weight:bold; color:#444444}

.gbook #keys{ background:#fff; border-radius:2px; margin-bottom:10px; border:1px solid #dddddd; width:95%; padding-left:5%; height:40px; line-height:40px; color:#959595;  font-size:14px; font-family:"宋体";}
.gbook #mail{ background:#fff; border-radius:2px; margin-bottom:10px; border:1px solid #dddddd; width:95%; padding-left:5%; height:40px; line-height:40px; color:#959595;  font-size:14px; font-family:"宋体";}
.gbook #textarea{ background:#fff; border-radius:2px; margin-bottom:10px; border:1px solid #dddddd; width:95%; padding-left:5%; height:120px; line-height:40px; color:#959595; font-size:14px;font-family:"宋体";}
.gbook #buttons{ cursor:pointer; background:#189edd; border-radius:2px;font-size:14px; margin-bottom:5px; border:0px; width:150px; text-align:center; height:45px; line-height:45px; color:#fff; font-family:"宋体";}
.gbook #messagetable{ padding:0px; width:100%; margin:0px auto; font-family:"宋体";}
.gbook #codes{background:#fff; border-radius:2px; margin-bottom:10px; border:1px solid #dddddd; width:45%; padding-left:5%; height:40px; line-height:40px; color:#959595;  font-size:14px; font-family:"宋体";}
.seedimg img{ width:20%;}

.productlist{margin:10PX auto}
.productlist li{margin:5px 0px; width:50%; float:left; text-align:center; background:#fff}
.productlist li img{width:100%;}
.productlist li h3{font-size:16px; text-align:center;line-height:20px; height:40px;}
.productlist .Mr0{ margin-right:0px; border-right:0px dotted #e5747c;}
.productlist .product_mqueen_pic{position:relative; overflow:hidden; width:95%; margin:0px auto;}
.productlist .product_mqueen_pic img{width:100%;transition: all 0.6s; max-height:110px;}
.productlist .product_mqueen_pic:hover img {transform: scale(1.1, 1.1);}
.productlist .p_2{font-size:13px; color:#101010; line-height:45px; font-weight:bold; border-bottom:1px solid #e9e9e9;}
.productlist .p_2 span{ width:40px; margin:0PX auto; height:2px; display:block; text-align:center; border-bottom:2px solid #ba8233;}



.applist{ padding:15px 0px;}
.applist li{ border:1px solid #ccc; width:96%; padding:2%;  text-align:center; margin:5px 0px; overflow:hidden;}
.applist li img{ width:100%;}
.applist li:hover img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);-o-filter: grayscale(100%);
    filter: grayscale(100%); cursor:pointer;	
    filter:gray ;}
.applist li h4{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}


.hr-about-page .hr-about-p1 .text-df .text-two-u{width: 100%; height: auto; margin-top: 15px; margin-left: 20px;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li{width: 100%; text-align: left; position: relative; padding-left: 20px; padding-bottom: 12px;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li .text-two-ico,.hr-about-page .hr-about-p2 .text-df  li .text-two-ico{background: url(../images/hr-about-ico.jpg);  background-size: 14px 14px; height: 14px; width: 14px; display: inline-block; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 3;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li:before,.hr-about-page .hr-about-p2 .text-df ul li:before{width: 2px; background: #008cd6; content: ''; height: 100%; display: block; margin-left: 6px; position: absolute; top: 0; left: 0;}
.hr-about-page .hr-about-p2 .text-df ul li:last-child:before{display: none;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li p{display: inline-block; position: relative; bottom: 7px;}
.hr-about-page .hr-about-p1 .text-df .text-h3{display: inline-block; line-height: 1em; margin-bottom: 10px;}
.hr-about-page .hr-about-p1 .text-thr-u li{width: 100%; position: relative; display: inline-block; margin-bottom: .5em;}
.hr-about-page .hr-about-p1 .text-thr-u li h3{float: left;}
.hr-about-page .hr-about-p1 .text-thr-u li p{margin-left: 1.7em; position: relative; }
.hr-about-page .hr-about-p1 .text-thr-u .text-fff{margin-left: 2.7em; line-height: 2em;}
.hr-about-page .hr-about-p2 ul{margin-top: 20px; margin-left: 20px;}
.hr-about-page .hr-about-p2 ul li{text-align: left; position: relative; padding-left: 20px; padding-bottom: 12px;}
.hr-about-page .hr-about-p2 ul li h3,.hr-about-page .hr-about-p2 ul li p{display: inline-block; position: relative; bottom: 7px;}
.hr-about-page .hr-about-p3 ul{width: 100%; margin-top: 10px; display: inline-block;}
.hr-about-page .hr-about-p3 ul li{width: 22%; float: left; text-align: center; margin-right: 3%; color: #fff; margin-bottom: 20px;}
.hr-about-page .hr-about-p3 ul li .text-p3-a1{height: 45px; line-height: 45px; background: #5cb5e5; border-radius: 8px;}
.hr-about-page .hr-about-p3 ul li .text-p3-a2{height: 45px; line-height: 45px; background: #f89a21; border-radius: 8px;}
.hr-about-page .hr-about-p4 img{margin-bottom: 5px;}
.hr-about-page .hr-about-p4 h2{margin-bottom: 0px;}
.hr-about-page .hr-about-p4 .text-img img{float: left;}
.hr-about-page .hr-about-p4 h3{margin-top: 15px; margin-bottom: 10px;}
.hr-about-page .hr-about-p4 ul li{display: none;}
.hr-about-page .hr-about-p4 .imgbtn{text-align: center; width: 100%; line-height: 1em; font-size: 1em; position: relative;}
.hr-about-page .hr-about-p4 .imgbtn a{width: 8px; height: 8px; display: inline-block; margin: 0 .5em; background: #ccc; border-radius: 50%; overflow: hidden; transition: background .3s ease;}
.hr-about-page .hr-about-p4 .imgbtn a:hover,.hr-about-page .hr-about-p4 .imgbtn a.current{background: #008cd6;}
.hr-about-page .hr-about-p4 p{font-size: 16px; margin-bottom: 10px;}


.com-title1{  font-size:16px; color:#bc0000; line-height:24px;}
.top-heng{ padding-top:15px; margin-top:15px; border-top:1px solid #dedede;}