.make_page_step{width:970px; margin:0 auto; position:relative;}
.make_page_step .pic{ float:left; position:relative; width:55%; text-align:center;}
.make_page_step .pic img{ width:100%; max-width:500px;}
/*.make_page_step .pic .text{ position:absolute; width:100%; height:100%; color:#fff; z-index:10; left:0; top:0; padding-top:32%; padding-left:37%; font-size:18px; line-height:1.2; text-shadow:1px 1px 0 #1dbcb2,2px 2px 0 #c2e6e7;text-align:left;}
.make_page_step .text span{ display:block; font-size:30px; font-weight:bold;}
.make_page_step .text b{ font-size:48px;display:block;}*/
.make_page_step .txt{ float:right; width:40%; padding-top:17%; }
.make_page_step .txt h1{ margin:0; color:#212d77; font-size:41px; text-shadow:1px 1px 0 #fff,2px 2px 0 #acacac;}
.make_page_step .txt p{ font-size:17px; color:#333;} 
@media (min-width:300px) and (max-width:1000px){
.make_page_step{ width:100%;}
.make_page_step nav{ display:none;}
.make_page_step .txt h1{ font-size:30px; }
.make_page_step .txt p{ font-size:16px; } 
}
@media (min-width:300px) and (max-width:640px)
{
  .make_page_step .pic  ,.make_page_step .txt{ float:none; width:100%;}
  .make_page_step .txt{ text-align:center; padding-top:5%;}    
}
@media (min-width:640px) and (max-width:1000px){
.make_page_step .pic .text{font-size:15px;padding-top:35%; }
.make_page_step .text span{font-size:22px;}
.make_page_step .text b{ font-size:36px;}
.step img{left: 0 !important;right: 0 !important;}
}
@media (max-width:480px)
{
.make_page_step .pic .text{font-size:16px;padding-top:35%; }
.make_page_step .text span{font-size:20px;}
.make_page_step .text b{ font-size:26px;}
}
@media (max-width:374px)
{
.make_page_step .pic .text{font-size:14px;padding-top:35%; }
.make_page_step .text span{font-size:18px;}
.make_page_step .text b{ font-size:22px;}
}
@media (max-width:640px) {
.step img{left: 0 !important;right: 0 !important;opacity: 1 !important;}
}
.make_page_step nav{ margin:50px 0 35px; position:relative;}
.make_page_step nav li{ float:left; width:29.3333%; margin:0 2%;    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px; font-size:24px;}
.make_page_step nav li a{ display:block; padding:13px 20px; border-left:15px; border-left-style: solid;color:#fff; position:relative;}
.make_page_step nav li:nth-child(1){ background-color:#1b6fb6;}
.make_page_step nav li:nth-child(2){ background-color:#a21e52;}
.make_page_step nav li:nth-child(3){ background-color:#e98a1c;}
.make_page_step nav li:nth-child(1) a{border-left-color:#125f88;}
.make_page_step nav li:nth-child(2) a{border-left-color:#880a44;}
.make_page_step nav li:nth-child(3) a{border-left-color:#d27517;}

.make_page_step nav li a:before{position: absolute;display: block;content: "";width: 60px;height: 60px;top: 0;right: 1px;}
.make_page_step nav li:nth-child(1) a:before{ background: url(../images/sprite.png) no-repeat -411px -272px;}
.make_page_step nav li:nth-child(2) a:before{ background: url(../images/sprite.png) no-repeat -416px -365px;width: 55px;}
.make_page_step nav li:nth-child(3) a:before{background: url(../images/sprite.png) no-repeat -411px -457px;}

.make_paperStep{position:relative; padding:50px 0;}
.make_paperStep:before{position: absolute;display: block;content: ""; background: url(../images/ying.png) no-repeat center 0;width: 100%;height: 57px; top: 0;left:0;}
@media (min-width:300px) and (max-width:1000px)
{
.make_paperStep:before{ display:none;}
}

.make_paperStep .title span{width: 120px;height: 120px;display: block;margin: 0 auto; background-image:url(../images/sprite.png); background-repeat:no-repeat;}
.make_paperStep .title01 span{ background-position:-363px -108px;}
.make_paperStep .title02 span{ background-position:-19px -298px;}
.make_paperStep .title03 span{ background-position:-24px -451px;}
.make_paperStep .title h2{color: #000;text-align: center;font-size: 24px;margin: 5px 0; font-weight:normal;}
.make_paperStep .title01 h2{ color:#1b7fbb;}
.make_paperStep .title02 h2{ color:#a21e52;}
.make_paperStep .title03 h2{ color:#e98a1c;}
.make_paperStep .title01 .txt p{ background-color:#1b7fbb;}
.make_paperStep .title02 .txt p{ background-color:#a21e52;}
.make_paperStep .title03 .txt p{ background-color:#e98a1c;}

.make_paperStep .title .txt{width: 550px;margin: 10px auto 20px;position: relative;text-align: center;z-index: 1;}
.make_paperStep .title .txt p{ color:#fff; padding:15px; margin:0; font-size:18px;}

.make_paperStep .title01 .txt:before, .make_paperStep .title01 .txt:after {border: 1.9em solid #1c77b0;}
.make_paperStep .title02 .txt:before, .make_paperStep .title02 .txt:after {border: 1.9em solid #a31e53;}
.make_paperStep .title03 .txt:before, .make_paperStep .title03 .txt:after {border: 1.9em solid #ea8a17;}
.make_paperStep .title .txt:before {left: -70px;border-right-width: 1.5em;border-left-color: transparent;}
.make_paperStep .title .txt:after {right: -70px;border-left-width: 1.5em;border-right-color: transparent;}
.make_paperStep .title .txt:before, .make_paperStep .title .txt:after {content: "";position: absolute;display: block;bottom: -15px;z-index: -1;width: 85px;}


.make_paperStep .title .txt div:before, .make_paperStep .title .txt div:after{ content: "";position: absolute;display: block;bottom: -14px;content: "";border-style: solid;}
.make_paperStep .title01 .txt div:before, .make_paperStep .title01 .txt div:after{border-color: #196fa8 transparent transparent transparent;}
.make_paperStep .title02 .txt div:before, .make_paperStep .title02 .txt div:after{border-color: #820a3a transparent transparent transparent;}
.make_paperStep .title03 .txt div:before, .make_paperStep .title03 .txt div:after{border-color: #b16306 transparent transparent transparent;}
.make_paperStep .title .txt div:before{border-width: 1em 0 0 1em;left:0;}
.make_paperStep .title .txt div:after{right:0;border-width: 1em 1em 0 0;}

@media (min-width:300px) and (max-width:1000px)
{
.make_paperStep{ padding:20px 0;}
.make_paperStep .title .txt div:before,
.make_paperStep .title .txt div:after,
.make_paperStep .title .txt:before, 
.make_paperStep .title .txt:after{ display:none;}
.make_paperStep .title .txt p{ color:#333; background-color:transparent;}
.make_paperStep .title .txt{ width:100%; margin:0;}
}

.step_toggle{ padding:10px 20px; margin:2% 5%; color:#fff; font-size:20px;}
.step_toggle span{ float:right;font-size:24px;}
.toggle1{ background-color:#1b7fbb;}
.toggle2{ background-color:#a21e52;}
.toggle3{ background-color:#e98a1c;}
@media (min-width:1001px)
{
 .step_toggle{ display:none;}
}

.step{padding-top:3%;}
.step .two_line{ float:left; padding:0 2%; width:50%;}
.step .two_line img{ position:relative;}
.step .moblie_fr{ float:right;}


.step .num{font-size:16px;height: 70px;margin-top:130px;padding: 5px;width: 70px; color:#fff; display:inline-block; position:relative; text-align:center;}
.step .num b{ font-size:36px; font-family:Impact; display:block; line-height:1;}
.step .num_01{background-color: #1f6fb5;}
.step .num_02{background-color: #a21e52;}
.step .num_03{background-color: #ea8a17;}
.step .txt-right{ text-align:right;}
.step .txt-right .num{ margin-top:20px;}
.step .two_line h3{ margin:0; font-size:24px; color:#333; font-weight:normal;}
.step .two_line p{ margin:0; padding-right:20%;}
.step .txt-right p{padding-left:40%; padding-right:0;}

.step .num:before{content: "";left: -45px;position: absolute; top: -25px;}
.step .num_01:before{background:url(../images/sprite.png) no-repeat -195px -221px;height: 55px;width: 73px;}
.step .num_02:before{background:url(../images/sprite.png) no-repeat -193px -325px;height: 56px;width: 72px;}
.step .num_03:before{background:url(../images/sprite.png) no-repeat -191px -445px;height: 54px;width: 72px;}
.step .one_line{ text-align:center; padding-top:10px; width:100%; clear:both;}
.step .one_line img{ max-width:100%;}

#finishing_anchor .step .two_line{ padding:0 3%;}
#papermaking_anchor .step .two_line{ padding:0 8%;}
#papermaking_anchor .step{ position:relative;}
#papermaking_anchor .step:before{    position: absolute;content: "";background: url(../images/sprite.png) no-repeat -522px -18px;width: 60px;height: 465px;left: 50%;margin-left: -42px;top: -24px;}
#papermaking_anchor .step .txt-right .num{ margin-top:20px;}
#finishing_anchor .step .num,
#papermaking_anchor .step .num{ margin-top:60px;}

@media (min-width:300px) and (max-width:1000px)
{
.step .two_line{ float:none; width:100%; padding:0 2% !important;}
.step .two_line img{  margin:0 auto; max-width:100%; padding:0 5%;}
.step .moblie_fr{float:none;}
.step .txt-right{ text-align:left;}
.step .two_line p{ margin:0; padding:0;}
.step .txt-right p{padding:0;}
.step .num{margin-top:50px !important; margin-left:45px;}
#papermaking_anchor .step:before{ display:none;}
.Step_hide{ display:none;}
    }