@charset "utf-8";
/**/

.main_nav{ margin:auto;padding:0.25rem 3%; background: #f4f4f4; }
.main_nav a{display: block; float: left; height: 0.5rem; line-height: 0.5rem; border-radius: 0.45rem; background: #3671cf; text-align: center; color: #fff; font-size: 0.2rem; border:1px solid #ddd;}
.main_nav a.active{ background: #fff; color: #333 }
.main_nav.about_nav a{ width: 30%;margin-left:2.5%;}
.main_nav.contact_nav a{width:45%;margin-left:2.5%;}

.main{width: 95%;  margin: auto; }
.main iframe{ width:100% !important;}

.main .mainT{ font-size: 0.35rem; text-align:center; color: #000; font-weight: 700;  line-height:0.4rem;padding:0.3rem 0 0 0;}
.main .subtitle{ font-size:0.2rem; line-height:0.4rem; text-align:center; color:#666;}
.main .subtitle span{ padding:0 10px;}
.main .mainBox{ padding:0 0 0.2rem 0;}
.main .text{  font-size:0.2rem; color: #444;padding:0.3rem 0; }
.main .text img{ max-width:100%; height:auto !important;}
.main .text p{line-height: 2.5em !important;}
.main .text .text_img{ width:60%; border:0.05rem solid #3671cf;margin:0.3rem auto; } 
.main .text .text_xq{ height: 0.6rem; line-height: 0.6rem; background: #3671cf; color: #fff; font-size:0.25rem; }
.main .text .text_xq span{padding-left:0.3rem;}
.main .text .text_btn{ text-align: center;padding-bottom: 0.3rem; }
.main .text .text_btn a{display:inline-block; margin:0 2%; width: 30%; height: 0.45rem; line-height: 0.45rem; border-radius: 0.3rem; text-align: center; color: #fff; font-size: 0.18rem; background: #1c5bbe;}
.main .text .text_btn a.btn01{ background: #fda102;}
.main .text .text_box{padding:0.3rem 0;}

.common_news{width:100%;height:auto;overflow:hidden;margin:0% auto; padding-top:0.2rem;}
.news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;}
.news1,.news2{width:100%;margin:0 auto;}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news1 { border-bottom:1px solid #f9f9f9;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;width:33%;height:auto;overflow:hidden; float:left; padding-left:3%;}
.news1>a>img{display:block;width:100%;float:left; }
.news3>h1{display:block;width:100%;margin-left:3%;overflow:hidden;}
.news3>h1>a{display:block;width:100%;height:0.35rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.22rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:58%;margin-left:3%;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";max-height: 0.93rem;color:#999;margin-top:1%}
.news4{width:50%;float:left;height:auto;overflow:hidden;}
.news4 a{display:block;width:98%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a .img{ display:block; width:100%; height:1.8rem;background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.news4 a .t{display:block;width:100%;text-align:center; font-size:0.18rem;color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap; line-height:0.4rem;}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left; margin-left:3%;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:68%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:68%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.59rem;color:#999;margin-top:1%}

.viewpage{margin:auto;width:100%; margin-bottom:0.2rem;}
.viewpage .main_r_nav{display:block;width:100%;height:0.38rem; line-height:0.38rem;font:0.18rem "microsoft yahei";color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.3rem;}
.viewpage .main_r_nav .span{height:0.38rem; line-height:0.38rem;}
.viewpage .main_r_nav a{ color:#dc0000;height:0.38rem; line-height:0.38rem;}
.pages{ text-align:center;}
.pages a{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#c01b29;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}

.page_nav{ font-size:12px; margin-top:3%;}
.page_nav span,.page_nav a{ padding:0 5px;}
/**/
.gook{ width:100%; margin:auto;padding-top:0.2rem;}
.gook li{    padding-bottom: 3%;}
.input-text{display:block;border:1px solid #d9d9d9;background:#fff;width:100%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.textarea-text{display:block;border:1px solid #d9d9d9;background:#fff;width:99%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}
.pin_width {width: 51.78%;}
.yzm {  float: left; height: 0.22rem; margin-top:0.1rem; margin-left:4%; }
.submit{ width:100%; height:0.5rem;color:#fff;border:0;-webkit-appearance:none; border-radius:0; text-align:center;font:0.22rem/0.5rem "microsoft yahei"; background-color:#ffab15;}


.showClass{ display:block; position:relative; cursor:pointer; height:0.55rem; width:94%; background:#c01b29; margin: 0.2rem auto; border-radius:0.5rem; } 
.showClass .span1{display: inline-block;padding-left:0.3rem;font-size: 0.23rem; line-height: 0.55rem; color: #fff; }
.showClass .span2{display: block; position:absolute; right:0.25rem; width:0.55rem; height:100%; top:0; background: url(../images/classIcon.png) right center no-repeat; background-size:65%; }

.MainClass{ width:100%; position: fixed;top:0; left:0;z-index:999999; height: 100%; display: none; overflow: hidden;}
.MainClass .classBox{ position: relative;width: 100%;  height: 100%; }
.MainClass .classbg{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10;}
.MainClass ul{ position:absolute; width: 60%; height: 100%; z-index: 20; top:0; right:0; background:#222; overflow-y:auto; }
.MainClass .lin1{  width:80%;box-sizing:border-box;margin-top:0.1rem;margin-left:0.3rem;}
.MainClass .lin1 a{ width:98%; background-color:#444; display:inline-block;color:#fff; font-size:0.2rem; font-family:"microsoft yahei";padding:2% 0;height:0.4rem;line-height:0.4rem;}
.MainClass .lin1 a span{ padding-left:0.3rem;}
.MainClass .class_two{  width:80%; box-sizing:border-box;margin-left:0.3rem;}
.MainClass .class_two a{ width:100%;display:block; color:#999; font-size:0.18rem; font-family:"microsoft yahei";padding:2% 0;height:0.3rem;line-height:0.3rem; padding-top:0.1rem;}
.MainClass .class_two a span{ padding-left:0.3rem;}
.MainClass .last{padding-bottom: 0.2rem;}
.MainClass .last a{ background:#122f67;}

/**/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#0d64c5; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#0d64c5; color:#fff; border:1px solid #0d64c5;}

.casesList{ width:98%;margin:auto; }
.casesList li{float:left; width: 50%;margin-top:0.15rem; }
.casesList li a{display: block;}
.casesList li a .img{display:block; width:85%;margin:auto;border-radius: 0.06rem; border:1px solid #ddd; height:1.2rem; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; }
.casesList li a .t{display: block; text-align: center; font-size: 0.18rem; color: #666;padding-top:0.05rem;}


/*二级分类*/
.twoClass{padding:0.25rem 0 0.10rem 0;}
.twoClass a{ float:left;line-height: 0.45rem; color: #fff; font-size: 0.2rem; text-align: center; background: #dc0000;}
.twoClass_shili a{ width:28%; margin-left:4%; }
.twoClass_cases a{ width:28%; margin-left:4%; }

.lianxi{display: none;}