@charset "utf-8";


*{ margin: 0; padding: 0; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;  }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;
}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#cccccc;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#cccccc;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#cccccc; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#cccccc; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#cccccc;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}




.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}






/******header*********/
.bgwhite{ background: #fff;}

.pofelx{ position: absolute; top: 0; left: 0; background: none;}


.top{ width: 100%; height: 90px; line-height: 90px; z-index: 5;  }
.logo{ width: 318px; height: 46px;}
.menu { position: relative;}

.nav{ position: relative; z-index: 1;}
.nav li{ position: relative; float: left; margin-right: 25px;  text-align: center;}
.nav li a{ display: inline-block; height: 90px; font-size: 16px; color: #333333;}
/*.nav li dl{ display: none; position: absolute; width: 100%; background: rgba(255,255,255,.9); left: 0; padding: 10px 0; transition: 0s;}
.nav li dt a{ display: block; height: 40px; line-height: 40px; color: #222; text-align: center;}
.nav li dt a:hover{  color: #dd342f; }
.nav-bg{ position: absolute; z-index: -1; bottom: 0px; width: 60px; height: 0px; border-bottom: 3px solid #DD342F;}*/
.nav li.active a,
.nav li:hover a{ color: #0054A8; font-weight: bold;}
.nav li.active:after,
.nav li:hover:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 16px; width: 15px; height: 2px; background: #0054a8;  margin: auto;}


.login{ width: 70px; height: 20px; border: 1px solid #0054A8; text-align: center; line-height: 20px; border-radius: 20px; color: #0054a8; font-size: 12px; margin-top: 35px; }










/* banner*/
.banner{ position: relative;  transition: 0s;}
.banner,.banner .flexslider,.banner .slides li{ width: 100%;  transition: 0s; }
.banner .slides li a{ display: block; width: 100%; height: 100%;  transition: 0s;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;  transition: 0s;}
.banner .slides{position:relative;z-index:1;  transition: 0s;}

/* 圆点切换 */
.banner .flex-control-nav{ position: absolute; bottom: 28px; z-index: 11111; padding-left: 0; width: 1200px; left: 0; right: 0; height: 16px; line-height: 16px; margin: 0 auto;  text-align: center;  }
.banner .flex-control-nav li{ width:15px; height:15px; margin:0 8px;display:inline; zoom:1; text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:15px; height:15px; line-height:80px;cursor:pointer; color:#fff; font-family:Arial; overflow:hidden; background:url(../images/tion.png) no-repeat center; border-radius: 50%;}
.banner .flex-control-nav .flex-active{ background-image:url(../images/tion1.png); }
/* 左右按钮切换 */
/*.banner .flex-direction-nav a{width:34px;height:61px;line-height:99em;overflow:hidden;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none; margin-top: -16px; z-index: 99; }
.banner .flex-direction-nav .flex-next{ width: 34px;  height: 61px;  background:url(../images/ban_right.png) no-repeat center; right: 16%;
opacity:1; filter:alpha(opacity=10); }
.banner .flex-direction-nav .flex-prev{ width: 34px;  height: 61px;  background:url(../images/ban_rigle.png) no-repeat center; left: 16%;
opacity:1; filter:alpha(opacity=10)}
.banner .flex-direction-nav .flex-next:hover{background:url(../images/ban_right1.png) no-repeat center;}
.banner .flex-direction-nav .flex-prev:hover{background:url(../images/ban_rigle1.png) no-repeat center;}*/


.nbanner{ position: relative; width: 100%;}
.nbanner .imgg{ height: 100%; width: 100%; }
.nbanner dl{ position: absolute; width: 500px; left: 0; top: 195px; text-align: center; right: 0;  margin: auto; color: #fff;}
.nbanner dt{ font-size: 50px; font-family: "微软雅黑 Light"; height: 60px; line-height: 60px;}
.nbanner i{ display: inline-block; width: 40px; height: 1px; background: #fff; margin: 0 20px; vertical-align: middle;}
.nbanner dd{ text-transform: uppercase; font-size: 14px; font-family: arial; letter-spacing: 15px; padding-left: 15px; margin-top: 10px;}





.footer{ background: #111;}
.footTop{ padding:48px 0 43px ; border-bottom: 1px solid #4a4a4a;}
.footli ul{ width: 1245px;}
.footli li{ float: left; width:  265px; height: 37px; margin-right: 45px;}
.footli li select{ width: 100%; height: 100%; border: 1px solid #696969; box-sizing: border-box; padding: 0 15px; color: rgba(255,255,255,0.67); background: url(../images/down.png) no-repeat center right 15px #111;}


.naddre{}
/*.naddre ul{ width: 1245px; }*/
.naddre li{ float: left; width: 20%;  padding-left: 60px; box-sizing: border-box; margin-top: 48px;}
.naddre li:first-child{ padding-left: 0;}
.naddre li:last-child{ text-align: right; padding-left: 0;}
.naddre li div{ font-size: 16px; color: #fff; font-weight: bold; height: 24px; line-height: 24px; margin-bottom: 3px;}
.naddre li img{ height: 23px; margin-right: 5px;}
.naddre li p{color: rgba(255,255,255,0.7);}

.fotnav{ }
.fotnav ul{ width: 1300px;}
.fotnav li{ float: left; margin-right: 91.5px; margin-top: 40px;}
.fotnav li a{ color: rgba(255,255,255,0.7);}

.bg{color: rgba(255,255,255,0.53); font-size: 12px; font-family: arial; line-height: 54px;}




.title{ text-align: center; padding: 48px  0 28px;}
.title dt{  font-size: 36px; color: #333333; font-family: 'Myriad Pro' ; text-transform: uppercase; line-height: 36px;}
.title dd{ vertical-align: middle; line-height: 22px; font-size: 18px; color: #666;}
.title dd i{ display: inline-block; width: 22px; height: 1px;  background: rgba(0,0,0,0.63); vertical-align: middle; margin:0 15px;}
.title.white dt,
.title.white dd { color: #fff;}
.title.white dd i{ background: rgba(255,255,255,0.6);}



.about{ background: url(../images/abbg.jpg) no-repeat top center / cover; padding-bottom:70px; }
.aboka{ text-align: center; line-height: 24px; color: #666666; margin-bottom: 50px;}

.ablist{  }
.ablist li{ float: left; text-align: center; width: 33.33%;}
.ablist li div{ font-size: 16px; font-weight: bold; color: #666666;}
.ablist li i{ font-size: 60px; line-height: 66px; display: inline-block;}
.ablist li p{ color: #999999;}

.enen{ display: block; width: 185px; height: 45px; box-sizing: border-box; padding-left: 40px; font-size: 14px; color: #666; margin: 40px auto 0; border:1px solid #c9caca;
 background: url(../images/enen.png) no-repeat right 40px center; line-height: 43px;}
.enen:hover{ background: url(../images/enen1.png) no-repeat right 45px center; border-color: #0054A8; color: #0054A8;}




.dynamic{ height: 530px; background: url(../images/dyanbg.jpg) no-repeat center top; padding-top: 15px;}
.dynamic ul li{ margin-top: 10px;}
.dynamic ul li p{ background-color: #fff;}



.water {  background: url(../images/waterbg.jpg) no-repeat top  center; height: 352px;}
.water .wrapper{ position: relative;  z-index: 1;}
.title.tele{ text-align: left; }

.indper{  }
.indper li{ height: 160px; padding: 10px; box-sizing: border-box; }
.indper li a{ display: block; height: 100%;background: #fff;   box-shadow: 0 0 12px rgba(0,0,0,0.12); box-sizing: border-box; padding: 30px 25px 0; }
.indper li div{ font-size: 16px; font-weight: bold; color: #333333; line-hesight: 40px; margin-bottom: 18px;}
.indper li p{ line-height: 18px; height: 36px; color: #999; overflow: hidden;}
.indper li:hover a{ background: #e2eefa; box-shadow: none;}

.swipbt{ position: absolute; right: 180px;  top: 73px; width: 210px; height: 42px;}
.ppp,
.ttt{ width: 42px; height: 42px;  z-index: 22; outline: none; border-radius: 50%;}
.ppp { background: url(../images/left.png) no-repeat center;}
.ttt { background: url(../images/right.png) no-repeat center;}
.ppp:hover,
.ttt:hover{ background-color: #0054A8;}
.ppp:hover{ background-image: url(../images/left1.png)}
.ttt:hover{ background-image: url(../images/right1.png);}

.patin{ font-weight: bold; font-size: 22px; font-family: arial; bottom: 5px;}
.patin .swiper-pagination-current{ color: #0054A8; font-size: 30px; }



.neirong{ width: 353px; background: #f7f7f7;}
.neirong dl{ padding: 20px 20px 25px;}
.neirong dt p{ white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-weight: bold; color: #333333; font-size: 16px;}
.neirong dt em{ display: block; width: 15px; height: 2px; background: #b5b5b5; margin: 10px 0;}
.neirong dd div{ line-height: 24px; color: #999999; height: 48px; overflow: hidden;}
.neirong dd i{ display: block;font-size: 12px; color: #999; line-height: 12px; margin-top: 15px;}
.neirong dd img{ vertical-align: top;}

.number{ width: 345px; margin-left: 70px; }
.number li{ padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 33px;}
.number li:last-child{ margin-bottom: 0;}
.number li div{  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-weight: bold; color: #333333; font-size: 16px; }
.number li p{ color: #999; font-size: 16px; font-family: arial; margin-top: 10px;}



.tehrer{ width: 362px; float: right;}
.tehrer dl{ border-bottom: 1px solid #eee; padding-bottom: 7px; margin-top: 16px;}
.tehrer dt{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-weight: bold; color: #333333; font-size: 16px; padding-left: 15px; border-left: 4px solid #0054A8; height: 18px; line-height: 18px;}
.tehrer dd { line-height: 20px; color: #999; height: 40px; overflow: hidden; margin-top: 12px;}

.neirong:hover p,
.number li:hover div,
.tehrer dl:hover dt{ color: #0054A8;}





.hzhb{ margin:60px 0 80px}
.hzhb .title dt{ font-size: 60px}
.hzhb ul{ width: 1220px; }
.hzhb li{ float: left; width: 290px; height: 110px; box-sizing: border-box; text-align: center; line-height: 110px; border: 1px solid #eee; margin: 15px 15px 0 0;}











.left-nav{ height: 54px; background: #f4f4f4;  overflow: hidden; }
.left-nav li{ position: relative; float: left;}
.left-nav li a{ display: block; width: 120px; text-align: center; height: 54px; line-height: 54px; color: #666; }
.left-nav li.active a,
.left-nav li:hover a{ color: #fff; background: #0054A8 ; font-weight: bold;}
.left-nav li.active:after,
.left-nav li:hover:after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; width: 0; height: 0; border-width: 6px; border-style: solid;
 border-color: transparent  transparent  #fff; margin: auto;}

.left-nav .fr{ color: #666; padding-left: 23px; background: url(../images/home.png) no-repeat left center; line-height: 54px;}
.left-nav .fr a{ display: inline-block; color: #666; font-size: 12px;}



.nabout{ min-height: 274px; background: url(../images/aboutbg.jpg) no-repeat center top / cover; padding-top: 35px; padding-bottom: 40px;}
.ableft{ width: 235px; padding-right: 24px; border-right: 1px solid #e5e5e5;}
.ableft li { margin-top: 15px;}
.ableft li:first-child{ margin: 0;}
.ableft li div{ font-weight: bold;  font-size: 16px;}
.ableft li div i{ font-size: 60px;height: 60px; line-height: 60px; color: rgba(0,84,168,0.66); margin-right: 3px;}
.abhter{ width: 895px; box-sizing: border-box; }
.abhter dt{ font-size: 36px; color: #333333; font-family: 'Myriad Pro';}
.abhter dd{ font-size: 16px; color: #666666; width: 145px; border-bottom: 1px solid #a0a0a0; padding-bottom: 20px; margin-bottom: 20px;}
.tobok{ color: #666; line-height: 28px; }





.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -2px, 0);    box-shadow: 3px 1px 10px rgba(5,5,5,0.1);}


 /* 1-2 */
.lingdao{}
.lingdao ul{ width: 1240px;}
.lingdao li{ float: left; margin: 35px 40px 0 0; width: 270px; background: #eee; text-align: center; padding-bottom: 15px;}
.lingdao li .img{ height: 220px; overflow: hidden;}
.lingdao li span{ display: block; font-weight: bold; font-size: 16px; color: #333333; margin-top: 15px;}
.lingdao li p{ color: #666666;}
.lingdao li:hover{ background: #0054a8;}
.lingdao li:hover span,
.lingdao li:hover p{ color: #fff;}

/* page  */
.m-page{ text-align: center;  line-height: 28px; color: #999; font-family: arial; margin-top: 50px; margin-bottom: 60px;}
.m-page a{  display: inline-block; width: 38px; height: 30px; border: 1px solid #d2d2d2; border-radius: 4px; margin: 0 5px; box-sizing: border-box;  vertical-align: middle; font-size: 16px;}
.m-page a.z-crt{ background: #0054A8; color: #fff; border-color: #0054A8;}
.m-page a.page-nxt,
.m-page a.page-prv{ width: 70px; font-size: 14px;}


/* 1-4 */
.jigou{}
.jigou h5{ display: block; text-align: center; font-size: 30px; font-weight: normal; line-height: 90px; color: #333;}
.jigou ul{ margin-bottom: 30px; width: 1217px;}
.jigou li{ float: left; width: 290px; box-sizing: border-box; border: 1px solid #eee; padding: 7px 25px 25px; min-height: 430px; margin: 0 14px 30px 0;} 
.jigou li dt{ font-weight: bold; font-size: 16px; color: #666; line-height: 50px;}
.jigou li dd{ color: #999; line-height: 25px; text-align: justify;}





/* 1-5 */
.minglu{}
.minglu ul{ width: 1245px; padding-top: 12px;}
.minglu li{ float: left; width: 580px; height: 85px; box-sizing: border-box; border: 1px solid #eee; padding: 18px 13px; margin-top: 20px; margin-right: 40px; background: url(../images/more.png) no-repeat center right 25px;}
.minglu li span{ float: left; width: 50px; height: 50px; background: url(../images/mingc1.png) no-repeat center ; margin-right: 20px;}
.minglu li dl{ float: left; width: 400px; padding-right: 22px; border-right: 1px solid #eee; height: 30px; margin-top: 5px;}
.minglu li dt{ color: #333 ; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.minglu li dd{ color: #999 ; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.minglu li:hover span{ background-image: url(../images/mingc2.png);}
.minglu li:hover{ background: url(../images/more1.png) no-repeat center right 28px; border-color: #0054A8;}
.minglu li:hover dt{font-weight: bold; color: #0054A8;}



/* 2-1 */
.news{}
.news ul{ width: 1245px;}
.news li{ float: left; margin: 31px 45px 0 0; width: 370px;}
.news li .img{ height: 278px; overflow: hidden;}
.news li p{ padding: 0 55px 0 15px; line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; color: #999999; background: #f7f7f7 url(../images/newlibg.png) no-repeat right 15px center;}

.news li:hover p{ background:#006cd7 url(../images/newlibg1.png) no-repeat right 18px center; color: #fff;}



/* 3-1 */
.biaozhun ul{ padding-top: 12px;}
.biaozhun li{ border: 1px solid #eee; padding:  0 0 25px; margin-top: 20px;}
.biaozhun li .date{ line-height: 58px; font-size: 24px; color: #666;  padding:  0 30px;  background: url(../images/more2.png) no-repeat right 30px center;}
.biaozhun li dl{ padding: 0 30px;}
.biaozhun li dt{ line-height: 50px; font-size: 16px; font-weight: bold; color: #333;}
.biaozhun li dd{ line-height: 24px; color: #666666;}
.biaozhun li:hover .date{ background: #0054A8 url(../images/more3.png) no-repeat right 33px center; color: #fff;}




/* 4-1 */
.shuiwenh{}
.shuiwenh ul{ width: 1230px;}
.shuiwenh li{ float: left; width: 380px; height: 265px; box-sizing: border-box; border: 1px solid #eee; margin: 30px 30px 0 0; padding: 30px 32px ;}
.shuiwenh li .time{ color: #666; font-family: arial;}
.shuiwenh li i { display: block; font-size: 30px;}
.shuiwenh li em { display: block; font-size: 18px;}
.shuiwenh li dl{ padding-bottom: 15px; border-bottom: 3px solid #efefef;}
.shuiwenh li dt{ white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: bold; color: #666; margin: 20px 0 15px;}
.shuiwenh li dd{ line-height: 24px; color: #666; max-height: 72px; overflow: hidden;}
.shuiwenh li:hover dl{ border-color: #ebf2f8 ;}
.shuiwenh li:hover dt{ color: #0054A8;}





/* 5-1 */
.tzgg{}
.tzgg ul{  width: 1250px; padding-top: 10px;}
.tzgg li{ float: left; width: 580px; height: 140px; box-sizing: border-box; border: 1px solid #eee; padding: 0 28px; margin: 25px 40px 0 0;}
.tzgg li .date{ font-size: 18px; color: #999999; font-family: arial; line-height: 49px; background: url(../images/more.png) no-repeat right center; border-bottom: 1px solid #eee;}
.tzgg li p{ line-height: 24px; color: #16px; height: 48px; overflow: hidden; margin-top: 20px;}

.tzgg li:hover .date{ color: #0054A8; background: url(../images/more1.png) no-repeat right 5px center;}
.tzgg li:hover{ border-color: #0054A8;}




/* 6-1 */
.zhuanjia{}
.zhuanjia ul{ width: 1248px; }
.zhuanjia li{ float: left; width: 580px; height: 237px; box-sizing: border-box; border: 1px solid #eee; margin: 30px 40px 0 0;}
.zhuanjia li span{ width: 213px; overflow: hidden; }
.zhuanjia li .dd{ float: left; width: 315px; margin-left: 20px;  display: table;  height: 100%;}
.zhuanjia li dl{  display: table-cell; vertical-align: middle; }
.zhuanjia li dt{ font-size: 22px; color: #333; margin-bottom: 5px;}
.zhuanjia li dd{ line-height: 24px; font-size: 16px; color: #666666;}




/*
   6-2
*/
.wenhua{ height: 482px; background: url(../images/whbg.jpg) no-repeat top center; box-sizing: border-box; padding: 58px 0 0;}
.wenhua dl{ padding-left: 11px; border-left: 1px solid #0054A8; padding-top: 40px; margin-bottom: 25px;}
.wenhua dt{ color: #0054A8; font-size: 36px; font-family: arial;}
.wenhua dd{ color: #666; font-size: 18px;}
.wenhua p{ line-height: 38px; color: #333333; font-size: 16px;}



/* 7-1*/

.hh5{ text-align: center; font-size: 24px; color: #333; margin: 33px 0;}
.hh5 em{ display: block; width: 15px; height: 2px; background: #dcdcdc; margin: 10px auto;}
.contus ul{ width: 1245px;}
.contus ul li{ float: left; position: relative; width: 385px; height: 137px; box-sizing: border-box; text-align: center;  border: 1px solid #eee; margin: 0 23px 48px 0;}
.contus ul li:last-child:after{ display: none;}
.contus ul li>img{ display: inline-block; width: 40px; margin-bottom: 5px;  margin-top: 20px ;}
.contus ul li span{ display: block; font-size: 16px; font-weight: bold; color: #666666;}
.contus ul li p{ font-size: 18px; color: #999; font-family: arial;}

.mappp{ height: 427px;}
.mappp img{ height: 100%;}






.liuyan ul{ width: 1230px; margin-top: 40px;}
.liuyan ul li{ float: left; width: 390px; height: 54px; border: 1px solid #cccac9; box-sizing: border-box; padding:0 15px; margin-right: 15px; margin-bottom: 20px;}
.liuyan ul li input{ width: 100%; border: none; color: #333; height: 100%;}

.liuyan ul li.li3 input { width: 220px; float: left}
.liuyan ul li.li3 i{ float: right; width: 100px; line-height: 52px;}

.liuyan ul li.li4{  width: 100%; max-width: 1200px; height: 150px; padding: 15px; line-height: 22px;}
.liuyan ul li.li4 textarea{ width: 100%; height: 100%; border: none; resize: none; background: none; font-family: "微软雅黑"; color: #333;}

#mesgSub input[type=button]{ display: block; border: none; width: 250px; height: 54px; background: #0054A8; color: #fff; font-weight: bold; margin: 35px auto 60px;}






.open{ position: fixed;  top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 3;}
.obox{ position: absolute; left: 0; top: 0; margin: auto; right: 0;  bottom: 0; width: 400px; height: 400px; background: #fff;  box-sizing: border-box; padding: 0 40px; }
.obox h3{ font-weight: normal; font-size: 24px; color: #333;  line-height: 88px; text-align: center;} 

.obox .ipp{ height: 53px;}
.obox .ipp .fl{ width: 53px;}
.obox .ipp img{ height: 100%;}
.obox .ipp { margin-bottom: 15px; }
.obox .ipp .fr{ width: 267px; height: 100%;}
.obox .ipp input{ width: 100%; height:100%; font-size: 16px; color: #333; padding-left: 15px;  border: 1px solid #eee; box-sizing: border-box; padding: 0 15px; border-left: 0;}

.obox .ipp.imp3 input{ width: 142px; float: left;}
.obox .ipp.imp3 .fr img{ float: right; width: 120px;}
.obox input[type=button]{ display: block; width: 100%; font-size: 20px; color: #fff; background: #0054A8; height: 52px; border: none; margin-top: 30px;}





.huiya{ line-height: 22px;/* height: 306px;*/ overflow: hidden;}
.huiya h2{ margin:40px 0 20px;}