﻿@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#ebebeb; color:#555; font-size:.6rem; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:.6rem; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var,i { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:.8rem Microsoft Yahei,Helvetica,Arial,sans-serif;outline:none; margin:0px; padding:0px; }
table { border-collapse:collapse; }


/***********头部*************/
.header{ width:100%; height:4rem; background:#fff; position:relative;}
.logo{ float:left; width:60%; margin-left:3%; margin-top:3.5%;}
.logo img{width:100%;}
.nav{ float:right; width:8%; margin:5% 5% 0 0; position:relative;}
.nav img{ width:100%;}
.nav_c{ width:40%; background:#2e2c29; position:absolute;right:0px; top:3rem; display:none; z-index:9999;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;  }
.nav_c li{ width:100%; height:2rem; line-height:2rem; text-indent:5%;  border-top: .0625rem solid #3e3c39; border-bottom:.0625rem solid #3e3c39; font-size:.8rem;}
.nav_c li a{ color:#fff;}


/***********主体内容*************/
.main1{ width:100%; overflow:hidden; margin-top:.875rem;  background:#fff;}
.m1_t{ width:100%; height:2.75rem;  background:#ebebeb;}
.m1_t h2{width:100%; float:left; text-align:center; font-size:1.625rem; color:#ff6600;}
.m1_t .desc{width:90%; margin-left:5%; float:left; text-align:center; font-size:1rem; margin-top:.625rem;}

.m1c_t{ width:100%; height:3.75rem; margin-top:1rem;}
.m1c_t h2{width:100%; float:left; text-align:center; font-size:1.625rem; color:#ff6600;}
.m1c_t .desc{width:90%; margin-left:5%; float:left; text-align:center; font-size:1rem; margin-top:.625rem;}


.cont_title{ width: 100%; text-align: center; margin: 1rem 0 1rem; }
.cont_title h2{ font-size:1.2rem; font-weight: bold;  margin: 0;}
.cont_title p{ font-size: 0.825rem; line-height: 30px; }


.slideTxtBox{margin:0 auto;width: 100%;}
.slideTxtBox .hd{  text-align: center;width: 100%;overflow: hidden;margin-top:0; float:left;}
.slideTxtBox .hd ul{ position:relative; text-align:center;}
.slideTxtBox .hd ul li{background:#ffffff;cursor: pointer;display: inline-block;width:20%;text-align: center;font-size: 14px;margin: 0 10px;padding:1% 20px;  color:#686767; font-family: "微软雅黑"; border:1px solid #aeafaf;border-radius:3%;}
.slideTxtBox .hd ul li.on{ background:#c70005;color:#fff; } 




.m-news .m-item{padding:1.5rem 0 0 .5rem; float:left;}
.m-news .m-item dl { float:left; position:relative; width:78%; height:90%; margin:0 20px 1.5rem 0; padding:0 30px 0 10%; line-height:20px;}
.m-news .m-item dl  dd{}
.m-news .m-item dl .date { position:absolute; top:0; left:0; width:18%; padding-top:10px; padding-bottom:10px;  background:#aeafaf;overflow:hidden; color:#fff; font-size:.8rem; text-align:center; margin-left:10px; border-radius:10%;  }
.m-news .m-item dl .date span { width:100%; margin-bottom:5%; display:block; font-size:2rem; line-height:1.8rem;color:#fff; text-align:center;}
.m-news .m-item dl dt {height:20px;overflow:hidden;display:block; margin-bottom:8px; font-size:1rem; margin-top:5px; padding-left:3rem;}
.m-news .m-item dl dt a{color:#333333;}
.m-news .m-item dl .desc { display:block; height:40px;overflow:hidden;margin:0 0 5px;font-size:.8rem; color:#6d6c6a;padding-left:3rem;}
.m-news .more { background:#f5f5f5; }

.m-news2 .m-item2{padding:70px 0 0 20px; float:left;}
.m-news2 .m-item2 dl { float:left; position:relative; width:80%; height:100px; margin:0 20px 40px 5%; padding:0 30px 0 15%; line-height:20px;}
.m-news2 .m-item2 dl .date { position:absolute; top:0; left:0; width:8%; height:70%; padding-top:10px;  background:#aeafaf;overflow:hidden; color:#fff; font-size:12px; text-align:center;  border-radius:10%; margin-left:5%; }
.m-news2 .m-item2 dl .date span { width:100%; margin-bottom:5px; display:block; font-size:40px; line-height:36px;color:#fff; text-align:center;}
.m-news2 .m-item2 dl dt {height:20px;overflow:hidden;display:block; margin-bottom:8px; font-size:18px; margin-top:5px;}
.m-news2 .m-item2 dl dt a{color:#333333;}
.m-news2 .m-item2 dl .desc { display:block; height:40px;overflow:hidden;margin:0 0 5px;font-size:14px; color:#6d6c6a;}


.main3{width:100%; margin:1% 0;  padding:1% 0; background:#fff; float:left;}
.main3 img{width:32%; margin:0; padding:0 0 0 1%; float:left; text-align:center;}



.lanren{margin:0 auto;}
.lanren .txt h3{font-size: .825rem;}
.lanren{width: 100%; overflow:hidden;margin:0 auto; }
.lanren ul li{width:47%;float:left; margin:1% 0; margin-left:2%; position:relative;overflow:hidden;cursor:pointer;}
.lanren .txt{width:100%;height:45px; background: #4C4C4C;opacity: 0.8; position:absolute;left:0;bottom:0;color:#fff;font-family:"寰蒋闆呴粦";}
.lanren .txt h3{font-size:1rem;font-weight:100;height:45px;text-align:center;line-height:45px;}
.lanren .txt p{font-size:.8rem;text-align:center;}

.m1_t span{ display:block; float:left; border-left:.3rem solid #b00; height:1.25rem;font-size:1rem; overflow:hidden; line-height:1.25rem; padding-left:1%; margin-left:3%; margin-top:.9rem;}
.m1_t_a{ float:right; margin-right:5%; font-size:1.2rem; height:3.125rem; line-height:3.125rem; color:#939286;}
.servicenav{width:90%; margin:0 auto; padding:0; }
.servicenav ul li{ width:40%; float:left; margin:3% 5%; padding:0; text-align:center;}
.servicenav ul li h1{width:100%; font-size:.8rem; font-weight:inherit; float:left; text-align:center; color:#0076c4; margin-top:.25rem;}
.mimg{width:100%; float:left; text-align:center;  padding:0; display:inline; background:#fff;  margin-bottom:15%;}
.mimg img{width:60%;}


.main2{ width:100%; background:#fff; float:left;padding-bottom:20%;}
.m2_t{ width:100%; height:100%; overflow:hidden; margin-top:.625rem;}
.m2_t h2{width:100%; float:left; text-align:center; font-size:1.625rem; color:#b00000; margin-top:.25rem;}
.m2_t .desc{width:90%; margin-left:5%; float:left; text-align:center; font-size:1rem; margin-top:.325rem;}

.m2_c{ margin-top:1.75rem; width:100%; float:left; background:#fff;}
.m2_c ul{ overflow:hidden;}
.m2_c li{ font-size:.8rem; color:#939286; text-align:center; width:44%;  margin-left:4%; float:left; margin-bottom:.8rem;}
.m2_c li img{width:100%; height:7.5rem;}
.m2_c p{ margin-top:.375rem;}

.m2_a{ width:40%; height:1.56rem;margin:0 auto; text-align:center; line-height:1.56rem; margin-top:1.75rem; padding-bottom:1.75rem;}
.m2_a a{ width:100%; height:100%; background:#fff; color:#b00000; display:block; border-radius:.3rem;  border:1px solid #b00; font-size:.8rem;}

.m3_n{ width:80%; height:1.56rem; line-height:1.56rem; padding:5% 3% 0 3%; margin:0 auto; }
.m3_n li{ float:left; font-size:.8rem; padding:0 2.8%; height:1.56rem;border-radius:.3rem; text-align:center;}
.m3_n .hover{ background:#b00; color:#fff;}




.maind{ background:#fff; float:left; width:100%;padding-bottom: 10%;}

.about_show{width:94%; margin:0 auto; padding:3%; float:left;}
.about_show_tit{width:100%; float:left; text-align:center; line-height:2rem;}
.about_show_tit span{font-size:1.3rem;}
.about_show_con{width:100%; line-height:1.6rem; float:left; margin-top:1rem; font-size:1rem; }
.about_show_con img{width:100%; height:100%;}
.page_l{width:100%; float:left; text-align:center; font-size:1rem; font-weight:bold;}
.page_r{width:100%; float:left; margin-top:2%; line-height:1.2rem;}
.page_r .fl{width:44%; float:left; text-align:left; margin-left:1%;}
.page_r .fr{width:44%; float:right;text-align:right; margin-right:1%;}
.page_num{width:100%; padding:2rem auto; padding-bottom:20%; padding-top:2rem; float:left;}
.page_num div{ float:left; text-align:left; width:100%;font-size:.8rem; padding-top:2rem; }


 .about_menu{width:100%; float:left; padding-bottom:5%; text-align:center;}
 .about_menu ul li{width:19%; margin-left:2%; padding:2%; margin-top:1%; display:inline; background:#b00; height:1rem; font-size:1rem; float:left;}
  .about_menu ul li a{color:#fff;}


	/* 分页 */

.fenye{ float:left; width:100%; padding-bottom:1rem; padding-top:1rem; height:1.5rem;text-align:center;color:#454545;line-height:1.5rem;font-family:Microsoft Yahei; font-size:.8rem; padding-bottom:5%;}
.fenye a{ font-family:Microsoft Yahei; padding:.25rem .1rem; margin:0 .3rem;}
.fenye a.sel{  color:#cc0098; }
.fenye .txt{ width:1.875rem; text-align:center; height:1.375rem; }
.fenye .btn{ width:3.43rem; height:1.5rem; cursor:pointer; color:#666; border-radius:.1875rem;}

.page_l{width:100%; float:left;  font-size:1rem; font-weight:bold;}
.page_r{width:100%; float:left; margin-top:2%; line-height:1.2rem;}
.page_r .fl{width:100%; float:left;}
.page_r .fr{width:100%; float:left;margin-top:1%;}



.main5{ width:100%; background:#fff;  margin-top:.875rem;  float:left;}
.m5_c{ margin:1.25rem auto 1.25rem; width:88%; font-size:.8rem;}
.m5_c li{ line-height:1.65rem; }
.m5_c span{ float:right;color:#939286; overflow:hidden;}
.m5_c i{ font-size:.2rem; margin-right:2%; color:#b00;}
.m5_c a{ color:#939286;}

.main6{ width:100%; background:#fff;  border-bottom:1.25rem solid #ebebeb; margin-top:.875rem; float:left; padding-bottom:10%;}
.m6_t{ background:url(../images/fg3.png) no-repeat center 1.875rem; background-size:100% auto;}
.m6_c{ width:100%; margin:1.25rem 0;  float:left; overflow:hidden;}
.m6_c ul li{ width:50%; float:left; text-align:center; }
.m6_c ul li img{width:80%; height:5rem; border:.0625rem solid #ebebeb; margin-top:2%;}
.m2_ad{ width:40%; height:1.56rem;margin:0 auto; text-align:center; line-height:1.56rem; margin-top:1.75rem;}
.m2_ad a{ width:100%; height:100%; background:#fff; color:#b00000; float:left; border-radius:.3rem;  border:.0625rem solid #b00; font-size:.8rem;}


.experts h2{width:100%; float:left; text-align:center; font-size:1.2rem; color:#F00;}
.experts_1{width:100%; float:left; text-align:center;}
.experts_1 ul li{width:33%; float:left; text-align:center;}

.experts_2{width:100%; float:left; text-align:center;}
.experts_3{width:100%; float:left; text-align:center;}


/***********底部*************/
.footer{ width:100%; height:4rem; position:fixed; bottom:0px; background:#b00; overflow:hidden; float:left;}
.footer li{ text-align:center; width:25%; float:left;  text-align:center; color:#fff; font-size:.8125rem;}
.footer li img{ width:25%; margin:.3rem 0 .3rem;}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */

    .header{ height:3.125rem;}
	.m1_c li{ height:5rem; line-height:5rem; font-size:.6rem;}
	.m3_n li{ font-size:.6rem;}
	.m2_t{ background: url(../images/fg1.png) no-repeat center 3rem;    background-size: 120% auto;}
	.m4_t{ background: url(../images/fg2.png) no-repeat center 3rem;    background-size: 120% auto;}
	.m6_t{ background: url(../images/fg3.png) no-repeat center 3rem;    background-size: 120% auto;}
	    

}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */

	.m1_c li{ height:6.4375rem; line-height:6.4375rem;}
	.footer li img{ width:23%; margin:.3125rem 0 .1875rem;}
	.m3_n li{ font-size:.8rem;}

}



/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 40.625rem;
	margin:0 auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.header{ height:6.25rem;}
.m1_c li{ height:10.125rem; line-height:10.125rem;}
.footer{ width:40.625rem;}
.footer li img{ width:18%;}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 40.625rem;
	margin:0 auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.header{ height:6.25rem;}
.m1_c li{ height:10.125rem; line-height:10.125rem;}
.footer{ width:40.625rem;}
.footer li img{ width:18%;}
}

/*关于我们*/

.maind{ background:#fff; float:left; width:100%;}

.about_show{width:94%; margin:0 auto; padding:3%; float:left;}
.about_show_tit{width:100%; float:left; text-align:center; line-height:2rem;}
.about_show_tit span{font-size:1.3rem;}
.about_show_con{width:100%; line-height:1.6rem; float:left; margin-top:1rem; font-size:1rem; }
.about_show_con img{width:100%; height:100%;}
.page_l{width:100%; float:left; text-align:center; font-size:1rem; font-weight:bold;}
.page_r{width:100%; float:left; margin-top:2%; line-height:1.2rem;}
.page_r .fl{width:44%; float:left; text-align:left; margin-left:1%;}
.page_r .fr{width:44%; float:right;text-align:right; margin-right:1%;}
.page_num{width:100%; padding:2rem 0; padding-bottom:20%; padding-top:2rem; float:left;}
.page_num div{ float:left; text-align:left; width:100%;font-size:.8rem; padding-bottom:2rem;}

.page_num2{width:100%; padding:2rem auto; padding-bottom:20%; padding-top:2rem; float:left;font-size:1.3rem;}
.page_num2 div{ float:left; text-align:center; width:100%; }
.page_num2 .num{ padding:2%; margin:0;}
.page_num2 .current{ padding:2%; margin:0;}
.page_num2 .next{padding:2%; margin:0;}

 
 /*导航*/
 
 .about_menu{width:100%; float:left; padding-bottom:5%; text-align:center;}
 .about_menu ul li{width:19%; margin-left:2%; padding:2%; margin-top:1%; display:inline; background:#b00; height:1rem; font-size:1rem; float:left;}
  .about_menu ul li a{color:#fff;}
  
 .an_menu{width:100%; float:left; padding-bottom:5%; text-align:center;}
 .an_menu ul li{width:26%; margin-left:2%; padding:2%; margin-top:1%; display:inline; background:#b00; height:1rem; font-size:.7rem; float:left;}
 .an_menu ul li a{color:#fff;}
 
 
.news_c{ padding:1.25rem auto 1.25rem; width:100%; font-size:.8rem;float:left;}
.news_c li{ line-height:1.65rem; width:88%; margin-left:1rem;}
.news_c span{ float:right;color:#939286; overflow:hidden;}
.news_c i{ font-size:.2rem; margin-right:2%; color:#b00;}
.news_c a{ color:#939286;}