﻿@charset "utf-8";
/* CSS Document */
html,body {font-size:15px;margin:0;padding:0;font-family: "微软雅黑";color:#333;background:#FFF;letter-spacing:0.5px;}
.center  {text-align:center}
ul,li,dl,dt,dd,form {margin:0;padding:0;list-style-type:none;}
a:link,a:visited {color:#333;text-decoration:none}
a:hover,a:active {color:#0084B9}

a.navlink:link,a.navlink:visited {color:#333;text-decoration:none;padding:25px 20px;font-size:16px;}
a.navlink:hover,a.navlink:active,a.curnavlink:link,a.curnavlink:visited {color:#409EFF;text-decoration:none;border-bottom:4px solid #409EFF;}


.indexabout{ width:100%; float:left; background:url(../images/aboutb.jpg) top center no-repeat;}
.indexyxwl{ width:100%; float:left; background:url(../images/yxwlb.jpg) top center no-repeat;}

.case231_main{ width:100%; float:left; background:url(../images/prob.jpg) top center no-repeat;}

.case231_main .w231 {
    width: 1200px;
    margin: 0 auto;
}
.nab-l{ float:left; width:53%;}
.nab-r{ float:right; width:45%;}
.newslist{ width:100%; float:left;}
.newslist-l{ float:left; width:40%;}
.newslist-r{ float:right; width:54%;}
#i_news{ width:100%; float:left;background: url(../images/newsb.png) left top no-repeat; margin-bottom:50px;}
#ntwp{ margin-top:90px; margin-left:0px;}
.in_icon {
    vertical-align: middle;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/c_icon231.png) no-repeat;
    display: inline-block;
}
.case231_main .ctit231 {
    text-align: center;
    width: 100%;
    height: 80px;
    background: url("{eyou:global name='web_cmspath' /}/skin/zujianku/images/line231.png") no-repeat center center;
    background-size: 60px 189px;
}
.case231_main .icase231 .bigbox .bd .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: url("{eyou:global name='web_cmspath' /}/skin/zujianku/images/tb231.png") repeat center center;
    z-index: 12;
    opacity: 1;
    transition: all .5s;
}
.case231_main .icase231 .smabox .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: url("{eyou:global name='web_cmspath' /}/skin/zujianku/images/tb231.png") repeat center center;
    z-index: 12;
    opacity: 1;
    transition: all .5s;
}
.case231_main .icase231 .smabox .item .txtbox231 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/txb231.png) repeat-x left bottom;
    z-index: 2;
    opacity: 0;
    transition: all .5s;
}
.case231_main .ctit231 .tit {
    padding-top: 20px;
    display: block;
    font-size: 32px;
	text-shadow: 3px 0 5px #0060d1;
    color: #fff;
    line-height: 40px;
}
.case231_main .ctit231 .subtit {
    font-size: 40px;
    color: rgba(255,255,255,0.3);
    line-height: 18px;
	font-weight:bold;
	margin-top:-40px;
   
    
}
.case231_main .menu {
      overflow: hidden;
    padding-bottom: 40px;
    padding-top: 20px;
    z-index: 99999999999;
    position: relative;
}
.case231_main .menu ul {
    text-align: center;
}
.case231_main .menu li {
    line-height: 30px;
    margin: 0 10px 10px;
    display: inline-block;
}
.case231_main .menu li:first-child {
    margin-left: 0;
}
.case231_main .menu li:last-child {
    margin-right: 0;
}
.case231_main .menu li a {
    display: block;
    color: #3b3b3b;
	background:#fff;
    border: 1px solid #fff;
    text-align: center;
    padding: 0 25px;
    border-radius: 15px;
}
.case231_main .menu li a:hover {
    border: 1px solid #154fba;
    color: #fff;
    background: #00acfc;
}
.case231_main .more {
    width: 150px;
    height: 40px;
    color: #666;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
}
.case231_main .more:hover {
  
    background: #00a0e8;
    color: #fff;
    text-indent: 10px;
}
.case231_main .c_231 {
    padding: 00px 0;
    overflow: hidden;
}
.case231_main .icase231 .bigbox {
    width: 580px;
	float:left;
    height: 450px;
    overflow: hidden;
    position: relative;
    margin: 0;
}
.case231_main .icase231 .bigbox .bd {
    overflow: hidden;
}
.case231_main .icase231 .bigbox .bd .item {
    position: relative;
    width: 600px;
    height: 450px;
    overflow: hidden;
}
.case231_main .icase231 .bigbox .bd .item img {
    display: block;
    width: 600px;
    height: 450px;
}
.case231_main .icase231 .bigbox .bd .item .txt .tit {
   font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    text-align: center;
    height: 60px;
    line-height: 40px;
    text-indent: 20px;
}
.case231_main .icase231 .bigbox .bd .item .txtbox231 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: all .5s;
}
.case231_main .icase231 .bigbox .bd .item .txtbox231 h3 {
    color: #fff;
    font-size: 18px;
    padding-top: 68%;
    opacity: 0;
    transition: all .5s;
}
.case231_main .icase231 .bigbox .item:hover .txt {
    opacity: 0;
}
.case231_main .icase231 .bigbox .item .txtbox231 span {
    width: 40px;
    height: 40px;
    display: block;
    background-position: 0 -164px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 10%;
    margin-top: -25px;
    opacity: 0;
    transition: all .5s;
}
.case231_main .icase231 .bigbox .item:hover .txtbox231 h3 {
    opacity: 1;
    padding-top: 43%;
}
.case231_main .icase231 .bigbox .item:hover .txtbox231 span {
    opacity: 1;
    top: 50%;
}
.case231_main .icase231 .bigbox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    bottom: 20px;
    z-index: 15;
}
.case231_main .icase231 .bigbox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.case231_main .icase231 .bigbox .hd li {
    float: left;
    margin-right: 6px;
    width: 10px;
    height: 10px;
    font-size: 0;
    text-indent: -9999px;
    background: #fff;
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    transition: all .5s;
}
.case231_main .icase231 .bigbox .hd li.on {
    background: #c9974c;
}
.case231_main .icase231 .smabox {
    width: 600px;
	float:right;
}
.case231_main .icase231 .smabox .item {
        float: left;
    margin-right: 1%;
    width: 47%;
    height: 225px;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
}
.case231_main .icase231 .smabox .item img {
    display: block;
    width: 300px;
    height: 225px;
}
.case231_main .icase231 .smabox .item a {
    display: block;
}
.case231_main .icase231 .smabox .item .txt .tit {
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    text-align: center;
    height: 60px;
    line-height: 40px;
    text-indent: 20px;
}
.case231_main .icase231 .bigbox .item:hover .txtbox231 {
    opacity: 1;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/bj231.png) repeat left top;
    z-index: 16;
}
.case231_main .icase231 .smabox .item .txtbox231 .tit1 {
    padding-top: 50px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    transition: all .5s;
}
.case231_main .icase231 .smabox .item .txtbox231 .detail {
    position: absolute;
    top: 65%;
    left: 50%;
    margin-left: -49px;
    display: block;
    width: 98px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    transition: all .5s;
}
.case231_main .icase231 .smabox .item:hover .txt {
    opacity: 0;
}
.case231_main .icase231 .smabox .item:hover .txtbox231 {
    opacity: 1;
}
.case231_main .icase231 .smabox .item:hover .txtbox231 .tit1 {
    padding-top: 80px;
}
.case231_main .icase231 .smabox .item:hover .detail {
    top: 55%;
}
.case231_main .more {
    margin-top: 30px;
}





