/*!
 * cj modify 2018*/
 
.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; }	
}

.search-view {}
.search-view .top-more {  padding-top:5px;}
.search-view .top-more .btn { border-radius:40px;font-size:14px; padding:2px 12px;}
 @media (min-width: 768px) {
.search-view .top-more { width: 120px; padding-top:7px; }	 
.search-view .top-more .btn {font-size:16px; padding:5px 25px;}
 }
 
/*-------section------*/
.section { position:relative;padding:80px 0 70px;}
.section .container { position:relative;}

.word-wrap {padding-top:50px;}
.word-wrap .word-text { text-align:center;}
.word-wrap .word-text h2 {margin:0 auto; color:#C9B378; margin-bottom: 10px;line-height: 1.6; font-size: 26px;font-weight: 400;}
.word-wrap .word-text h3 { margin:0 auto; line-height: 1.6; color:#666; margin-bottom: 40px; font-size: 15px; max-width:320px;}

@media (min-width: 768px) {
.section {  padding:130px 0 120px 0;}
.word-wrap {padding-top:120px;}
.word-wrap .word-text h2 {font-size: 48px;}
.word-wrap .word-text h3 { margin-bottom: 40px; font-size: 20px;  max-width:500px; }	
}
@media (min-width:1200px) {
 
.word-wrap {padding-top:170px;}
.word-wrap .word-text h2 {max-width:500px;}
.word-wrap .word-text h3 {  }	
}
 
 
.install-com {}
.install-com .section { position:relative;padding:50px 0 50px;}
.install-com .section .container { position:relative;}

.install-com .word-wrap {padding-top:10px;}
.install-com .word-wrap .word-text { text-align:center;}
.install-com .word-wrap .word-text h2 {margin:0 auto; color:#37b576; margin-bottom: 10px;line-height: 1.6; font-size: 26px;font-weight: 400;}
.install-com .word-wrap .word-text h3 { margin:0 auto; line-height: 1.6; color:#666; margin-bottom: 40px; font-size: 15px; max-width:320px;}

@media (min-width: 768px) {
.install-com .section {  padding:80px 0 80px 0;}
.install-com .word-wrap {padding-top:20px;}
.install-com .word-wrap .word-text h2 {font-size: 44px;}
.install-com .word-wrap .word-text h3 { margin-bottom: 40px; font-size: 20px;  max-width:500px; }	
}
@media (min-width:1200px) {
 
.install-com .word-wrap .word-text h2 {max-width:500px;}
.install-com .word-wrap .word-text h3 {  }	
}

 @media (min-width:1500px) {
.install-com .word-wrap .word-text h2 {max-width:600px;}
 }
 
.modal-tips .modal-footer { text-align:center}
.modal-tips .text-center { font-size:15px; line-height:1.8;max-width:500px;margin:0 auto;}
.modal-change .modal-footer { text-align:center}
.modal-change .text-center { font-size:15px; line-height:1.8;max-width:500px;margin:0 auto;}

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

.focus-banner { height:765px;background-image:url(http://www.aprmailers.com/jscss/common/images/install/topbanner_pc.jpg); background-repeat:no-repeat; background-position:center top; background-size:auto;}
.focus-banner .container { position:relative;height:100%;}
.focus-banner .text { text-align:center; position:absolute;left:50%;top:100px;margin-left:-140px;width:280px;}
.focus-banner .text .focus-title {max-width:502px;}
.focus-banner .text .focus-title img {width:100%;height:auto;}
.focus-banner .text .weixin-ma {max-width:400px;margin:0 auto;padding-top:50px; }
.focus-banner .text .weixin-ma .ma-yonghu,
.focus-banner .text .weixin-ma .ma-shifu {max-width:160px;margin:0 auto; border-radius:6px; padding:10px;background-color:#fff; }
 
.focus-phone { position:absolute;right:50%;margin-right:-140px; bottom:0; width:280px;height:340px; background-image:url(http://www.aprmailers.com/jscss/common/images/install/focus_phone.png);
 background-position:center;background-size:cover; background-repeat:no-repeat;}
.focus-phone-swiper {width:136px;margin:0 auto;padding-top:38px; }

@media (min-width:768px) {
.focus-banner .text {width:auto;margin-left:-250px;}	
.focus-banner { height:1200px; background-size:3000px 1200px;}
.focus-phone {  width:600px; height:600px;margin-right:-300px; }
.focus-phone-swiper {width:240px; padding-top:67px; }
}
@media (min-width:992px) {
.focus-banner { height:820px; background-size:auto;}
.focus-banner .text { text-align:center; position:absolute;left:50px;top:50%;margin-left:0;margin-top:-240px;}
.focus-phone { right:-30px; bottom:0; width:706px; margin-right:0; height:706px;background-size:contain;}
.focus-phone-swiper {width:280px; padding-top:82px; }	
	
}

.c-focus-banner { height:390px;background-image:url(http://www.aprmailers.com/jscss/common/images/install/topbanner_pc.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;}
.c-focus-banner .container { position:relative;height:100%;}
.c-focus-banner .text { text-align:center; position:absolute; left:0;width:100%; top:85px;  }
.c-focus-banner .text .action {margin-top:40px;}
.c-focus-banner .text .focus-title {width:86%; margin:0 auto; }
.c-focus-banner .text .btn-primary { background-color:#37B576; border:0; font-size:15px; padding:9px 20px;}
.c-focus-banner .text .btn + .btn {margin-left:20px;}
.c-focus-banner .text .btn-primary:hover, 
.c-focus-banner .text .btn-primary:active {background-color:#40AB75;border:0;}
@media (min-width:768px) {
.c-focus-banner { height:550px; background-size:2000px 800px; }
.c-focus-banner .text { top:160px; }	
.c-focus-banner .text .btn-primary { font-size:18px; padding:12px 40px; }
.c-focus-banner .text .action {margin-top:60px;}
.c-focus-banner .text .focus-title {width:600px; }
}
 @media (min-width:1200px) {
.c-focus-banner .text .focus-title {width:740px; }	 
	 
 }
 
/* --------*/ 

.section-a { background-image:url(http://www.aprmailers.com/jscss/common/images/install/section_a_bg.gif); background-repeat:no-repeat; background-position:right center; background-size:contain; }
.section-a .action-a {width:80%;margin:0 auto; max-width:280px; text-align:center;}
.section-a .action-b { position:absolute; left:50%; margin-left:-150px;top:50px; z-index:8; width:120px;}

@media (min-width:768px) {
.section-a .action-a {max-width:none}
.section-a .action-b {width:auto;margin-left:-250px;top:80px; }	
}
 
@media (min-width:1200px) {
.section-a { background-size:auto;background-position:center center; }
}

.section-aa .img-center {padding:20px 0; text-align:center; width:90%;margin:0 auto;}
.section-aa .img-center img {max-width:100%;}
@media (min-width:992px) {
 .install-com .section-aa { padding-top:100px;}
}
 



/* --------*/ 
.section-b {background-image:url(http://www.aprmailers.com/jscss/common/images/install/section_b_bg.jpg); background-repeat:no-repeat; background-position:left center; background-size:cover; }
.section-b .action-c {width:80%;margin:0 auto; max-width:280px; text-align:center;}
.section-b .word-wrap {padding-top:0; padding-bottom:30px;}
.section-b .word-wrap .word-text h2,
.section-b .word-wrap .word-text h3 { color:#fff;}

@media (min-width:768px) {
 .section-b .action-c {width:auto;max-width:none}
}
@media (min-width:1200px) {
.section-b .action-c { float:right; } 
.section-b .word-wrap {padding-top:140px}
}


.section-bb { background-color:#f8f8f8 }
.section-bb .img-center {padding:20px 0; text-align:center; width:90%;margin:0 auto;}
.section-bb .img-center img {max-width:100%;}


/* --------*/ 

.section-c {background-image:url(http://www.aprmailers.com/jscss/common/images/install/section_c_bg.gif); background-repeat:no-repeat; background-position:center center;  }
.section-c .container { position:relative;height:100%;}
.section-phone { width:280px; margin:0 auto;height:340px; background-image:url(http://www.aprmailers.com/jscss/common/images/install/focus_phone.png); background-size:cover; overflow:hidden;
 background-position:center top;  background-repeat:no-repeat;}
.section-phone-swiper {width:136px;margin:0 auto;padding-top:38px;  }
 
.phone-menu {}
.phone-menu ul { overflow:auto;max-width:320px;margin:0 auto; position:relative;}
.phone-menu ul:before { position:absolute;left:0;top:30%;height:1px;width:100%; background-color:#D2BF93; content:' '; z-index:0;}
.phone-menu li { float:left;width:33%;text-align:center;position:relative; z-index:1; }
.phone-menu li a { display:block;}
.phone-menu li a.tabactive {}
.phone-menu .num-icon {width:42px;height:42px; display:inline-block; color:#D2BF92; margin:0 auto; 
background-color:#fff;border:1px solid #D2BF93; border-radius:50%;font-size:18px; text-align:center; line-height:40px;
transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;}
.phone-menu .tabactive .num-icon {color:#fff; background-color:#C9B378; background-image:url(http://www.aprmailers.com/jscss/common/images/install/phone_tab.jpg); background-repeat:no-repeat; background-size:cover;}
.phone-menu strong { display:block; text-align:center; color:#666; font-weight:normal; line-height:40px;}
.phone-menu .tabactive strong {}

@media (min-width:768px) { 
.section-c { padding-top:140px;} 
 .section-phone { width:100%;height:590px;  background-size:auto; }
.section-phone-swiper {width:280px;margin:0 auto;padding-top:82px;  }
.section-c .word-wrap {padding-top: 110px; }
.phone-menu .num-icon {width:56px;height:56px;font-size:26px;line-height:54px; }
}
@media (min-width:1200px) {
.section-c { padding-bottom:0!important;}
.section-phone { width:100%;height:590px;background-size:auto; }
.section-phone-swiper { width:280px; margin:0 auto; padding-top:82px; }
}

.section-cc { background-color:#fff }

.step-content {margin-top:40px} 
.step-content .each-step { position:relative;margin-bottom:30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;   }
.step-content .each-step .hd { height:44px;width:44px; line-height:44px; border-radius:50%; overflow:hidden;background-color:#37b58c; text-align:center;margin-left:10px;
 position:absolute;left:0;top:5px; z-index:2;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.step-content .each-step .hd .iconfont { display:block;color:#fff;font-size:24px; font-weight:normal; } 
.step-content .each-step .bd { text-align:left; padding-left:75px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.step-content .each-step .bd h3 {font-size:17px;margin-top:0;margin-bottom:10px; font-weight:bold;}
.step-content .each-step .bd p {font-size:13px; line-height:1.6; color:#666;}

@media (min-width: 768px) {
.step-content .each-step .hd { width:74px; height:74px; line-height:74px;margin-left:50px;}
.step-content .each-step .hd .iconfont { font-size:37px;}
.step-content .each-step .bd { padding-left:180px;}
.step-content .each-step .bd h3 {font-size:22px;     padding-top: 14px;} 
.step-content .each-step .bd p {font-size:16px;}
.step-content {margin-top:60px} 
}

@media (min-width: 992px) {
.step-content .each-step { background-image:url(http://www.aprmailers.com/jscss/common/images/install/stepbg.png);  background-repeat:no-repeat; background-position:right 24px;}	
.step-content .each-step.last { background-image:none;} 
.step-content .col-md-2 {width:20%;padding: 0;} 
.step-content .each-step .hd { margin:0 auto; position:relative;left:auto;top:auto;width:86px; height:86px; line-height:86px;  }
.step-content .each-step .bd { text-align:center; padding:30px 25px; }
.step-content .each-step .hd .iconfont { font-size:40px;}
.step-content .each-step:hover .hd {margin-top:-15px;background-color:#57d891;}
.step-content .each-step:hover .bd {margin-top:-0px;}
.step-content .each-step:hover {background-position:right 39px; }
}

/*---------*/ 

.section-d { background-color:#f8f8f8; }
.section-d .action-g {width:80%;margin:0 auto; max-width:280px; text-align:center; }
.section-d .action-h { width:54%;position:absolute; right:50%; margin-right:-40px;top:60px; z-index:2;}
.section-d .word-wrap {padding-top:0; }
@media (min-width:768px) {
.section-d .action-g { width:auto;max-width:none; }
.section-d .action-h {width:auto; margin-right:-80px; top:120px; }
}

@media (min-width:1200px) {
.section-d .action-g { float:right; } 
.section-d .action-h {margin-right:-120px; }
.section-d .word-wrap {padding-top:140px; }
}



/* --------*/ 

.section-e { background-image:url(http://www.aprmailers.com/jscss/common/images/install/section_e_bg.gif);padding-bottom:150px; background-repeat:no-repeat; background-position:center 50px; background-size:110%;}
.section-e .word-wrap {padding-top:0;}
.section-e .word-wrap .word-text * { margin:0 auto;}
.section-e .weixin-ma {max-width:400px;margin:0 auto;padding-top:60px;}
.section-e .weixin-ma .ma-yonghu,
.section-e .weixin-ma .ma-shifu {max-width:160px;border:1px solid #BEB083; margin:0 auto;border-radius:6px; padding:9px;background-color:#fff; }
 @media (min-width:768px) { 
 .section-e .word-wrap {padding-top:40px;}
}
@media (min-width:1200px) {
.section-e { background-position:center center;  background-size:auto;} 
}


/* --------*/ 

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

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

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

/* --------*/ 
.section-contact { background-color:#f7f7f7;border-bottom:1px solid #ddd;}
.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 {  }
.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) {
 }



/* ---rule-----*/ 
.page-rule { background:#f9f9f9;}
.page-rule .rule-wrap {margin-top:-15px;padding-bottom:50px;}
.page-rule .rule-wrap .text-wrap { line-height:1.8; box-shadow:0 5px 10px rgba(68,68,68,0.1); padding:25px 15px; background-color:#fff; font-size:14px;}
.page-rule .rule-wrap p {}
.page-rule .rule-wrap strong { font-weight:bold; }
.page-rule .rule-wrap h3 {font-weight:bold;  font-size:18px; color: #37b576; display:block;margin-top:50px; }
.page-rule .rule-wrap h4 { font-weight:bold;  font-size:16px;    color: #C9B378;  display:block;margin-top:20px;}
.page-rule .rule-wrap .table {margin-top:20px;margin-bottom:20px; text-align:left}


@media (min-width:768px) {
.page-rule .rule-wrap {margin-top:-25px;padding-bottom:80px;}
.page-rule .rule-wrap .text-wrap {line-height:2; font-size:16px; padding:45px; box-shadow:0 5px 20px rgba(68,68,68,0.1);}
}

/*-------footer------*/
 .footer-info .weixin-view,.footer-info .app-view { background-image:none}
 .footer-info .weixin-view img, .footer-info .app-view img {width:100%;height:auto;}