@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-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');
}


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

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

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-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;}


.bgwhite{ background: #fff;}

.img{ overflow: hidden;}
.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: 0px 0px 10px rgba(0,0,0,0.3);}







/******header*********/
.top{ width: 100%; height: 90px;  z-index: 5;   overflow: hidden; background: #fff;}
.logo{ width: 177px; height: 55px; line-height: 90px;}

.phone{ line-height: 90px; }
.phone .tel{ background: url(../images/phone.png) no-repeat left center; padding-left: 32px;font-size: 20px; color: #e95412; font-family: 'din-bold-webfont';}
.phone .theworld{ position: relative; text-align: right; line-height: 22px; margin-top: 22px; padding-left: 30px; margin-left: 30px;}
.phone .theworld:after{content: ''; position: absolute; left: 0; top: 11px; width: 1px; height: 25px; background: #e5e5e5; }
.phone .theworld p{ font-size: 16px; font-weight: bold; color: #e95412; letter-spacing: 1.5px;}
.phone .theworld em{ font-size: 12px;  color: #666666;}

.menu { position: relative; background: #0d6fb8;}
.nav{ position: relative;  z-index: 555; width: 1200px; margin: auto;}
.nav li{ position: relative; z-index: 3; float: left;  text-align: center; width: 172.2px; margin-left: -1px;}
.nav li:after{ content: ''; position: absolute; right: 0; top: 17px; width: 1px; height: 16px; background: #569acd;}
.nav li:last-child:after{ width: 0;}
.nav li a{ display: block; height: 52px; line-height: 52px;  color: #fff;}
/*.nav li dl{ display: none;  position: absolute; width: 100%; background: #F08200; left: 0; }
.nav li dt a{ display: block; height: 41px; line-height: 52px; color: #222; text-align: center;border-bottom: 1px solid #ff8a00; color: #fff;}
.nav li dt a:hover{  color: #fff; background: #ca6d00; border-color: #CA6D00;}*/
.nav li.active,
.nav li:hover{ background: #1b83d1; }
.nav li.active:after,
.nav li:hover:after{ background: #1b83d1;}
.nav li.active>a,
.nav li:hover>a{ font-weight: bold;}

/*.nav li:hover dl{ display: block;}*/








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

/* 圆点切换 */
.banner .flex-control-nav{ position: absolute; bottom: 35px; z-index: 11111; padding-left: 0; width: 1200px; left: 0; right: 0; height:3px; line-height: 16px; margin: 0 auto;  text-align: center;  }
.banner .flex-control-nav li{ width:27px; height:3px; margin:0 10px;display:inline; zoom:1; text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:27px;height:3px; line-height:80px;cursor:pointer; color:#fff; font-family:simhei; overflow:hidden; background: rgba(0,0,0,0.33);}
.banner .flex-control-nav .flex-active{ background: #e95412; }
/* 左右按钮切换 */
/*.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%;overflow: hidden;}
.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: simhei; letter-spacing: 15px; padding-left: 15px; margin-top: 10px;}



.footer{  background: url(../images/footb.jpg) repeat-x left top; }
.fotop{ padding-top: 20px;  border-bottom: 1px solid  rgba(229,229,229,0.2);}
.fonav li{ position: relative; z-index: 3; line-height: 54px; height: 54px; float: left;  text-align: center; padding: 0 34px;}
.fonav li:after{ content: ''; position: absolute; right: 0; top: 21px; width: 1px; height: 11px; background: rgba(229,229,229,0.2);}
.fonav li:first-child{ padding-left: 0;}
.fonav li:last-child:after{ width: 0;}
.fonav li a{ color: #fff;}

.share{ padding-top: 17px;}
#share a{display: block; width: 20px; height: 20px; border-radius: 50%; margin: 0 0 0 10px ;  padding: 0;}
#share .bds_weixin{ background: url(../images/wx.png) no-repeat center  ;}
#share .bds_tsina{  background: url(../images/wb.png) no-repeat center  ;}
#share .bds_sqq{    background: url(../images/qq.png) no-repeat center ;}

.addse{ margin-top: 52px; margin-bottom: 52px;}
.shpen .ttlet{ font-weight: bold; color: #fff; font-size: 15px; margin-bottom: 20px; }
.shpen li{ float: left; width: 305px;color: #fff;}
.shpen li.li1{ padding-left: 48px; background: url(../images/pho.png) no-repeat left top;  margin-right: 35px;}
.shpen li.li1 .t{ font-size: 12px; }
.shpen li.li1 .b{ font-size: 26px;  font-family: Impact;}
.shpen li.li2{ font-size: 12px;/* text-transform: uppercase;*/ line-height: 20px;}
.shpen li.li2 p{ margin-bottom: 10px;}
.shpen li.li2 img{ margin-right: 10px;}

.erwei{ width: 100px; height: 100px;}

.bg{ border-top: 1px solid rgba(229,229,229,0.2); line-height: 64px;}
.bg p{ float: left; color: rgba(255,255,255,0.4);}
.bg a{ float: right; color: rgba(255,255,255,0.4); cursor: pointer;}






















.title{ text-align: center; }
.title div{ font-size: 30px; color: #222222; }
.title p{ color: #999999; font-family: 'din-light-webfont'; text-transform: uppercase;}
.title em{ display: inline-block; width: 18px; height: 2px; background: #dcdcdc; margin: 18px 0;}
.title.white div{ color: #fff;}
.title.white p{ color: rgba(255,255,255,0.72);}
.title.white em{ height: 3px; background: rgba(255,255,255,0.72);}
/* 服务项目   */
.items{ margin: 35px 0;}
.items .title{ text-align: left;}
.items .itleft{ width: 355px; display: table; height: 335px; overflow: hidden; }
.icenter{ display: table-cell; vertical-align: middle;}
.items .itok{ line-height: 24px; color: #999999;}
.items .itok i{display: block; width: 29px; height: 7px; margin-top: 20px;}

.irght{ width: 783px;}
.irght ul{ width: 810px;}
.irght li{ float: left; position: relative; width: 240px; height: 335px; margin-right: 30px;}
.itimg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(34,34,34,0.78); display: table; text-align: center;}
.itimg span img{ width: 50px; height: 55px; }
.itimg p{ font-size: 18px; color: #Fff; margin: 12px 0 38px;}
.itimg em{ display: inline-block; width: 39px; height: 39px; background: url(../images/itmore.png) no-repeat center;}
.irght li:hover .itimg{background: rgba(13,111,184,0.78); }
.irght li:hover p{ font-weight: bold;} 
.irght li:hover em{  background-image: url(../images/itmore2.png) ;}




.company{ display: table; width: 100%; height: 508px; background: url(../images/coanybg.jpg) no-repeat center; text-align: center; }
.company .wrapper{ height: 100%; display: table-cell; vertical-align: middle;}
.company .cmore{ display:block; width: 222px; height: 45px; line-height: 45px;  background: url(../images/morebg.png) no-repeat center; margin: 60px auto 0; text-align: center;}
.cok{ line-height: 28px; color: #fff;}
.company .cmore a{ color: #fff; font-weight: bold;}



.tool{ height: 411px; overflow: hidden; background: url(../images/toolbg.jpg) no-repeat center; box-sizing: border-box; padding-top:38px ;}
.tool .toswp{ position: relative; margin-top: 38px;}
.tool .prev,
.tool .next{  width: 67px; height: 45px; top: 50%; margin-top: -22px; outline: none; opacity: 1;}
.tool .prev{ background: url(../images/tole.png) no-repeat center; left: -33px;}
.tool .next{ background: url(../images/toht.png) no-repeat center; right: -33px;}
.tool .prev:hover{ background-image: url(../images/tole1.png);}
.tool .next:hover{ background-image: url(../images/toht1.png);}

.tool li{  width: 180px; height: 225px; background: #Fff; border: 1px solid #eee; box-sizing: border-box; }
.tool li .img{ text-align: center; line-height: 225px; }



.inew{ background: url(../images/inwbg.jpg) center left ; height: 720px; box-sizing: border-box; padding: 52px 0 0;}
.inew li{ float: left; width: 33.333%; box-sizing: border-box; background: #fff; margin-top: 28px; padding: 35px 50px 37px; border-right: 1px solid #eee;}
.inew li:last-child{ border: none;}
.inew li dt{  font-family: 'din-light-webfont'; font-size: 24px; color: #666;line-height: 30px; height: 30px;}
.inew li dd{ font-size: 16px; color: #585858; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 20px;}
.inew li em{ display: block; font-size: 12px; color: #a6a6a6; margin: 8px 0 6px;}
.inew li p{ line-height: 24px; color: #919191; font-size: 12px; height: 48px; overflow: hidden;}
.inew li i{ display: block; width: 27px; height: 7px; margin: 7px 0 30px;}
.inew li:hover dt{ color: #0d6fb8; font-family: 'din-medium-webfont';}
.inew li:hover dd{ font-weight: bold; color: #0D6FB8;}
.imore{ display:block; width: 222px; height: 45px; line-height: 45px;  background: url(../images/imore.png) no-repeat center; margin: 53px auto 0; text-align: center; }
.imore a{ color: #aaa;  font-weight: bold;}
.imore a:hover{ color: #0d6fb8;}




.left-nav{ height: 75px; line-height: 75px; border-bottom: 1px solid #e3e3e3; box-sizing: border-box; color: #666;}
.left-nav a{ color: #999; }



/* about */
.sub_nav{ float: left; width: 240px;  border-right: 1px solid #e3e3e3;  }
.sub_nav li{ width: 238px; height: 56px; line-height: 56px; padding: 2px 2px 2px 0; border-bottom: 1px solid #e3e3e3; text-align: center;}
.sub_nav li a{ display: block; color: #666666; cursor: pointer;}
.sub_nav li.active a,
.sub_nav li:hover a{ background: #0d6fb8; color: #fff;}

.subadd{ margin-top: 25px; padding-bottom: 35px; background: url(../images/leftbg.jpg) no-repeat center bottom; margin-bottom: 100px;}
.subt{ height: 16px; line-height: 16px; font-size: 16px; color: #333; border-left: 3px solid #0D6FB8; padding-left: 10px; margin-bottom: 18px;}
.subt span{ display: inline-block;}
.subt em{ font-size: 12px; color: #ccc;}
.subadd p{ font-size: 12px; color: #666; margin-bottom: 10px;}
.subadd p i{ color: #999;}
.subadd p img{ width: 13px;height: 13px; margin-right: 5px;}


.box_html{ width: 900px; float: right; padding: 50px 0; }
.aboutitle{ border-bottom: 1px solid #e3e3e3; padding-bottom: 25px; position: relative; background: url(../images/abtit.png) no-repeat right center;}
.aboutitle:after{ position: absolute; left: 0; bottom: -1px; background: #0D6FB8; width: 40px; height: 2px; content: '';}
.aboutitle p{ font-size: 24px; color: #333333;}
.aboutitle span{ display: block; color: #ccc;}

.aboutbox{ margin-top: 25px; line-height: 24px; color: #848484;}
.aboutbox p{ margin-top: 10px;}



/* 1-2 */
.lllist{ }
.box_html ul{ width: 938px;}
.lllist li{ float: left; width: 290px; height: 308px; background: #f5f5f5; margin: 0 15px 15px 0;}
.lllist li .img{ position: relative; width: 100%; height: 190px;}
.lllist li .img:after{ content: ''; position: absolute; left: 18px; bottom: 0; width: 0; height: 0; border: 8px solid;  border-color: transparent transparent #f5f5f5 ;
}
.lllist li .txt{ padding: 20px 20px 0;}
.lllist li .txt span{ display: block; font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px;}
.lllist li .txt em{ display: block; font-size: 12px; color: #cccccc;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lllist li .txt i{display: block; width: 15px; height: 2px; background: #0D6FB8;  margin: 12px 0 8px;}
.lllist li .txt p{ color: #999999;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lllist li:hover{ background: #0d6fb8;}
.lllist li:hover .txt span,
.lllist li:hover .txt p{ color: #fff;}
.lllist li:hover .txt em{ color: #5b97c4;}
.lllist li:hover .txt i{ background: #66a1cd;}
.lllist li:hover .img:after{ border-color: transparent transparent #0D6FB8;}



/* 1-4  */
.ryu{}
.ryu li{ position: relative; width: 292px; height: 198px; box-sizing: border-box; border: 3px solid #2e1e00;  float: left; margin: 11px 11px 0 0; overflow: hidden;}
.ryu li:after{ content: ''; position: absolute; top: -5px; width: 100%; height: 100%; background: url(../images/big.png) no-repeat center; opacity: 0;transition: 0.5s;}
.ryu li:hover:after{ top: 0; opacity: 1;}




/* 1-6 */
.culture li{ float: left; width: 448px; height: 306px; position: relative;  margin: 4px 4px 0 0;}
.culture .txt{ position: absolute; left: 40px; top: 48px;}
.culture .txt i{ display: block; width: 20px; height: 3px; background: rgba(254,254,254,0.19); margin-bottom: 18px;}
.culture .txt img{ display: block; height: 22px ; }
.culture .txt p{ margin-top: 5px; font-size: 20px; color: #fff;}
.culture .fushu:hover{  transform: translate3d(0, -10px, 0);    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.culture .li2.fushu:hover{  transform: translate3d(0, 10px, 0);    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}


/*  2-1 新闻 */

.news ul{ width: 100%;}
.news li{ padding: 27px 0 ; border-bottom: 2px solid #eee; height: 145px; }
.news li:first-child{ padding-top: 10px;}
.news li dl{ float: left; text-align: center; width: 71px; background: url(../images/mm.png) no-repeat center bottom; height: 100%; color: #eee; font-family: simhei; transition: 0s;}
.news li dt{ font-size: 70px; height: 60px; line-height: 60px; }
.news li dd{ font-size: 20px; white-space: nowrap;  border-bottom: 2px solid #eeeeee; padding-bottom: 8px;}
.news li .img{ float: left; width: 290px; height: 145px; margin-left: 50px;}
.news li .txt{ float: right; width: 440px; }
.news li .txt .ttx{ font-size: 18px; line-height: 48px; color: #585858; margin-top: 5px;}
.news li .txt p{ line-height: 24px; color: #999999; height: 72px; overflow: hidden;}

.news li:hover dl{ background-image: url(../images/mm1.png);  color: #0d6fb8;}
.news li:hover dd{ border-color: #cfdce5;}



/* page  */
.m-page{ text-align: center;  line-height: 40px; color: #999; font-family: simhei; margin-top: 45px;}
.m-page a{  display: inline-block; width: 40px; height: 40px;  margin: 0 5px; box-sizing: border-box;  vertical-align: middle; background: #eee; color: #222;}
.m-page a.z-crt{ background: #0d6fb8; color: #fff;}
.m-page a.pagenxt,
.m-page a.pageprv{ width: 100px; color: #666666;}



/*  3-1 服务*/
.fuwu{}
.fuwu li{ position: relative; float: left; width: 448px; height: 311px; overflow: hidden;  margin: 0 5px 20px 0;}
.fuwu li .img{ height: 282px;}
.fuwu li .img img{ height: 100%;}
.fuwu li .txt{ position: absolute; top: -10px; left: 0; width: 100%; height: 282px; box-sizing: border-box; padding: 38px ; background: rgba(13,111,184,0.9); display: table; opacity: 0;}
.fuwu li .txtle{ display: table-cell; vertical-align: middle; text-align: center; }
.fuwu li .txtle div{ color: #fff ;font-size: 20px;}
.fuwu li .txtle em{ color: #76afd7; font-family: simhei; font-size: 12px; display: block;}
.fuwu li .txtle i{ display: block; width: 22px; height: 3px; background: #fff; margin: 12px auto 10px;}
.fuwu li .txtle p{ height: 72px; line-height: 24px; overflow: hidden; color: #bdd1df; transition: 0.5s;}
.fuwu li .txtle img{ width: 24px; height: 14px; margin-top: 25px;}

.ppp{ position: absolute; left: 50%; margin-left: -123px; width: 246px; line-height: 60px; height: 60px; background: #f5f5f5; font-size: 16px; color: #666666; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; bottom: 0; text-align: center;}

.fuwu li:hover .txt{ top: 0; opacity: 1;}
.fuwu li:hover .ppp{ opacity: 0;}




/* 4-1 物料*/
.wuliao .m-page{ margin-top: 25px;}
.wuliao li{ float: left; margin: 0 15px 2px 0; width: 290px; text-align: center;}
.wuliao li .img{ height: 213px; line-height: 213px; border: 1px solid #e3e3e3; }
.wuliao li p{ line-height: 40px;}
.wuliao li:hover .img{ box-shadow: 0 0 10px rgba(34,34,34,0.2);}
.wuliao li:hover p{ color: #0D6FB8;}



/* 5-2*/
.sxkz{ position: relative;}
.sxkz .btt,
.sxkz .tpp{ top: auto; bottom: 35px; width: 30px; height: 56px; z-index: 9999;  outline: none;  opacity: 1 !important; background-color: rgba( 254,254,254,0.4 ); background-size: 10px 20px;}
.sxkz .btt{  background-image: url(../images/htt.png); left: 0;}
.sxkz .tpp{  background-image: url(../images/lee.png); right: 0;}
.sxkz .btt:hover,
.sxkz .tpp:hover{ background-color: #0d6fb8;}

.sxkz .gallery-top{ position: relative;  height: 530px; overflow: hidden;}

.sxkz .gallery-thumbs{ position: relative; height: 131px; margin-top: 4px; }
.sxkz .gallery-thumbs .swiper-slide{ max-width: 222px; }
.sxkz .gallery-thumbs .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../images/bbb.png) no-repeat center; display: none; }
.sxkz .gallery-thumbs .swiper-slide-thumb-active:before{ display: block;}







/* 5-2 正能量*/
.nenli ul{ width: 100%;}
.nenli li{ padding: 27px 0 ; border-bottom: 2px solid #eee; }
.nenli li:first-child{ padding-top: 10px;}
.nenli li div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #666666;  line-height: 20px;}
.nenli li p{ line-height: 22px; color: #999999; margin-top: 12px;}
.nenli li:hover div{ font-weight: bold; color: #0D6FB8;}
.nenli li:hover p{ color: #666666;}







/* 6-1 address us*/
.addres{ height: 465px; overflow: hidden; background: url(../images/addbg.jpg) no-repeat top center;}
.welcome div{ font-weight: bold; font-family: simhei; color: #0D6FB8;  text-transform: uppercase; font-size: 34px; line-height: 36px;}
.welcome p{ line-height: 22px; color: #999999; margin-top: 5px;}
.welcome i{ display: block; width: 27px; height: 3px; background: #cfe2f1; margin: 23px 0;}

.liuyan ul{ width: 900px; }
.liuyan ul li{ width: 448px; float: left;box-sizing: border-box; border: 1px solid #e3e3e3; margin-bottom: 4px;  height: 47px; padding-left: 48px;}
.liuyan ul li input{ width: 100%; border: none; color: #333; height: 100%;  font-family: "微软雅黑";}
.liuyan ul li.li3 input { width: 250px;}
.liuyan ul li.li3 i{ float: right;  width: 90px; height: 100%; line-height: 45px; margin-right: 5px;}
.liuyan ul li.li4{ float: right; height: 150px; margin-right: 0; padding-top: 12px; padding-bottom: 15px;}
.liuyan ul li.li4 textarea{ width: 100%; height: 124px; border: none; resize: none; background: none; font-family: "微软雅黑"; color: #666; line-height: 20px;  }

.liuyan ul li.li1{ background: url(../images/ad1.png) no-repeat center left 19px;}
.liuyan ul li.li2{ background: url(../images/ad2.png) no-repeat center left 19px;}
.liuyan ul li.li3{ background: url(../images/ad3.png) no-repeat center left 19px;}
.liuyan ul li.li4{ background: url(../images/ad4.png) no-repeat top 14px left 19px;}


.lbtn{ margin-bottom: 20px;}
.lbtn input{ width: 448px; height: 47px; background: #ededed; color: #999999; border: none;  cursor: pointer;}
.lbtn .ly{ float: left; background: #0D6FB8; color: #fff;}
.lbtn .cz{ float: right; }

.mappp{ height: 380px; margin-bottom: 10px;}
.mappp img{ height: 100%;}

.article-title{ text-align: center; margin-bottom: 22px; font-weight: 400; font-size: 18px;}
.article-body{ line-height: 22px;}