.pro353 .ico {
 background: url(../images/icon353.png) no-repeat;
 display: inline-block;
 vertical-align: middle;
}
.pro353 .w353 {
    width: 100%;
    margin: 0 auto;
}
.pro353 {
    padding-bottom: 30px;
}
.pro353 .subright .anlitop {
    background: #fff;
}
.pro353 .subright .anlitop {
    height: 38px;
    line-height: 38px;
    border: 1px solid #e4e4e4;
    margin-top: 20px;
}
.pro353 .subright .anlitop span {
 border-left: 5px solid #1048a0;
 height: 38px;
 line-height: 38px;
 padding-left: 22px;
 display: block;
 float: left;
 color: #1048a0;
 font-weight: bold;
 font-size: 14px;
}
.pro353 .subright .divremmnews {
    border: 1px solid #e4e4e4;
    border-top: none;
    margin-bottom: 10px;
    padding: 15px;
    background-color: #fff;
}
.pro353 .subright .divremmnews ul {
    width: 100%;
    overflow: hidden;
}
.pro353 .subright .divremmnews ul li {
    float: left;
    width: 47%;
    height: 35px;
    line-height: 35px;
    margin: 0 1.5%;
    border-bottom: 1px dashed #ccc;
}
.pro353 .subright .divremmnews ul li a {
    height: 35px;
    line-height: 35px;
    float: left;
    overflow: hidden;
}
.pro353 .subright .divremmnews ul li span {
    color: #666;
    float: right;
    height: 35px;
    line-height: 35px;
    white-space: nowrap
}
.pro353 .subright .divremmnews ul li a:hover {color: #1048a0;}
.pro353 .subright {
    width: 85%;
	margin:0 auto;
    padding-bottom: 20px;
    line-height: 28px;
}
.pro353 .subright img {
    max-width: 920px;
}
.pro353 .honorlist ul.list {
    float: left;
    width: 100%;
    padding-left: 0px;
}
.pro353 .honorlist ul.list li.item {
    float: left;
    width: 296px;
    margin-bottom: 30px;
    margin-right: 14px;
}
.pro353 .honorlist ul.list li.item a:hover img {
    opacity: 0.8;
}
.pro353 .honorlist ul.list li.item a:hover span {
    color: #fff;
}
.pro353 .honorlist ul.list li.item span {
    width: 100%;
    height: 50px;
    color: #555;
	font-size:18px;
    text-align: center;
    display: block;
    line-height: 50px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.pro353 .honorlist ul.list li.item img {
    width: 100%;
    display: block;
    padding: 1px;
}
.pro353 .ey_img ul.list li.item {
   width: 30%;
    margin-right: 20px;
    margin-left: 20px;
}
.pro353 .ey_img ul.list li.item a {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #f6f6f6;
}
.pro353 .ey_img ul.list li.item a:hover {background: #1048a0;}
.pro353 .ey_img ul.list li.item img {
        display: block;
    width: 99.5%;
    height: 280px;
}
.pro353 .ey_img ul.list li.item:hover .item_mask {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
    background: rgba(0, 0, 0, 0.3);
}
.pro353 .ey_img ul.list li.item:hover .item_link_icon {
    transform: translateY(-21px);
    opacity: 1;
    filter: Alpha(opacity=100);
}
.pro353 .item_mask {
    width: 100%;
    height: 350px;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 1px;
    top: 1px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);
    transition: all ease-out .5s;
}
.pro353 .item_link_icon {
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    background-position: -8px -6px;
    line-height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    opacity: 0;
    filter: Alpha(opacity=0);
}
.pro353 .pglist {
    padding: 20px 0;
    width: 100%;
    text-align: center;
    clear: both;
}
.pro353 .pglist a {
    color: #666;
    padding: 0 15px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    background: #f9f9f9;
    border: 1px solid #c9c9c9;
}
.pro353 .pglist a:hover, .pro353 .pglist .active a {
    display: inline-block;
    color: #fff;
    background: #1048a0;
    border-color: #1048a0;
    box-shadow: 0 0 14px rgba(0, 0, 0, .2);
}
.pro353 .pglist li {
    display: inline-block;
}

.contactfoot{ width:30%; float:left;}
#bottom { margin:0 auto; width:100%;padding:60px 0;background-color:#006dac;margin:20px auto 0 auto; float:left}
#footer {margin:0 10%;overflow:hidden}
.footerbq{width:100%; background:#005298; float:left}
.footerbq-main{ margin:0 3%; height:50px; text-align: center; font-size:16px; color:#fff;}
.footerbq-main a{ color:#fff;height:50px; line-height:50px;}
#footer li{ width:20%; float:left}
#footer li a{ font-size:18px; font-weight:bold; float:left}
.wsubnav209{ margin-top:20px !important; float:left; width:100%; height:30px;}
.wsubnav209 a{ width:100%; float:left; text-align:left; font-size:16px !important; height:20px; font-weight:normal !important}
#footer ul {width:60%;float:left}
#footer ul h3 {font-weight:normal;font-size:16px;}
#footer ul a:link,#footer ul a:visited {color:#FFF;}
#footer ul a:hover,#footer ul a:active {color:#b9d2f1;text-decoration:underline}
#footer dt {width:1050px;float:left}
#footer dd {width:140px;float:right;padding-top:25px}
#footer div span {display:block;width:400px;padding-left:50px;overflow:hidden;background:url(../images/tell.png) no-repeat left center;font-size:16px;color:#FFF;line-height:2em;font-weight:bold;margin:10px 0}
#footer div font {font-size:16px;color:#FFF;line-height:20px;}
#footer div span img {float:right;margin-right:20px}



.w376 {
    width: 85%;
    margin: 0 auto;
    padding: 55px 0 55px;
    min-height: 300px;
}
.w376 .list {
    padding-bottom: 30px;
}
.w376 .item {
    height: 178px;
    transition: all .5s;
    border: 1px solid #f3f3f3;
    display: block;
    margin-bottom: 20px;
}
.w376 .item a {
    padding: 26px;
    display: block;
}
.w376 .item img {
    width: 168px;
    height: 126px;
    display: block;
    margin-right: 30px;
}
.w376 .item h3 {
    font-size: 20px;
    padding: 25px 0 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color: #000;
}
.w376 .item .txt {
    color: #999;
    line-height: 24px;
    width: 640px;
    height: 48px;
    overflow: hidden;
}
.w376 .item .time {
    width: 130px;
	float:left;
    padding: 20px 0 20px 45px;
    border-right: 1px solid #eee;
    font-family: arial;
    font-size: 16px;
    color: #007ffd;
    text-align: center;
}
.news-wz h4{ font-size:20px;line-height: 18px;}
.news-wz{ width:81%; float:right}
.w376 .item .time .day {
    font-size: 40px;
    line-height: 45px;
	color:#007ffd;
	font-weight:bold;
    display: block;
}
.w376 .item:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin-left: 15px;
}
.w376 .item:hover h3 {
    color: #3fb150;
}
.w376 .item:hover .time .day span {
    background: #6d6d6d;
}
.w376 .item:hover .time .day strong {
    background: #ff0000;
    color: #fff;
}
 .pages {
    padding: 30px 0 15px;
    width: 100%;
    text-align: center;
    clear: both;
}
 .pages a {
    color: #666;
    padding: 0 15px;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #edebeb;
}
.pages * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}
 .pages a:hover,  .pages .active a {
    display: inline-block;
    color: #fff;
    background: #19519c;
    border-color: #19519c;
}
.current{    color: #666;
    padding: 0 15px;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #19519c;}

#location { width: 80%;
    border-bottom: 1px solid #ededed;
    text-align: right;
    height: 60px;
    line-height: 60px;
    padding: 0 10%;
    overflow: hidden;}
#location dt {width:100%;float:left;    font-size: 16px;}
.mysearch {width:300px;float:right;padding-top:8px;;margin-right:10px}
.sipt {width:200px;height:30px;line-height:30px;border:1px solid #DDD;background:url(../images/sbg.jpg) no-repeat 5px center;padding-left:30px;color:#666;outline:none}
.sbtn {width:60px;float:right;background:#308AC9;height:32px;line-height:30px;color:#FFF;border:1px solid #DDD;}

#mybody { padding-left: 10%; padding-right: 10%;margin:0 auto;overflow:hidden;background: url(../images/newsb.png) top left no-repeat;}
#myleft {width:240px;float:left}
#myright {width:100%;float:left;margin-top: 50px;}
.l_title {height:50px;text-align:center;background:#2DB7F5;font-size:18px;color:#FFF;background:#0084B9;overflow:hidden}
#myleft .l_title span {display:block;margin:5px;border:1px solid #80D0F4;height:38px;line-height:38px;text-align:left;padding:0 10px;text-transform:uppercase;}
#myleft .l_title span font {font-size:14px;margin-left:5px}
#lxinfo {padding:10px;line-height:2.25em;border:1px solid #E5E5E5;}
#lxinfo img {margin-bottom:-5px}
#left_Nav {width:calc(100% - 2px);border:1px solid #E5E5E5;}
#left_Nav dt {height:60px;line-height:60px;text-align:center ;font-size:16px;border-bottom:1px solid #E5E5E5;margin:0 10px;font-weight:bold;color:#666;}
#left_Nav dt.ondt {background:url(../images/kuang.png) no-repeat center center;}
#left_Nav dt a:link,#left_Nav dt a:visited {display:block;color:#666;line-height:60px}
#left_Nav dd {border-bottom:1px solid #E5E5E5;}
#left_Nav dd a {display:block;height:40px;line-height:40px;text-align:center;;}
#left_Nav dd a:hover,#left_Nav dd a:active,#left_Nav dd a.l2on:link,#left_Nav dd a.l2on:visited {background:#00A0E9;color:#FFF;}
#left_Nav dt.ondt a:link,#left_Nav dt.ondt a:visited{color:#00A0E9}
#left_Nav dt span {display:none}


#mr_prolist li:hover {box-shadow: 0 0 8px 2px #eee;}
#mr_prolist {width:100%;margin:10px auto;overflow:hidden}
#mr_prolist li {width:29%;float:left;margin:2%; text-align:center}
#mr_prolist li span {display:block;height:240px;overflow:hidden}
#mr_prolist li span  img {transition: all 0.6s;-ms-transition: all 0.8s;}
#mr_prolist li span img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}

#mr_prolist li div {height:45px;line-height:45px;background:#F5F5F5}
#mr_prolist li a:link,#mr_prolist li  a:visited{color:#2DB7F5;display:block;}
#mr_prolist li a:hover,#mr_prolist li  a:active{color:#FFF;}
#mr_prolist li:hover a div {background:#2DB7F5}


#mr_prolist2 li:hover {box-shadow: 0 0 8px 2px #eee; background:url}
#mr_prolist2 {width:80%;margin:40px auto;overflow:hidden}
#mr_prolist2 li {width:29%;float:left;margin:2%; text-align:center}
#mr_prolist2 li span {display:block;height:240px;overflow:hidden}
#mr_prolist2 li span  img {transition: all 0.6s;-ms-transition: all 0.8s;}
#mr_prolist2 li span img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}

#mr_prolist2 li div {height:45px;line-height:45px;background:#F5F5F5}
#mr_prolist2 li a:link,#mr_prolist li  a:visited{color:#2DB7F5;display:block;}
#mr_prolist2 li a:hover,#mr_prolist li  a:active{color:#FFF;}
#mr_prolist2 li:hover a div {background:#2DB7F5}
.i_b_title3 a{ font-size:16px; color:#155493; line-height:40px; height:40px; text-align:center; width:150px; margin-right:5px; background:#e8e8e8;border-radius: 100px; display:inline-block;}
.i_b_title3 a:hover {color:#fff; background:#007ffd;}
.bannerondt{background:#007ffd !important; color:#fff !important;border-radius: 50px;}
#mypage {width:100%;margin:50px auto;text-align:center}
#mypage a:link,#mypage a:visited,#mypage span,#mypage font {padding:4px 10px;border:1px solid #CCCCCC;margin:0 5px;color:#999;border-radius:2px}
#mypage a:hover,#mypage a:active,#mypage span{color:#FFF;border:1px solid #2DB7F5;background:#2DB7F5}
#xgPro {border:1px solid #E5E5E5;text-align:center;;margin:0 auto;}
#xgPro li {text-align:center;border:1px solid #DDD;margin:8px auto;width:222px;}
#xgPro li div {height:40px;line-height:40px;border-top:1px solid #DDD}
#xgPro li:hover {border-color:#0084B9}
#mr_newlist { padding-left:6%; padding-right:6%;margin-left:20px;overflow:hidden}
#mr_newlist li {height:40px;line-height:40px;border-bottom:1px dashed #DDD;padding:0 10px;}
#mr_newlist li  span{float:right;color:#999}
#mr_newlist li a:link,#mr_newlist li a:visited{background:url(../images/li.png) no-repeat left center;padding-left:15px;display:block;width:calc(100%-100px);overflow:hidden;height:40px;line-height:40px}
#mr_newlist li a:hover,#mr_newlist li a:active{background:url(../images/li_hover.png) no-repeat left center;padding-left:15px}
#proinfo ,#newBody {width:100%;margin-left:20px;overflow:hidden}
#newBody h1 {text-align:center;height:50px;line-height:50px;margin:10px auto;height:auto;font-size:24px}
#n_body {margin:10px auto;line-height:2em;min-height:500px; border-bottom: 1px dotted #ddd;}
#n_body p{ font-size:18px; line-height:30px;}
#n_page {line-height:2em; margin-bottom:50px;color: #999; font-size:16px;}
#n_page a{ color:#666;}
#n_info {text-align:center;color:#666;border-top:1px dashed #DDD;height:40px;line-height:40px;font-size:12px}
#proinfo dt {width:362px;float:left}
#proinfo dt img {border:1px solid #DDD;}
#proinfo dd {width:540px;float:right} 
#proinfo dd h2 {font-size:20px;font-weight:bold;margin:5px 0;color:#00A0E9}
#proinfo dd span {display:block;color:#666;font-size:12px;padding:5px 0}
#proinfo dd font {display:block;line-height:2em;/*min-height:238px*/}
.bigimg {height:265px;}
#proinfo dd label {display:block;height:50px;margin-top:16px;}
#proinfo dd label a:link,#proinfo dd label a:visited {padding:12px 40px;background:#00A0E9;color:#FFF;}
#cpjs,#xgxw {width:900px;margin:10px 0 10px 20px;overflow:hidden;height:40px;line-height:40px;background:#F0F0F0 url(../images/bar_line2.png) no-repeat 10px center;border-bottom:2px solid #00A0E9;padding-left:20px;font-size:18px;color:#00A0E9}
#cpinfo {padding:10px 0;line-height:2em;width:80%; margin:0 auto;overflow:hidden}
#xgNews {width:900px;margin:10px 0 10px 20px;overflow:hidden;;}
#xgNews li {width:440px;float:left;height:50px;line-height:50px;border-bottom:1px dashed #E5e5e5;overflow:hidden;margin:0 5px}
#xgNews li span {font-size:12px}
.pronei-right p{ font-size:16px;}
.yw203{ width:100%; float:left; margin-top:80px;}
.yw203 .w203 {
    width: 80%;
    margin: 0 auto;
}
.yw203 .ipro203 {
    position: relative;
    margin-top: 30px;
}
.yw203 .ipro203 .bd203 {
    overflow: hidden;
}
.yw203 .ipro203 .list203 {
   width: 77%;
}
.yw203 .ipro203 .list203 li {
       position: relative;
    display: block;
    float: left;
    width: 16%;
    height: 400px;
    margin-top: 100px;
    
}
.yw203 .ipro203 .list203 li a {
    width: 100%;
    height: 100%;
    display: block;
   
    transition: all ease .5s;
}
.yw203 .ipro203 .list203 li a .img203 {
    width: 100%;
    height: 54px;
    overflow: hidden;
	margin-top:70px;
}
.yw203 .ipro203 .list203 li a .img203 img {
    width: 54px;
    height: 54px;
    display: block;
	margin:0 auto;
    transition: all ease .5s;
}
.yw203 .ipro203 .list203 li a .txt203 {
    color: #434343;
	margin-top: 0px;
    height: 110px;
	width: 80%;
	margin:0 auto;
    text-align: center;
}
.yw203 .ipro203 .list203 li a .txt203 i{ height:3px; width:30px; margin:0 auto; background:#09C;display: block;}

.yw203 .ipro203 .list203 li a .txt203 h3 {
    font-size: 20px;
	color:#0d3388;
    line-height: 20px;
}
.yw203 .ipro203 .list203 li a .txt203 p {
    font-size: 13px;
    font-weight: 300;
}
.yw203 .ipro203 .list203 li a:hover {
    transition: all ease .5s;
	top: 10px;
}
.yw203 .ipro203 .list203 li:hover a {
    transform: scale(1);
	margin-top:-40px;
}
.yw203 .ipro203 .list203 li:hover a .ic203 {
    opacity: 1;
}
.yw203 .ipro203 .hd203 {
    position: absolute;
    width: 100%;
}
.yw203 .ipro203 .hd203 .prev, .yw203 .ipro203 .hd203 .next {
    width: 30px;
    height: 156px;
    cursor: pointer;
    position: absolute;
    top: -310px;
    transition: all ease .5s;
    background-color: #fff;
    border: 1px solid #44a7f8;
    opacity: .5;
}
.yw203 .ipro203 .hd203 .prev s, .yw203 .ipro203 .hd203 .next s {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -8px;
    width: 15px;
    height: 28px;
    background-repeat: no-repeat;
}
.yw203 .ipro203 .hd203 .prev {
    left: -80px;
}
.yw203 .ipro203 .hd203 .next {
    right: -80px;
}
.yw203 .ipro203 .hd203 .prev s {
    background-position: -241px -49px;
}
.yw203 .ipro203 .hd203 .next s {
    background-position: -270px -49px;
}
.yw203 .ipro203 .hd203 .prev:hover, .yw203 .ipro203 .hd203 .next:hover {
    opacity: 1;
}
.yw203 .bt203 {
    padding-top: 0;
}
.yw203 .bt203 .en203 {
    font: 300 16px "AvantGarde Bk BT";
    color: #666;
    text-align: center;
    text-transform: uppercase;
}
.yw203 .bt203 .tit203 {
    width: 330px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.yw203 .bt203 .tit203 span {
    float: left;
    margin: 0 20px;
}
.yw203 .bt203 .tit203 em {
    display: block;
    width: 85px;
    height: 1px;
    margin-top: 25px;
    background: #ccc;
}
.yw203 .icon203 {
    background-image: url(../images/icon203.png);
    display: inline-block;
    vertical-align: middle;
}
.yw203 {
    padding-top: 30px;
    padding-bottom: 30px;
    background: url(../images/bg203.jpg) no-repeat center top;
    overflow: hidden;
}
.yw203 .ipro203 .list203 li a .ic203 {
    position: absolute;
    width: 100%;
    height: 350px;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all ease .5s;
}


.i_b_title4{width:100%;text-align:center;margin:00px auto;font-size:30px; font-weight:bold;color:#155493}

#i_newlist {width:100%;margin:0 auto;overflow:hidden}
#i_newlist li {width:100%;float:left;margin:00px 20px; border-bottom:1px solid #dedede; }
#i_newlist li a{ display:block; padding:30px 50px;}
#i_newlist li a:hover{ background:#3bb6ed; color:#fff;}
#i_newlist li:hover{ background:#3bb6ed; color:#fff;}
#i_newlist dt {height:45px;line-height:45px;border-bottom:1px solid #DDD;}
#i_newlist dt span {color:#4E5B88;font-size:18px;font-weight:bold;}
#i_newlist dt font {color:#666;text-transform:uppercase;marig n-left:5px;font-size:12px;}
#i_newlist dt a {float:right}
#i_newlist dd {height:45px;line-height:45px;overflow:hidden;border-bottom:1px solid #dedede;}
#i_newlist dd span {float:right;color:#999}



/* 颜色 */
.h209 {
    height: 110px;
	margin:0 10%;
    top: 0;
	display:block;
    left: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    min-width: 1300px;
}
.h209 .nav {
    height: 95px;
    position: relative;
    float: right;
    width: 55%;
}
.h209 .nav li {
     margin-left: 15px;
    margin-right: 15px;
    float: left;
    position: relative;
    z-index: 10;
}
.h209 .nav li:before {
    width:100%;
    height: 2px;
    background: #fff;
    display: block;
    content: "\20";
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.h209 .nav li a {
      width: 100%;
    height: 60px;
    padding-top: 16px;
    font-size: 18px;
    display: block;
    position: relative;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    line-height: 60px;
}
.h209 .nav li a span {
    font-family: arial;
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
    display: block;
    transition: all .5s;
}
.h209 .nav li.hover .enav209, .h209 .nav li:hover .enav209 {
    
	color:#19519c;
   border-bottom: 4px solid #0088fc;
}
.h209 .nav li.hover .enav209 span, .h209 .nav li:hover .enav209 span {
    color: #fff;
}
.h209 .nav li .subnav209 a {
    padding: 0;
    display: block;
    height: 38px;
    overflow: hidden;
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.h209 .nav li .subnav209 a:hover {
    background: #26439c;
}
.h209 .ss209 {
    width: 170px;
    height: 30px;
    float: left;
    position: relative;
    margin: 32px 0 0 22px;
    line-height: 30px;
    background: #ebeff1;
}
.h209 .tel209 {
       width: 100%;
    height: 20px;
    line-height: 20px;
    float: right;
    color: #17608d;
    font-family: impact;
    margin: 5px;
    text-align: right;
    font-size: 16px;
}
.inabout h4{ font-size:20px; margin:30px 0 30px; }
.titmiaoshu{ width:100%; float:left; font-size:20px; color:#27a4fc;margin-top: -40px;}
.tel209 a{ font-size:16px; color:#17608d;    border-left: 1px solid #74a0bb;    padding: 0 10px 0px;}
.tel209 a:nth-child(3){ border-right: 0px;}
.tel209 a:nth-child(1) {
    font-size: 16px;
    color: #17608d;
    border-left: 0px solid #74a0bb;
    padding: 0 10px 0px;
}
/* 颜色 end*/
.h209 .nav li .subnav209 {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 99;
    left: 0px;
    top: 80px;
    background: url(../images/blue209.png) repeat 0 0;
}
.h209 .ico209 {
    background: url(../images/ico209.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.h209 .logo209 {
    width: 160px;
    padding-top: 12px;
    height: 83px;
    display: block;
    float: left;
    overflow: hidden;
}
.h209 .logo209 img {
    width: 100%;
    display: block;
}
.h209 .nav li.hover:before, .h209 .nav li:hover:before {
    width: 100%;
}
.h209 .nav li .subnav209 {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.h209 .nav li:hover .subnav209 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.h209 .ss209 input {
    background-color: none;
    outline: none;
    border: 0 none;
    
}
.h209 .ss209 .stxt209 {
    width: 97%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 3%;
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    border: 0 none;
}
.h209 .ss209 .sbtn209 {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
    background-position: -87px 0;
}
.h209 .tel209 s {
    width: 33px;
    height: 33px;
    margin-right: 8px;
    background-position: 0 0;
}
.h209 .tel209 strong {
    font-weight: normal;
}
@media (min-width: 1400px) {
.h209 .nav li {
     margin-left: 15px;
    margin-right: 15px;
}
.h209 .ss209 {
    margin-left: 25px;
}
}
@media (min-width: 1600px) {
.h209 .logo209 {
    margin-right: 10px;
    width: 469px;
    height: 70px;
    padding-top: 0;
}
.h209 .nav li {
     margin-left: 15px;
    margin-right: 15px;
}
.h209 .ss209 {
    width: 222px;
    margin-left: 30px;
}
.h209 .tel209 {
    width: 270px;
    font-size: 26px;
}
}
@media (min-width: 1800px) {
.h209 .logo209 {

	margin-top:20px;
}
.h209 .nav li {
    margin-left: 15px;
    margin-right: 15px;
}
.h209 .ss209 {
    width: 232px;
    margin-left: 38px;
}
.h209 .tel209 {
    width: 100%;
}
}



.leftguest{ float:left; width:50%}
.rightguest{ float:right; width:50%}
.con-right{ float:right; width:48%; padding-right:20px;}
.con-left{ float:left; width:50%;}
.con-left  p{ line-height:26px;}
.connr{margin-top:50px; font-size:18px}
.conpi01{ height:34px; width:100%; background:url(../images/con01.png) center left no-repeat; padding-left:30px}
.conpi02{ height:34px; width:100%; background:url(../images/con02.png) center left no-repeat; padding-left:30px}
.conpi03{ height:34px; width:100%; background:url(../images/con03.png) center left no-repeat; padding-left:30px}
.conpi04{ height:34px; width:100%; background:url(../images/con04.png) center left no-repeat; padding-left:30px}
.connerong{ width: 100%;
    height: 880px;
    display: block;
    padding: 40px;
  }
.con-left  .conadd{ margin-top:-5px; height:36px;}
.guestbook{     width: 100%;    float: left;    margin: 100px auto; background:#d5f2ff; padding-top:40px; padding-bottom:40px;}
.guestbookmain{ width:60%; margin:0 auto}
.guestbook input {
    width: 90%;
    height: 44px;
    border: 1px solid #dfdfdf;
	margin-bottom:7px;
    border-radius: 3px;
    padding-left: 20px;
    font-size: 16px;
    outline: none;
}
.guestbook textarea {
    width: 90%;
    height: 44px;
	 line-height: 32px;
	 height:210px;
    border: 1px solid #dfdfdf;
	margin-bottom:7px;
    border-radius: 3px;
    padding-left: 20px;
    font-size: 16px;
	font-family: "微软雅黑";
    outline: none;
}
.guestbook .n_lxwm_sub_s1 {
    width: 95%;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 13px;
    color: #fff;
	background:#19519c;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.guestbook.n_lxwm_sub_s1:hover {
    color: #ffffff;
    background-color: #1A499B;
}
#topbanner_nav{ width: 50%;
    float: left;
    margin-top: 12px;
   
    z-index: 999999999999;
    position: absolute;}
.mapl{ float:right; width:60%}
.mapr{ float:left; width:40%;}
#topbanner_nav li{ width:120px;float:left; margin-right:30px; }
.bannerondt a{background:#53b0ff !important; border:0px !important; color:#fff;border:1px solid #317aa8;}
#topbanner_nav li a{ font-size:16px; text-align:center; color:#fff; font-weight:normal; width:140px; height:36px; line-height:36px;border-radius:50px; background:#007ffd; border:1px solid #317aa8; display:block}
#topbanner_nav li a:hover{ background:#0165c8;} 
.bannerondt a{ background:#fff; color:#333; text-align:center; line-height:36px; height:36px;}
.neitit { padding-left:10%;text-shadow:0 0 10px #042d64; padding-right:6%;font-size:22px; font-weight:bold; color:#fff; float:left;position: absolute; z-index:0; margin-top:-180px;    width: 70%;}
#banner{  text-align:left; width:100%; margin:0 auto;border-top: 1px solid #eee;}
.newsdat{ font-size:16px; }
.newstit{ font-size:22px;}
.newstit p{ font-size:16px; font-weight:normal}
.newsdat p{ font-size:40px; font-weight:bold; height:20px}
.newsdat {    width: 10%;    float: left;    margin-top: -36px;    text-align: center;}
.newstit{ width:86%; float:right; text-align:left}
#i_pro_List{ margin:0 3%;}
.icase231{ width:100%; background:#fff; margin:10px; box-shadow: 0px 0 10px #0060d1;border: 10px solid #fff;}
.indyeji{ width:100%; margin:0 auto; float:left;height:780px; background:url(../images/indyeji.jpg) top center;}
.szcy{ font-size:16px; color:#040404;}
.inabout{font-size:16px; line-height:30px; width:100%; float:left}
.cleardiv {context:"."; height:"0"; display:block;clear:both;visibility:hidden}
.floatleft {float:left}
.floatright {float:right}
.red {color:#ED292A}
#myTop {width:1200px;margin:0 auto;}
#myTop dt {width:600px;float:left;height:70px;line-height:70px;color:#666}
#myTop dd {width:600px;float:right;text-align:right;height:50px;line-height:50px;color:#666;margin-top:10px;}
#myTop dd span {font-weight:bold;font-size:18px}
#myTop dd span img {margin-bottom:-3px;}

.pronei-left{ width:50%; float:left}
.pronei-right{ width:40%; float:left;}
.pronei-left img{ width:600px; border:1px solid #ddd;}
.pronei{ width:80%; margin:0 auto; min-height:550px;}
.i_b_title2{width: 100%;
    text-align: left;
    margin: 20px auto;
    font-size: 34px;
    color: #0d3388;}
.i_b_title2 span{     width: 100%;    text-align: left;    font-size: 20px;    color: ##27a4fc;      margin-bottom: 40px; margin-left:30px;}
.i_b_title23{width: 100%;
    text-align: center;
    margin: 20px auto;
    font-size: 34px;
    color: #0d3388;}
.i_b_title23 span{     width: 100%;    text-align: left;    font-size: 20px;    color: #343434;    font-weight: bold;    margin-bottom: 40px; margin-left:30px;}
#i_about {margin:40px 10%;overflow:hidden}
#i_about dt {width:50%;float:right;padding-top: 150px;}
#i_about dd {width:48%;float:left;}
#i_about dd ul {width:100%;overflow:hidden;margin:20px auto}
#i_about dd li {
    width: 19%;
    float: left;
    text-align: left;
    padding-left: 20px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 30px;
}
#i_about dd li:nth-child(4){ border-right:0px;}
#i_about dd li span {font-size:35px;font-weight:bold;color:#155493}


#n_about dd {width:100%;float:left; background:#e7eef4; padding:20px 60px; margin-bottom:30px;}
#n_about dd ul {width:100%;overflow:hidden;margin:20px auto}
#n_about dd li {
    width: 16%;
    float: left;
    text-align: left;
    padding-left: 100px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 30px;
}
#n_about dd li:nth-child(4) { border-right:0px}

#n_about dd li span {font-size:35px;font-weight:bold;color:#155493}







#i_network {margin:40px 10%;overflow:hidden}
#i_network dt {width:60%;float:right;padding-top: 50px;}
#i_network dd {width:38%;float:left;}
#i_network dd ul {width:100%;overflow:hidden;margin:20px auto}
#i_network dd li {
    width: 19%;
    float: left;
    text-align: left;
    padding-left: 20px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 30px;
}
#i_network dd li:nth-child(4){ border-right:0px;}
#i_network dd li span {font-size:35px;font-weight:bold;color:#155493}


#n_about dd {width:100%;float:left; background:#c1e8f9; padding:20px 20px; margin-bottom:30px;}
#n_about dd ul {width:100%;overflow:hidden;margin:20px auto}
#n_about dd li {
    width: 16%;
    float: left;
    text-align: left;
    padding-left: 40px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 30px;
}
#n_about dd li:nth-child(4) { border-right:0px}

#n_about dd li span {font-size:24px;font-weight:bold;color:#155493}
/**
#header {width:1200px;margin:10px auto;overflow:hidden}
#header dt {width:500px;float:left;padding:17px 0}
#header dd {width:600px;float:right;padding:17px 0;}
#header dd div {width:240px;float:left;background:url(../images/tel.png) no-repeat left center;height:56px;padding-left:40px;font-size:18px;color:333}
#header dd div span {display:block;font-size:24px;color:#F77C03;font-weight:bold}
#header dd form {width:300px;float:right;padding-top:15px;}
.sipt {width:200px;height:30px;line-height:30px;border:1px solid #DDD;background:url(../images/sbg.jpg) no-repeat 5px center;padding-left:30px;color:#666;outline:none}
.sbtn {width:60px;float:right;background:#308AC9;height:32px;line-height:30px;color:#FFF;border:1px solid #DDD;}
#header dd  img {display:none}

@media screen and  (max-width:1024px) {
#header {width:100vw;margin:10px auto;overflow:hidden;overflow:hidden}
#header dt {width:45vw;float:left;padding:17px 0}
#header dd {width:55vw;float:right;padding:17px 0;}
#header dd form {width:calc(55vw - 290px);float:right;padding-top:15px;margin-right:10px}
.sipt {width:calc(55vw - 384px);}
.sbtn {height:34px}
}
@media screen and  (max-width:992px) {
#header {width:100vw;}	
#header dt {width:500px;float:left;padding:0}
#header dd {width:600px;float:right;padding:0;}

#header dd div,#header dd form {display:none}
#header dd  img {display:block;float:right;margin-top:-40px;margin-right:10px}
}
@media screen and  (max-width:350px) {
#header dt img {height:45px;width:auto}
#header dd  img {display:block;float:right;margin-top:-35px;margin-right:10px}

}

**/
#nav {width:100%;overflow:hidden; height:0px}
#nav div {overflow:hidden;margin:0 3%}
#nav div label {width:300px;float:left;display:block;;padding:20px 0;}
.mobNav {display:none}

#nav ul {width:720px;margin:0 auto;overflow:hidden;float:right}
#nav li {width:120px;float:left;text-align:center;height:90px;line-height:90px;;}
#nav li div {position:absolute;width:200px;background-color:#308AC9;display:none;z-index:1000;margin-left:-40px}
#nav li div a:link,#nav li div a:visited {display:block;color:#FFF;height:50px;line-height:50px;border-top:1px solid #00A0E9}
#nav li div a:hover,#nav li div a:active {background:#00A0E9;color:#FFF;}


@media screen and  (max-width:1366px) {
	#proinfo, #newBody {
    width: 98%;
    margin-left: 20px;
    overflow: hidden;
}
#proinfo, #newBody {
   width: 100%;
   
    overflow: hidden;
    margin: 0 auto;
}
.guestbookmain {
    width: 80%;
    margin: 0 auto;
}
	.pro353 .ey_img ul.list li.item img {
    display: block;
    width: 99.4%;
    height: 280px;
}
	.h209 .nav li:before {
    width:100%;
    height: 2px;
    background: #fff;
    display: block;
    content: "\20";
    position: absolute;
    left: 6px;
    bottom: 0;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.h209 .nav li {
    width: auto;
    padding-right:6px;
	margin-left: 0px;
	margin-right: 0px;
    float: left;
    padding-left: 6px;
    position: relative;
    z-index: 10;
}
	.i_b_title3 {
    width: 95%;
    text-align: left;
    margin: 00px auto 30px;
    font-size: 30px;
    color: #155493;
    font-weight: bold;
}
#n_body {
    margin: 10px auto;
    line-height: 2em;
    width: 90%;
    min-height: 500px;
    border-bottom: 1px dotted #ddd;
}
.con-right img{ width:100%}
#location {
    margin-left: 3%;
    margin-right: 3%;
    border-bottom: 1px solid #ededed;
    text-align: right;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
	width: 95%;
	padding: 0 0%;
}
.pronei {
    width: 90%;
    margin: 0 auto;
    min-height: 550px;
}
	.neitit {
    padding-left: 3%;
    text-shadow: 0 0 10px #042d64;
    padding-right: 6%;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    float: left;
    position: absolute;
    z-index: 0;
    margin-top: -180px;
    width: 70%;
}
#mr_prolist2 {
    width: 92%;
    margin: 20px auto;
    overflow: hidden;
}
.pro353 .subright {
    width: 96%;
    margin: 0 auto;
    padding-bottom: 20px;
    line-height: 28px;
}
	.h209 .nav li .subnav209 {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 99;
    left: 6px;
    top: 50px;
    background: url(../images/blue209.png) repeat 0 0;
}
.yw203 {
    padding-top: 30px;
    padding-bottom: 00px;
    background: url(../images/bg203.jpg) no-repeat center top;
    overflow: hidden;
    background-size: 120%;
}
#i_about {
    margin: 20px 5%;
    overflow: hidden;
}
#i_network {
    margin: 0px 5%;
    overflow: hidden;
}
.newslist-l img{ width:100%;}
.yw203 .w203 {
    width: 95%;
    margin: 0 auto;
}
#mybody {
    padding-left: 0%;
    padding-right: 0%;
    margin: 0 auto;
    overflow: hidden;
}
#n_about dd li {
    width: 23%;
    float: left;
    text-align: left;
    padding-left: 0px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 10px;
}
.yw203 .ipro203 .list203 li a .img203 {
    width: 100%;
    height: 54px;
    overflow: hidden;
    margin-top: 50px;
}
#myright {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.w376 {
    width: 85%;
    margin: 0 auto;
    padding: 25px 0 25px;
    min-height: 300px;
}
.w376 .item .time {
    width: 140px;
    float: left;
    padding: 20px 0 10px 0px;
    border-right: 1px solid #eee;
    font-family: arial;
    font-size: 16px;
    color: #007ffd;
    text-align: center;
}
.news-wz h4 {
    font-size: 20px;
    margin: 10px 0px 20px;
    line-height: 18px;
}
.w376 .item {
    height: 150px;
    transition: all .5s;
    border: 1px solid #f3f3f3;
    display: block;
    margin-bottom: 20px;
}
#i_pro_List li {
    width: 48% !important;
    float: left;
    margin: 10px 10px;
    width: 866px;
    text-align: center;
}
#i_newlist li a {
    display: block;
    padding: 20px 20px;
}
.newstit {
    font-size: 18px;
   
}
#bottom {
    margin: 0 auto;
    width: 100%;
    padding: 30px 0;
    background-color: #006dac;
    margin: 20px auto 0 auto;
    float: left;
}
#footer {
    margin: 0 5%;
    overflow: hidden;
}
#footer li {
    width: 18%;
    float: left;
}
#footer ul {
    width: 50%;
    float: left;
}
.i_b_title1 {
    width: 100%;
    text-align: center;
    margin: 00px auto 30px;
    padding-top: 50px;
    font-size: 40px;
    font-weight: bold;
    color: #155493;
}
.indyeji {
    width: 100%;
    margin: 0 auto;
    height: 680px;
    background: url(../images/indyeji.jpg) bottom center;
}
.newsdat {
    width: 12%;
    float: left;
    margin-top: -45px;
    text-align: center;
}
.newstit p {
    font-size: 16px;
    font-weight: normal;
    margin-bottom:10px;
}
#i_newlist li {
    width: 95%;
    float: left;
    margin: 00px 10px;
    border-bottom: 1px solid #dedede;
}

.newslist-l {
    float: left;
    width: 45%;
}
.newslist-r{
    float: right;
    width: 55%;
}
.h209 .logo209 {
    width: 390px;
    padding-top: 22px;
	    height: 50px;
    /* height: 48px; */
    display: block;
    float: left;
    overflow: hidden;
}
.h209 {
    height: 80px;
    margin: 0 2%;
    top: 0;
    display: block;
    left: 0;
    z-index: 100;
    background: #fff;
   
    min-width: 1300px;
}
.h209 .nav {
    height: 80px;
    position: relative;
    float: right;
	width:56%;
}
.i_b_title2 {
    width: 100%;
    text-align: left;
    margin: 10px auto;
    font-size: 40px;
    font-weight: bold;
    color: #155493;
}

#i_about dd li {
    width: 19%;
    float: left;
    text-align: left;
    padding-left: 20px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 10px;
}
#i_network dd li {
    width: 19%;
    float: left;
    text-align: left;
    padding-left: 20px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 10px;
}
.yw203 .ipro203 .list203 li {
    position: relative;
    display: block;
    float: left;
    width: 15%;
    height: 460px;margin-top: 60px;
}
.h209 .nav li a {
       width: 100%;
    height: 40px;
    padding-top: 7px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 18px;
    display: block;
    position: relative;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
}
}

@media screen and  (max-width:1024px) {
	
#myTop {width:98vw;margin:0 auto;}
#myTop dt {width:49vw;height:50px;line-height:50px;color:#666;}
#myTop dd {width:49vw}
#nav div {width:100vw;}
#nav div label {width:300px;float:left;display:block;;padding:20px 0;}
#nav ul {width:calc(100vw - 360px);margin:0 auto;overflow:hidden;}
#nav li {width:calc((100vw - 360px) / 6);float:left;text-align:center;}
#nav li div {position:absolute;width:calc((100vw - 360px) / 6);background-color:#308AC9;display:none;z-index:1000;margin-left:0}
}
@media screen and  (max-width:992px) {
#myTop {width:95vw;margin:0 auto;}
#myTop dt {width:100%;float:none;height:50px;line-height:50px;color:#666;}
#myTop dd {display:none}

#nav div {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;text-align: center;
}
#nav div label {width:96%;float:none;display:block;;padding:20px 10px;}
.mobNav {display:block;float:right;margin-right:10px;margin-top:10px;}
#nav ul {position:absolute;height:100vh;top:0;z-index:1000;background:#19519c;width:0vw}
#nav li {width:100%;height:auto;line-height:normal;float:none;text-align:center;border-bottom:0px solid #0084B9;}
#nav li div {position:relative;width:100%;background-color:#0e4287;display:block;font-size:14px;border:0px solid #3391CE;margin-left:0px}
#nav li div a:link,#nav li div a:visited {display:block;color:#FFF;height:32px;line-height:32px;border-top:0px solid #0084B9;background:url(../images/li2.png) no-repeat calc(30vw - 40px) center;text-align:center;padding-left:10px}
#nav li div a:hover,#nav li div a:active {background:#00A0E9;color:#FFF;}

a.navlink:link,a.navlink:visited {color:#FFF;text-decoration:none;display:block;padding:0;height:32px;line-height:32px;}
a.navlink:hover,a.navlink:active,a.curnavlink:link,a.curnavlink:visited {color:#FFF;background:#19519c;border-bottom:0}

}
.swiper-pagination span{height: 10px;width: 10px;-webkit-border-radius: 5px;border-radius: 5px}

.i_b_title1{    width: 100%;    text-align: center;    margin: 00px auto 50px;	padding-top:80px;    font-size: 50px;    font-weight: bold;    color: #155493;}
.i_s_title {    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 75px;
    color: rgba(13,51,136,0.1);
    font-weight: 900;
    margin-bottom: 40px;
    margin-top: -80px;
    margin-left: 80px;}
.i_s_title21 {    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 75px;
    color: rgba(13,51,136,0.1);
    font-weight: 900;
    margin-bottom: 40px;
    margin-top: -80px;
   }	
#i_pro_Type {width:100%;margin:20px auto;overflow:hidden;text-align:center;}
#i_pro_Type a:link,#i_pro_Type a:visited {padding:10px 35px;border:1px solid #DDD;margin:5px;display:inline-table;font-size:16px;color:#666}
#i_pro_Type a:hover,#i_pro_Type a:active,#i_pro_Type a.cur_Type:link,#i_pro_Type a.cur_Type:visited{background:#2DB7F5;color:#FFF}
#i_pro_List ul {width:100%;margin:10px auto;overflow:hidden}
#i_pro_List li {width: 50%;    float: left;    margin: 10px 10px;   width: 866px;  text-align: center;}
#i_pro_List li:hover {box-shadow: 0 0 8px 2px #eee;}
#i_pro_List li div {height:58px;line-height:58px;background:rgba(0,62,141,0.58); color:#fff; margin-top:-58px;position: relative; font-size:24px;}
#i_pro_List li span {display:block;overflow:hidden}
#i_pro_List li span  img {transition: all 0.6s;-ms-transition: all 0.8s;}
#i_pro_List li span img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
#i_pro_List li a:link,#i_pro_List li  a:visited{color:#2DB7F5;display:block;    }
#i_pro_List li a:hover,#i_pro_List li  a:active{color:#FFF; font-size:24px}
#i_pro_List li:hover a div {background:rgba(0,62,141,0.58);    margin-top: -58px;    height: 58px;    position: relative;}
#i_more {width:100%;overflow:hidden;height:50px;;text-align:center;margin:0 auto}
a.i_more:link,a.i_more:visited {padding:10px 50px;border-radius:8px;display:inline-table;background:#0068ce;color:#fff; border:1px solid #15569d;font-size:18px; margin-top:20px;}
a.i_more:hover{background:#1b3888;color:#fff;}
@media screen and  (max-width:1024px) {
.i_b_title1{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#4E925F}
#i_pro_Type a:link,#i_pro_Type a:visited  {padding:6px 15px;border:1px solid #DDD;margin:5px;display:inline-table;font-size:14px;color:#666}
#i_pro_List ul {width:100vw}
#i_pro_List li {width:24vw;margin:10px 0.5vw;}
#i_pro_List li span {display:block;height:calc(24vw * 240 / 290);overflow:hidden}

#i_pro_List li img {width:24vw;height:calc(24vw * 240 / 290)}
#i_pro_List li div {height:35px;line-height:35px;margin-top:10px}
}

@media screen and  (max-width:700px) {
.i_b_title1{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#4E925F}
#i_pro_Type a:link,#i_pro_Type a:visited  {padding:6px 15px;border:1px solid #DDD;margin:5px;display:inline-table;font-size:14px;color:#666}
#i_pro_List ul {width:100vw}
#i_pro_List li {width:100%;margin:10px 2.5vw;}
#i_pro_List li span {display:block;height:calc(45vw * 240 / 290);overflow:hidden}

#i_pro_List li img {width:45vw;height:calc(45vw * 240 / 290)}
#i_pro_List li div {height:35px;line-height:35px;margin-top:10px}
}




@media screen and  (max-width:1024px) {
.i_b_title2{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#1D98A8}
#i_about  {width:100vw;}	
#i_about dt {width:49vw;margin:0 0.5vw}
#i_about dt img {width:100%;height:auto}
#i_about dd {width:49vw;margin:0 0.5vw}
#i_about dd div {line-height:2em;font-size:14px;color:#666;height:calc((49vw * 605) / 806 - 150px);overflow:hidden;}

#i_network  {width:100vw;}	
#i_network dt {width:49vw;margin:0 0.5vw}
#i_network dt img {width:100%;height:auto}
#i_network dd {width:49vw;margin:0 0.5vw}
#i_network dd div {line-height:2em;font-size:14px;color:#666;height:calc((49vw * 605) / 806 - 150px);overflow:hidden;}

}

@media screen and  (max-width:700px) {
.i_b_title2{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#1D98A8}
#i_about  {width:100vw;}	
#i_about dt {width:96vw;float:none;margin:0 auto;padding-top: 00px;}
#i_about dt img {width:100%;height:auto}
#i_about dd {width:96%;float:none;margin:0 auto}
#i_about dd div {height:auto;margin-top: 0px;}
.inabout h4 {
    font-size: 20px;
    margin: 00px 0 10px;
}
.case231_main .ctit231 .tit {
    padding-top: 00px;
    display: block;
    font-size: 22px;
    text-shadow: 3px 0 5px #0060d1;
    color: #fff;
    line-height: 40px;
}
.case231_main .ctit231 .subtit {
    font-size: 30px;
    color: rgba(255,255,255,0.3);
    line-height: 18px;
    font-weight: bold;
    margin-top: -40px;
}
.case231_main .menu {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 00px;
    z-index: 99999999999;
    position: relative;
}
.case231_main .ctit231 {
    text-align: center;
    width: 100%;
    height: 60px;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/line231.png) no-repeat center center;
    background-size: 60px 189px;
}
.case231_main .icase231 .bigbox {
    width: 100%;
    float: left;
    height: 330px;
    overflow: hidden;
    position: relative;
    margin: 0;
}
.case231_main .icase231 .bigbox .bd .item img {
    display: block;
    width: 100%;
    height: 330px; 
}
.case231_main .icase231 .bigbox .bd .item {
    position: relative;
    width: 100%;
   height:330px;
    overflow: hidden;
}
.icase231 {
    width: 90%;
    background: #fff;
    margin: 10px;
    box-shadow: 0px 0 10px #0060d1;
    border: 10px solid #fff;
}
.case231_main .icase231 .smabox {
    width: 100%;
    float: right;
	margin-top:10px;
}
.case231_main {
    width: 100%;
    float: left;
	padding-bottom: 40px;
    background: url(../images/prob.jpg) top center ;
}
.case231_main .icase231 .smabox .item {
    float: left;
    margin-right: 2%;
    width: 46%;
    margin-left: 2%;
    height: 225px;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
}
.case231_main .more {
    width: 150px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
}
.case231_main .icase231 .smabox .item img {
    display: block;
    width: 100%;
    height: 150px; 
}
.case231_main .icase231 .smabox .item {
    float: left;
    margin-right: 2%;
    width: 46%;
    margin-left: 2%;
    height: 136px;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
}
.yw203 {
    width: 100%;
    float: left;
    margin-top: 00px;
}
#i_network  {width:100vw;}	
#i_network dt {width:96vw;float:none;margin:0 auto}
#i_network dt img {width:100%;height:auto}
#i_network dd {width:96%;float:none;margin:0 auto}
#i_network dd div {height:auto}
}
#ad {width:100%;height:206px;margin:0 auto;background:url(../images/ad2.jpg) repeat-x top center}
#ad dl {width:1200px;margin:0 auto}
#ad dt {width:1000px;float:left}
#ad dd {width:200px;float:right;}
#ad dt span {display:block;height:60px;line-height:60px;font-size:30px;color:#64C5FF;font-weight:bold;margin-top:30px;}
#ad dt div {color:#FFF;font-size:25px;margin-top:15px;}
#ad dd div {width:202px;height:57px;background:url(../images/zxbg.png);line-height:57px;text-align:center;font-size:22px;color:#10479F;font-weight:bold;margin-top:60px;}
.i_b_title3{width:100%;text-align:left;margin:00px auto 30px;font-size:28px;color:#008dcc; }
#i_pro_Lists ul {width:1200px;margin:10px auto;overflow:hidden}
#i_pro_Lists li {width:290px;float:left;margin:10px 5px;text-align:center}
#i_pro_Lists li div {height:45px;line-height:45px;background:#F5F5F5}
#i_pro_Lists li:hover {box-shadow: 0 0 8px 2px #eee;}
#i_pro_Lists li span {display:block;height:240px;overflow:hidden}
#i_pro_Lists li span  img {transition: all 0.6s;-ms-transition: all 0.8s;}
#i_pro_Lists li span img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}

#i_pro_Lists li a:link,#i_pro_Lists li  a:visited{color:#2DB7F5;display:block;}
#i_pro_Lists li a:hover,#i_pro_Lists li  a:active{color:#FFF;}
#i_pro_Lists li:hover a div {background:#2DB7F5}
@media screen and  (max-width:1024px) {
.i_b_title3{    width: 96%;
    text-align: center;
    margin: 50px auto 00px;
    font-size: 22px !important;
    font-weight: bold;
    color: #155493 !important;}
#i_pro_Lists ul  {width:100vw;}	
#i_pro_Lists li {width:24vw;float:left;margin:10px 0.5vw;text-align:center}
#i_pro_Lists li img {width:24vw;height:calc(24vw * 240 / 290)}
#i_pro_Lists li div {height:35px;line-height:35px;margin-top:10px}
#i_pro_Lists li span {display:block;height:calc(24vw * 240 / 290);overflow:hidden}


#ad {width:100%;height:150px;margin:0 auto;background:url(../images/ad2.jpg) repeat-x top center}
#ad dl {width:100vw;margin:0 auto;overflow:hidden}
#ad dt {width:90vw;overflow:hidden;margin:10px auto;float:none;clear:both;}
#ad dd {width:100vw;float:none;}
#ad dt span {display:block;height:auto;line-height:20px;font-size:18px;color:#64C5FF;font-weight:bold;margin-top:10px;}
#ad dt div {color:#FFF;font-size:15px;}
#ad dd div {width:205px;height:37px;background:url(../images/zxbg.png) center center;line-height:37px;text-align:center;font-size:15px;color:#10479F;font-weight:bold;margin-top:0px;;margin-left:30px;float:right;margin-right:20px}

}

@media screen and  (max-width:700px){
	#i_pro_Lists li {width:calc(100vw / 3 - 1vw);float:left;margin:10px 0.5vw;text-align:center}
#i_pro_Lists li img {width:calc(100vw / 3 - 1vw);height:calc((100vw / 3 - 1vw) * 240 / 290)}
#i_pro_Lists li div {height:35px;line-height:35px;margin-top:10px}
#i_pro_Lists li span {display:block;height:calc((100vw / 3 - 1vw) * 240 / 290);overflow:hidden}

}

@media screen and  (max-width:500px) {
#i_pro_Lists li {width:45vw;float:left;margin:10px 2.5vw;text-align:center}
#i_pro_Lists li img {width:45vw;height:calc(45vw * 240 / 290)}
#i_pro_Lists li div {height:35px;line-height:35px;margin-top:10px}
#i_pro_Lists li span {display:block;height:calc(45vw * 240 / 290);overflow:hidden}
}


@media screen and  (max-width:1024px) {
.i_b_title4{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#ECBE68}
#i_newlist {width:96vw;}
#i_newlist li {width:31vw;margin:10px 0.5vw;float:left}

}
@media screen and  (max-width:992px) {
.i_b_title4{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#ECBE68}
#i_newlist {width:96vw;}
#i_newlist li {width:30vw;margin:10px 1vw;float:left}

}

@media screen and  (max-width:766px) {
.i_b_title4{width: 96%;padding-left: 2%;
float:left;
    text-align: left;
    margin:30px auto 20px;
    font-size: 22px !important;
    font-weight: bold;
    color: #155493 !important;}
#i_newlist {width:96vw;}
#i_newlist li {width:96vw;margin:10px 0}

}
#links {width:1160px;margin:10px auto;overflow:hidden;line-height:2em;}
#links span {font-size:16px;font-weight:bold;color:#00A9EF}
#links a:link,#links a:visited {margin:0 5px;}
@media screen and  (max-width:1024px) {
	#links {width:98vw;margin:0 auto}
}
@media screen and  (max-width:1024px) {
#footer {width:100vw;overflow:hidden}
#footer ul {width:10vw;float:left;text-align:center}
#footer ul h3 {font-size:14px}
#footer dt {width:calc(100vw - 180px);float:left}
#footer dd {width:180px;float:right;padding-top:25px}

#footer div {width:calc(59vw - 180px);overflow:hidden}
#footer div span {width:calc(59vw - 220px)}
#footer div font  {font-size:14px}
}
@media screen and  (max-width:992px) {
#footer  {width:100vw;overflow:hidden}
#footer ul {width:25vw;text-align:center;float:left}
#footer div {float:none;width:100vw;margin:0}
#footer div span {width:calc(98vw - 50px);background:#007AA8 url(../images/tell.png) no-repeat 10px center;padding:2vw 2vw 2vw 50px}
#footer dt {width:100vw}

#footer dd {width:100vw;float:none;padding-top:25px;text-align:center}
#footer div font {display:block;margin:0 2vw;font-size:14px}
}
@media screen and  (max-width:766px) {
#footer  {width:100vw;overflow:hidden}
#footer ul {width:50vw;text-align:center;float:left}
#footer div {float:none;width:100vw;margin:0}
#footer div span {width:calc(98vw - 50px);background:#007AA8 url(../images/tell.png) no-repeat 10px center;padding:2vw 2vw 2vw 50px}
#footer dt {width:100vw}

#footer dd {width:100vw;float:none;padding-top:25px;text-align:center;    display: none;}
#footer div font {display:block;margin:0 2vw;font-size:14px}
#footer ul{ display:none}
}




@media screen and  (max-width:1024px) {
#location {width:calc(100vw - 30px);margin:10px auto;background:#f9f9f9 url(../images/location.png) no-repeat 10px center;padding-left:30px;height:50px;line-height:50px;overflow:hidden}
#location dt {width:calc(100vw - 340px);float:left}
.mysearch {width:300px;float:right;padding-top:8px;;margin-right:10px}
#mybody {width:100vw;}
#myright {width:calc(100vw - 240px)}
#mr_prolist li {width:calc((100vw - 260px) / 3 - 16px);overflow:hidden}
#mr_prolist li span {height:calc((((100vw - 260px) / 3 - 16px) * 240) / 290)}
#mr_prolist li span  img {width:calc((100vw - 260px) / 3 - 16px);height:calc((((100vw - 260px) / 3 - 16px) * 240) / 290)}
#mr_prolist li div {height:40px;line-height:40px;background:#F5F5F5;margin-top:10px}
}
@media screen and  (max-width:992px) {
#location {width:99%;font-size:12px;height:35px;line-height:35px;padding:0;background:none;height:auto;overflow:hidden;margin:10px 0 20px}
#location dt {
    width: 100%;
    font-size: 12px;
    float: left;
    padding-left: 0px;

}
.mysearch {width:96vw;float:none;padding-top:8px;;margin:0 auto}
.sipt {width:calc(96vw - 100px);height:30px;line-height:30px;border:1px solid #DDD;background:url(../images/sbg.jpg) no-repeat 5px center;padding-left:30px;color:#666;outline:none}
.sbtn {width:60px;float:right;background:#308AC9;height:32px;line-height:30px;color:#FFF;border:1px solid #DDD;}
#mybody,#myleft,#myright {width:100vw;}
.l_title,#lxinfo {display:none}
#xgPro {display:none}

#left_Nav {width:100vw;list-style-type:none;  display:flex;  justify-content: center;margin-bottom:20px;height:60px}
#left_Nav dt {height:50px;line-height:50px;text-align:center;margin:5px 0;padding:0 10px;background:#FFF;font-size:12px;border:0;border-bottom:1px solid #ddd;margin:0 5px;font-weight:bold;padding-right:30px;}
#left_Nav dt a:link,#left_Nav dt a:visited {display:Inline ;color:#666;line-height:60px}
#left_Nav dt span {display:inline;margin-left:15px}
#left_Nav dd {display:block;position:absolute;background:#FFF;left:0;margin-top:50px;width:96vw;margin-left:2vw;display:none;z-index:1000}
#mr_prolist li {width:24vw;float:left;margin:8px 0.5vw;text-align:center}
#mr_prolist li span  img {width:24vw;height:calc(24vw * 240 / 290)}
#mr_prolist li div {height:35px;line-height:35px;margin-top:10px;}
#mr_prolist li span {display:block;height:calc(24vw * 240 / 290);overflow:hidden}

}
@media screen and  (max-width:700px) {
#mr_prolist li {width:calc(100vw / 3 - 1vw);float:left;margin:8px 0.5vw;text-align:center}
#mr_prolist li span  img {width:calc(100vw / 3 - 1vw);height:calc((100vw / 3 - 1vw) * 240 / 290)}
#mr_prolist li div {height:35px;line-height:35px;margin-top:10px;}
#mr_prolist li span {display:block;height:calc((100vw / 3 - 1vw) * 240 / 290);overflow:hidden}

}
@media screen and  (max-width:500px) {
#mybody, #myleft, #myright {
    width: 100%;padding-left: 0%;
    padding-right: 0%;
}
.l_title,#lxinfo {display:none}
#xgPro {display:none}

#left_Nav {width:100vw;list-style-type:none;  display:flex;  justify-content: center;margin-bottom:20px;height:60px}
#left_Nav dt {height:50px;line-height:50px;text-align:center;margin:5px 0;padding:0 10px;background:#FFF;font-size:12px;border:0;border-bottom:1px solid #ddd;margin:0 5px;font-weight:bold}
#left_Nav dd {display:block;position:absolute;background:#FFF;left:0;margin-top:50px;width:96vw;margin-left:2vw;display:none}
#mr_prolist li {width:45vw;float:left;margin:8px 2.5vw;text-align:center}
#mr_prolist li span  img {width:45vw;height:calc(45vw * 240 / 290)}
#mr_prolist li div {height:35px;line-height:35px;margin-top:10px;}
#mr_prolist li span {display:block;height:calc(45vw * 240 / 290);overflow:hidden}

}


@media screen and  (max-width:1024px) {
	#mr_newlist {width:calc(100vw - 260px)}
	#proinfo,#newBody   {width:calc(100vw - 260px);margin-left:20px}
	#xgNews {width:calc(100vw - 260px);}
	#xgNews li {width:calc((100vw - 260px) / 2 - 10px)}
	#proinfo dd {width:calc(100vw - 640px)}
	#cpinfo {width:calc(100vw - 260px)}
}

@media screen and  (max-width:992px) {
#mr_newlist  {width:100vw;margin:0}
#proinfo,#newBody   {width:100%;margin:0}
#newBody h1 {text-align: center;
    height: 50px;
    line-height: 22px;
    margin: 10px auto;
    height: auto;
    width: 90%;
    font-size: 18px;}
#n_body {margin:10px ;line-height:2em;min-height:300px;width: 96%;}
#n_page {line-height:2em;margin:10px 1vw}
#proinfo dt {width:96vw;float:none;margin:0 auto}
#proinfo dt img {width:100%;height:auto}
#proinfo dd {width:96vw;float:none;margin:0 auto}
#cpjs,#xgxw {width:96vw;margin:0 auto}
#cpinfo {width:96vw;margin:0 auto;}
#xgNews {width:96vw;margin:10px auto;overflow:hidden}
#xgNews li {width:46vw;float:left;height:40px;line-height:40px;border-bottom:1px dashed #E5E5E5;overflow:hidden;margin:0 1vw}
#proinfo dd font {mini-height:0}
.mapr {
    float: left;
    width: 100%;
}
.mapl {
    float: right;
    width: 100%;
}
.con-left img{    width: 100%;}
}


@media screen and  (max-width:500px) {
#mr_newlist  {width:100vw;margin:0}
#proinfo  {width:100vw;margin:0}
#proinfo dt {width:96vw;float:none;margin:0 auto}
#proinfo dt img {width:100%;height:auto}
#proinfo dd {width:96vw;float:none;margin:0 auto}
#cpjs,#xgxw {width:96vw;margin:0 auto}
#cpinfo {width:96vw;margin:0 auto;}
#xgNews {width:96vw;margin:10px auto;overflow:hidden}
#xgNews li {width:96vw;float:none;height:40px;line-height:40px;border-bottom:1px dashed #E5E5E5;overflow:hidden;margin:0 auto}
#nav {width:100%;overflow:hidden; height:70px}
.w226 {
    width: 60%;
    float: right;
    display: none;
}
}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
ul#thumblist{display:block;margin-top:10px;}
ul#thumblist li{float:left;margin:0 4px;list-style:none;}
ul#thumblist li img {width:78.5px;;height:50px}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{ border:1px solid red;}
.jqzoom{	text-decoration:none;float:left;}
@media screen and  (max-width:992px) {
.jqzoom{	text-decoration:none;float:none;}
#content {width:100%;}
.jqzoom img {width:100%;}
ul#thumblist li{float:left;margin:calc(1vw - 2px);list-style:none;}
ul#thumblist li img {width:22vw;height:calc(22vw * 50 / 80)}
.h209 {
    height: 95px;
    margin: 0 3%;
    top: 0;
    display: none;
    left: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    min-width: 1300px;
}
.yw203 .ipro203 .list203 li {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: 270px;
}
.i_b_title2 {
    width: 100%;
    text-align: left;
	display:none;
    margin: 20px auto 0px;
    font-size: 30px !important;
    font-weight: bold;
    color: #155493 !important;
}
.i_s_title {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 20px;
    color: #343434;
    font-weight: bold;
    margin-bottom: 20px;
}
#i_about {
     margin: 20px 0%; 
    overflow: hidden;
}
#i_about dd li span {
    font-size: 24px;
    font-weight: bold;
    color: #155493;
}
#i_about dd li {
    width: 22%;
    float: left;
    text-align: left;
    padding-left: 00px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 10px;
}

#i_network {
     margin: 20px 0%; 
    overflow: hidden;
}
#i_network dd li span {
    font-size: 24px;
    font-weight: bold;
    color: #155493;
}
#i_network dd li {
    width: 22%;
    float: left;
    text-align: left;
    padding-left: 00px;
    color: #999;
    border-right: 1px solid #b6cddb;
    margin-right: 10px;
}
.yw203 .ipro203 .list203 li a .img203 {
    width: 100%;
    height: 56px;
    overflow: hidden;
    margin-top: 00px;
}
.yw203 .ipro203 .list203 li a .txt203 h3 {
    font-size: 20px;
    line-height: 10px;
}
.yw203 .ipro203 .list203 {
    width: 100%;
}
.yw203 .ipro203 .list203 li a .txt203 {
    color: #333;
    margin-top: 0px;
    height: 110px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.yw203 .ipro203 {
    position: relative;
    margin-top: 00px;
}
.yw203 {
    padding-top: 00px;
    padding-bottom: 00px;
    background: #e4f5fd;
    overflow: hidden;
    background-size: 150%;
}
.i_b_title1 {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    font-size: 25px;
    color: #155493;
    padding-top: 40px;
}
#i_pro_List li img {
    width: 100%;
    height: 220px;
}
#i_pro_List li span {
    display: block;
    height: 220px;
    overflow: hidden;
}
#i_pro_List li div {
    height: 35px;
    line-height: 35px;
    margin-top: 0px;
}
#i_pro_List ul {
    width: 100%;
}
#i_pro_List li div {
    height: 35px;
    line-height: 35px;
    margin-top: 0px;
    font-size: 20px;
}
.indyeji {
    width: 100%;
    margin: 0 auto;
    height: 700px;
    background: url(../images/indyeji.jpg) bottom center;
}
#i_about {
    margin: 10px auto;
    overflow: hidden;
    width: 96%;
}
#i_network {
    margin: 10px auto;
    overflow: hidden;
    width: 96%;
}
#i_newlist li a {
    display: block;
    padding: 0px 10px;
}
.newsdat p {
    font-size: 30px;
    font-weight: bold;
    height: 10px;
}
.newsdat {
    width: 70px;
    float: left;
    margin-top: -36px;
    text-align: center;
}
.newstit {
    width: 78%;
    float: right; font-size: 16px;
    text-align: left;
}
.newstit p {
    font-size: 14px;
    font-weight: normal;
}
#footer div {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
}
#footer {
    margin: 0 0%;
    overflow: hidden;
}
.footerbq-main {
    margin: 0 3%;
    height: 50px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
#footer div img {
	margin-bottom:20px;}
#banner {
    text-align: left;
    height: 160px;
	    /* padding-left: 6%; */
    /* padding-right: 6%;*/
    width: 100%;
	overflow: hidden;
    margin: 0 auto;
    border-top: 1px solid #eee;
}
.neitit {
    padding-left: 2%;
    text-shadow: 0 0 10px #042d64;
    padding-right: 0%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    float: left;
    position: absolute;
    z-index: 0;
    margin-top: -160px;
    width: 96%;
}
#banner img {
    width: 300%;
    margin-left: -120px;
}
#myright {
    width: 100%;
    float: left;
    margin-top: 00px;
}
#n_about dd li {
    width: 46%;
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
    text-align: left;
    padding-left: 0px;
    margin-left: 00px;
    color: #999;
    border-right: 1px solid #b6cddb;
    padding-right: 00px;
    padding-left: 00px;
}
#n_about dd li:nth-child(2){
border-right: 0px solid #b6cddb;
}
.nab-r {
    float: right;
    width: 100%;
}
#n_about dd {
    width: 85%;
    float: left;
    background: #e7eef4;
    padding: 00px 30px 0px;
    margin-bottom: 30px;
	margin-top:00px
	
}
#topbanner_nav li {
    width: auto;
    float: inherit;
    margin-bottom: 5px;
    margin-right: 10px;
	height:36px;
}
.i_b_title2 span {
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #343434;
    font-weight: bold;
    margin-bottom: 40px;
    margin-left: 30px;
}
#n_about dd li span {
    font-size: 30px;
    font-weight: bold;
    color: #155493;
}
.szcy {
    font-size: 16px;
    color: #040404;
}
.i_b_title3 span{ display:none}
#mr_prolist2 {
    width: 100%;
    margin: 00px auto 20px;
    overflow: hidden;
}
.i_b_title3 a {
    font-size: 16px;
    color: #155493;
    line-height: 40px;
    height: 40px;
    text-align: center;
    width: 120px;
    margin-right: 5px;
    background: #e8e8e8;
    border-radius: 100px;
    display: inline-block;
}

