@charset "utf-8"; /* CSS Document */ 
* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }

.clear { clear: both; }
/*头部*/ 
.header{ width:100%;}
.logo_p1{ float:left;}
.nav { float:right; padding-top:25px;}
.nav_c{ width:100%; position:relative; clear:both; line-height:40px;} 
.nav_c .nav_1{ float:left; position: relative;text-align: center; margin-left:36px;}
.nav_1a{ display:block; font-size:16px;}
.nav_1a:hover{ color:#052481; border-bottom:2px solid #052481;}
.nav_1 a.nav_1_a { color:#052481; border-bottom:2px solid #052481;} 



.nav_warp { background-color: #fff;background-color: rgba(0,0,0,0.6); position: absolute; top:36px; left:50%; margin-left:-75px; min-width:100%; width:150px; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;} 
.nav_warp a{ display:block; color:#fff; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;}
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(0,0,0,0.8);}
.nav_warp2{}
/*漂浮框*/ 
.side { position: fixed; width: 58px; right: 0; bottom:5%; z-index: 100; } 
.side ul li { width: 58px; height: 58px; float: left; position: relative; margin-bottom: 2px; list-style: none; } 
.side ul li .sidebox { position: absolute; width: 58px; height: 58px; top: 0; right: 0; transition: all 0.4s; background: rgba(255,126,83,0.5); color: #fff; font: 16px/58px "微软雅黑"; overflow: hidden; } 
.side ul li .sidetop { width: 58px; height: 58px; line-height: 58px; display: inline-block; background: rgba(255,126,83,0.5); transition: all 0.4s; } 
.side ul li .sidetop:hover { background: #ff7e53; opacity: 1; filter: Alpha(opacity=100); } 
.side ul li img { float: left; } 
/*面包屑*/ 
.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; background-color: #0075fe; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #0075fe; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #0075fe; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 

@media screen and (max-width:1199px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding-left:2%;} 
.head_logo img { height:60px } 
.logo2{ overflow:hidden; clear:both;}
.logo2 p{ float:left; width:40%; padding:0 5%; height:90px;}
.logo2 p img{ max-width:100%; height:90px;}
.cai {/* width: 100%; position: fixed; top: 0px; z-index: 999;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/ display:block; z-index: 99999; width:100%; position: relative;} 
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:60px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #000; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; }
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;}
.mnavdl a:last-child{ border:none;}

/*漂浮框*/ .side { position: fixed; width: 47px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 
.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 
}

.main,.ftit,.link,.foot { width:96%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;}
.head,.main2{ width:100%; max-width:1200px;margin:0 auto; position:relative;}

.hj{overflow:hidden; clear:both; height:10px;}
.hj2{overflow:hidden; clear:both; height:20px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.pp4{ padding:4% 0;}
.pp5{ padding:5% 0;}
.clear{ overflow:hidden; clear:both;}
.img1{ display:block; position:relative; width:100%; padding-bottom:138%; overflow:hidden;}
.img2{ display:block; position:relative; width:100%; padding-bottom:71.4%; overflow:hidden;}
.img3{ display:block; position:relative; width:100%; padding-bottom:66%; overflow:hidden;}
.img4{ display:block; position:relative; width:100%; padding-bottom:24.8%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:60%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:58.8%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:139%;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.img1,.img2,.img3,.img4{ overflow:hidden;}
.img1 img,.img3 img{  cursor: pointer; transition: all 0.8s;}
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}

.qq{ width:100%; margin:0 auto; position:relative;}
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;}
.fullSlide .bd ul{width:100% !important; height:100%;}
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;}
/*.fullSlide .bd li p{ width:100%; padding-bottom:36.46%; position:relative;}*/
/*.fullSlide .bd li a{display:block; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; width:70%; padding:2%; padding-right:28%; color:#fff; text-align:left;}*/
.fullSlide .hd{position:absolute;bottom:10px;left:0; width:100%;display: flex;   justify-content:center;  align-items:Center;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px; max-width:50px;height:8px;margin:2px 4px;overflow:hidden;filter:alpha(opacity=90);opacity:0.9;line-height:999px; border-radius:50%; border:2px solid #fff;}
.fullSlide .hd ul .on{background:#009afe;background:#fff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat #000;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}
.bd_p1{ background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0, 0, 0, 0.6);  border-radius:10px; padding:3% 2%;}
.bd_p2{ background:url(../images/mobile.png) no-repeat left center #fff; background-position:9px 9px; border-radius:5px; padding-left:30px; line-height:36px; border:none;}
.bd_p22{ background:url(../images/mobile.png) no-repeat left center #f1f1f1; background-position:9px 9px; border-radius:5px; padding-left:30px; line-height:36px; border:none;}
.bd_p3{ background:#3385ff; border-radius:25px; text-align:center; color:#fff; font-weight:bold; width:170px; line-height:36px; border:none;}
.none {display: none;}
.fix_right { position: fixed; z-index: 100; top: 50%; transform: translateY(-50%); right: 20px; } 
.fix_right ul { width: 76px; border-radius: 76px; background-color: #fff; /*height: 260px;*/ display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 20px 0; box-sizing: border-box; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); } 
.fix_right li { position: relative; } 
.fix_right li:hover span { display: block; animation: rightMenu 0.3s ease-in 1 forwards; } 
.fix_right li span { position: absolute; width: 178px; height: 52px; font-size: 16px; color: #fff; text-align: center; line-height: 52px; left: -210px; top: 8px; border-radius: 10px; display: none; } 
.fix_right li span:before { content: ""; position: absolute; border: 10px solid transparent; top: 17px; right: -18px; } 
.fix_right li:nth-child(1) span { background-color: #ff9229; } 
.fix_right li:nth-child(1) span:before { border-left: 10px solid #ff9229; } 
.fix_right li:nth-child(2) span { background-color: #3484ff; } 
.fix_right li:nth-child(2) span:before { border-left: 10px solid #3484ff; } 
.fix_right li:nth-child(3) span { background-color: #ffe12b; color: #333; } 
.fix_right li:nth-child(3) span:before { border-left: 10px solid #ffe12b; } 
.fix_right a { font-size: 12px; color: #333; position: relative; } 
.fix_right a img { display: block; margin: 0px auto 0; } 
.fix_right a p { text-align: center; }
.nr1_p2{ line-height:2;}
.bg1{ background:#f6f6f6;}
.tit1{ text-align:center; line-height:2;}
.tit1_p2{ width:70px; margin:0 auto; height:3px; background:#94cb00;}
.nr1_p3 li{ float:left; width:calc(20% - 24px); padding:12px;}
.nr1_p31{ background:#FFF; border-radius:6px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); padding:10px; text-align:center;}
.nr1_p32{ display:block; margin-top:5%; line-height:36px;height:36px; overflow:hidden;}
.nr1_p33{ color:#a0a0a0; line-height:24px; height:24px; overflow:hidden;}
.nr1_p4 li{ float:left; width:calc(25% - 24px); padding:12px;}
.nr1_p41{ background:#FFF; border-radius:10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); overflow:hidden; padding-bottom:10px;}
.nr1_p42{ display:block; line-height:24px;height:24px; margin:0 10px; margin-top:8px; font-weight:bold; overflow:hidden;}
.nr1_p43{ color:#555; line-height:18px; height:54px; overflow:hidden; margin:0 10px;}
.nr1_p5 li{ float:left; width:calc(50% - 30px); padding:15px;}
.nr1_p50{ overflow:hidden; clear:both;}
.nr1_p51{ float:left; width:32%;}
.nr1_p52{ float:right; width:65%;}
.nr1_p53{ display:block; line-height:24px; height:48px; overflow:hidden;}
.nr1_p54{ color:#555; line-height:18px; height:54px; overflow:hidden; padding-top:10px;}
.nr1_p6 li{ float:left; width:calc(25% - 20px); padding:10px;}
.fbg1{ background:#333; padding:2% 1%; color:#fff;}
.fbg2{ background:#292929; color:#fff; text-align:center;}
.fbg2 a{ color:#fff;}
.ftit_p11{ overflow:hidden; clear:both; padding-bottom:3%;}
.ftit_p12{ float:left; width:30px;}
.ftit_p13{ float:right; width:calc(100% - 40px);}
.ftit_p13 span{ color:#999; line-height:2;}
.ftit_p13 p{ font-weight:bold;}
.ftit_p21{ position:relative; padding-bottom:20px; margin-bottom:20px;}
.ftit_p21:before{ position:absolute; bottom:0; left:0; width:20px; height:2px; background:#ffe02a; content: ""; }
.page-tit {    font-size: 14px;    color: #333;    margin-top: 16px; border-bottom:1px solid #EEE; line-height:30px;}
.min{
    width: 1200px;
    margin:0 auto;
    padding-top: 0.1px;
    position: relative;
}
  .mreporttitle a{
        color: #333;
    }
    .mreporttitle h1{
        float: left;
        font-size:14px;
    }
    .mreporttitle p{
        float: left;
    }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.page-nav{
    padding:30px 0 50px;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
}
.mreporttitle{
	height:51px;
	line-height:51px;
}
.mreporttitle p{
	font-size:14px;
	color:#333333;
}

.mreportline{
	border-bottom:1px solid #eee;	

}
.mreportcont1{
	margin-top:33px;
	margin-bottom:30px;
}
.mreportcont1 .mptt{
	font-size: 20px;
	color:#333;
}
.mreportcont1 .mptt:hover{color: #357dcf;}
.mreport1rt{
	margin-left:30px;
	margin-top:15px;
}
.mreportcont1 .mpct{
	font-size:16px;
	color:#333333;
	margin-top:28px;
	line-height:1.5;
}
.mreportcont1 .mpbt{
	margin-top:22px;
	font-size:14px;
	color:#868686;
}
.mreportcontline{
	border-bottom:1px solid #eeeeee;
}

h1{
	font-size: 30px;
	color:#333;
	font-weight: bold;
	margin:45px 0 20px;
}
.time{
	font-size: 14px;
	color:#8e8e8e;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
}
.summary{
	margin-top: 36px;
	padding:30px 35px;
	font-size: 16px;
	color:#333;
	background-color: #f7f7f7;
	border:1px dashed #dedede;
	position: relative;
}
.summary p{
	line-height: 1.6;
}
.summary .icon{
	position: absolute;
	background:url(../images/media-icon.png) no-repeat;
	width:61px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	top:-15px;
	left: 0;
	color:#fff;
	font-size: 16px;
}
.detail-text{
	padding-left: 10px;
	color:#333;
	line-height: 1.6;
	margin-top: 30px;
	padding-bottom: 50px;
}
.detail-text img{
    margin:30px auto;
    
    display:block;
}
.detail_video {
    width: 640px;
    height: 498px;
}
.detail-text p{
    margin-top:24px;
    line-height:22px;
    text-indent:26px;
}
.detail-text h1{
    margin-top:28px;
    line-height:18px;
    font-weight:bold;
    font-size:18px;
    color:#0088f1;
}
.detail-text h2{
    padding-bottom:40px;
    margin-top:24px;
    line-height:24px;
    color:#d21414;
    border-bottom:1px solid #f0f0f0;
}
.detail-text h2 a{
    margin-right:8px;
}
.detail-img{
	margin-top: 40px;
	padding-bottom: 58px;
	border-bottom: 1px solid #eee;
	margin-bottom: 45px;
}
.detail-img img{
	display:block;
	margin:0 auto;
}

.content .nav a{
	font-size: 16px;
	color:#333;
	margin-bottom: 20px;
	display:block;
	padding-left: 10px;
}
.neirong{ padding:10px; text-align:left; line-height:1.5; color:#333;font-family:"微软雅黑";}

.neir{ padding:10px; text-align:left; color:#333;font-family:"微软雅黑"; line-height:2}
.neir h1{  text-align:center; font-size:20px; color:#333;font-family:"微软雅黑";}


.con_tit{text-align:center;border-bottom:1px dotted #d4d4d4;line-height:36px;font-size:16px; font-weight:bold}
.con_tit h2{font-size:16px;}
.con_titb{text-align:center;}
.list_li li{line-height:36px;border-bottom:1px dotted #d4d4d4; font-size:14px;}
.list_li li a{font-size:14px;}
.list_li table { margin:0 auto; width:600px; }

@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mm1{ padding:1%; width:96%; margin:0 auto;}
.f14{ font-size:12px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}
.pp1{ padding:5px 0;}
.pp2{ padding:10px 0;}
.stop_p1{ height:60px; overflow:hidden; clear:both;}
.qt{ position:relative; width:100%; padding-bottom:50%; height:0; overflow:hidden;}
.bd_p{ width:90%; margin:0 auto; height:100%; z-index:999; text-align:center; margin-top:-10%; position:relative;}
.bd_p1{ box-shadow:0 0 10px rgba(0, 0, 0, 0.6); padding:3% 2%;}

.fix_right{ display:none;}
.nr1_p1,.nr1_p2{ width:96%; margin:0 auto;}
.nr1_p3 li{ float:left; width:calc(50% - 24px); padding:12px;}
.nr1_p4 li{ float:left; width:calc(50% - 24px); padding:12px;}
.nr1_p5 li{ float: none; width:96%; padding:2%;}
.nr1_p51{ float:left; width:116px;}
.nr1_p52{ float:right; width:calc(100% - 130px);}
.nr1_p53{ display:block; line-height:24px; height:24px; overflow:hidden;}
.nr1_p54{ color:#555; line-height:18px; height:36px; overflow:hidden; padding-top:5px;}
.nr1_p6 li{ float:left; width:calc(50% - 20px); padding:10px;}
.ftit_p1,.ftit_p2{ float:left; width:44%; padding:3%;}
.ftit_p3{ width:90%; margin:0 auto;}
.ftit_p2 .bd_p2{ width:calc(100% - 40px);}
.ftit_p2 .bd_p3{ width:calc(100% - 40px);}

.mreportcont1 img{
	width:95%;
	height:170px;
	margin-left:3%
}
.mreport1rt{
	margin-top:15px;
	width:90%;
}


}
@media (min-width:769px) {
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.pp1{ padding:10px 0;}
.pp2{ padding:20px 0;}
.qt{ position:relative; width:100%; padding-bottom:31.3%; height:0; overflow:hidden;}
.fullSlide .bd_p{ height:100%;}
/*.bd_p{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
.bd_p1{ float:right; padding:3% 2%;}*/

.bd_p{ position:absolute; top:0; left:calc(50% + 300px); height:100%;}
.bd_p1{ float:right; padding:30px 20px;}

.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;}
.nr1_p1{ float:left; width:42%;}
.nr1_p1 img{ width:100%; border-radius:10px;}
.nr1_p2{ float:right; width:54%;}
.nr1_p3,.nr1_p4{ margin:0 -12px;}
.nr1_p5{ margin:0 -15px;}
.nr1_p6{ margin:0 -10px;}
.ftit_p1{ float:left; width:300px;}
.ftit_p2{ float:left; width:300px; min-height:220px; margin-left:50px; border-left:1px solid #999; padding-left:50px;}
.ftit_p3{ float:right;}
.mreportcont1 img{
	width:280px;
	height:170px;
}
.mreport1rt{
	margin-left:30px;
	margin-top:15px;
	width:890px;
}
}
@media screen and (min-width:320px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:19px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:20px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 480px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:18px;}
.tt6{font-size:18px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:26px;}
.tt10{font-size:28px;}
.tt11{font-size:28px;}
.tt12{font-size:38px;}

}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;}
.tt2{font-size:14px;}
.tt3{font-size:16px;}
.tt4{font-size:18px;}
.tt5{font-size:18px;}
.tt6{font-size:20px;}
.tt7{font-size:20px;}
.tt8{font-size:22px;}
.tt9{font-size:28px;}
.tt10{font-size:30px;}
.tt11{font-size:30px;}
.tt12{font-size:48px;}

}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.mhj{ height:5px;}
.mhj2{overflow:hidden; clear:both; height:10px;}
  }
@media (min-width:769px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:24px;}
.tt8{font-size:24px;}
.tt9{font-size:32px;}
.tt10{font-size:36px;}
.tt11{font-size:40px;}
.tt12{font-size:60px;}

.mhj{ height:20px;}
.fl{ float:left;}
.fr{ float:right;}
.pc{ display:block;}
.app{ display:none;}
.mhj{ height:10px;}
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}

.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1180px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:28px;}
.tt8{font-size:32px;}
.tt9{font-size:36px;}
.tt10{font-size:40px;}
.tt11{font-size:48px;}
.tt12{font-size:68px;}
.pc{ display:block;}
.app{ display:none;}
}

@media (min-width:1360px) {	}

@-webkit-keyframes ripple { 
0% {   -webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% {   -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}

@keyframes ripple { 
0% {-webkit-transform: scale(1);           transform: scale(1);   opacity: 0.2; } 
100% { -webkit-transform: scale(40);           transform: scale(40);   opacity: 0; }
}


.for-pc {
    display: block;
}
.for-phone {
    display: none;
}


/*弹框样式3*/
.cd-popup3{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup3.is-visible3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3 {
    position: relative;
     width: 350px; min-height: 300px;  max-height: 300px;  height:300px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 0px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(100, 0, 0, .5); 
}
.cd-popup-container3 h2{ text-align:center;  line-height:40px;}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px; color:#FFF}
.is-visible3 .cd-popup-container3 {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
 .cd-buttons  td { font-size:14px; height:60px; font-family:"微软雅黑"}
  .cd-buttons  td textarea { font-size:14px; font-family:"微软雅黑"; margin-top:15px;}
 .form-control {display: block;
    width: 90%;
    height: 30px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;}
@media (max-width: 767px) { 
    .for-pc {
        display: none;
    }
    .for-phone {
        display: block;
    }
}