@import 'cssreset.css';
body { height: 100%; overflow-x: hidden;font-family: "Microsoft YaHei", sans-serif; }
body a { outline: none;  blr: expression(this.onFocus=this.blur());
}
body a:focus { outline: none; }
 @media (min-width: 1366px) {
 .container {
 width: 1200px;
}
}
html { font-family: 微软雅黑; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
 audio:not([controls]) {
display: none;
height: 0;
}
 [hidden], template {
display: none;
}
a { background-color: transparent;color:#555; text-decoration:none }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
 svg:not(:root) {
overflow: hidden;
}
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
 button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }


/*font*/
@font-face {
font-family: "iconfont";
src: url('font/iconfont.ttf') format('truetype');
}
.iconfont { font-family: "iconfont" !important; font-style: normal; }
/* 本例子css -------------------------------------- */
.focus { width:100%; margin:0 auto; position:relative; overflow:hidden; }
.focus .hd { width:100%; height:11px; position:absolute; z-index:1; bottom:15px; text-align:center; }
.focus .hd ul { display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255, 255, 255, 0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; }
.focus .hd ul li { display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; }
.focus .hd ul .on { background:#fc0; }
.focus .bd { position:relative; z-index:0; }
.focus .bd li img{ width:100%}
.focus .bd li {position:relative}
.focus .bd li .text{position:absolute;left:12%;top:30%;margin-top:0%;color:#fff;}
.focus .bd li p:nth-child(1){ border:2px solid #fff;border-width:1px 0;display:inline-block;padding:8px 0 5px 0;line-height:30px;font-size:1.4rem;text-align:right}
.focus .bd li p:nth-child(2){ font-family:Georgia, "Times New Roman", Times, serif;padding:10px 0;line-height:18px;font-size:0.8rem;}

.imore{border-radius:20px;border:1px solid #d44242;text-align:center;color:#d44242;font-size:14px;width:110px;line-height:2;display:block;margin:20px auto 50px auto}

 /* Tab切换 */
 .tabBox{ margin:10px auto;   }
 .tabBox .hd{ height:40px; line-height:40px; font-size:20px; overflow:hidden; background:#eee; border-top:1px solid #ccc;  padding:0 10px;  }
 .tabBox .hd h3{ float:left; font-size:24px; }
 .tabBox .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
 .tabBox .hd ul{ float:right;  }
 .tabBox .hd ul li{ float:left;  padding:0 5px; vertical-align:top;  }
 .tabBox .hd ul li.on a{ color:#B63B34; display:block; height:38px; line-height:38px;   border-bottom:2px solid #B63B34;  }
 .tabBox .bd ul{ padding:10px 20px;  }
 .tabBox .bd ul li {
     border-bottom: 1px dotted #aaa;
     line-height: 35px;
     font-size: 14px;
     height: 35px;
 }
 .tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
 .readMore{ display:block; height:30px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;   }


 /* 多图滚动 */
 .scrollBox{ margin:10px auto; text-align:center;  }
 .scrollBox .bd li{ width:50%; float:left; font-size:14px; }
 .scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
 .scrollBox .bd li img{ width:140px; background:url(../images/loading.gif) #fff center center no-repeat;height:100px}
 .scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top: 20px;}
 .scrollBox .hd ul{ display:inline-block; padding-top:5px; }
 .scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden;
     -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
 }
 .scrollBox .hd .on{ background:#BA2636;  }
 .scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
 .scrollBox .next{ background-position:-105px 0; }


/*nav  右导航*/
#rightnav { line-height:40px;clear:both; border-top:0px solid #f8d887; box-shadow:0 3px 3px rgba(0, 0, 0, 0.05); width:100%; position:relative; z-index:999 }
.rightnav { }
.nav-in a { color: #777; font-size: 14px; text-align: center; display:block;border: 1px solid #eee;border-collapse: collapse; }
.nav-in a:visited { color: #777; }
.nav-in { width:100%;border-bottom: 1px solid #eee;clear:both; }
.nav-in li { float:left; width:25%; margin:0; padding:0; display: block; }
/*.nav-in li:nth-child(2),.nav-in li:nth-child(3){width:20%;}*/
/*.nav-in li:first-child { border-top: none; }*/
.nav-in li .active{color:#d22424; border-bottom: 2px solid #d22424}
.logo { display: block; margin: 0 0 0 0px; padding: 15px 0 10px 12px; float:left; }
.logo img { height:50px; }
.tel400 { float:left;margin:18px 0 0 10px;line-height:30px;border-left: 1px solid #ddd;    padding-left: 10px;}
.tel400 span { font-size:16px;font-weight:bold; padding-left:2px; color:#4590bf }
.tel400 i {  }
.tel400 a{;font-size:14px; font-style:normal; color:#a6a6a6}

.clear { height:0; overflow:hidden; clear:both }
.ncontainer { background:#fff; margin:0px auto; /*box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1)*/ }
.ncontainer img { width:100%; display:block; }
.ncontainer1 { padding:30px 0; overflow:hidden; margin:0 auto; color:#777; }

.ncontainer22 { padding:30px 0; overflow:hidden; margin:0 auto; color:#777; }

.col-lg-6{font-size:14px;line-height:1.8}

.col-lg-6 ul{margin-bottom:16px;}
.col-lg-6 li{list-style-type: disc;list-style-position:inside;}
.col-lg-6 li p{display:inline;}

.col-lg-6 p{margin-bottom:7px;}
.col-lg-6 img{margin-bottom:20px;}

.position, .position a { color: #999; }
.position { text-align: right; line-height: 40px;padding-right:20px;background:#f9f9f9;font-size: 12px}

.show_two_nav{background:#f4f4f4;margin-bottom:30px;padding:10px 0 0 10px;}
.show_two_nav a{float:left;width:28.3333333%;margin-right:0px;font-size:14px;color:#666;text-align:center;line-height:35px;}
.show_two_nav a.active{background:#fff;color:#333}
.show_two_nav a.first{width:15%}

/* pro  class分类 图标 */
.pproclass { /*position:absolute; z-index: 99;	cursor:pointer;	
	width: 33%;
	right:1%;top:1em;*/
background: #000000; }
.pproClass .pproClassMenu { position: absolute; z-index: 99; cursor: pointer; width: 33%; left: 1%; top: 0px; color: #ffffff; font: 1.5em/1.8 "Microsoft YaHei"; border-right: 0.5em solid #9acaef; background: #298fd2; transform: skew(35deg); -webkit-transform: skew(35deg); transform-origin: left top; -webkit-transform-origin: left top; }
/*.pproClass  p{
	 position: absolute; right:0%; top:0%;
	 padding-right: 0%;
	 display: block; 
	 transform: skew(45deg);
	-webkit-transform: skew(45deg);
	background: #f98fd2;
}*/
.pproClass .p { position: absolute; left: -10%;padding-left: 15%; top: 0px; z-index: 999; display: block; color: #ffffff; font: 1.5em/1.8 "Microsoft YaHei"; /*transform: skew(145deg);
	-webkit-transform: skew(145deg);*/
background: #298fd2; }
.pproClass .iconfont { color: #ffffff; font-size: 1em; line-height: 1em; }
/*  proclass dl 页*/

.classList { position: absolute; z-index: 999; left: 0%;top:30px; min-width: 50%; padding: 0% 2%; color: #ffffff; font: normal 1.1em/2.2 "Microsoft Yahei"; text-align: left; background: #298fd2; display: none; }
.classList ul li { border-bottom: 1px solid #9acaef;padding:5px 0 }
.classList ul li a { display: block; color: #ffffff; }
.classList ul li a:visited { color: #fffffe; }


/*page*/

.page { padding-top: 20px; padding-bottom: 20px; text-align: center; }
.page a { display: inline-block; height: 38px; line-height: 36px; padding-right: 14px; padding-left: 14px; margin-right: 1px; margin-left: 1px; border: 1px solid #dedede; font-size: 14px; color: #424242; transition: all 0.3s; }
.page a:hover,  .page a.page-num-current { background: #d22424; border: 1px solid #d22424; color: #fff; }
.page a.page1 { display: inline-block; height: 38px; line-height: 36px; padding-right: 14px; padding-left: 14px; margin-right: 1px; margin-left: 1px; font-size: 14px; transition: all 0.3s; background: #d22424; border: 1px solid #d22424; color: #fff; }


/*实验室*/
.experment { padding:0 15px; overflow: hidden; }
.experment ul { padding-bottom: 10px; }
.experment ul li { width: 49%; float: left; position: relative; border: 0 solid #f8f8f8; margin: 0 0px 2% 0; }
.experment ul li:nth-child(2n) {float:right;}
.experment ul li .pic {  width: 100%;height:130px;background-size:cover;background-repeat:no-repeat;background-position:center center}
.experment ul li .pic img{display: block;width:100%}

 .news li .pic img { display: block;width: 100%;margin:0;padding:0 ;}
.news li .pic { height: 166px; }
.news li .pic img { height: 100%; }

.experment ul li .box { background:#f8f8f8;padding: 15px;  }
.experment ul li .box .tit,.experment ul li .box .tit1{ font-size: 14px; color: #777;line-height:22px; text-overflow:;overflow: hidden;white-space: nowrap;display: block;text-align:left}

.experment ul li .box .tit1 { white-space:normal;height:40px;}




.experment ul li .box .detaile, .news li .box .detaile, .problem li .mbox .detaile { font-size: 14px; color: #666666; line-height: 1.6; overflow: hidden; height: 44px; }
.problem li .mbox .detaile, .news li .box .detaile { height: 55px; line-height: 2; }

.sbanner {background-repeat:no-repeat;height:200px;background-size:cover }
.split { width: 40px; height: 2px; margin: 20px auto 20px auto; background: #d8d8d8; display:block; }
/*.ncontainer h1 { font-size: 26px; color: #333; z-index: 1; text-align:center; margin: 30px 0 20px 0; font-weight: normal; }*/
.fl { float:left }
.fr { float:right }
.news { width: 100%; overflow: hidden; }
.news li { width: 100%; margin-top:30px; }
.news li .pic { width: 300px; height:180px; overflow: hidden; }
.news li .box { width: 640px; }
.news li .box .tit { font-size: 20px; color: #333; line-height: 1.6; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top: 5px; text-align:center;float: left; }
.news li .box .time { font-size: 14px; color: #999; line-height: 1.4; /* margin: 1px 0 10px;*/
     padding-top: 5px; float: right; }
.news li .box .btn { display: block; width: 95px; height: 28px; line-height: 28px; border: 1px solid #ddd; font-size: 14px; color: #888; text-align: center; padding-right: 18px; border-radius: 30px; background:#fff; margin-top:13px; padding:0; }
.news li:hover .box .btn { background:#267bb2 }
.news li .box .detaile { padding-top:10px; height:auto; color:#999; }
.news li:hover .box .tit { color: #1866e6; }
.news li:hover .box .btn { background-color: #fff; color: #1866e6; background: url(../img/img13.1.png) 85% center no-repeat; }

/* 

img{

    max-width: 100%;

    height: auto;

    width: auto\9;

  
    -ms-interpolation-mode: bicubic;



    border: none;

}
*/

@-ms-viewport {
width: device-width;
}
 @-o-viewport {
width: device-width;
}
 @viewport {
width: device-width;
}
.youshi { margin:0 auto; padding:0 15px; }
.youshi ul li { width:100%; margin-bottom: 20px; }
.youshi ul li h2 { font-size: 20px; font-weight:normal; color:#333; margin-bottom: 10px; }
.youshi ul li h2 span { font-size: 20px; color:#ccc; margin-right:5px; font-weight:normal; }
.youshi ul li p { font-size: 14px; color:#777; line-height:25px; margin-bottom:5px; }
.youshi ul li img { margin-right:0px; margin-bottom:20px; }
.youshi ul li .intro { }
.youshi ul li .intro b { font-weight:normal; color:#39c; margin-bottom:10px; display:block; ; }
 .youshi ul li:nth-child(2n) .intro {
}
 .youshi ul li:nth-child(2n) img {
}
.culture {  padding: 45px 15px 15px 15px; }
.culture .detaiel-box { font-size: 14px; line-height: 1.7; color: #666666; }
.culture .detaiel-box li { margin-bottom: 20px; padding-left: 45px; }
.culture .detaiel-box li h3 { font-size: 19px; font-weight:600;color: #333333; line-height: 24px; position: relative; left: -45px; top: 0; padding-left: 45px; }
.culture .detaiel-box li p { margin-top:10px; font-size:15px; line-height:2em }
.rongyu .title1, .rongyu .title2, .rongyu .title3 { font-size:22px; color:#fff; line-height:35px; text-align:center; margin:0 auto 20px auto; width:48%; border-radius:30px }
.rongyu .title1 { background-image: linear-gradient(90deg, rgba(131, 182, 241, 0.75) 3%, #458de5 100%); }
.rongyu .title2 { background-image: linear-gradient(90deg, rgba(118, 215, 159, 0.72) 3%, #4ac984 100%) }
.rongyu .title3 { background-image:linear-gradient(90deg, rgba(255, 127, 127, 0.63) 3%, #ff7f7f 100%) }
.rongyu { margin: 15px 0; padding:0 15px; font-size:16px; line-height:1.5em; color:#666 }
.rongyu li { float:left; width:43%; background:#f7faff; margin-bottom:10px; text-align:center; padding:30px 10px 30px 10px; }
.rongyu p{margin-bottom:10px;}
.rongyu li:nth-child(2n) {
float:right;
}
.rongyu li:nth-child(2) {
background:#f4fcf8;
}
.rongyu li:nth-child(3) {
background:#fff8f8;
}
.culture .list { width: 100%; }
.culture .list li { float: left; width: 25%; text-align: center; position: relative; }
.culture .list li .math { font-size:24px; color: #0789e9; line-height: 1.2; font-family: 'BEBAS'; margin-bottom: 5px; }
.culture .list li .detaile { font-size: 13px; color: #666; line-height: 1.4; }
.culture .list i { display: block; width: 1px; height: 44px; background-color: #ebebeb; position: absolute; right: 0; top: 50%; margin-top: -22px; }
body.on .culture .detaiel-box li h3 { font-size: 16px; }
body.on .culture .list li .math { font-size: 46px; }
/**/

.w010 { width: 100%; }
.maxw010 { max-width: 100%; }
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { min-height: 1px; padding-right: 15px; padding-left: 15px; position: relative; }
.mb35 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom:35px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.color-009449 { color: #009449; }
/*header*/

.header-custom { margin-bottom: 0; background: #fff; border: none; border-radius: 0; }
.header-custom .logo { height: auto; padding: 25px 0 0px 0; }
.header-custom .logo .logoSmall { display: none; }
.header-custom .nav-custom>li>a { font-size: 16px; color: #333; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header-custom .nav-custom > li > a:hover,  .header-custom .nav-custom > li > a:focus,  .header-custom .nav-custom > .current > a,  .header-custom .nav-custom > .active > a,  .header-custom .nav-custom > .active > a:hover,  .header-custom .nav-custom > .active > a:focus,  .header-custom .nav-custom > .open > a,  .header-custom .nav-custom > .open > a:hover,  .header-custom .nav-custom > .open > a:focus { background-color: inherit; color: #009449; }
.dropdown-menu>li>a { font-size: 14px; color: #333; }
.dropdown-menu>li:hover a { color: #009449; }
.header-tel { background: #009449; font-size: 18px; color: #fff; }
.header-tel span { font-size: 28px; font-weight: bold; }
/*footer*/

footer { padding:0px 0; text-align: center; }
.footer-block { }
.footer-block .footer-logo { margin-bottom: 35px; }
.footer-block .footer-logo img { display: inline-block; }
.footer-block .footer-btn { margin-right: -10px; margin-left: -10px; margin-bottom: 40px; }
.footer-block .footer-btn>div { padding-right: 10px; padding-left: 10px; }
.footer-block .footer-btn>div a { display: block; height: 40px; line-height: 40px; background: rgba(0, 148, 73, 0.6); border-radius: 3px; font-size: 14px; color: #fff; transition: all 0.5s; }
.footer-block .footer-btn>div a:hover { background: rgba(0, 148, 73, 1); }
.footer-block .footer-nav { line-height: 38px; font-size: 16px; color: #fff; }
.footer-block .footer-nav a { display: inline-block; color: #fff; }
.footer-block .footer-links { line-height: 32px; margin-bottom: 40px; font-size: 16px; color: #666; }
.footer-block .footer-links a { display: inline-block; margin-right: 5px; color: #666; font-size:18px; }
.footer-block .footer-share { width: 186px; }
.footer-block .footer-share.bdshare-button-style0-32 a { width: 50px; height: 50px; line-height: 50px; margin-left: 6px; }
.footer-block .footer-share.bdshare-button-style0-32 .bds_tsina { background-image: url("../images/icon_2.png"); background-size: 100% 100%; background-position: 0 0; }
.footer-block .footer-share.bdshare-button-style0-32 .bds_sqq { background-image: url("../images/icon_3.png"); background-size: 100% 100%; background-position: 0 0; }
.footer-block .footer-share.bdshare-button-style0-32 .bds_weixin { background-image: url("../images/icon_4.png"); background-size: 100% 100%; background-position: 0 0; }
.footer-copy { line-height: 22px; padding: 15px 0; font-size:12px;background:#444; color: #fff; }
.footer-copy a { color: #fff; }
/*page*/

.page { padding-top: 20px; padding-bottom: 20px; text-align: center; }
.page a { display: inline-block; height: 38px; line-height: 36px; padding-right: 14px; padding-left: 14px; margin-right: 1px; margin-left: 1px; border: 1px solid #dedede; font-size: 14px; color: #424242; transition: all 0.3s; }
.page a:hover,  .page a.current { background: #009449; border: 1px solid #009449; color: #fff; }
.page a.page1 { display: inline-block; height: 38px; line-height: 36px; padding-right: 14px; padding-left: 14px; margin-right: 1px; margin-left: 1px; font-size: 14px; transition: all 0.3s; background: #009449; border: 1px solid #009449; color: #fff; }
/*banner*/

.banner .item img { display: block; width: 100%; }
.banner.owl-carousel .owl-nav button.owl-next,  .banner.owl-carousel .owl-nav button.owl-prev { width: 45px; height: 105px; margin-top: -52px; border-radius: 3px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; }
.banner.owl-carousel .owl-nav button.owl-next { background: url("../images/arrow_1r.png") center center rgba(29, 29, 29, 0.1) no-repeat; right: 4%; }
.banner.owl-carousel .owl-nav button.owl-prev { background: url("../images/arrow_1l.png") center center rgba(29, 29, 29, 0.1) no-repeat; left: 4%; }
.banner.owl-carousel .owl-dots { font-size: 0; text-align: center; position: absolute; right: 0; bottom: 20px; left: 0; }
.banner.owl-carousel button.owl-dot { width: 50px; height: 3px; margin-right: 2px; margin-left: 2px; background: #fff; text-align: left; }
.banner.owl-carousel button.owl-dot span { display: inline-block; width: 0; height: 3px; background: url("../images/line_2h.jpg") left center repeat; transition: all 1s; }
.banner.owl-carousel button.owl-dot.active span { width: 100%; }
/*main*/

.tit-1 { text-align: center;padding-left:0%; }
.tit-1 .name-cn { line-height: 22px; margin-bottom: 3px; font-size: 19px;color:#444; font-weight:500; }
.tit-1 .name-en {  padding-top:0px; margin-bottom: 15px; font-size: 14px;color:#B7B7B7; text-transform:uppercase; font-weight: normal; }
.tit-1 img { display: block; margin-right: auto; margin-left: auto; }
/*.tit-1.style1 .name-cn { color: #333; }
.tit-1.style1 .name-en { color: #888; }*/

.mod-01 { margin-bottom: 60px; padding:0 15px 0 10px; }
.mod-01>img { display: block; width:507px; height:453px; margin-right: auto; margin-left: auto; }
.mod-01 .text { font-size: 16px; text-align:center; color: #333; float:left; width:48%; margin-bottom:25px; transition: all 0.5s; }
.mod-01 .text:nth-child(2n){float:right}
.mod-01 .text p { font-size:14px; line-height:25px; padding:5px 0 0 0; margin:0; color:#777 }
.mod-01 .text .icon { width: 150px; height: 150px; display:block; margin:0 auto 15px auto;text-align: center; transition: all 0.5s; }
.mod-01 .text .icon img { width:150px; margin-bottom:10px; border: 2px solid #fff; border-radius: 100%; box-shadow:1px 2px 5px rgba(0,0,0,0.15); }
.mod-01 .text:hover .icon img:first-child { display: none; }
.mod-01 .text:hover .icon img:last-child { display: inline; }
.block-01 { padding: 30px 0; margin-top: 0; background-image: linear-gradient(90deg, #267bb2, #6dad46 100%); }
.mod-02 .box { padding: 0px 0 0 0; margin-bottom: 10px; background: #fff; box-shadow: 0 0 24px rgba(0, 0, 0, 0.06); }
.mod-02 .box .number { line-height: 15px; font-size: 20px; color: #bfbfbf; text-align: center; transition: all 0.5s; }
.mod-02 .box .name { height: 50px; line-height: 50px; margin-bottom: 0; font-size: 16px; color: #333; text-align: center; text-transform: uppercase; }
.mod-02 .box .img { display: block; padding-top: 0px; }
.mod-02 .box .img img { width:100%; }
.owl-item { float:left; width:48%; }
.owl-item:nth-child(2n) {
float:right;
}
.mod-02 .box .text1 { line-height: 22px; padding:10px 10px; font-size: 12px; color: #999; display:block; overflow: hidden; }
.mod-02 .box .more { text-align: center; }
.mod-02 .box .more a { display: inline-block; height: 27px; line-height: 26px; padding-right: 38px; padding-left: 10px; background-image: url("../images/icon_12.png"); background-position: right center; background-repeat: no-repeat; border-bottom: 1px solid #dfdfdf; font-size: 14px; color: #cdcdcd; transition: all 0.5s; }
.mod-02 .box:hover .number { color: #009449; }
.mod-02 .box:hover .more a { background-image: url("../images/icon_12h.png"); border-bottom: 1px solid #009449; color: #009449; }
.mod-02.owl-carousel .owl-nav button.owl-next,  .mod-02.owl-carousel .owl-nav button.owl-prev { width: 24px; height: 46px; text-indent: 999px; overflow: hidden; position: absolute; top: 186px; }
.mod-02.owl-carousel .owl-nav button.owl-next { background: url("../images/arrow_2r.png") center center no-repeat; right: 5px; }
.mod-02.owl-carousel .owl-nav button.owl-prev { background: url("../images/arrow_2l.png") center center no-repeat; left: 5px; }
.mod-03>div:nth-child(2n) {
float:right;
}
.mod-03>div { width:49%; float:left; margin-bottom:10px; padding-left: 0; }
.mod-03>div .box { display: block; font-size: 14px; color: #fff; text-align: center; overflow: hidden; position: relative; }
.mod-03>div .box>img { display: block; width: 100%; }
.mod-03>div .box .text-1, .mod-03>div .box .text-11 { height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.6); position: absolute; right: 0; bottom: 0; left: 0; }
.mod-03>div .box .text-2 { background: rgba(0, 148, 73, 0.6); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; }
.mod-03>div .box .text-2 .name { margin-top: -31px; position: absolute; top: 50%; right: 0; left: 0; }
.mod-03>div .box .text-2 .name img { display: block; margin-right: auto; margin-bottom: 16px; margin-left: auto; }
.block-02 { padding-top: 55px; padding-bottom: 70px; background: url("../images/bg_2.jpg") center center no-repeat; background-size: cover; }
.mod-04 .item { padding-top: 10px; padding-bottom: 10px; }
.mod-04 .img { display: block; margin-bottom: 10px; font-size:14px; padding:5px 0; box-shadow: 0 0 24px rgba(0, 0, 0, 0.06); }
.mod-04 .img img { display: block; width: 100%; }
.mod-04 .img:last-child { margin-bottom: 0; }
.mod-04.owl-carousel .owl-nav button.owl-next,  .mod-04.owl-carousel .owl-nav button.owl-prev { width: 24px; height: 46px; margin-top: -23px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; }
.mod-04.owl-carousel .owl-nav button.owl-next { background: url("../images/arrow_2r.png") center center no-repeat; right: 5px; }
.mod-04.owl-carousel .owl-nav button.owl-prev { background: url("../images/arrow_2l.png") center center no-repeat; left: 5px; }
.ab_newTop { padding:0 20px; }
.ab_newTop li { width:100%; clear:both }
.ab_newTop li:last-child { margin-right: 0; }
.ab_newTop .abT_desc { margin-top: 10px; position: relative; margin-left: 20px; margin-bottom: 30px; }
.ab_newTop .abT_icon img{width:75px;}
.ab_newTop .abT_desc .title { font-size: 18px; line-height: 28px; color: #333; }
.ab_newTop .abT_desc .stitle { font-size: 15px; line-height: 34px; color: #888; font-weight: normal; }
/*02-1榧庡厓鏍稿績-榧庡厓鍞悗*/

.other-banner img { display: block; width: 100%; }

.mod-05 {  background:#f6f6f6;height:45px;}
.mod-05 .item { margin:0 auto; text-align:center;float:left; padding: 0px 0; width: 20%;}
.mod-05 .item a { height: 45px; line-height: 45px;padding:0 0px;display:block; font-size: 14px;  color: #666; text-align: center; }
.mod-05 .item a:hover { }
.navmenu_1 .item {width:19.5%}
.navmenu_1 .item:nth-child(1){width:22%}
.navmenu_1 .item a {font-size:14px;}
/*.navmenu_1 .item:nth-child(3){display:none}*/

.navmenu_5 .item {width:26.6666666667%}
.navmenu_5 .item:nth-child(1) {width:20%}
.navmenu_8 .item {width:13.5%}
.navmenu_8 .item:nth-child(2){width:22%;}
.navmenu_8 .item:nth-child(3){width:24%;}

.mod-05 .item a img { width: 14px; margin-left: -7px; position: absolute; bottom: -40px; left: 50%; display: none; }
.mod-05 .item a.on { background: #fff; color: #d44242; }

.mod-05 .item a.on img { display: inline; }

.mod-05.other-nav .item a { display: block; width: 100%; }
.mod-06 img { display: block; margin-right: auto; margin-left: auto; }
.block-03 { padding-top: 55px; padding-bottom: 95px; }
.tit-2 { height: 64px; line-height: 64px; background: url("../images/line_5.jpg") center bottom no-repeat; font-size: 24px; color: #009449; text-align: center; text-transform: uppercase; }

/*首页解决方案*/

.solution { width: 94%; margin: 0 3%;padding: 0 0 30px 0; position: relative }
.solution .item_block { width: 100%; background-color: #f8f8f8; margin: 0 0 2% 0; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; position: relative; overflow: hidden; }
.solution .item_img { width: 48%;float:left; }
.solution .item_img img { display: block; border: 0; width: 100%; height: auto; }
.solution .item_wrapper { margin-top: -35px; width: 50%; float: right; position: absolute; top: 50%; right: 0; }
.solution .item_info { padding: 0 20px; width: calc(100% - 40px); display: block; text-align: left; }
.solution .title { color: #444; font-size: 14px; transition: all .3s ease-out 0s; line-height: 20px; }
.solution .subtitle { margin-bottom: 6px; line-height: 14px; }
.solution .item_des { display: block; text-align: left; padding: 0 20px; height: 40px; overflow: hidden; box-sizing: border-box; color: #777; line-height: 20px; font-size: 12px; }

.newslist { width: 92%; margin: 0 4%; position: relative }
.newslist .item_block {border-bottom:1px solid #eee; margin: 0 0 15px 0;padding: 0 10px 15px 0;transition: all .2s ease-out; -webkit-transition: all .2s ease-out; position: relative; overflow: hidden; }
.newslist .item_img { width: 80px;height:70px;float:left;margin-right:20px;background-size:cover;background-repeat:no-repeat;background-position:center; }
.newslist .item_wrapper {  float:none !important;float: left;padding:0px 0;  }
.newslist .item_info { padding: 0 0px;  display: block; text-align: left; }
.newslist .title { color: #555; font-size: 14px; transition: all .3s ease-out 0s; line-height: 20px;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;display: block;text-align: left; }
.newslist .subtitle { margin-bottom: 3px; color:#999;line-height: 14px; }
.newslist .item_des { display: block; text-align: left; padding: 0 0; height: 36px; overflow: hidden; box-sizing: border-box; color: #888; line-height: 18px; font-size: 12px;text-overflow: ellipsis; overflow: hidden;display: block;text-align: left;  }

/*02-1榧庡厓鏍稿績-鍏充簬榧庡厓*/

.mod-07 { position: relative; }
.mod-07 .img { margin-bottom: 20px; }
.mod-07 .img img { display: block; margin-right: auto; margin-left: auto; }
.mod-07 .title { font-size: 14px; color: #999; text-transform: uppercase; }
.mod-07 .title .name { font-size: 24px; color: #009449; }
.mod-07 .content { line-height: 26px; font-size: 14px; color: #666; }
.mod-08 { font-size: 0; }
.mod-08 a { float: none; display: inline-block; height: 260px; vertical-align: top; padding-top: 46px; background: #fff; border: 1px solid #ebebeb; transition: all 0.5s; }
.mod-08 a span { display: block; }
.mod-08 a .icon { width: 100px; height: 100px; padding-top: 33px; margin-bottom: 38px; background: #fff; border: 1px solid #ededed; border-radius: 50%; transition: all 0.5s; }
.mod-08 a .text { line-height: 24px; font-size: 16px; color: #666; }
.mod-08 a:hover { background: #eef4fb; border: 1px solid #eef4fb; }
.mod-08 a:hover .icon { padding-top: 27px; background: #009449; border: 7px solid #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); }
.mod-08 a:hover .icon img:first-child { display: none; }
.mod-08 a:hover .icon img:last-child { display: inline; }
/*02-2榧庡厓鏍稿績-榧庡厓璧勮川*/

.block-04 { background: url("../images/icon_20.png") left center no-repeat; }
.block-04 .bg { background: #f4fbfb; position: absolute; top: 96px; right: 0; bottom: 45px; left: 50%; }
.mod-09 { padding-bottom: 114px; }
.mod-09 .img img { display: block; width: 100%; }
.mod-09 .text { background: #fff; }
.mod-09 .text .title { height: 70px; line-height: 70px; padding-right: 20px; padding-left: 20px; margin-bottom: 20px; background: #009449; font-size: 22px; color: #fff; position: relative; }
.mod-09 .text .title .icon { margin-top: -15px; position: absolute; top: 50%; left: -14px; }
.mod-09 .text .content { line-height: 34px; padding-right: 20px; padding-bottom: 71px; padding-left: 20px; font-size: 14px; color: #333; text-transform: uppercase; }
.mod-09 .slick-arrow { width: 115px; height: 55px; background-color: #009449; background-position: center center; background-repeat: no-repeat; border: none; font-size: 0; transition: all 0.5s; position: absolute; bottom: 114px; z-index: 999; }
.mod-09 .slick-prev { background-image: url("../images/arrow_3l.png"); right: 115px; }
.mod-09 .slick-next { background-image: url("../images/arrow_3r.png"); right: 0; }
.mod-09 .slick-arrow:hover { background-color: #91d5d3; }
.album-page { width: 180px; height: 185px; padding-top: 25px; padding-left: 25px; background: rgba(118, 203, 200, 0.9); font-size: 24px; color: #fff; position: absolute; bottom: 0; left: 15px; }
.album-page .p-1 { line-height: 40px; }
.album-page .p-2 { padding-left: 33px; }
.album-page .p-2 .sp-2 { display: inline-block; height: 82px; line-height: 60px; background: url("../images/line_6.jpg") 3px bottom no-repeat; font-size: 60px; }
/*02-4榧庡厓浜у搧璇︽儏*/

.mod-10 { overflow-x: auto; border-bottom: 1px solid #d8d8d8; text-align: center; }
.mod-10 .box { display: inline-block; font-size: 0; }
.mod-10 .box a { display: inline-block; }
.mod-10 .box a span { display: inline-block; height: 54px; line-height: 54px; padding-right: 36px; padding-left: 36px; font-size: 14px; color: #666; }
.mod-10 .box a:hover span,  .mod-10 .box .on span { color: #009449; }
.mod-11>.fix { margin-right: -32px; margin-left: -32px; }
.mod-11>.fix>div { padding-right: 32px; padding-left: 32px; }
.mod-11 .img img { display: block; width: 100%;height:auto }
.mod-11 .title { padding-bottom: 12px; margin-bottom:30px;border-bottom: 2px solid #d44242; line-height:25px;font-size: 20px; color: #333; font-weight: bold; }
.mod-11 .content { line-height: 26px; font-size: 14px; color: #999; }
.mod-11 .content .sp-1 { display: inline-block; height: 35px; line-height: 33px; padding-right: 20px; padding-left: 20px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #eee; border-radius: 17px; font-size: 12px; color: #b4b4b4; text-transform: uppercase; transition: all 0.5s; }
.mod-11 .content .sp-1:hover { border: 1px solid #009449; color: #009449; }
.mod-11 .content .sp-1 sup { font-size: 8px; }
.tit-3 { line-height: 28px; font-size: 18px; color: #333; font-weight: bold; }
/*02-4榧庡厓鏍稿績-榧庡厓浜у搧*/

.mod-12 { margin-right: -10px; margin-left: -10px; }
.mod-12>div { padding-right: 10px; padding-left: 10px; margin-bottom: 20px; }
.mod-12>div a { display: block; position: relative; }
.mod-12>div a>img { display: block; width: 100%; }
.mod-12>div a span { display: block; }
.mod-12>div a .bg { background: rgba(2, 90, 173, 0.9); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; }
.mod-12>div a .bg .name { height: 81px; line-height: 26px; padding-top: 15px; margin-top: -40px; background: url("../images/name_bg1.png") center center no-repeat; color: #fff; text-transform: uppercase; text-align: center; position: absolute; top: 50%; right: 0; left: 0; }
.mod-12>div a .bg .name .name-cn { font-size: 16px; }
.mod-12>div a .bg:before,  .mod-12>div a .bg:after { content: ''; position: absolute; top: 14px; right: 14px; bottom: 14px; left: 14px; }
.mod-12>div a .bg:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.mod-12>div a .bg:after { border-right: 1px solid #fff; border-left: 1px solid #fff; }
/*03榧庡厓鏈嶅姟*/

.tit-4 { padding-bottom: 15px; background: url("../images/line_7.jpg") center bottom no-repeat; font-size: 14px; color: #999; text-align: center; }
.tit-4 .name-cn { line-height: 36px; margin-bottom: 10px; font-size: 36px; color: #333; }
.mod-13 { line-height: 28px; font-size: 14px; color: #666; }
.block-05 { padding-top: 40px; background: #f6f6f6; }
.tit-5 { line-height: 50px; font-size: 24px; color: #666; text-align: center; }
.tit-5 .name { font-size: 36px; color: #009449; }
.mod-14 { padding-top: 25px; padding-right: 15px; padding-left: 15px; background: #f6f6f6; }
.mod-14>div { padding-right: 10px; padding-left: 10px; margin-bottom: 20px; }
.mod-14>div .box { background: #fff; transition: all 0.5s; }
.mod-14>div .box .img { display: block; position: relative; }
.mod-14>div .box .img>img { display: block; width: 100%; }
.mod-14>div .box .img .bg { background: rgba(5, 5, 5, 0.6); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; }
.mod-14>div .box .img .bg .icon { margin-top: -32px; margin-left: -32px; position: absolute; top: 50%; left: 50%; }
.mod-14>div .box .name { display: block; height: 90px; line-height: 90px; font-size: 24px; color: #333; text-align: center; }
.mod-14>div .box:hover { box-shadow: 0 0 13px rgba(0, 0, 0, 0.14); }

/*03榧庡厓鏈嶅姟-灞呭鍑€鍖栨柟妗*/

.tit-6{

    line-height: 26px;

    padding-bottom: 12px;

    background: url("../images/line_7.jpg") left bottom no-repeat;

    font-size: 14px;

    color: #333;

}

.tit-6 .name{

    line-height: 32px;

    margin-bottom: 10px;

    font-size: 24px;

    font-weight: bold;

}

.mod-15{

    line-height: 28px;

    font-size: 14px;

    color: #333;

}

.mod-15 img{

    display: block;

}

.mod-16{

    padding-top: 90px;

    padding-bottom: 90px;

    position: relative;

}

.mod-16:after{

    content: '';

    width: 14px;

    height: 14px;

    background: #f6f6f6;

    border: 1px solid #ddd;

    border-radius: 50%;

    position: absolute;

    top: 0;

}

.mod-16 .box{

    margin-bottom: 25px;

}

.mod-16 .box:last-child{

    margin-bottom: 0;

}

.mod-16 .box>div{

    min-height: 28px;

    line-height: 28px;

    padding-right: 0;

    padding-left: 64px;

    font-size: 14px;

    color: #666;

}

.mod-16 .box>div .number{

    width: 64px;

    background: url("../images/icon_23.png") left center no-repeat;

    font-size: 28px;

    color: #333;

    text-align: right;

    position: absolute;

    top: -4px;

    left: -7px;

}





/*03榧庡厓鏈嶅姟-绌烘皵妫€娴嬫柟妗*/

.block-06{

    padding-top: 40px;

    padding-bottom: 30px;

    background: #f3f3f3;

}

.mod-17{

    height: 610px;

    padding-top: 40px;

    padding-right: 28px;

    padding-left: 28px;

    background: #009449;

    border-radius: 5px;

    color: #fff;

}

.mod-17 .title{

    line-height: 28px;

    padding-bottom: 10px;

    background: url("../images/line_8.jpg") left bottom no-repeat;

    font-size: 18px;

}

.mod-17 .title .name-en{

    height: 30px;

    line-height: 30px;

    font-size: 24px;

    text-transform: uppercase;

}

.mod-17 .content .form-group{

    margin-bottom: 20px;

    position: relative;

}

.mod-17 .content .textBox{

    height: 33px;

    line-height: 32px;

    padding: 0;

    background: none;

    border: none;

    border-bottom: 1px solid #6297c9;

    border-radius: inherit;

    font-size: 16px;

    color: #fff;

}

.mod-17 .content .textBox::-webkit-input-placeholder{

    color: #fff;

}

.mod-17 .content .textBox::-moz-placeholder{

    color: #fff;

}

.mod-17 .content .textBox:-moz-placeholder{

    color: #fff;

}

.mod-17 .content .textBox:-ms-input-placeholder{

    color: #fff;

}

.mod-17 .content .input{

    display: block;

    width: 100%;

    height: 50px;

    background: #f3f3f3;

    border: none;

    border-radius: 5px;

    font-size: 14px;

    color: #000;

}

.mod-17 .content .select{

    width: 100%;

    height: 33px !important;

    line-height: 32px;

    background: none;

    outline: none;

    filter: none !important;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance:none;

    border: none;

    border-bottom: 1px solid #6297c9;

    font-size: 16px;

}

.mod-17 .content .select option{

    background: #ddd;

}

.mod-17 .content .select-hide-span{

    width: 16px;

    height: 9px;

    background: url("../images/icon_24.png") no-repeat;

    position: absolute;

    top: 10px;

    right: 0;

}

.mod-17 .down{

    line-height: 16px;

    text-align: center;

}

.mod-18 .img{

    display: block;

}

.mod-18 .img img{

    display: block;

    width: 100%;

}

.mod-18.owl-carousel .owl-nav{

    padding-top: 10px;

}

.mod-18.owl-carousel .owl-nav button.owl-next,

.mod-18.owl-carousel .owl-nav button.owl-prev{

    width: 40px;

    height: 40px;

    text-indent: 999px;

    overflow: hidden;

    transition: all 0.5s;

}

.mod-18.owl-carousel .owl-nav button.owl-next{

    margin-left: 10px;

    background: url("../images/arrow_4r.png") center center #dedede no-repeat;

}

.mod-18.owl-carousel .owl-nav button.owl-next:hover{

    background: url("../images/arrow_4r_h.png") center center #009449 no-repeat;

}

.mod-18.owl-carousel .owl-nav button.owl-prev{

    background: url("../images/arrow_4l.png") center center #dedede no-repeat;

}

.mod-18.owl-carousel .owl-nav button.owl-prev:hover{

    background: url("../images/arrow_4l_h.png") center center #009449 no-repeat;

}

.mod-19{

    padding-top: 40px;

    padding-bottom: 40px;

    background: url("../images/bg_4.jpg") repeat-x;

    background-size: 100% 50%;

}

.mod-19 img{

    display: block;

}





/*04-1榧庡厓鏁呬簨*/

.mod-20 { position: relative; }
.mod-20 img { display: block; width: 100%; }
.mod-20 .text { line-height: 24px; padding-top: 45px; padding-bottom: 35px; background: rgba(51, 51, 51, 0.2); font-size: 16px; color: #fff; text-align: center; position: absolute; right: 0; bottom: 0; left: 0; }
.mod-20 .text .title { line-height: 40px; margin-bottom: 28px; font-size: 40px; }
.mod-21 .text { line-height: 36px; font-size: 20px; color: #666; text-align: center; }
.mod-21 .text .title,  .mod-21 .text .slogan { line-height: 56px; font-size: 40px; }
.mod-21 .text .title { color: #009449; }
.mod-21 .text .slogan { margin-bottom: 15px; color: #666; }
.mod-21 .text a { display: inline-block; width: 160px; height: 40px; line-height: 38px; border: 1px solid #009449; border-radius: 20px; font-size: 16px; color: #009449; }
.mod-22 { text-align: center; }
.mod-22 .title { line-height: 42px; font-size: 40px; color: #000; }
.mod-22 .content { line-height: 24px; font-size: 14px; color: #333; }
.mod-22 a { display: inline-block; width: 160px; height: 40px; line-height: 38px; border: 1px solid #009449; border-radius: 20px; font-size: 16px; color: #009449; }
.block-07 { padding-top: 50px; padding-bottom: 70px; background: url("../images/bg_8.jpg") no-repeat; background-size: cover; background-attachment: fixed; color: #fff; }
.mod-23 { line-height: 28px; margin-bottom: 30px; font-size: 14px; }
.mod-24 { font-size: 30px; }
.mod-25 .title { font-size: 30px; }
.mod-25 .content .form-group { margin-bottom: 20px; }
.mod-25 .content .textBox { background: none; border: 1px solid #fff; border-radius: inherit; color: #fff; }
.mod-25 .content .textBox.textBox1 { height: 50px; }
 .mod-25 .content .textBox::-webkit-input-placeholder {
 color: #fff;
}
 .mod-25 .content .textBox::-moz-placeholder {
 color: #fff;
}
 .mod-25 .content .textBox:-moz-placeholder {
 color: #fff;
}
 .mod-25 .content .textBox:-ms-input-placeholder {
 color: #fff;
}
.mod-25 .content .input { width: 140px; height: 40px; background: #009449; border: none; font-size: 14px; color: #fff; }
/*04-2宸ョ▼妗堜緥*/

.mod-26>div { padding-right: 0; padding-left: 0; margin-bottom: 20px; }
.mod-26>div .box .img img { display: block; width: 100%; }
.mod-26>div .box .text { height: 60px; padding-top: 20px; background: #fff; color: #666; text-align: center; position: relative; transition: all 0.5s; }
.mod-26>div .box .text .title { line-height: 22px; margin-bottom: 14px; font-size: 16px; }
.mod-26>div .box .text .content { line-height: 18px; font-size: 14px; display: none; }
.mod-26>div .box:hover .text { height: 96px; margin-top: -36px; background: #009449; color: #fff; }
.mod-26>div .box:hover .text .title { font-size: 18px; }
.mod-26>div .box:hover .text .content { display: inline; }
/*04-3宸ョ▼妗堜緥-璇︽儏*/

.mod-27 .title { font-size: 14px; color: #999; text-align: center; }
.mod-27 .title .name { font-size: 30px; color: #333; }
.mod-27 .content { line-height: 26px; font-size: 14px; color: #009449; }
.mod-27 .content img { display: block; margin-right: auto; margin-left: auto; }
.mod-27 .down { line-height: 26px; padding-top: 20px; border-top: 1px solid #d8d8d8; font-size: 14px; color: #999; }
.mod-27 .down a { display: block; color: #999; transition: all 0.5s; }
.mod-27 .down a:hover { color: #009449; }
/*05鑱旂郴榧庡厓*/

.mod-28 { margin-top: -64px; background: #fff; position: relative; }
.mod-28 .title { height: 64px; line-height: 63px; margin-bottom: 30px; border-bottom: 1px solid #f0f0f0; font-size: 14px; color: #333; text-align: center; }
.mod-28 .map { padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.mod-29 { padding: 30px 20px; background: #fff; }
.mod-29 .title { padding-top: 20px; padding-bottom: 20px; font-size: 20px; color: #333; }
.mod-29 .content { padding-top: 28px; padding-bottom: 28px; line-height: 28px; font-size: 14px; color: #333; }
.mod-29 .code { padding-top: 10px; }
.mod-29 .code .text { width: 90px; line-height: 28px; margin-top: 35px; margin-right: 30px; font-size: 14px; color: #333; text-align: right; }
.mod-29 .code .img { width: 119px; height: 119px; border: 1px solid #f8f8f8; }
.mod-29 .code .img img { display: block; width: 117px; height: 117px; }
.mod-30 { color: #666; }
.mod-30 .name-cn { line-height: 44px; color: #333; font-weight: bold; }
.mod-30 .name-en { line-height: 33px; font-size: 20px; color: #999; text-transform: uppercase; }
.mod-31 .box { padding-top: 30px; padding-bottom: 30px; margin-bottom: 20px; background: #fff; transition: all 0.5s; position: relative; }
.mod-31 .box .name { padding-left: 70px; position: relative; }
.mod-31 .box .name .icon { width: 59px; height: 59px; padding-top: 14px; border: 1px solid #3d3d3d; border-radius: 50%; text-align: center; transition: all 0.5s; position: absolute; top: 0; left: 0; }
.mod-31 .box .name .text { line-height: 30px; }
.mod-31 .box .name .text .name-cn { font-size: 18px; color: #333; transition: all 0.5s; }
.mod-31 .box .name .text .name-en { font-size: 14px; color: #004ca7; text-transform: uppercase; transition: all 0.5s; }
.mod-31 .box .content { line-height: 28px; padding-right: 20px; padding-left: 20px; font-size: 14px; color: #333; transition: all 0.5s; }
.mod-31 .box:hover { background: #004ca7; }
.mod-31 .box:hover .name .icon { border: 1px solid #fff; }
.mod-31 .box:hover .name .icon img:first-child { display: none; }
.mod-31 .box:hover .name .icon img:last-child { display: inline; }
.mod-31 .box:hover .name .text .name-cn { color: #fff; }
.mod-31 .box:hover .name .text .name-en { color: #fff; }
.mod-31 .box:hover .content { color: #fff; }


.richtitle { text-align:left; margin:10px 0 15px 0 }
.richtitle h2 { line-height:1.5; font-size:22px; font-weight:normal; }
.richtitle p { color:#999; font-size:15px; }
.richtext { color: #777; line-height: 1.8; font-size: 14px; }
.agent-desktop .richtext a:hover { color: #00C0FF }
.richntext { line-height:2; font-size:14px; }
.richntext p,.richtext p{ margin:0 0 7px 0 }
.richtext hr { margin: 10px 0; border: none; border-top: 1px dotted #d3d3d3; word-wrap: break-word; word-break: normal; }

.hornor_title {
    font-size: 22px;
    color: #333;
    line-height: 27px;
    text-align: left;
    margin: 40px 0 30px 0;
    padding: 10px 15px;
    font-weight: normal;
    border-left: 3px solid #d22424;
    background: #f9f9f9;
	clear:both
}
	
.mlist.news .content_list .item_block .item_img { }
.mlist.news .content_list .item_block .item_wrapper { padding: 38px 38px 18px 38px }
.mlist.news .content_list .item_block .item_wrapper .line { width: 100%; height: 1px; background: #dbdbdb; margin: 20px 0; }
.mlist.news .content_list .item_block .item_wrapper .line div { transition: all 0.3s ease 0s; width: 0; height: 1px; background: #232323; }
.agent-desktop .mlist.news .content_list .item_block:hover .item_wrapper .line div { width: 100%; }
.mlist.news .content_list .item_block .item_wrapper .description { font-size: 13px; color: #939393; height: 48px; line-height: 24px; position: relative; overflow: hidden }
.mlist.team .content_list .item_block .content { background: none }
.agent-desktop .mlist.team .content_list .item_block:hover .content { box-shadow: none }
.mlist.team .content_list .item_block .item_img { overflow: inherit;}
.mlist.team .content_list .item_block .item_img img{width: 100%}
.mlist.team .content_list .item_block .item_img_mask { position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; opacity: 0; transition: all 0.2s ease 0s; }
.mlist.team .content_list .item_block .item_img_summary { margin-top: 25px; position: absolute; top: 100%; width: 100%; height: 44px; transition: all 0.4s ease 0s; }
.mlist.team .content_list .item_block .item_img_summary p { text-align: center; transition: all 0.4s ease 0s; }
.mlist.team .content_list .item_block .item_wrapper { transition: all 0.3s ease 0s; padding: 0px 10px 0px 10px; top: -23px; position: relative; opacity: 0; border-bottom: #dbdbdb 1px solid;	background:url(images/download.png) no-repeat 90% 0px;background-size:auto 20px }
.mlist.team .content_list .item_block .item_wrapper .description { font-size: 13px; color: #232323; height: 48px; overflow: hidden; line-height: 24px; text-align: center }
.agent-desktop .mlist.team .content_list .item_block:hover .item_img_mask { opacity: 1 }
.agent-desktop .mlist.team .content_list .item_block:hover .item_img_summary { top: 50%; margin-top: -22px }
.agent-desktop .mlist.team .content_list .item_block:hover .item_img_summary p { color: #fff }
.agent-desktop .mlist.team .content_list .item_block:hover .item_wrapper { opacity: 1; top: 23px }
.mlistpost.team #postContent #postInfo { text-align: left; padding-bottom: 12px; margin-bottom: 25px; border-bottom: 1px dotted #d3d3d3; }
.mlistpost.team #postContent #postInfo .subtitle { font-size: 13px; color: #939393; margin-top: 4px }
.mlistpost.team .row.gutter { margin: 0 -15px; }
.mlistpost.team .row.gutter > [class*="col-"] {
 padding-left: 15px;
 padding-right: 15px
}
.mlist .content_list .item_block .title {
    font-size: 14px;
    line-height: 24px;
	color:#333;
	padding-left:10px;
}

 /*页码样式-基础版-紧凑型（无空隙）*/
 #Paging {font-family:'Microsoft YaHei','Arial',sans-serif;font-size:14px;text-align:center;width:100%;overflow:hidden;}
 .Pagination {display:inline-block;}
 .Pagination span {display:block;float:left;background:#f6f6f6;text-align:center;padding:5px 10px;}
 .Pagination a {display:block;float:left;background:#f6f6f6;border:1px solid #dfdfdf;color:#555;text-align:center;text-decoration:none;padding:5px 10px;}
 .Pagination a:hover {color:#fff;background:#d44242;}
 .Pagination span.current {border:1px solid #d44242;background:#d44242;color:white;position:relative;}
 .Pagination span.disabled {border:1px solid #dfdfdf;color:#aaa;cursor:not-allowed;}
 .Pagination .pageinfo {border:1px solid #dedede;color:#333;margin-left:10px;}
 .Pagination .pageselect {min-width:60px;padding:5px;border:1px solid #ccc;margin-left:10px;}
 .Pagination .pagejump {display:inline-block;border:1px solid #dedede;color:#333;margin-left:10px;padding:2px 4px;}
 .Pagination .pagejump .pagejumpinput {width:40px;border:1px solid #d44242;}
 .Pagination .pagejump .pagejumpsubmit {border:1px solid #d44242;background:#d44242;color:white;padding:3px 5px;cursor:pointer;}
 @media screen and (max-width:767px) {#Paging {font-size:12px;}
     .Pagination a,.Pagination span {padding:4px 8px;}
     .Pagination .pageinfo {display:none;}
     .Pagination .pageselect {display:none;}
     .Pagination .pagejump {display:none;}
 }