.pro353 .ey_img ul.list li.item img {
    display: block;
    width: 98.6%;
    height: 150px;
}
.pro353 .subright {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    line-height: 28px;
}
.pro353 .ey_img ul.list li.item {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
}
.pro353 .item_link_icon {
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    background-position: -8px -6px;
    line-height: 38px;
    position: absolute;
    left: 50%;
    top: 20%;
    margin-left: -22px;
    opacity: 0;
    filter: Alpha(opacity=0);
}
.pronei-left {
    width: 100%;
    float: left;
}
.pronei-right {
    width: 100%;
    float: left;
}
.pronei-left img {
    width: 100%;
    border: 1px solid #ddd;
}
.w376 {
    width: 96%;
    margin: 0 auto;
	float:left;
    padding: 20px 0 0px;
    min-height: 300px;
}
.w376 .item .time {
    width: 70px;
    float: left;
    padding: 0px 0 00px 05px;
    border-right: 1px solid #eee;
    font-family: arial;
    font-size: 16px;
    color: #007ffd;
    text-align: center;
}
.w376 .item a {
    padding: 10px;
    display: block;
}
.news-wz {
        width: 75%;
    float: right;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}
.w376 .item {
    height: 160px;
    transition: all .5s;
    border: 1px solid #f3f3f3;
    display: block;
    margin-bottom: 20px;
}
.news-wz h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
	color: #333;
}
.connerong {
    width: 96%;
    height: 1100px;
    display: block;
    padding: 10px;
    background: #fff;
}
.con-left {
    float: left;
    width: 100%;
}
.con-right {
    float: right;
    width: 100%;
    /* padding-right: 20px; */
}
.conpi01 {
    height: 20px;
    width: 90%;
    font-size: 16px;
	    margin-bottom: 14px;
    line-height: 20px;
    background: url(../images/con01.png) center left no-repeat;
    padding-left: 30px;
}
.conpi02 {
    height: 34px;
    width: 90%;
	font-size: 16px;
    background: url(../images/con02.png) center left no-repeat;
    padding-left: 30px;
}
.conpi03 {
    height: 34px;
    width: 90%;
	font-size: 16px;
    background: url(../images/con03.png) center left no-repeat;
    padding-left: 30px;
}
.conpi04 {
    height: 34px;
    width: 90%;
	font-size: 16px;
    background: url(../images/con04.png) center left no-repeat;
    padding-left: 30px;
}
.con-right img{ width:96%}
.con-right { width:100%; text-align:center; padding-right: 00px;margin-top: 30px;}
.guestbookmain {
    width: 96%;
    margin: 0 auto;
}
.rightguest {
    float: left;
    width: 100%;
}
.leftguest {
    float: left;
    width: 100%;
}
.guestbook {
    width: 100%;
    float: left;
    margin: 30px auto;
}
.guestbook input {
    width: 94%;
    height: 44px;
    border: 1px solid #dfdfdf;
    margin-bottom: 7px;
    border-radius: 3px;
    padding-left: 20px;
    font-size: 16px;
    outline: none;
}
.guestbook textarea {
    width: 94%;
    height: 44px;
    line-height: 32px;
    height: 210px;
    border: 1px solid #dfdfdf;
    margin-bottom: 7px;
    border-radius: 3px;
    padding-left: 20px;
    font-size: 16px;
    font-family: "微软雅黑";
    outline: none;
}
.guestbook .n_lxwm_sub_s1 {
    width: 100%;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 13px;
    color: #fff;
    background: #19519c;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
 #banner .swiper-slide img {
    width: 100%;
    margin-left: 0;
}
.tel209{ margin-top:13px; padding-top:10px; border-top:1px solid #fff;}
.yw203 .ipro203 .list203 li {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: 220px;
	margin-top: 20px;
}
.yw203 .ipro203 .list203 li a .ic203 {
    position: absolute;
    width: 100%;
    /* height: 200px; */
    left: 0;
    top: 0;
    opacity: 0;
    transition: all ease .5s;
}
.indexyxwl {
    width: 100%;
    background-size: 800%;
    float: left;
    background: url(../images/yxwlb.jpg) bottom center no-repeat;
}
.i_b_title23 {
    width: 100%;
    text-align: center;
    margin: 20px auto;
    font-size: 22px;
    color: #0d3388;
}
.i_s_title21 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    color: rgba(13,51,136,0.1);
    font-weight: 900;
    margin-bottom: 40px;
    margin-top: -70px;
}
.newslist-l {
    float: left;
    width: 100%;
}
.newslist-r {
    float: left;
    width: 100%;
}
.tel209 a {
    font-size: 16px;
    color: #fff;
    border-left: 1px solid #74a0bb;
    padding: 0 10px 0px;
}
.tel209 a:nth-child(1) {
    font-size: 16px;
    color: #fff;
    border-left: 0px solid #74a0bb;
    padding: 0 10px 0px;
}
#ntwp {
    margin-top: 20px;
    margin-left: 0px;
}
.yw203 .ipro203 .list203 li a .txt203 p {
    font-size: 16px;
    font-weight: 300;
}
.case231_main .w231 {
    width: 100%;
    margin: 0 auto;
}
.tel209{border-bottom:1px solid #74a0bb; margin-bottom:5px; padding-bottom:5px;}
.nab-l {
    float: left;
    width: 100%;
}
#topbanner_nav {
    width: 100%;
    /* float: left; */
    margin-top: 52px;
    z-index: 0;
    position: absolute;
}
#topbanner_nav li a {
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    width: auto;
    height: 36px;
    padding-left: 20px;
    line-height: 36px;
    padding-right: 20px;
    border-radius: 50px;
    background: #007ffd;
    border: 1px solid #317aa8;
    display: block;
}
}

