.dowebok-Wrap { -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; transition: opacity 1s;}
.ms-section { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;background-color:#fff;}
.ms-left .ms-section01 { background-image: url(../images/aboutL01.jpg);}
.ms-right .ms-section01 { background-image: url(../images/aboutR01.jpg);}
.ms-left .ms-section02 { background-image: url(../images/aboutL02.jpg);}
.ms-right .ms-section02 { background-image: url(../images/aboutR02.jpg);}
.ms-left .ms-section03 { background-image: url(../images/aboutL03.jpg);}
.ms-right .ms-section03 { background-image: url(../images/aboutR03.jpg);}
.ms-left .ms-section04 { background-image: url(../images/aboutL04.jpg);}
.ms-right .ms-section04 { background-image: url(../images/aboutR04.jpg);}
.ms-left .ms-section05 { background-image: url(../images/aboutL05.jpg);}
.ms-right .ms-section05 { background-image: url(../images/aboutR05.jpg);}

.ms-section .anit{padding:0 15%;transition-duration: 0.5s;position:relative;}

.ms-section .txt1 h2{font-size:48px; color:#fff;}
.ms-section .txt1 p{font-size:30px; font-family:Arial, "微软雅黑 light";color:#fff;margin-top:6px}
.ms-section .txt1 i{display:block;width:37%;font-style:normal;height:1px;background:#eee;margin:5% 0 6%;}



.ms-left .anit{ left: -100%; transition-duration: 0.5s;}
.ms-right .anit{ left: 100%; transition-duration: 0.5s;}
.active .anit {left: 0;transition-delay: 1s;}

.ms-section .txt2 h1{font-size:48px; color:#fff;}
.ms-section .txt2 p{font-size:30px; font-family:Arial, "微软雅黑 light";color:#fff;margin-top:6px}
.ms-section .txt2 i{display:block;width:37%;font-style:normal;height:1px;background:#eee;margin:5% 0 6%;}
.ms-section .txt_info{}
.ms-section .txt_info p{font-size:14px; line-height:30px; color:#fff;}
.txt2 h2{font-size:48px; color:#fff;margin-bottom: 50px;}
.txt3 {position:relative;}
.txt3 h2{font-size:48px; color:#fff;margin-bottom: 50px;}
ul.case1 li{ float:left;cursor:pointer;width:33%;  margin-bottom:26px}
ul.case1 li img{ display:block;max-width:80%; cursor:pointer;}

.txt4 {position:relative;}
.txt4 h2{font-size:48px; color:#fff;margin-bottom: 50px;}
.txt4 .txt_info{margin: 20px 0;}
.txt4 .txt_info p{ line-height: 30px; font-family: microsoft yahei; margin:0;}
.txt4 .txt_info p.tel{font-size: 24px;}
.txt4 .txt_info a{color:#fff;}


.feedback{margin-top: 40px;}
.feedback .ui-input{width: calc(100% - 42px); color: #fff; margin-bottom: 10px; height: 18px; line-height: 18px; padding:8px 20px;background: #ce0f17;border:1px solid #c50911;
}

.feedback .ui-textarea{width: calc(100% - 42px); margin-bottom: 10px; height: 70px; line-height: 18px; padding:8px 20px;background: #ce0f17;border:1px solid #c50911;
}

.feedback .mode .ui-btn{background: #af0006; border: 0 none;  cursor: pointer;
    text-align: center; padding:10px 20px;font: 300 14px/24px microsoft yahei; color: #fff;width: 100%;
}

.mobile_aboutpage{display: none; background: url(../images/aboutL02.jpg) left bottom;}

@media only screen and (max-width: 767px) {
   .dowebok-Wrap{display: none;}
   #multiscroll-nav{display: none;}
   .mobile_aboutpage{display: block;background: url(../images/aboutL02.jpg) left bottom;}
}

.mobile_aboutpage .about_page1{ }
.mobile_aboutpage .about_page1 img{max-width: 100%;}
.mobile_aboutpage .textarea{padding:20px;  color: #fff; padding-bottom: 50px;}
.mobile_aboutpage .textarea .txt_info{ font-size: 14px;margin-top: 20px;}
.mobile_aboutpage .about_page1 .case1{margin-top: 30px;}
.mobile_aboutpage .about_page1 .case1 li img{width:90%;}

.mobile_aboutpage .about_page2{background: url(../images/aboutR04.jpg) left bottom;padding:20px; }
.mobile_aboutpage .about_page2 img{width:100%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ /*WebKit browsers*/

color: rgba(255,255,255,0.8);

}

input::-moz-input-placeholder,textarea::-moz-input-placeholder{ /*Mozilla Firefox*/

color: rgba(255,255,255,0.8);

}

input::-ms-input-placeholder,textarea::-ms-input-placeholder{ /*Internet Explorer*/ 

color: rgba(255,255,255,0.8);

}