/*!
 * bid css in 2018
 * cj modify */

 
a {color:#cab380 }
a:hover, a:focus {color:#d2bf93 }

/*-------bottom-tool-------*/
.bottom-tool .talk .contact-img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-image: url(https://www.aprmailers.com/jscss:8443/common/images/contactWX.png);
    background-repeat: no-repeat;
    background-position: center;
}


.bottom-tool .each.talk > a { line-height:38px;padding-top:0; overflow:hidden;color:#3092E2; font-size:12px; border: 1px solid #3092E2;}
.bottom-tool .each.talk > a:hover {color:#fff; background-color:#3092E2;border: 1px solid #3092E2; }
.bottom-tool .each.talk .block-box {top:-18px; right:59px;}
.bottom-tool .each.talk .talk-link {border:1px solid #3092E2;color:#3092E2; border-radius:20px;padding:3px 0;width:80%;margin:0 auto; display:block;}
.bottom-tool .each.talk .talk-link:hover {color:#fff; background-color:#3092E2;border: 1px solid #3092E2;}
.bottom-tool .each.talk .talk-link .iconfont {font-size:14px; display:inline-block;margin-right:3px;}
.bottom-tool .each.talk p {padding:3px 0;}
/*.bottom-tool .each.talk .content {width:175px;}*/
.bottom-tool .each.talk .content p { font-size:14px;}
@media (min-width: 768px) {
.bottom-tool .each.talk > a {font-size:14px;line-height:19px;padding-top:5px; display:block; }	
	}
	
.bottom-tool .each.weixin > a  { display:block;    font-size: 12px;line-height: 14px;padding-top: 5px; }
 @media (min-width: 768px) {
.bottom-tool .each.weixin > a  {font-size: 14px;line-height: 19px;padding-top: 5px; }	
}
 
/*------header ------*/ 

.header {background-color: #fff;  }
.bid-header {background-color: #fff; margin: 0; border-radius:0;border:0;}
.bid-header .container { position: relative;}
.bid-header .navbar-brand { padding: 13px 15px;   height: auto;}
.bid-header .navbar-brand img {width:100px;height:auto;/*height:31px;*/}
.bid-header .main-nav { float:left; }
.bid-header .main-nav li { display:inline-block;}
.bid-header .main-nav li a { display:inline-block; font-size:16px; color:#444;padding:15px 5px; }

.bid-header .nav-dropdown {}
.bid-header .nav-more {float: right; border:1px solid #fff;border-bottom:0; height: 55px;  width: 55px;}
.bid-header .open.nav-more  {border:1px solid #eee;border-bottom:0; }
.bid-header .nav-more a.more-icon {display:inline-block;padding:19px 19px;cursor: pointer; z-index:2;color: #9a9a9a; position:relative; overflow: hidden;
   -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;}
.bid-header .open .more-icon {color:#1b8cca;    
-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}
.bid-header .more-icon .box {  display: block; position: relative;  width: 15px; height: 9px;}
.bid-header .more-icon .box:after,
.bid-header .more-icon .box:before {  position: absolute;top: 0; content: " "; width: 6px; height: 6px; background: #9a9a9a;}
.bid-header .open .more-icon .box:after,
.bid-header .open .more-icon .box:before {background:#bfa55e;}
.bid-header .more-icon .box:before {  left: 0;}
.bid-header .more-icon .box:after {  left: 9px;}
.bid-header .open .more-icon .box-t:before {
    -webkit-transition: -webkit-transform .3s ease-out .3s;
    transition: -webkit-transform .3s ease-out .3s;
    -o-transition: transform .3s ease-out .3s;
    transition: transform .3s ease-out .3s;
    transition: transform .3s ease-out .3s,-webkit-transform .3s ease-out .3s;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bid-header .nav-more .dropdown-menu { border-radius:0;box-shadow:none;margin:0;padding:15px;width:300px;border:1px solid #eee; margin-top:-1px;z-index:999;right: -1px;}
.bid-header .nav-more .dropdown-menu li { display:inline-block;width:32%;}
.bid-header .nav-more .dropdown-menu li a { display:block; text-align:center;padding:4px 0;}
.bid-header .nav-more .dropdown-menu li a:hover,.bid-header .nav-more .dropdown-menu li a:focus {color:#cab380; background:none;}
.bid-header .nav-more .dropdown-menu li.divider { clear:both; float:none;width:100%; background-color:#eee;}
.bid-header .nav-more .dropdown-menu:before {    content: ' '; right: 0;height: 2px; background-color: #fff;width:54px; position: absolute; top: -2px;}
 

@media (max-width: 767px) {
.bid-header .container {padding:0;}
.bid-header .container .row {margin-left:0; margin-right:0;}
.bid-header .container .row > div {padding-left:0;padding-right:0;}
.bid-header .navbar-brand {padding:11px 15px;}
.bid-header .nav-more {
        border: 0;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
.bid-header .nav-more.open {
        border: 0;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
.bid-header .navbar-brand img { width: 108px;}
	
	}
@media (min-width: 768px) {

.bid-header .navbar-brand img {width:160px;height:auto;}
.bid-header .main-nav {margin-top: 12px; margin-left:30px;}
.bid-header .main-nav li a {font-size:16px;}
.bid-header .more-icon .box {  display: block; position: relative;  width:22px; height: 12px;}
.bid-header .more-icon .box:after,
.bid-header .more-icon .box:before {  position: absolute;top: 0; content: " "; width:8px; height:8px; background: #9a9a9a;}
.bid-header .more-icon .box:before {  left: 0;}
.bid-header .more-icon .box:after {  left: 12px;}

.bid-header .nav-dropdown.nav-more {height:68px; width: 68px;  }
.bid-header .nav-more {margin-top:8px;}
.bid-header .nav-more a.more-icon {padding:21px 21px;}
.bid-header .nav-more .dropdown-menu {font-size:15px;}
.bid-header .nav-more .dropdown-menu:before { width: 67px; top: -1px;}
}
@media (min-width: 992px) {
.bid-header .main-nav li a { padding:15px 10px; }
.header {  box-shadow: 0 0 8px rgba(0,0,0,0.1); }
}

.xs-main-nav {
   width: 100%; overflow-y: hidden; background-color: #fff;border-top: 1px solid #eee; box-shadow: 0 4px 4px rgba(103, 103, 103, 0.1); position: relative; 
    -webkit-overflow-scrolling: touch;  overflow-y: hidden;overflow-x:auto;z-index: 3;
}
.xs-main-nav .nav-list { min-width: 100%;  display: inline-block;    white-space: nowrap;}
.xs-main-nav .nav-list li {  display: inline-block;text-align: center;}
.xs-main-nav .nav-list a {  display:block; padding: 10px 15px; color: #555;font-size: 15px;}
 
@media (min-width: 768px) {
	.xs-main-nav .nav-list a { padding: 10px 20px; font-size:17px}
}


 
  
/* ------banner-----*/ 

.focus-banner {position:relative;width:100%;padding-bottom:550px; height:0; background-image:url(http://www.aprmailers.com/jscss/common/images/bid/topbanner_pc.jpg);
background-position:15% -70px; background-size:cover;background-repeat:no-repeat; }
.focus-banner .banner-content { height:100%; position:absolute; left:0;top:0;width:100%; }
.focus-banner .container { position:relative;height:100%;}

@media (min-width:375px) {
.focus-banner {padding-bottom:600px;}
}
@media (min-width:768px) {
.focus-banner {padding-bottom:950px;background-size:cover;background-position:25% -80px; }
}
@media (min-width:1200px) {
.focus-banner { height:600px;padding:0; background-size:auto;background-position:center bottom;}
 
}
@media (min-width:1500px) {
.focus-banner { height:680px; }
.focus-banner .banner-content {}
}


.focus-text { text-align:center; position:absolute;left:50%;top:80px;margin-left:-130px;width:260px;}
.focus-text .focus-title {max-width:502px;}
.focus-text .focus-title img {width:100%;height:auto;}
.focus-text .action { max-width:400px;margin:0 auto; padding-top:40px; }
.focus-text .btn-download { width: 45%; text-align: center; margin-left:3%; float:left;}
.focus-text .btn-download a {font-size:15px;color:#fff; line-height:1.2; display:block;background:#C9B378;border-bottom:2px solid #b9a061; padding:12px 0 10px 0;border-radius:3px; }
.focus-text .btn-download a span { display:block; font-weight:bold; font-size:15px;}
.focus-text .btn-download a:hover {background:#AD8D3D; 
 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; }
@media (min-width:375px) {
.focus-text .text {width:300px;margin-left:-150px;}	
}

@media (min-width:768px) {
.focus-text {width:auto;margin-left:-250px;    top: 140px;}	
.focus-text .btn-download a {font-size:18px; padding:18px 0 15px 0;border-radius:6px;border-bottom:4px solid #b9a061;  }
.focus-text .action { max-width:450px; padding-top:0;}
.focus-text .btn-download { width: 40%; margin-left:6%; }
}
@media (min-width:1200px) {
.focus-text .action {padding-top:20px; }
.focus-text { text-align:center;width:400px; position:absolute;left:30px;top:50%;margin-left:0;margin-top:-160px;}
}
@media (min-width:1500px) {
.focus-text {margin-top:-180px;width:502px;}
}



.focus-img { position:absolute;right:50%;margin-right:-130px; bottom:50px; width:260px; }
.focus-img img {width:100%;height:auto;} 
@media (min-width:375px) {
.focus-img {width:300px; margin-right:-150px;}		
}
@media (min-width:768px) {
.focus-img {width:500px; margin-right:-280px; bottom:120px;}		
}
@media (min-width:1200px) {
.focus-img { right:0; width:580px; bottom:70px;  margin-right:0; }		
}
@media (min-width:1500px) {
.focus-img {   width:640px;  }		
} 

.modal-pc {}
.modal-pc .modal-content { background-color:#E5FDDA;  background-repeat:no-repeat;background-image:url(http://www.aprmailers.com/jscss/common/images/bid/360bg.png); 
background-position:center top; background-size:auto;}
.modal-pc .modal-body {height:180px;}
.modal-pc .modal-footer { text-align:center;padding-bottom:30px;}
.modal-pc .modal-footer .btn {  border:0; margin:0 auto;  font-size: 15px;
    color: #fff;
    line-height: 1.2;
    display: block;
    background: #07CD5F;
    border-bottom: 2px solid #00B552;
    padding: 12px 20px 10px 20px;
    border-radius: 3px;}


@media (min-width:768px) {
.modal-pc .modal-footer .btn {border:0;  
	font-size: 18px;
    padding: 18px 30px 15px 30px;
    border-radius: 6px;
    border-bottom: 4px solid #00B552;}
		
}

/*-------mod------*/

.mod { position:relative;padding:80px 0 70px;}
.mod .container { position:relative;}
.text-content .head {margin:0 auto; color:#222; margin-bottom: 10px;line-height: 1.6; font-size: 26px;font-weight: 400;}
.text-content .desc { margin:0 auto; line-height: 1.8; color:#666; font-size: 15px;padding:0 20px;}
.text-content .head span { font-size:19px;display: block;}
@media (min-width:768px) { 
.mod {  padding:130px 0 120px 0;}
.text-content .head {font-size: 46px; font-weight:bold; margin-bottom:30px;}
.text-content .desc { font-size: 18px; line-height:2; color:#444;padding:0; }	
.text-content .head span {font-size:32px;}
}

/* ----about----*/ 

.mod-about {padding-top:60px; }
.mod-about .mod-text { text-align:center}
.mod-about .mod-img { position:relative;padding-top:120px;padding-bottom:50px;}
.mod-about .action-a { position:absolute;left:50%;top:70px;margin-left:-120px;width:240px; z-index:2;}

.data-wrap { position:relative; text-align:center; padding:20px 0 40px 0;}
.data-wrap .each-data {position:relative; color:#C9B378;}
.data-wrap .each-data strong { font-size:20px; line-height:1.8; font-weight:bold;}
.data-wrap .each-data p { font-size:15px;  }

@media (min-width:768px) {
.mod-about {padding-top:60px; } 
.mod-about .mod-img { padding-top:140px; }
.mod-about .action-a { top:70px;margin-left:-230px;width:460px;}
.data-wrap .each-data strong { font-size:50px;}
.data-wrap .each-data p { font-size:22px; }
}
@media (min-width:1200px) {
.mod-about .mod-img {padding-top:120px; padding-bottom:80px;}
.mod-about .action-a {top:70px;margin-left:-280px;width:560px;}
.mod-about .text-content .desc {  width:850px;  margin:0 auto;}
}

/*----recom---*/

.mod-recom { background-color:#f7f8fc;}
.mod-recom .mod-text { text-align:center; }
.mod-recom .mod-img { position:relative; padding-top:30px;padding-bottom:50px;}
.mod-recom .action-a { width:270px;margin:0 auto;}
.mod-recom .action-b { position:absolute; z-index:2;width:120px;height:auto; left:140px;top:0px;}

@media (min-width:768px) {
.mod-recom .mod-img { padding-top:50px;}
.mod-recom .action-a { width:500px;}
.mod-recom .action-b { width:292px;left:220px;top:0px;}	
}
@media (min-width:1200px) {
.mod-recom .mod-text { text-align:left; }	
.mod-recom .action-a { width:100%; max-width:600px;}
.mod-recom .mod-text {padding-top:80px; padding-left:40px;}
}
@media (min-width:1500px) {
.mod-recom .mod-text {padding-top:100px;}	
}
/*-----do-----*/
.mod-do  {}
.mod-do .mod-text { text-align:center; }
.mod-do .text-content .head span {font-size:17px;color:#666;line-height: 2;}
.mod-do .sub-desc .each { text-align:center;padding-top:40px;}
.mod-do .sub-desc .icon {font-size:26px; width:50px;height:50px;margin:0 auto; color:#fff; line-height:50px; overflow:hidden; background:#54a0e4; border-radius:50%;}
.mod-do .sub-desc .iconfont { line-height:1; font-weight:normal;}
.mod-do .sub-desc h3 {  margin-top:10px;  color: #54a0e4; font-size:22px;}
.mod-do .sub-desc p { font-size:15px;}
@media (min-width:768px) {
.mod-do .text-content .head span {    font-size: 24px; font-weight: normal;  color: #444;}
.mod-do .sub-desc .each {padding-top:80px;}
.mod-do .sub-desc h3 {font-size:30px;margin-top:25px;  }
.mod-do .sub-desc p { font-size:18px;}
.mod-do .sub-desc .icon {font-size:34px; width:76px;height:76px; line-height:76px; }	
}
@media (min-width:1200px) {
.mod-do .text-content .desc { width: 850px; margin: 0 auto;}
.mod-do .sub-desc h3 {font-size:36px;}
}

/*-----report------*/

.mod-report  {background-color:#f7f8fc;}
.mod-report .mod-text { text-align:center; }
.mod-report .mod-img { position:relative;  padding-top:30px; width:280px;margin:0 auto; }


@media (min-width:768px) {
.mod-report .mod-img { padding-top:50px;width:500px;}
	
}
@media (min-width:1200px) {
.mod-report .mod-text { text-align:left; }	
.mod-report .mod-img { padding-top:0;padding-bottom:70px;width:100%; max-width:600px;}
.mod-report .mod-text {padding-top:60px; padding-right:40px;}

}
@media (min-width:1200px) and (max-width:1499px) {
.mod-report .text-content .head {font-size:40px;}
.mod-report .text-content .head span {font-size:30px;}
}

@media (min-width:1500px) {
.mod-report .mod-text {padding-top:100px;}	
 
}



/*-----share------*/

.mod-share {background-image:url(http://www.aprmailers.com/jscss/common/images/bid/section_b_bg.jpg); background-repeat:no-repeat; background-position:left center; 
background-size:cover;position:relative;  }
.mod-share .mod-text { text-align:center; }
.mod-share .text-content .head {color:#fff}
.mod-share .text-content .desc {color:#fff}
.mod-share .mod-img { position:relative; }
.mod-share .action-a { width:150px;margin:0 auto; padding-bottom:50px;}
.mod-share .action-b { position:absolute; z-index:2;width:120px;height:auto; left:180px;top:100px;}
@media (min-width:768px) {
.mod-share .mod-img {  }
.mod-share .action-a { width:350px;padding-bottom:80px;}
.mod-share .action-b { width:292px;left:330px;top:200px;  }		
}
@media (min-width:1200px) {
.mod-share .mod-text { text-align:left; }	
.mod-share .action-a { padding-bottom:20px;}
.mod-share .mod-text {padding-top:180px; padding-left:40px;}
.mod-share .action-b { left:200px;}
}
@media (min-width:1500px) {
.mod-share .mod-img { }
.mod-share .mod-text {padding-top:200px;}	
.mod-share .action-b {left:260px;}
}

 

/* ----download----*/ 
 
.mod-download {}
.mod-download .mod-text { text-align:center;padding-bottom:90px; }
.mod-download .mod-text .desc { font-size:17px;}
.mod-download .each-download { background-color:#F8F8F8;padding:40px 5px;border:1px solid #eee;margin-bottom:60px;}
.mod-download .each-download .icon {width:58px;height:58px; position:absolute;left:50%;margin-left:-30px;top:-30px;}
.mod-download .each-download .icon img {width:100%;height:100%; display:block;}
.mod-download .each-download .name { text-align:center; font-size:24px; padding-top:20px;}
.mod-download .each-download .desc {text-align:center; font-size:14px; color:#888; line-height:1.6;padding-top:30px;}
.mod-download .each-download .descb {font-size:18px; padding-top:10px;}
.mod-download .each-download .saoma {text-align:center;width:160px;height:160px;margin:0 auto; margin-top:20px;}
.mod-download .each-download .saoma img {width:100%;height:100%; display:block;}
.mod-download .each-download .btn-download {width:160px;margin:0 auto;margin-top:30px;}
.mod-download .each-download .btn-download a {font-size:15px;color:#fff; text-align:center; line-height:1.2; display:block;background:#C9B378;border-bottom:2px solid #b9a061; padding:10px 0 8px 0;border-radius:3px; }
.mod-download .each-download .btn-download a:hover {background:#AD8D3D; 
 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; }
	
 @media (min-width:768px) { 
.mod-download { }
.mod-download .mod-text .head {margin-bottom:5px;}
.mod-download .mod-text .desc { font-size:24px;}
.mod-download .each-download {margin-bottom:30px; height:370px; }
.mod-download .each-download .name { font-size:30px; }
.mod-download .each-download .btn-download {margin-top:80px;}
.mod-download .each-download .btn-download a {
    font-size: 18px;
    padding: 15px 0 12px 0;
    border-radius: 6px;
    border-bottom: 4px solid #b9a061;
}
 }

@media (min-width:1500px) { 
.mod-download .row {  }  
}


/* ----page-contact----*/ 
.page-contact {}
.contact-banner {padding:40px 0 35px 0; color:#fff; background-image:url(http://www.aprmailers.com/jscss/common/images/bid/contactbg.jpg); background-size:cover; background-repeat:no-repeat;  background-position:center center; }
.contact-banner h3 { margin:0;font-size: 22px; font-weight: 200;padding-left:10px; }
.contact-banner p {font-size: 18px;font-weight:100;color:#C9B378;padding-left:10px; }

@media (min-width:768px) { 
.contact-banner {padding:60px 0; background-position:center center;}
.contact-banner h3 {  font-size: 36px;  }
.contact-banner p {font-size: 31px; }
}

@media (min-width:1200px) {
.contact-banner{ padding:80px 0; background-position:center center;}
}


.section-contact { background-color:#f7f7f7;border-bottom:1px solid #ddd;    position: relative;   padding: 80px 0 70px;}
.section-contact .left-text { padding:0 10px;position:relative}
.section-contact .left-text:after {content:' '; position:absolute;left:10px;top:115%;height:3px; width:50px; background-color:#C9B378; }
.section-contact .right-text {padding-top:50px; line-height: 1.6;}
.section-contact h3 {color: #C9B378;margin:0;font-size: 26px; font-weight: 400;  margin-bottom: 5px;  line-height: 1.2;}
.section-contact h4 {color: #C9B378;margin:0;font-size: 20px;margin-bottom:4px;}
.section-contact .left-text p { font-size:17px}
.section-contact .right-text .desc {padding:0 10px;}
.section-contact .right-text p { font-size:15px;}

@media (min-width:768px) { 
.section-contact { padding: 130px 0 120px 0;    }
.section-contact .left-text { float:left; text-align:right;width:250px; }
.section-contact .left-text:after { display:none;}
.section-contact .right-text {border-left:2px solid #C9B378;padding-top:80px; padding-left:20px; margin-left:280px;}
.section-contact .right-text p { font-size:16px}
.section-contact h3  {font-size: 36px; }
.section-contact h4  {font-size:22px;}
.section-contact { background-position:center right;}
.section-contact .left-text p { font-size:20px}
.section-contact .right-text .desc  { line-height:1.8;}
}
@media (min-width:1200px) {
 }

 

/* ----page-phone----*/ 

.page-phone {}
.page-phone .container { position:relative; padding-top:1px; max-width:1000px;margin:0 auto; }
.page-phone .section { position:relative; padding:0;}
.page-phone .word-wrap {padding:15px;}
.page-phone .word-wrap .word-text {text-align:left; width:45%;}
.page-phone .word-wrap .word-text h2 {color:#C9B378; font-size: 24px;padding-top:110px;line-height: 1.6; font-weight:normal;}
.page-phone .word-wrap .word-text h3 { font-size: 15px; line-height: 1.6; color:#666;margin-top:10px;}
@media (min-width: 768px) {
.page-phone .section { position:relative; }
.page-phone .word-wrap .word-text {width:45%;}
.page-phone .word-wrap .word-text h2 { color:#111;font-size:48px;padding-top:220px;font-weight: bold;}	
.page-phone .word-wrap .word-text h3 {font-size: 20px; }
}

.page-phone .phone-a {height:450px; background-color:#eff1f7;background-image: url(http://www.aprmailers.com/jscss/common/images/bid/topbanner_pc.jpg); background-position:15% -70px;
background-size:440%; }
.page-phone .phone-a .bg {height:100%;background-image: url(http://www.aprmailers.com/jscss/common/images/bid/ad1.png);background-position:left bottom; background-repeat: no-repeat ;background-size:120%; }
.page-phone .phone-a .container {background-image: url(http://www.aprmailers.com/jscss/common/images/bid/ad2.png);height:100%;width:100%; max-width: none;background-position:right top;background-repeat: no-repeat ; background-size:120%;}
.page-phone .phone-a .focus-title {width:280px;margin:0 auto;margin-top:100px;margin-bottom:40px;}
.page-phone .phone-a .focus-title img {width:100%;height:auto;}
.page-phone .phone-a .action {    margin: 0 auto; width:150px; text-align: center;}
.page-phone .download { color: #fff;line-height: 1.2; display: block; background: #C9B378;    font-size: 15px;    padding: 12px 0 10px 0; border-radius:3px; border-bottom: 4px solid #b9a061;}
.page-phone .download:hover {background:#AD8D3D;  color:#fff;
 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; }
@media (min-width: 768px) {
.page-phone .phone-a {height:620px;  background-size:auto; background-position:center top;}
.page-phone .phone-a .bg {background-size:80%;}
.page-phone .phone-a .container {background-size:80%;width:100%; }
.page-phone .phone-a .focus-title {width:502px;margin-top:170px;}	
.page-phone .phone-a .action { width:250px; }
.page-phone .download {  font-size: 22px; padding: 18px 0 15px 0;border-radius: 6px;}
}
@media (min-width: 1200px) {
.page-phone .phone-a .bg {background-size:auto;}	
.page-phone .phone-a .container {background-size:auto;}
}

 
.page-phone .phone-b {height:450px; background-size:120%; background-color:#f7f8fc;  background-image: url(http://www.aprmailers.com/jscss/common/images/bid/ad3.png);background-position:65% center; background-repeat: no-repeat ;}
@media (min-width: 768px) {
.page-phone .phone-b {height:750px;	  background-size:auto;}
}

.page-phone .phone-c { height:450px;background-size:120%;background-image: url(http://www.aprmailers.com/jscss/common/images/bid/ad4.png); background-color:#fff;background-position:34% center; background-repeat: no-repeat ;}
.page-phone .phone-c .word-wrap .word-text {width:45%; float:right; text-align:right;}
@media (min-width: 768px) {
.page-phone .phone-c {height:750px;	  background-size:auto;}
}

.page-phone .phone-d { height:450px;background-size:120%;background-image: url(http://www.aprmailers.com/jscss/common/images/bid/ad5.png);background-color:#f7f8fc;background-position:65% center; background-repeat: no-repeat ;}
@media (min-width: 768px) {
.page-phone .phone-d {height:750px;	  background-size:auto;}
}

.page-phone .phone-e { padding-top:50px;padding-bottom:1px; background:none;}
.page-phone .phone-e .word-wrap {padding-top:0; }
.page-phone .phone-e .word-wrap .word-text { text-align:center; float:none;width:100%}
.page-phone .phone-e .word-wrap .word-text h2 {padding-top:0;}
.page-phone .phone-e .word-wrap .word-text h3 {padding-bottom:40px; font-size:17px;}
.page-phone .phone-e .content { position:relative;margin-top:10px; }
.page-phone .phone-e .each {margin-bottom:60px;}
.page-phone .phone-e .each-download { background-color:#F8F8F8;padding:40px 5px;border:1px solid #eee;position:relative;}
.page-phone .phone-e .each-download .icon {width:58px;height:58px; position:absolute;left:50%;margin-left:-30px;top:-30px;}
.page-phone .phone-e .each-download .icon img {width:100%;height:100%; display:block;}
.page-phone .phone-e .each-download .name { text-align:center; font-size:22px; padding-top:20px;}
.page-phone .phone-e .each-download .desc {text-align:center; font-size:14px; color:#888; line-height:1.6;padding-top:30px;}
.page-phone .phone-e .each-download .descb {font-size:14px; padding-top:10px;}
.page-phone .phone-e .each-download .saoma {text-align:center;width:160px;height:160px;margin:0 auto; margin-top:20px;}
.page-phone .phone-e .each-download .saoma img {width:100%;height:100%; display:block;}
.page-phone .phone-e .each-download .btn-download {width:160px;margin:0 auto;margin-top:30px;}
.page-phone .phone-e .each-download .btn-download a {font-size:15px;color:#fff; text-align:center; line-height:1.2; display:block;background:#C9B378;border-bottom:2px solid #b9a061; padding:10px 0 8px 0;border-radius:3px; }
.page-phone .phone-e .each-download .btn-download a:hover {background:#AD8D3D;  }
  @media (max-width: 767px) {
.page-phone .phone-e .each-download {margin-bottom:40px;}	  
	  }
	  
 @media (min-width: 768px) {
	
	.page-phone .phone-e { padding-top:100px;}
	.page-phone .phone-e .word-wrap .word-text h3 {font-size:24px;}
.page-phone .phone-e .each-download {width:90%; margin:0 auto; }
.page-phone .phone-e .content {height:500px;}	
.page-phone .phone-e .content { margin-top:70px; } 
.page-phone .phone-e .each-download .name {font-size:24px;}
.page-phone .phone-e .each-download .descb {font-size:18px; }
 }


/*-----page rights----*/

.page-rights { position:relative}
.page-rights .total-desc { background-image: url(http://www.aprmailers.com/jscss/common/images/bid/topbanner_pc.jpg);background-position: 15% -90px; background-repeat:no-repeat;}
.page-rights .total-desc .head { margin-bottom:80px;padding-top:100px; text-align:center;}
.page-rights .total-desc .head h2 {margin-top:0;color:#000; font-size:26px; font-weight: bold;}
.page-rights .total-desc .head p { color:#272A49;font-size:17px; line-height:2}
 @media (min-width: 768px) {
.page-rights .total-desc {background-position:center -30px; background-size:auto;   }
.page-rights .total-desc .head h2 {font-size:46px; }
.page-rights .total-desc .head p {font-size:20px;  }	 
 }
 @media (min-width: 1200px) {
.page-rights .total-desc {background-position:center -30px; background-size:auto;   }	 
 }
 
.page-rights .total-wrap { background:#fff;border-radius:10px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.page-rights .total-wrap.bg2 {margin-top:60px;}
.page-rights .total-wrap.bg1:hover { box-shadow:0 0 20px rgba(0,0,0,0.2);}
.page-rights .total-wrap.bg2:hover { box-shadow:0 0 20px rgba(0,0,0,0.2);}
.page-rights .total-wrap .name {height:70px; position:relative;border-radius:10px 10px 0 0;margin-bottom:30px;
background-position:center bottom; background-size:cover; background-repeat:no-repeat;}
.page-rights .total-wrap.bg1 .name {background-image: url(http://www.aprmailers.com/jscss/common/images/bid/rights_bg2.jpg); }
.page-rights .total-wrap.bg2 .name {background-image: url(http://www.aprmailers.com/jscss/common/images/bid/rights_bg3.jpg); }
.page-rights .total-wrap .name strong {color:#fff; font-size:18px; line-height:30px; display:block;padding-left:30px;padding-top: 10px;}
.page-rights .total-wrap .name i {display:block;padding-left:30px;color:#fff; opacity:0.7; font-style:normal;}
.page-rights .total-wrap .name .icon { position:absolute;right:35px;top:15px;width:40px;height:40px; border-radius:50%; overflow:hidden; background:#fff; z-index:2;
 background-position:center; background-size:cover;
     transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.page-rights .total-wrap .name .icon1 {background-image: url(http://www.aprmailers.com/jscss/common/images/bid/rights_icon1.png);}
.page-rights .total-wrap .name .icon2 {background-image: url(http://www.aprmailers.com/jscss/common/images/bid/rights_icon2.png);}
.page-rights .total-wrap.bg1:hover .icon1 {transform: scale(1.2);}
.page-rights .total-wrap.bg2:hover .icon2 {transform: scale(1.2);}
.page-rights .total-wrap dl {padding:0 35px 0 20px;margin-bottom:20px;} 
.page-rights .total-wrap dt { font-size:15px;line-height:20px; padding-left:30px;background-position:left center; background-repeat:no-repeat;
background-image: url(http://www.aprmailers.com/jscss/common/images/li_style11.png);margin-bottom:10px; }
.page-rights .total-wrap dd {  padding-left:30px;font-size:14px; line-height:1.6; }
.page-rights .total-wrap.bg1 dt {color:#4f83fd;}
.page-rights .total-wrap.bg2 dt {color:#39c974;}
 @media (min-width: 768px) {
	 .page-rights .total-wrap { height:620px; }
.page-rights .total-wrap.bg2 {margin-top:0px;}	
.page-rights .total-wrap .name {height:110px; }
.page-rights .total-wrap .name strong { font-size:24px; line-height:40px;padding-top:22px;}
.page-rights .total-wrap .name i {font-size:18px;}
.page-rights .total-wrap .name .icon { right:35px;top:25px;width:60px;height:60px; }
.page-rights .total-wrap dt { font-size:16px;} 
.page-rights .total-wrap dd {font-size:15px;  }
 }
 @media (min-width: 1200px) {
 .page-rights .total-wrap { height:560px; }	 
 }
 @media (min-width: 1500px) {
 .page-rights .total-wrap { height:490px; }	 
 } 
 

.page-rights .detail-desc {  padding-top:50px;padding-bottom:70px;}
.page-rights .detail-desc .head { text-align:center; font-size:20px; padding-bottom:30px}
.page-rights .col-xs-2 {padding:0}
.page-rights .desc-table {padding-left:15px;padding-right:15px; overflow:auto;}
.page-rights .desc-table .row {width:550px;}
.page-rights .desc-table .line-th {border:1px solid #ddd;margin-top:1px;margin-bottom:1px;}
.page-rights .desc-table .line {border:1px solid #ddd;margin-top:1px;}
.page-rights .desc-table .line:hover {box-shadow:0 0 15px rgba(0,0,0,0.1);}
.page-rights .desc-table .line-a:hover,.page-rights .desc-table .line-b:hover {margin-top:0;border:2px solid #4f6bfd;}
.page-rights .desc-table .line-c:hover,.page-rights .desc-table .line-d:hover,.page-rights .desc-table .line-e:hover {margin-bottom:0;margin-top:0;border:2px solid #39c974;}
.page-rights .desc-table .th { text-align:center;line-height:60px;font-size:12px;height:60px;color:#999;  border-bottom:1px solid #ddd; background:#f7f8fc;}
.page-rights .desc-table .td {text-align:center;line-height:60px;border-bottom:1px solid #ddd;height:60px;font-size:14px;}
.page-rights .desc-table .td-2 {line-height:120px;height:120px;}
.page-rights .desc-table .td-3 {line-height:180px;height:180px;} 
.page-rights .desc-table .name {line-height:20px;height:100px;padding-top:25px;border-bottom:1px solid #ddd;text-align:center; color:#999;font-size:12px;  background: #f7f8fc;}
.page-rights .desc-table .name i {font-size:15px; text-align:center; line-height:30px;  display:block;color:#000; font-weight:bold; font-style:normal; }
.page-rights .desc-table .price {color:#C9B378; font-size:16px; font-weight:bold}
.page-rights .desc-table .line-b .name i {color:#4f83fd;}
.page-rights .desc-table .line-d .name i,.page-rights .desc-table .line-e .name i {color:#39c974;}
.page-rights .desc-table .icon-close {padding:5px; font-weight:bold; line-height:1;font-size:12px;color:#fff; background:#EC5D5F;border-radius:50%; overflow:hidden;}
.page-rights .desc-table .icon-right {padding:5px; font-weight:bold; line-height:1;font-size:12px;color:#fff; background:#76CF2E;border-radius:50%; overflow:hidden;}

 @media (min-width: 768px) {
.page-rights .detail-desc .head { font-size:36px; padding-bottom:50px}	 
.page-rights .detail-desc {  padding-top:90px;padding-bottom:120px;}
.page-rights .desc-table .th {font-size:16px; }
.page-rights .desc-table .td {font-size:16px;}
.page-rights .desc-table .name {font-size:14px;}
.page-rights .desc-table .name i { font-size:20px;}
.page-rights .desc-table .price {  font-size:18px; }
.page-rights .desc-table .row {width:auto;}
 }


/*---ad----*/
.i-bottom-ad {width: 90%; z-index:9; position:fixed;left:0;right:0;bottom:83px;height:auto;margin: 0 auto; border-radius: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.i-bottom-ad .container { position:relative; z-index:1; text-align:center;padding:0;}
.i-bottom-ad .ad-close {position: absolute; left: -5px;top: -5px;color: #fff;font-size: 18px; z-index: 2; cursor: pointer;
    width: 20px; height: 20px;line-height: 16px; border-radius: 50%;background: #929292;  text-align: center;}
.i-bottom-ad .container img { display:block;margin:0 auto;}
.i-bottom-ad .container a { display:block;width:100%;height:100%;}
.i-bottom-ad.bottom-10 {bottom:15px!important;}

@media (min-width: 768px) {
.i-bottom-ad {height:60px; width: 750px; background-image: url(http://qianjia.com/jscss/common/images/quick3/bottom_ad_bg.png);
background-repeat:repeat-x; background-position:left -15px;}	
.i-bottom-ad .container {padding-left:15px;padding-right:15px;}
.i-bottom-ad .ad-close { font-size: 20px;width: 28px; height: 28px; line-height: 22px;}	
}

@media (min-width: 992px) {
.i-bottom-ad {height:78px; width: 970px;background-position:left -10px; }
.i-bottom-ad .ad-close { top:auto;bottom:26%;left:auto;right:15px; background:none; }
}
@media (min-width: 1200px) {
.i-bottom-ad {height:86px; width: 1070px;background-position:left -5px; }	
.i-bottom-ad .ad-close { font-size:30px; }
}
@media (min-width: 1500px) {
.i-bottom-ad {height:100px;   width: 1270px;background-position:left top;}	
}