/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; font-family: Arial, ''; color: #333; }
a { color: #666; }
a:hover { color: #f60; text-decoration: none; }
p { line-height: 1.5em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1200px; margin: 0 auto; }
.wapper1 { min-width: 1200px; margin: 0 auto; }
/*common end*/

.headbg { height: 131px; }
.headbg .head01 { height: 40px; line-height: 40px; background: #323232; color: #fff; }
.headbg .head01 .rt { float: left; }
.headbg .head01 .rt span { display: inline-block; padding-left: 25px; margin: 0 20px 0 0; }
.head { width:80%;}
.head .logo { float: left; width: 180px; height: 90px; position: relative; }
.head .logo img { /*max-width:180px;*/ max-height: 70px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0; }
.row { width: 100%; display: table; margin-left: 0; margin-right: 0; }

.head .rt {/* float:right; max-width:1000px;*/ }
/*menu*/
.menu { height: 70px; line-height: 70px; }
.menu ul{
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: space-between;}
.menu ul li {/* float: left;*/ position: relative; z-index: 5; width: fit-content;}
.menu ul li .erji { width: 220px; position: absolute; left: 0px; top: 100%; padding:20px 0 0 0; display: none; }
.menu ul li:hover .erji{ display:block;}
.menu ul li dl{ background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.menu ul li dl dd { line-height: 35px; border-bottom: #ddd dotted 1px; position: relative; }
.menu ul li dl dd a { font-size: 12px; color: #666; font-weight: normal; display: inline; padding: 0 0 0 20px; text-align: left; }
.menu ul li dl dd a:hover, .menu ul li dl dd:hover>a { color: #244A9A; }
.menu ul li dl dd .sanji { background: #fff; width: 100%; position: absolute; left: 100%; top: 0; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); display: none; }
.menu ul li dl dd:hover .sanji { display: block }
.menu ul li dl dd .sanji a { display: block; line-height: 35px; border-bottom: #ddd dotted 1px; }
.menu a { font-size: 20px; color: #333; text-decoration: none; /*font-weight:bold;*/ display: block; text-align: center; padding: 0 10px; }
.menu a:hover { color: #333; }
a.menu_hover { color: #31bd35; }
.menu a.active { color: #fff; background-color: #0178d4; }
/*banner_03*/
.banner_03 { position: relative; z-index: 1; width: 100%; height: 960px; overflow: hidden; }
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow: hidden; }
.banner_03 .bd ul { margin: 0px auto; }
.banner_03 .bd li { width: 100%; height: 1000px; text-align: center; overflow: hidden; }
.banner_03 .hd { position: relative; top: -80px; width: 1100px; height: 20px; margin: 0px auto; text-align: center; }
.banner_03 .hd ul { position: absolute; left: 50%; margin-left: -60px; bottom: 0px; z-index: 99; width: 100%; height: 22px; }
.banner_03 .hd ul li { height: 22px; width: 22px; margin-left: 15px; text-align: center; text-indent: -9999em; float: left; background: url(../Images/BannerBg_02.png) no-repeat; cursor: pointer; }
.banner_03 .hd ul .on { background: url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position: absolute; TOP: 50%; left: 20px; Z-INDEX: 2; width: 31px; height: 53px; margin-top: -30px; background: url(../Images/BannerLeft.png) no-repeat; cursor: pointer; }
.banner_03 .next { position: absolute; TOP: 50%; right: 20px; Z-INDEX: 2; width: 31px; height: 53px; margin-top: -30px; background: url(../Images/BannerRgt.png) no-repeat; cursor: pointer; }
/*banner_02*/
/*.banner_02{ height:550px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}*/


.tit1 { text-align: center; }
.tit1 h2 { color: #999; font: 16px; line-height: 1em; }
.tit1 h3 { color: #fff; font-size: 24px; line-height: 1.5em; }
.con01bg { margin-top: 50px; }
.con01 { }
.con01 .main { margin-top: 30px; }
.con01 .main table { }
.con01 .main table td { }
.con01 .main .txt { width: 600px; padding-right: 50px; color: #999; font-size: 20px; line-height: 1.5em; }
.con01 .main .img { width: 550px; }
.con01 .main .img img { width: 550px; }
.con02bg { margin-top: 50px; background: #F4F4F4; padding: 50px 0; }
.con02 { }
.con02 .main { margin-top: 30px; }
/*slideTxtBox_01*/
.slideTxtBox_01 { }
.slideTxtBox_01 .hd { height: 80px; line-height: 80px; font-size: 20px; background: #fff; }
.slideTxtBox_01 .hd ul li { cursor: pointer; float: left; width: 32%; text-align: center; }
.slideTxtBox_01 .hd ul li a { display: block; color: #CBCBCB; }
.slideTxtBox_01 .hd ul li.on { }
.slideTxtBox_01 .hd ul li.on a { background: #F4F4F4; color: #31bd35; }
.slideTxtBox_01 .bd { margin-top: 30px; }
.slideTxtBox_01 .bd ul li { float: left; width: 250px; margin: 0 75px; text-align: center; }
.slideTxtBox_01 .bd ul li .img { background: #fff; width: 208px; height: 208px; padding: 20px; border: 1px dashed #ccc; border-radius: 100%; }
.slideTxtBox_01 .bd ul li .img img { width: 208px; height: 208px; border-radius: 100%; }
.slideTxtBox_01 .bd ul li span { display: block; height: 30px; line-height: 30px; overflow: hidden; }
.slideTxtBox_01 .bd ul li span a { }
.slideTxtBox_01 .bd ul li img:hover { background: rgba(46, 116, 181, 0.5); }
.tit2 { text-align: center; }
.tit2 h2 { color: #0178d4; font-size: 40px; line-height: 1.5em; }
.tit2 h3 { font-weight: normal; color: #999; font-size: 25px; line-height: 1em; }
.con03bg { margin-top: 50px; }
.con03 { }
.con03 .main { margin-top: 30px; overflow: hidden; }
.con03 .main ul { width: 1250px; }
.con03 .main ul li { float: left; width: 360px; margin: 0 30px 0 0; background: #0178d4; color: #fff; padding: 10px; height: 180px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.con03 .main ul li h2 { font-size: 20px; line-height: 1.5em;/* height:3em; overflow:hidden;*/ text-align: center; width: 100%; }
.con03 .main ul li p { text-indent: 2em; padding: 0; font-size: 15px; line-height: 1.5em; height: 9em; overflow: hidden; display: none; }
.m3l { width: 588px; float: left; background: #fafafa; }
.m3ln { padding: 24px; padding-bottom: 42px; }
.m3lbiao { display: block; font-size: 24px; line-height: 40px; /*font-family: 'FuturaStdLight'; */ margin-top: 8px; color: #0178d4; font-weight:bold;}
.m3ltu { position: relative; overflow: hidden; margin-top: 26px; }
.m3ltu { display: block; }
.m3ltu img { display: block; margin: auto; width: 100%; max-width: 640px; max-height: 335px; }
.m3fu { position: absolute; width: 100%; height: 88px; left: 0px; bottom: 0px; background: #000; background: rgba(0,0,0,0.6); padding-top: 10px; }
.m3fu p a { display: block; padding-left: 25px; padding-right: 20px; font-size: 16px; color: #fff; line-height: 26px; height: 78px; overflow: hidden; }
.m3fu p a:hover { color: #31bd35; }
.m3lmor { display: block; width: 152px; height: 42px; border-radius: 21px; background: #31bd35; font-size: 16px; color: #fff; position: absolute; left: 50%; margin-left: -76px; top: 50%; margin-top: -21px; text-align: center; line-height: 42px; }
.m3r { width: 588px; float: right; background: #fafafa; }
.m3rn { padding: 24px; min-height: 420px; margin-bottom: 8px; }
.m3rlie { position: relative; min-height: 84px; margin-top: 35px; }
.m3shijian { background: url(../images/m3riqi.jpg) no-repeat center; width: 148px; height: 77px; position: absolute; left: 0px; top: 7px; }
.m3shijian a { display: block; float: left; font-size: 50px; font-weight: bold; color: #000000; line-height: 77px; margin-left: 20px; }
.m3shijian p { font-size: 14px; line-height: 24px; color: #000000; width: 35px; float: left; margin-top: 13px; margin-left: 10px; }
.m3zi { margin-left: 171px; }
.m3zi>a { display: block; font-size: 16px; line-height: 26px; color: #000000; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.m3zi p a { display: block; font-size: 14px; color: #4d4d4d; line-height: 24px; margin-top: 11px; height: 48px; overflow: hidden; }
.m3zi p a:hover { color: #31bd35; }
.more1 { text-align: right; }
.more1 span { display: inline-block; vertical-align: top; text-align: center; height: 40px; line-height: 40px; padding: 0 20px; font-size: 16px; border: 1px solid #1654b9; background: #0178d4; color: #fff; }
.more1 span:hover { background: #fff; color: #31bd35; }
.con04bg { margin-top: 50px; }
.con04 { }
.con04 .main { margin-top: 30px; overflow: hidden; }
/*banner_01*/
.banner_01 { width: 540px; height: 360px; overflow: hidden; position: relative; z-index: 1; margin-top: 26px; }
.banner_01 ul { height: 360px; position: absolute; }
.banner_01 ul li { width: 540px; height: 360px; float: left; overflow: hidden; position: relative; background: #ccc; }
.banner_01 ul li img { width: 540px; height: 360px; }
.banner_01 .btnBg { width: 540px; height: 20px; position: absolute; left: 0; bottom: 0; background: #000; }
.banner_01 .btn { width: 540px; position: absolute; height: 10px; padding: 0 10px; right: 0; bottom: 5px; text-align: right; }
.banner_01 .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
.banner_01 .btn span.on { background: #fff; }
.banner_01 .preNext { top: 130px; width: 45px; height: 100px; position: absolute; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; }
.banner_01 .pre { left: 0; }
.banner_01 .next { right: 0; background-position: right top; }
.footbg { margin-top: 50px; }
.foot {/* background: url(../images/op0.5.png) repeat; background: #e8f2f3; */ color: #fff;}
.foot a { color: #fff; }
.foot .top { padding: 30px 0; font-size: 14px; text-align: center; }
.foot .top a:hover { text-decoration: underline; }
.foot .top dl { text-align: center;/*float:left;*/ display: inline-block; vertical-align: top; margin: 0 40px 0 25px; }
.foot .top dl dt { font-weight: bold; line-height: 2em; }
.foot .top dl dd { line-height: 1.5em; display: none; }
.foot .top dl dd a { }
.foot .mid { }
.foot .mid .list { }
.foot .mid .list ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: space-between;}
.foot .mid .list ul li { float: left; width: fit-content; margin: 10px 20px 10px 20px; }
.foot .mid .list ul li img {/* width: 115px; height: 50px; */ display:block; width:100%; background:#fff;}
.foot .btm { padding: 10px 0; text-align: center; }
.foot .btm ul li { line-height: 1.5em; }
.foot .btm ul li a { }
.foot .btm ul li a:hover { text-decoration: underline; }
/*Add------------------------------------------------------------------------------*/

.insidebg { }
.inside { }
.weizhi { height: 40px; line-height: 40px; font-size: 14px; }
.inside_con { }
.intop { }
.intop h2 { font-size: 20px; font-weight: normal; text-align: center; line-height: 2em; height: 2em; overflow: hidden; color: #31bd35; }
.intop p { padding: 0; font-size: 14px; line-height: 1.5em; color: #999; text-align: left; }
.servicebg { }
.service { }
.service .btm { }
.service .btm ul { }
.service .btm ul li { margin-top: 30px; }
.service .btm ul li table { border-spacing: 0; }
.service .btm ul li table td { }
.service .btm ul li .img { width: 600px; }
.service .btm ul li .img img { width: 500px; }
.service .btm ul li .txt { width: 600px; /*padding:0 50px;*/ }
.service .btm ul li .txt h2 { font-weight: normal; font-size: 32px; color: #244A9A; margin-bottom: 20px;/* line-height:2em;*/ height: 2.5em; overflow: hidden; }
.service .btm ul li .txt p { padding: 0; font-size: 14px; line-height: 1.5em; color: #999; }
.productbg { }
.product { }
.product .btm { margin-top: 30px; background: #F4F4F4; }
/*slideTxtBox_02*/
.slideTxtBox_02 { }
.slideTxtBox_02 .hd { height: 80px; line-height: 80px; font-size: 20px; background: #fff; }
.slideTxtBox_02 .hd ul li { cursor: pointer; float: left; width: 50%; text-align: center; }
.slideTxtBox_02 .hd ul li a { display: block; color: #CBCBCB; }
.slideTxtBox_02 .hd ul li.on { }
.slideTxtBox_02 .hd ul li.on a { background: #F4F4F4; color: #31bd35; }
.slideTxtBox_02 .bd { margin-top: 30px; }
.slideTxtBox_02 .bd ul li { float: left; width: 250px; margin: 0 25px; text-align: center; }
.slideTxtBox_02 .bd ul li .img { background: #fff; width: 208px; height: 208px; padding: 20px; border: 1px dashed #ccc; border-radius: 100%; }
.slideTxtBox_02 .bd ul li .img img { width: 208px; height: 208px; border-radius: 100%; }
.slideTxtBox_02 .bd ul li span { display: block; height: 30px; line-height: 30px; overflow: hidden; }
.slideTxtBox_02 .bd ul li span a { }
.slideTxtBox_02 .bd ul li .img:hover { background: rgba(46, 116, 181, 0.5); }
/* 本例子css */
.outBox { margin-top: 30px; position: relative; z-index: 2; }
.outBox .hd { height: 40px; line-height: 40px; position: absolute; z-index: 3; left: 0; top: 600px; width: 100%; }
.outBox .hd ul { }
.outBox .hd ul li { float: left; width: 50%; text-align: center; cursor: pointer; font-size: 16px; }
.outBox .hd ul li.on { color: #31bd35; font-weight: bold; }
.inBox { }
.inBox .inHd { }
.inBox .inHd ul { overflow: hidden; }
.inBox .inHd ul li { width: 100px; height: 80px; text-align: center; float: left; margin: 0 5px; cursor: pointer; border: 2px solid #d4d4d4; }
.inBox .inHd ul li img { max-width: 100px; max-height: 80px; }
.inBox .inHd ul li.on { border: 2px solid #244A9A; }
.inBox .inBd { padding-bottom: 40px; }
.inBox .inBd .box { height: 600px; overflow: hidden; text-align: center; }
.inBox .inBd .box img { max-height: 600px; max-width: 100%; }




/*<!---->*/
.tit3{}
.tit3 .h2{ font-weight:bold; font-size:24px; line-height:1em; color:#0178d4; padding-left:5px; border-left:5px solid #0178d4;}
.con05bg{ margin-top:50px;}
.con05{}
.con05 .list{ margin-top:20px;}
.con05 .list2{ margin-top:20px;}
.con05 .list2 ul li{ padding:10px 0; border-bottom:1px dotted #0178d4;}
.con05 .list2 ul li .txt{}
.con05 .list2 ul li .txt .h2{ color:#919aca; font-size:20px; line-height:1.5em;}


.con06bg{ }
.con06{}
.con06 .list{ position:relative;}
.con06 .list .h2{ display: none;width:350px; text-align:right; font-size:14px; line-height:24px; position:absolute; top:10px; left:100%;color: #a5daff;}
.con06 .list .h2 span{ font-size:24px; color:#fff;}




.team1{ margin-top:20px;}
.team1 dl{ margin-bottom:20px;}
.team1 dl dt{ font-size:20px; line-height:30px; text-align:center; padding-bottom:10px; border-bottom:1px solid #ccc;}
.team1 dl dd{ font-size:18px; line-height:28px;}
.team1 dl dd table{}
.team1 dl dd table tr{}
.team1 dl dd table th{ padding:10px 0; border-bottom:1px solid #ccc; text-align:left; font-weight:normal;}
.team1 dl dd table td{ padding:10px 0; border-bottom:1px solid #ccc;}
.team1 dl dd table .w1{ width:15%;}
.team1 dl dd table .w2{ width:35%;}
.team1 dl dd table .w3{ width:15%;}
.team1 dl dd table .w4{ width:35%;}


.publications1{ margin-top:20px;}
.publications1_lt{ float:left; width:30%;}
.side_a{ border:1px solid #ccc;}
.side_a ul li{}
.side_a ul li a{ display:block; font-size:14px; line-height:24px; padding:10px 10px; text-align:center;}
.publications1_rt{ float:right; width:65%;}
.publications1_rt dl{ margin-bottom:20px;}
.publications1_rt dl dt{ font-size:24px; line-height:34px; margin-bottom:10px;}
.publications1_rt dl dd{}
.publications1_rt dl dd ul li{ display:flex; font-size:14px; line-height:24px;}
.publications1_rt dl dd ul li .num{ padding:10px 0;}
.publications1_rt dl dd ul li .txt{ padding:10px 0; flex:1; border-bottom:1px dashed #ccc;}