.itable{ display:itable;}
.icell{display:table-cell;vertical-align:middle;}
.main{width:1200px; margin:0 auto;}
.l{float:left;}
.r{float:right;}
.cr{ clear:both;width:100%;height:1px;}
.bai{ width:100%; background:#fff;}
.topline{height:6px; background:#1982c4}
.topbox{ position:relative;height:65px;}
.bag{ margin-top:-0px;}
.topbox #logo {
    position: absolute;
    left: 28px;
    top: 20px;
}
.logoDes {
    position: absolute;
    top: 25px;
    left: 341px;
    line-height: 25px;
}
.phone {
    background: url(/images/phone.gif) no-repeat 0 50px;
    float: right;
    padding: 44px 0 0 45px;
    position: absolute;
    top: -13px;
    right: 260px;
}
.phone span{font-size:18px;}
.navbox{width:100%;background:#2170bb; height:48px;}
.nav{width:1200px;margin:0 auto;padding-left:0px}
.nav li{width:200px;}
.m-search {
    position: absolute;
    right: 0px;
    top: 48px;
    width: 205px;
    height: 30px;
}
.m-search input {
width: 100%;
height: 100%;
border: 1px solid #c3c3c3;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
	border-radius: 30px;
padding: 5px 20px;
box-sizing:border-box;
outline:none;}
.iconsearch {
display:block;width:28px;height:28px;font-size:25px; position:absolute;top:2px; right:10px;color:#c3c3c3; }
.m-search .icon-search {
position: absolute;
right: -10px;
top: 0;
padding: 0 10px; }
/* banner btns and about intro */
@font-face {
  font-family: 'iconfont';  /* project id 710765 */
  src: url('//at.alicdn.com/t/font_710765_lna34522oun.eot');
  src: url('//at.alicdn.com/t/font_710765_lna34522oun.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_710765_lna34522oun.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_710765_lna34522oun.woff') format('woff'),
  url('//at.alicdn.com/t/font_710765_lna34522oun.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_710765_lna34522oun.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont";
font-style: normal;
}
.bannerBtnBg{ padding:20px 0px; height:107px;
/*position:absolute;bottom:0px;left:0; z-index:99999;
background: rgba(0, 0, 0, 0.25);*/
width:100%;
background:#fff;
}
.bannerBtnBg .btns{ float:left;width:600px; height:97px;}
.bannerBtnBg .btns a{ display:inline-block;  width:97px;height:97px; text-align:center;margin-right:18px;
/*background: rgba(255, 255,255, 0.8);*/
 background:#1982c4;
 }
.bannerBtnBg .btns a i,.bannerBtnBg .btns a span{ color:#fff;}
.bannerBtnBg .btns a:hover{ background:#1982c4;}
.bannerBtnBg .btns a:hover i,.bannerBtnBg .btns a:hover span{ color:yellow;}
.bannerBtnBg .btns a span{display:block;padding-top:7px;line-height:18px;}
.bannerBtnBg .btns a div{ display:block;width:100%;height:50px;  position:relative;border-bottom:0px solid green}
.bannerBtnBg .btns a i{ font-size:42px; display:block; position:absolute; top:20px; left:50%;margin-left:-21px;}
#b187{   top:22px;}
#b188{ font-size:44px; top:28px;transform:translateY(10);}
#b189{  top:20px; font-size:40px; margin-left:-20px;}
#b190{  top:21px;}
.iaboutbox{width:550px; height:97px; background:#fff; float:right;padding:10px; box-sizing:border-box;border:1px solid #f2f3f4;}
.iaboutbox img {float:left;padding-right:15px;height:77px; width:auto;}
.iaboutbox {text-align:justify; text-justify:inter-ideograph}
.iaboutbox a{color:blue; text-decoration:underline;}
.iaboutbox a:hover{color:orange; text-decoration:none;}
/* banner btns and about intro  end */
.titleBox{  width:100%;  text-align:center; position:relative;  line-height:100%; padding-top:50px;}
.titleBox span{  display:block;  font-size:28px; color:#1c1c1c; }
.titleBox div p{ text-align:center; height:30px; color:#1c1c1c; font-size:14px;   line-height:30px; bottom:-14px;  border-bottom:3px solid #2453b3; display:inline-block; clear:both; padding:13px 30px 10px 30px;}
.ywUl{ width:900px;   margin:0 auto; overflow:hidden; padding:45px 0px 0 0;}
.ywUl li{ display:block; float:left;  width:220px;  text-align:center; padding:0px 40px;}
.ywUl li a{ display:block; width:220px;   margin:0 auto; text-align:center;background:#fff;  border-radius:10px; }
.ywUl li a img{ border-radius:180px;  display:block; margin:0 auto; width:180px; height:180px;border:1px solid #c3c3c3;padding:2px; 
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
}
.ywUl li a span{  color:#333; font-size:20px; padding:20px 0px; display:inline-block;}
.ywUl li a p{ display:block;  text-align:center; color:#333;}
.ywUl li a:hover{  
transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);
}
.ywUl li a:hover img{ 
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
}
a.imore{ display:block; width:315px; height:45px; text-align:center; margin:0 auto; line-height:45px; border:1px solid #2170bb; color:#2170bb; border-radius:5px;}
a.imore:hover{  color: #2170bb;
transform: translate(0,5px);
-webkit-transform: translate(0,5px);
-moz-transform: translate(0,5px);
-o-transform: translate(0,5px);
-ms-transform: translate(0,5px);
}
/*ye wu fanwei start*/
.gnw{ width:100%; height:600px; background:url(/images/lbg.jpg) no-repeat top center;}
.gnw ul{ width:1200px; height:600px; margin:0 auto;}
.gnw ul li a{ display:block; float:left; width:540px; background:#fff; border-radius:5px; height:200px; margin:30px 30px 0px 30px; position:relative;
opacity:0.9;filter:alpha(opacity=90); 
}
.gnw ul li a:hover{ 
-moz-box-shadow:0px 0px 25px #2f566d; -webkit-box-shadow:0px 0px 25px #2f566d; box-shadow:0px 0px 25px #2f566d;
opacity:1;filter:alpha(opacity=100); 
}
.gnw ul li a img{ margin:5px 20px 11px 11px; float:left; border-radius:8px;}
.gnw ul li a span{ font-size:18px; font-weight:bold; display:block; padding:16px 0px 7px 0px;text-indent: 20px;}
.gnw ul li a p{ font-size: 12px;
    color: #333;
    line-height: 22px;
    padding: 2px 15px 0px 0px;
    text-align: justify;}
.gnw ul li a i{ display:block; position:absolute; bottom:15px; right:35px; background:url(/images/idot.png) no-repeat left top; width:25px; height:25px;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;		}
.gnw ul li a:hover i{  
transform: translate(20px,0px);
-webkit-transform: translate(20px,0px);
-moz-transform: translate(20px,0px);
-o-transform: translate(20px,0px);
-ms-transform: translate(20px,0px);}
.gnw .titleBox *{ color:#fff;}
.footer{background:#1982c4 url(/images/bottom_bj.jpg) no-repeat top center; color:#fff; height:215px;}
.proc
{
    width: 1195px;
    margin-bottom: 23px;
    overflow: hidden;
}
.proc .cp
{
    padding: 13px 0 0 0px;
    text-align: left;
}
.proc ul
{
    padding: 0px;
    text-align: left;
}
.proc li  
{
    width: 288px;
    height: 350px;
    margin: 2px 8px 5px 0px;
    position: relative;
    border: 1px solid #e1e4ec;
    text-align: center;
	display:inline-block;
}
.proc li .pp
{
    width: 100%;
    margin: 2px;
}
.proc li .pp img
{
    margin: 15px 0px;
    height: 200px;
    width: auto;
}
.proc li a.amore
{
    border: 1px solid #f6751f;
    padding: 0px 25px;
    color: #f6751f;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    margin-top: 20px
}
.proc li a.amore:hover
{
    background: #f6751f;
    color: #fff;
}
.proc li .pf
{
    width: 100%;
    height: 40px;
    line-height: 25px;
    text-align: center;
}
.proc li a
{
    color: #383838;
    font-size: 14px;
}
.proc li a:hover
{
    color: orange;
    text-decoration: none;
}
#pagelist{ line-height:22px;color:#666; padding:15px;}
#pagelist a{ width:28px; text-align:center;padding:0px 10px; float:left; border:1px solid #2170bb;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist .indexPage{ width:28px; text-align:center;padding:0px 10px; float:left; border:1px solid #2170bb;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist strong1{display:block; width:28px; text-align:center;padding:0px 10px; float:left; border:1px solid #2170bb;background:#2170bb; height:28px; font-size:12px;color:#fff; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist a.next,#pagelist a.prev{width:60px;}
#pagelist a.curr{ background:#2170bb;border:1px solid #2170bb;color:#fff;}
#pagelist a:hover{background:#2170bb;border:1px solid #2170bb;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
#pagelist .thisclass a{  background-color:#2170bb;color:#fff;}
	.footer .main {text-align: center;}
	.footer .main h3 { padding-top:60px; line-height:50px;}