@charset "utf-8";
html{margin:0px; padding:0px; z-index:1;-webkit-text-size-adjust:none;overflow-x:hidden; font-size: 62.5%;; width: 720px;margin: 0 auto; }

/*@media only screen and (max-width: 480px){
    html {
        font-size: 75%!important;
    }
}*/
@media (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2){/* ¼æÈÝiphone5 */
 html {
        font-size: 80%!important;
    }
}
@media (device-width:360px) and (device-height:640px){
 html {
        font-size: 50%!important;
    }
}



body{color:#363636;margin:0px;padding:0px; font-family:微软雅黑; background:#fff; }
a{color:#363636; text-decoration:none;}
a:hover{ text-decoration:none;color:#d60c17}
a {
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    
}
p{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal;}
dl,dt,dd,ul,li{margin:0px; padding:0px; list-style-type:none;}
img{border:0px; margin:0px; padding:0px;}
em{font-style:normal}
.red {color:#ff0000}
.fl {display:inline;float:left}
.fr {display:inline;float:right}
.clear {clear:both;}
.yahei,.yahei a,.yahei a:link,.yahei a:visited {font-family:微软雅黑,Microsoft YaHei,\5FAE\8F6F\96C5\9ED1;}
.box {width:560px;margin:0 auto;overflow:hidden}
.box580 {width:580px;margin:0 auto;overflow:hidden;}
.box600 {width:600px;margin:0 auto;overflow:hidden;}
.box640 {width:640px;margin:0 auto;overflow:hidden; }
.box680 {width:680px;margin:0 auto;overflow:hidden; }
.box720 {width:720px;margin:0 auto;overflow:hidden; }
#header{ height: 100px; background: #cd1b33; width: 720px; position:fixed; z-index: 5; border-bottom:1px solid #ccc; }
#header .logo{float: left; margin-left: 30px;}
#header .menubtn{float: right; margin-top: 15px; margin-right: 40px;}
#header .logo img{width: 250px;margin-top: 10px;}


.banner {height:110px;overflow:hidden;z-index: 0;}
.bannercover{height:110px;z-index: 10; background:rgba(0,0,0,0.7); margin-top: -110px; display: none; }



#menu ul li a{font-size: 2.5rem; text-indent: 1rem}
#menu ul li span{font-size: 2.5rem;text-indent: 1rem}
.mm-panel.mm-hasnavbar .mm-navbar {
background: #cd1b33; height: 70px;
}
.mm-navbar-bottom{
 height: 80px !important; line-height:60px !important;background: none !important;
}
.mm-navbar-bottom a{
color:#747474 !important;font-size: 2.5rem;
}
.mm-title{color: #fff;font-size: 3rem; line-height: 60px;  }
.mm-listview li{line-height: 60px;}

.mm-listview img{max-width: 640px;}
#client1 .mm-listview li,#client2 .mm-listview li,#client3 .mm-listview li{padding: 0px 40px;}
/**menu*******************/
/* Overlay style */



/**
 *  iPhone 6+ portrait
 */

/***menuend***/
.swiper-container {
        width: 720px;
        height: 350px;
        z-index: 0;
        position: relative;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.knowmore1{display: block;padding: 10px 30px; background: #106fda; color: #fff;font-size: 14px; width: 150px; height: 30px; text-align: center;line-height: 30px; margin: 0 auto; margin-top: 20px;  }
.defabout{}
.defabout .content{font-size: 2rem;font-family: "微软雅黑";margin-top: 20px;}

.title{border: 1px solid #cbcbcb; padding: 1rem 0px; margin-top: 20px }
.link2{ display: block;margin:50px auto; border: 1px solid #bababa; padding: 10px; width: 200px;font-size: 2.5rem; text-align: center; color: #fff }
.title5{text-align: center; font-size: 6rem;padding: 20px 0px}
.title6{text-align: center; font-size: 2rem;}
.defabout{ margin-top: 5rem }
.title1{font-size: 4rem; text-indent: 2rem; margin-top: 1rem}
.select{
/*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;



  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;

  width: 450px; height: 100px; font-size: 3rem; border:1px solid #cbcbcb; margin-top: 2rem; color: #fff;
 border-radius: 50px; padding:10px 20px; text-align: center; margin-left:110px; margin-bottom: 50px;

    /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../wap_images/selectbg.jpg") no-repeat 370px 30px #0094de;

}
.defabout h4{ font-size: 2.1rem;line-height: 4rem; padding: 30px 20px 0px 20px;  }

.linkmore{ display: block; width: 200px; height: 50px; color: #fff; background: #1f4d9b;font-size: 3rem;
	text-align: center; margin:-20px auto 0px auto; border-radius: 5px;line-height: 50px;}

.protype a{ display: inline-block;width: 49.5%;border: 1px solid #d8d8d8; float: left; text-align: center;
height: 67px; line-height: 67px;font-size: 3rem }
.protype a:hover,.protype a.on{ background: #0166b6;color: #fff }

.Pro h1{font-size: 25rem; float: left; color: #0166b6; font-family:微软雅黑; }
.Pro h2{margin-left: 20px;float: left;margin-top: 60px; }
.Pro h2 .t1{font-size: 3rem}
.Pro h2 .t2{font-size: 3rem}
.Pro h2 .t3{font-size: 2rem; color: #949494}
.Pro h2 .t4{ color: #949494;margin-top: 4rem;font-size: 4rem}



.bottomfixed { height: 90px; text-align: center;position: fixed;bottom: 0px;width: 640px;background: rgba(250,250,250,0.92);border-top: 1px solid #e7e7e7;
 box-shadow: 0 0 20px 1px rgba(0,0,0,.5);z-index: 99}
.bottomfixed li{float: left;width: 50px; width: 25%; padding: 10px 0px 5px 0px;font-size: 2rem}
.bottomfixed li p{line-height: 2.2rem}
.bottomfixed li a{color: #333}
.bottomfixed li:hover{background: #ffcb00}

.qrcodediv{background:rgba(0,0,0,0.5);  position:fixed;  z-index:9999999999999999999;  left:0;  top:0;  display: none;  width:100%;  height:100%;    text-align: center; }



.defpro{  margin: 5rem 0px	}
.defpro a{display: block;width: 100%;height: 100px;float: left;;font-size: 3rem;border-top:1px solid #cccccc;
	text-indent: 80px;line-height: 100px;}
.defpro span{color: #676767; }
.defpro a:last-child{border-bottom:1px solid #cccccc;}


.defproitem{ clear: both; overflow: hidden; }
.title2{font-size: 3rem; margin-top: 1rem; text-indent: 10px;}
.defproitem img{width: 560px;}
.title3{text-align: center;font-size: 4rem; margin-top: 10rem; line-height: 10rem; color: red; border-top:1px solid red;border-bottom: 1px solid red}
.title4{text-align: center;font-size: 3rem; margin-top: 1rem;color: RED}
.back{background: #dddddd; padding: 5px 20px}



.defproitem h2 img{margin-top: 30px; }
.defproitem h2 span{font-size: 4rem; margin-top: 10px; display: block;}
.defproitem h2 p{font-size: 2.5rem; padding: 0px 2rem; margin-top: 20px;text-align: left;}
.defproitem ul li{  margin-top: 20px; margin-bottom: 20px;}

.defproitem ul li h3{text-align: left;font-size: 2rem; text-indent: 40px;}

.defmainsetstyle{border: 1px solid #dedede; }



.defcontact{height: 850px; background: #0896de;padding: 100px 0px;}
.defcontact dl{ padding-bottom: 50px; clear: both}
.defcontact dt{ float: left; width: 250px;padding-bottom: 70px; text-align: center;	margin-left: 100px;}
.defcontact dd{float: left;width: 150px; color: #fff;text-align: center;font-size: 2.5rem}
.defcontact dd img{width: 150px;}

.list1{text-align: center; margin-top: 50px; padding-bottom: 20px; overflow: hidden;}
.list1 li{float: left;; overflow: hidden;border: 1px solid #eeeeee; width: 300px; height:355px;  font-size: 2rem; line-height: 3rem;
margin-right: 75px;margin-top: 50px
}
.list1 li:nth-child(even) {margin-right: 0px;}

.list1 li img{width: 300px;height: 300px; }
.list1 h3{ font-size: 2.5rem; padding: 20px;overflow: hidden;color: #616161}

.list2 {margin-top: 2rem}
.list2 li{float: left;margin-right: 30px; text-align: center;font-size: 2rem; margin-top: 2rem;overflow: hidden}
.list2 li a{color:#009899}
.list2 li:nth-child(3n) {margin-right: 0px;}
.list2 li img{width: 200px}
.list2 li span{height: 40px; display: block;}

.def_aboutlist{padding:100px 0px; overflow: hidden;}
.def_aboutlist li{float: left; margin-left: 60px; }

 .viewmore{width: 300px;height: 80px; display: block; background: #0094de;margin: 5rem auto; color: #fff;font-size: 3rem;text-align: center;border-radius: 5px;line-height: 80px;}
  .defmainpart3{margin-top: 5rem;}
  .defmainpart3 ul{width: 100%; }
 .defmainpart3 ul li{width: 33.3%; margin: 30px auto; float: left; text-align: center;}
  .defmainpart3 ul li a{font-size: 3rem;}

 .defmainpart4{min-height: 250px;margin-top: 5rem;}
 .defmainpart4 h4{ font-size: 2.5rem; line-height: 35px; padding: 20px 0px 20px 20px }
  
.prodetail{}
  
.prodetail .titname{padding: 5px 10px; background: #ff3f00}
.prodetail img{max-width: 640px;}
.prodetail h1{font-size: 4rem ;text-align: center; margin: 50px 0px;  }
.prodetail h1 a{font-size: 2rem;color: #fff;border-radius: 5px}
.prodetail dd{font-size: 2rem ; line-height: 2.5rem; margin-top: 2rem; color: #888888 }
.prodetail h3{font-size: 2rem ;text-align: center;  color: #a0a0a0;display: block; width: 140px;background: #fff; height: 20px; position: relative;margin: 0 auto; margin-top: 7rem  }

.prodetail h4{font-size: 2rem; line-height:30px; margin-top: 3rem;min-height: 200px; }
.prodetail h4 img{max-width: 680px;}
.prodetail h5{font-size: 2.3rem; line-height:40px; margin-top: 5rem }
.btn{margin-top: 5rem;height: 5rem}
.btn a{border: 1px solid #c6c6c6;font-size: 2.5rem; border-radius: 5px;background: #fff; padding: 10px 20px;}
.btn a:hover{background: #eaeaea; color: #000}

.newscard{  margin-top: 50px; padding-bottom: 30px}
.newslist3 li{  padding: 0px 20px; margin-top: 20px;}
.newslist3 li a{font-size: 2.4rem; overflow:hidden; height: 2.8rem;width: 430px; display: inline-block;	}

.newslist3 li span{font-size: 2rem;color: #87a4c2 ; margin-top: -35px }



.newslist4{-webkit-padding-start:0px;}
.newslist4 li{height: 250px ; border-bottom:1px solid #b4b4b4; margin-bottom: 2rem}
.newslist4 li h2{font-size: 3rem; margin-bottom: 2rem;height: 45px;overflow: hidden;}
.newslist4 li h3{float: left;width:150px;height: 150px; }
.newslist4 li h3 img{width:150px;height: 150px; }
.newslist4 li h4{float: left; width: 380px ; height: 160px;overflow: hidden; margin-left: 20px}
.newslist4 li h4.long{width: 560px ; height: 160px;overflow: hidden; margin-left: 0px}
.newslist4 li h4 .memo{height: 130px; overflow: hidden;line-height:2.6rem; font-size: 2rem;color: #717171;height: 100px;overflow: hidden;

}
.newslist4 li h4 .time{font-size: 2rem; color: #7c91a6}


@media (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2){/* ¼æÈÝiphone5 */
.newslist4 li h4 .memo{line-height:2.3rem; font-size: 1.8rem;color: #717171;height: 100px;overflow: hidden;

}
}





.productlist4{-webkit-padding-start:0px;}
.productlist4 li{overflow: hidden; border-bottom:1px solid #b4b4b4; margin-bottom: 2rem}
.productlist4 li h2{font-size: 3rem; margin-bottom: 2rem;height: 45px;overflow: hidden;}
.productlist4 li h3{float: left;width:150px;height: 150px; }
.productlist4 li h3 img{width:150px;height: 150px; }
.productlist4 li h4{float: left; width: 380px ; overflow: hidden; margin-left: 20px}
.productlist4 li h4.long{width: 560px ; height: 160px;overflow: hidden; margin-left: 0px}
.productlist4 li h4 .memo{height: 130px; overflow: hidden;line-height:2.6rem; font-size: 2rem;color: #717171;height: 100px;overflow: hidden;

}
.productlist4 li h4 .time{font-size: 2rem; color: #7c91a6;margin-top: 20px}
.productlist4 li h4 .time a{padding: 0.5rem 1rem;background: #ff3f00; color: #fff;border-radius: 5px;display: block;float: left; margin-left: 10px;margin-bottom: 10px}



.newslist7 li a{font-size: 2.2rem; overflow:hidden; }


.jiejuecard li{margin-top: 50px;text-align: center;}
.jiejuecard img{width: 400px;}
.jiejuecard li a{ font-size: 2rem;}


.rongyu dt{font-size: 2.5rem; width: 480px;margin-top: 50px; overflow: hidden; text-align: center; margin-left: 2rem}
.rongyu img{width: 450px;}

.traincard li a{width: 540px;background: #0166b6; color: #fff; padding:10px 20px;font-size: 2.5rem;display: inline-block;
margin:0 auto; margin-top: 20px;}



.linkmore2{display: inline-block; width: 10rem;line-height: 50px; text-align: center;  height: 50px; background: #cdcdcd; margin-right: 20px;}
.newsdetail{ padding-bottom: 30px; margin-top: 50px; }
.newsdetail h3{font-size: 2rem; color: #acacac;margin-top: 20px;}
.newsdetail h4 img{ max-height: 620px;  }
.newsdetail h4{font-size: 2.5rem; line-height: 50px;margin-top: 20px;}
  .pt1 {margin-top: -5rem;padding-left: 2rem;}
  .pt1 h2{font-size: 4rem; color: #fff;}
  .pt1 ul li{ float: left; font-size: 2.5rem; margin-top: 1rem; margin-right: 2rem;}
  .pt1 li .cur{color: red;}
  .prolist li{width: 50%; height:310px;float: left; text-align: center; margin-top: 2rem;margin-bottom: 1rem;
  font-size: 2rem; overflow: hidden;  }
.pro h2{ font-size: 4rem; text-align: center; margin-top: 1rem;}
.pro .canshu{font-size: 2.5rem; margin-top: 3rem;  margin-left:2rem;}
.pro .intro{min-height: 200px; background: #e1e1e1; margin-top: 3rem; 
padding-top: 2rem; padding-left: 3rem; padding-right: 2rem; padding-bottom: 2rem;font-size: 2.5rem;}
.pro .intro h3{ font-size: 4rem; color: #b1060e;margin-bottom: 1rem;}
/*  footer{height: 450px; background: #4c4c4c; padding-top: 7rem; padding-left: 2rem; padding-right: 1rem; color: #FFF}
*/

.footer{  background: #333; color: #989898;text-align: center; margin-top: 50px; 
	line-height: 50px;font-size: 2rem;padding: 3rem 0px;}
.footer h1{font-size: 3.5rem; color: #989898;padding-bottom: 10px;}
.footer h4{ line-height: 30px;}
.footer a{color: #989898}
.updowncard{ border: 1px solid #e1e1e1; background: #fff;  margin-top: 50px; padding: 30px 0px}
.updowncard{ color: #7575bf;font-size: 2.2rem}
.updowncard li{ padding: 0px 20px; margin-top: 10px;}
.updowncard a{font-size: 2.2rem}

.defpt{ height: 265px;
 margin-left: 5px;text-align: center;padding: 50px 0px;

}
.defpt select{border:1px solid #cccccc;background: #eee;border-radius: 5px; width: 550px; height: 80px;text-indent: 10px;
font-size: 2.5rem;margin-top:10px;
}
.defpt button{background: #ff3f00;color: #fff;
	font-size: 2.5rem;text-align: center;width: 550px;border:none;height: 80px;border-radius: 5px; margin-top: 15px;
margin-left: 45px
}



.message{ margin-top: 30px; padding: 20px 0px; }
.message h2{border-bottom:5px solid #c9c9c9 ; width: 97%;margin-left:10px;line-height: 40px;margin-top: 20px; line-height: 50px; margin-bottom: 30px}



form {font-size: 2.5rem; }


.inptext2{ width:500px; height:4rem; background:#fff; border:none;position: relative; border:1px solid #d6d6d6; margin-left: 10px; margin-bottom:20px;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 3rem;
}

.inptext2:focus{ background:#F5F5F5}
.inptexterea2{ width:520px; height:10rem; background:#fff; border:none;resize: none;position: relative;border:1px solid #d6d6d6; margin-left: 10px;  margin-bottom:20px;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 3rem;
}

.inptexterea2:focus{ background:#F5F5F5}
.inpsubmit2{width:520px; height:100px; background:#1f4d9b;margin-left: 20px; }
button,button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

button {
  background: none;
  border: 3px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 2rem;
  font-weight: bold;
  
  position: relative;
  text-transform: uppercase;
  cursor:pointer;
}

button::before,
button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

button:hover {
  color: #2ecc71;
  background:#FFF
}






/*tabs*/
.tabs{
	width: 720px;
	margin: 0 auto;
 font-size: 3rem;


}
.tabs ul{ margin-top: 3rem}
.tabs ul li {
	float: left;
	width: 24.8%; text-align: center; border-bottom: 1px solid #a4a4a4
}

.tabs ul li a {
	display: block;
	padding: 17px 15px;
	font-size: 2.5rem;
	text-decoration: none;
	color: #000; width: auto; border: none;
}

.tabs ul li a:hover {
	/*background: linear-gradient(#d6d6d6, #fff); !important;;*/
	color: red;
}
.tabulous_active {
	/*background: linear-gradient(#d6d6d6, #fff); !important;*/
	color: red !important; /*background: #f7f7f7*/
}

.tabulousclear {
	display: block;
	clear: both;
}
#tabs_container {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	/*background: #fff;*/
	zoom: 1;
	font-size: 2.5rem;
	line-height: 3.5rem;
	text-align:Justify;
	margin-top: 2rem;
  width: 680px;
}
#tabs_container img{max-width: 680px;}
#tabs_container div {
	float: left;

	margin-left: 10px;
	zoom: 1;
}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}




/*tabsend*/


.homeservice{margin-top:2rem }
.homeservice  a{font-size: 2rem;width: 100px; display: inline-block; margin-right: 55px;text-align: center;}
@media (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2){/*iphone5 */

 .list2 li {
       margin-right: 7px;
    }
   
}









.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    
}
.dropload-down{
    height: 50px;font-size: 2.5rem;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  padding-right: 10px;
  list-style: none;
  position: relative;
} 

/* The line */
.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background:#f08e9b;
  left: 20%;
  margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > dl .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > dl .cbp_tmtime span {
  display: block;
  text-align: left;font-size: 3rem;
  color: #cd1b33;
}

.cbp_tmtimeline > dl .cbp_tmtime span {
  
}

/*.cbp_tmtimeline > dl .cbp_tmtime span:last-child {
  font-size: 3rem;
  color: #f2922c;
}*/

.cbp_tmtimeline > dl:nth-child(odd) .cbp_tmtime span:last-child {
  color: #cd1b33;
}

/* Right content */
.cbp_tmtimeline > dl .cbp_tmlabel {
  margin: 0 0 15px 25%;
  background: #f08e9b;
  color: #fff;
  padding: 2em;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
}

.cbp_tmtimeline > dl:nth-child(odd) .cbp_tmlabel {
  background: #cd1b33;
}

.cbp_tmtimeline > dl .cbp_tmlabel h2 { 
  margin-top: 0px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  font-size: 4rem;Verdana,"Microsoft YaHei", "SimHei", "SimSun";
}
.cbp_tmtimeline > dl .cbp_tmlabel h3 { 
  margin-top: 0px;
  padding: 10 0 10px 0;
  
  font-size: 3rem;
  font-family: Verdana,"Microsoft YaHei", "SimHei", "SimSun";
}

/* The triangle */
.cbp_tmtimeline > dl .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #f08e9b;
  border-width: 10px;
  top: 10px;
}

.cbp_tmtimeline > dl:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #cd1b33;
}

/* The icons */
.cbp_tmtimeline > dl .cbp_tmicon {
  width: 40px;
  height: 40px;
  font-family: 'ecoico';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: #f2922c;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #f08e9b;
  text-align: center;
  left: 20%;
  top: 0;
  margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
  content: "\e003";
}

.cbp_tmicon-screen:before {
  content: "\e001";
}

.cbp_tmicon-mail:before {
  content: "\e002";
}

.cbp_tmicon-earth:before {
  content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

  .cbp_tmtimeline > dl .cbp_tmtime span:last-child {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before {
    display: none;
  }

  .cbp_tmtimeline > dl .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }

  .cbp_tmtimeline > dl .cbp_tmtime span {
    text-align: left;
  }

  .cbp_tmtimeline > dl .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }

  .cbp_tmtimeline > dl .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #f08e9b;
    top: -20px;
  }

  .cbp_tmtimeline > dl:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #f2922c;
  }

  .cbp_tmtimeline > dl .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  } 
}