@charset "UTF-8";
/* CSS Document */
body { font: 14px/24px "微软雅黑","黑体", Arial,"宋体"; color: #666; margin: 0; padding: 0; background: #fff; position: relative; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, button, textarea, select, p, span { margin: 0; padding: 0; }
img { border: 0; }
ul, li, ol, ul { list-style: none; }
.clear { clear: both; height: 0; }
a:hover { text-decoration: underline; }
a { text-decoration: none; color: #666; }
em ,i { font-style: normal; }
.fr { float: right; }
.fl { float: left; }
.mid { float: left; }
.center { width: 1200px; margin: 0 auto; }
.icon {background: url(../images/icon.png) no-repeat;}

/* public css */
/* head css */
.top { font-size: 15px; line-height: 30px; height: 30px; margin: 9px auto; }
.top .fl { color: #1d1d1d; font-family: "微软雅黑";}
.top .fl b { display: inline-block; font-size: 15px; color: #0098ff; font-family: "黑体";}
.top .fr p { float: right; color: #1d1d1d; }
.top .fr p a { font-family: "微软雅黑"; font-size: 15px; text-transform: uppercase; color: #1d1d1d; }
.top .fr p span { display: inline-block; margin: 0 5px; }
.top .fr p.no1 a.hover { color: #1b85db; }
.top .fr p.no2 { margin-right: 50px; }

.head { height: 70px; overflow: hidden; position: relative; z-index: 4; margin-bottom: 16px; }
a.logo { float: left; display: block; width: 146px; height: 70px; }
.dwy { float: left; margin-top: 10px; margin-left: 10px; }
.dwy p { font-size: 20px; color: #1d1d1d; font-family: "黑体"; line-height: 30px; font-weight: bold;}
.dwy span { color: #1d1d1d; font-size: 16px; display: block; line-height: 30px; }
/* head css end*/

/* menu css */
.menu { background-color: #04a9ff; height: 40px; position: relative; z-index: 3; }
.menu .center { position: relative; height: 40px; }
.menulihover { width: 150px; overflow: hidden; background: #fff; height: 36px; position: absolute; left: 75px; top: 2px; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; display: none; }
.menulihover span { width: 0; height: 0; border: 5px solid transparent; border-bottom: 5px solid #04a9ff; position: absolute; bottom: 0; left: 50%; margin-left: -5px;}
.menu ul {}
.menu ul li { width: 150px; float: left; position: relative; z-index: 4; }
.menu ul li a { display: block; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; line-height: 40px; height: 40px; font-size: 16px; color: #FFF; text-align: center; position: relative; font-family: "微软雅黑"; }
.menu ul li a em { float: left; width: 1px; height: 20px; margin-top: 10px; display: block; background-color: #FFF; }
.menu ul li a:hover { color: #04a9ff; font-weight: bold; text-decoration: none; }
.menu ul li a.over { color: #04a9ff; font-weight: bold; }
.menu ul li a.hover { color: #04a9ff; font-weight: bold; }
.menu ul ul { position: absolute; z-index: 9999; width: 150px; left: 0px; top: 40px; height: auto; background-color: #04a9ff; display: none; overflow: hidden; }
.menu ul ul li { width: 100%; }.menu ul ul a { font-size: 14px; line-height: 38px; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; background: none; height: 38px; overflow: hidden; display: block; }
.menu ul ul a:hover { color: #04a9ff; background-color: #FFF; }

/* banner css */
.banner { position: relative; z-index: 1; height: 550px; }
.banner .bannerpic { position: absolute; left: 0; top: 0; width: 100%; display: block; height: 550px; opacity: 0; filter: alpha(opacity=0); }
.banner_icon { position: absolute; overflow: hidden; left: 50%; bottom: 25px; height: 12px; width: 112px; margin-left: -56px; z-index: 6; }
.banner ul li { float: left; width: 22px; margin: 0px 6px 0; height: 12px; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;  background-color: #ccc; border-radius: 6px; }
.banner ul .banner_icon_active { background-color: #04a9ff; width:32px; }
.nybanner { height: 400px; overflow: hidden; }
.nybanner a.bannerpic { height: 400px; }
/* banner css END*/

.search { background: #04a9ff; height: 50px; }
.search .center { height: 50px; }
.search .fl { font-size: 15px; line-height: 50px; color: #FFF; font-weight: lighter; text-shadow: 2px 2px 5px #000; width: 700px;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.search .fr { width: 452px; margin-top: 9px; }
.search input[type=text] { float: left; width: 346px; height: 30px; border: 1px solid #ffd184; box-shadow: 2px 2px 5px #006ca4; }
.search input[type=submit] { float: right; width: 84px; height: 32px; background-position: 0 0; background-color: transparent; border: 0; box-shadow: 2px 2px 5px #006ca4;}

/*main css*/
.stitle { padding-left: 48px; position: relative; padding-top: 30px; width: 215px; margin: 0 auto;}
.stitle i { width: 48px; height: 58px; position: absolute; left: 0; bottom: 15px; background-position: 0 -104px; }
.stitle h3 { color: #000; font-family: "黑体"; font-size: 22px; line-height: 28px; }
.stitle p { font-size: 18px; font-weight: bold; color: #818080; line-height: 20px; font-family: Kalinga, arial; }
.gcstitle { margin-top: 56px; }

.project { position: relative; height: 446px; overflow: hidden; }
.project .center { width: 1200px; height: 446px; margin: 0 auto; position: relative; }
.projectbox { float: left; width: 200px; height: 446px; overflow: hidden; }
.projectbox li { height: 62px; background: #eee; margin-bottom: 2px; position: relative; overflow: hidden; }
.projectbox li i { position: absolute; left: -45px; top: 24px; width: 45px; height: 15px; background-position: -338px -1px; transition: left linear .3s; -webkit-transition: left linear .3s; -moz-transition: left linear .3s; -ms-transition: left linear .3s; }
.projectbox li p { width: 176px; height: 62px; line-height: 62px; margin-left: 24px; color: #3f3f3f; font-size: 16px; font-family: "黑体"; font-weight: bold; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }
.projectbox li:hover , .projectbox li.hover { background: #0598ff; }
.projectbox li:hover i , .projectbox li.hover i { left: 0; }
.projectbox li:hover p , .projectbox li.hover p { margin-left: 58px; color: #FFF; }
.projectlist { width: 970px; float: right; }
.projectlist li { height: 410px; display: none;}
.projectpic { float: right; width: 268px; height: 410px; overflow: hidden; }
.projecttext { width: 634px; height: 330px; border: 3px solid #0598ff; float: left; margin-top: 34px; margin-left: 38px; position: relative; }
.projecttext h3 , .projecttext span , .projecttext p { position: absolute; left: -38px; background: #FFF; }
.projecttext h3 { color: #303030; font-size: 22px; font-family: "黑体"; line-height: 30px; padding-top: 8px; top: 20px; }
.projecttext span { display: block; font-size: 30px; color: #c5c5c5; text-transform: uppercase; font-family: impact; padding-left: 70px; top: 58px; line-height: 30px; }
.projecttext p { top: 88px; color: #4f4f4f; font-size: 14px; line-height: 30px; font-weight: bold; letter-spacing: 2px; padding: 10px 5px 10px 0; text-indent: 2rem; height: 150px; overflow: hidden; }
.projecttext a { width: 100px; height: 36px; position: absolute; bottom: -17px; right: 22px; background: #0598ff; display: block; text-align: center; color: #FFF; line-height: 36px; font-family: "黑体"; font-size: 14px; }
.projecttext a:hover{ text-decoration: none; background: #058be9;}
.projectlist li.hover { display: block; }
.clickprev , .clicknext  { width: 38px; height: 36px; position: absolute; bottom: 0; right: 0; background-color: #e3e3e3; background-position: -126px 0; cursor: pointer;}
.clicknext { background-position: -166px 0; right: -38px; background-color: #0598ff;}
/*.clickprev:hover { background-color: #0598ff; background-position: -86px 0;}
.clicknext:hover { background-color: #e3e3e3; background-position: -206px 0; }*/

.guangg { background: url(../images/guanggbg.jpg) no-repeat center center; height: 80px; position: relative; margin-top: 30px; margin-bottom: 56px; }
.guangg p { padding-left: 70px; line-height: 56px; font-size: 26px; color: #FFF; font-family: "黑体"; position: absolute; left: 50%; top: 12px; margin-left: 100px; }
.guangg p i { width: 56px; height: 56px; background: url(../images/guanggicon.png) no-repeat; position: absolute; left: 0; top: 0; }
.guangg p span { display: inline-block; font-family: impact;}

.youshi { position: relative; overflow: hidden; padding-bottom: 24px; }
.ysstitle { width: 520px; margin-bottom: 70px; }
.ysstitle i { background-position: -204px -104px; }
.youshilist { height: 414px; position: relative; z-index: 2; width: 1200px; margin: 0 auto; }
.youshilist dt { float: left; width: 534px; height: 414px; }
.youshilist dd { float: right; width: 538px; height: 360px; padding-top: 20px; padding-left: 15px; overflow: hidden; margin-right: 100px;}
.youshiright { position: relative; padding-left: 85px; margin-bottom: 75px; }
.youshinum { position: absolute; left: 0; top: -5px; }
.youshinum span { color: #0081dc; font-size: 24px; font-family: impact; width: 46px; height: 46px; line-height: 46px; text-align: center; display: block; z-index: 2; position: relative; }
.youshinum em { width: 46px; height: 46px; position: absolute; left: -3px; top: -3px; border: 3px solid #0598ff; background: #FFF; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.youshitext { width: 435px; }
.youshitext h3 { width: 150px; height: 36px; background: #deae1c; line-height: 36px; color: #FFF; font-size: 17px; font-family: "黑体"; position: relative; padding-left: 15px;}
.youshitext h3 em { position: absolute; left: -12px; top: 12px; border: 6px solid transparent; border-right: 6px solid #deae1c;}
.youshitext p { color: #595959; font-size: 15px; font-family: "黑体"; font-weight: bold; margin-top: 20px; letter-spacing: 1px; }
.youshitext p span { color: #0598ff; font-size: 18px;}
.youshilist.no2 { margin-top: 52px; }
.youshilist.no2 dt { float: right;}
.youshilist.no2 dd { margin-right: 0; height:400px; }
.youshilist.no2 .youshitext.no2 h3 { width: 220px; }
.ysbg { width: 100%; height: 475px; background: #f2f2f2; position: absolute; bottom: 0; left: 0; }
.line01 { border-left: 1px dashed #a2a2a2; width: 4px; height: 400px; position: absolute; left: 50%; top: 28px; margin-left: -16px; }
.line02 { border-top: 1px dashed #a2a2a2; border-left: 1px dashed #a2a2a2; width: 432px; height: 475px; position: absolute; left: 50%; bottom: 0; margin-left: -450px; }

.alstitle { width: 148px; margin: 30px auto; }
.case { width: 1200px; overflow: hidden; margin-bottom: 46px;}
.caselist { height: 786px; overflow: hidden; width: 1300px; padding: 10px;}
.caselist li { position: relative; float: left; margin-right: 38px; margin-bottom: 34px; }
.casebox { border: 1px solid #e5e5e5; width: 263px; height: 352px; position: relative; }
.casebox p { width: 245px; height: 188px; padding: 10px; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; }
.casebox p img { width: 245px; height: 188px; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; }
.casebox h3 { text-align: center; color: #525252; font-size: 16px; font-family: "黑体"; margin-bottom: 5px; }
.casebox span { display: block; color: #909090; font-size: 14px; font-family: "黑体"; width: 210px; margin: 0 auto;    overflow: hidden; height: 72px; }
.casebox a { display: block; color: #939393; font-size: 16px; font-family: "黑体"; position: absolute; right: 10px; bottom: 10px; font-weight: bold;}
.caselist li em { width: 267px; height: 5px; background: #f2f2f2; display: block; margin-top: 17px; position: relative; }
.caselist li em:before { position: absolute; content: ""; width: 0; height: 5px; left: 0; bottom: 0; background: #04a9ff; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; }
.caselist li:hover .casebox { border: 0; box-shadow: 0 0 10px #737373; width: 265px; height: 354px;}
.caselist li:hover .casebox p { width: 265px; height: 204px; padding: 0 0 10px; }
.caselist li:hover .casebox p img { width: 265px; height: 204px; }
.caselist li:hover .casebox h3 {}
.caselist li:hover .casebox a { color: #04a9ff; }
.caselist li:hover em:before { width: 265px; }
.casemore { width: 120px; height: 34px; display: block; border: 2px solid #04a9ff; color: #04a9ff; font-family: "黑体"; line-height: 34px; font-weight: bold; padding-left: 24px; position: relative; letter-spacing: 2px; margin: 64px auto 0; }
.casemore i { position: absolute; right: 20px; top: 11px; width: 26px; height: 13px; background-position: -399px -3px; }

.chanpin { background: #e5e5e5; position: relative; padding-top: 30px; padding-bottom: 60px; overflow: hidden; }
.sbstitle { margin-bottom: 56px; width: 200px; }
.chanpinbox { width: 1150px; overflow: hidden; margin: 0 auto; }
.chanpinlist { overflow: hidden; padding: 15px !important; width: 1300px; }
.chanpinlist li { height: 298px; float: left; width: 236px; background: #FFF; box-shadow: 0 0 15px #7a7a7a; margin-right: 60px; position: relative; }
.chanpinlist li p { width: 236px; height: 186px; overflow: hidden; }
.chanpinlist li p img , .aboutpic a img , .newspic li a img { transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; }
.chanpinlist li:hover p img , .aboutpic a:hover img , .newspic li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.chanpinlist li span { display: block; color: #909090; font-size: 12px; font-family: "黑体"; line-height: 20px; width: 210px; margin: 22px auto 0;     height: 40px;
    overflow: hidden;}
.chanpinlist li a { display: block; color: #9c9b9b; font-size: 16px; font-family: "黑体"; position: absolute; right: 10px; bottom: 10px; }
.chanpinlist li a:hover { text-decoration: none; }
.chanpinlist li:hover { background: #e5e5e5;}
.chanpinlist li:hover a { color: #04a9ff; }
.chanpin span.prev , .chanpin span.next { width: 32px; height: 55px; position: absolute; left: 50%; margin-left: -670px; top: 315px; background-position: -44px -40px; cursor: pointer; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; }
.chanpin span.next { background-position: -88px -40px; margin-left: 638px; }
.chanpin span.prev:hover { background-position: 0 -40px; }
.chanpin span.next:hover { background-position: -132px -40px; }


.steptitle { font-size: 30px; font-family: "黑体"; background: url(../images/steptitle.png) no-repeat center bottom; padding-bottom: 19px; text-align: center; line-height: 62px; color: #000; font-weight: bold; margin-top: 60px; }
.step { background: url(../images/step.jpg) no-repeat center center; height: 500px; overflow: hidden; margin-top: 36px; position: relative; margin-bottom: 85px; }
.step ul {}
.step ul li { width: 196px; height: 70px; border: 2px solid #012d86; border-radius: 8px; line-height: 30px; text-align: center; position: absolute; left: 50%; margin-left: -665px;}
.step ul li.no1 { top: 222px;}
.step ul li.no2 { margin-left: -452px; bottom: 0; }
.step ul li.no3 { margin-left: -204px; top: 222px; }
.step ul li.no4 { margin-left: 20px; bottom: 0; }
.step ul li.no5 { margin-left: 238px; top: 222px; }
.step ul li.no6 { margin-left: 465px; bottom: 0; }
.step ul li span { display: block; height: 60px; padding: 2px 0; width: 190px; margin: 3px auto; border-radius: 8px; color: #012c86; font-size: 20px; font-family: "Adobe 黑体 Std"; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }
.step ul li:hover span { background: #002e8c; color: #FFF;}

.about { background: url(../images/aboutbg.jpg) no-repeat center center; height: 658px; padding-top: 30px; margin-bottom: 96px;}
.gystitle i { background-position: -102px -104px;}
.about .center { background: #FFF; height: 420px; margin-top: 75px; box-shadow: 5px 5px 5px #717171; position: relative;}
.aboutleft { width: 695px; height: 420px; position: relative; float: left; }
.aboutpic { width: 695px; height: 420px; overflow: hidden; }
.aboutpic a { display: block; overflow: hidden; }
.aboutcover { width: 168px; height: 420px; position: absolute; right: 0; top: 0; z-index: 2;}
.aboutright { float: right; width: 505px; height: 420px; position: relative; }
.abouttitle { background: url(../images/abouttitle.png) no-repeat; width: 432px; height: 88px; margin: 70px 0 18px 30px;}
.abouttext { width: 364px; color: #6e6e6e; font-family: "Adobe 黑体 Std"; line-height: 24px; height: 192px; overflow: hidden; font-weight: bold; margin-left: 56px; }
.aboutright i.no1 , .aboutright i.no2 { width: 35px; height: 37px; position: absolute; top: 165px; left: 9px; background-position: -247px 0;}
.aboutright i.no2 {background-position: -292px 0; left: auto; right: 29px; top: auto; bottom: 36px; }
.aboutline { width: 6px; height: 420px; background: #00abf2; position: absolute; right: 4px; top: 0; }
.aboutmore { width: 120px; height: 34px; display: block; border: 2px solid #04a9ff; color: #04a9ff; font-family: "黑体"; line-height: 34px; font-weight: bold; padding-left: 24px; position: absolute; bottom: 15px; left: 578px; z-index: 3; letter-spacing: 2px; }
.aboutmore i { position: absolute; right: 20px; top: 11px; width: 26px; height: 13px; background-position: -399px -3px; }

.honortitle { width: 1200px; margin: 0 auto;}
.honortitle a { width: 135px; height: 48px; margin-right: 14px; display: inline-block; background: #eee; text-align: center; line-height: 48px; color: #606060; font-size: 24px; font-family: "黑体";}
.honortitle a:hover , .honortitle a.hover { text-decoration: none; background: #00abf2; color: #FFF;}
.honor { border: 2px solid #b5b5b5; width: 1196px; margin: 0 auto; position: relative; }
.honorbox { width: 1032px; overflow: hidden; margin: 0 auto; padding: 35px 0 15px;}
.honorlist { width: 1040px; height: 230px; }
.honorlist li { width: 202px; height: 230px; float: left; margin-right: 6px;}
.honorlist li a { display: block; overflow: hidden;}
.honorlist li a span { display: block; text-align: center; line-height: 36px; font-family: "黑体"; font-size: 15px; color: #5c5c5c;}
.honorlist li a:hover { text-decoration: none; }
.honorlist li a:hover span { color: #00abf2; }
.honor span.prev , .honor span.next { position: absolute; left: 50%; top: 108px; width: 34px; height: 60px; cursor: pointer; background-position: -214px -40px; margin-left: -596px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;} 
.honor span.next { background-position: -256px -40px; margin-left: 562px; }
.honor span.prev:hover { background-position: -176px -40px; }
.honor span.next:hover { background-position: -294px -40px; }

.parnter { background: url(../images/partnerbg.jpg) no-repeat center center; margin-top: 86px; padding-top: 30px; height: 370px; margin-bottom: 65px; }
.hzstitle { width: 178px; }
.hzstitle i { background-position: -153px -104px;}
.parnter .center { width: 1190px; overflow: hidden; margin-top: 46px; }
.parnterlist { width: 1210px; height: 212px; }
.parnterlist li { width: 210px; height: 86px; box-shadow: 5px 5px 10px #6c6c6c; float: left; margin: 0 30px 30px 0;}
.parnterlist li a { display: block; border: 2px solid #b5b5b5; width: 206px; height: 82px; transition: border .3s; -webkit-transition: border .3s; -moz-transition: border .3s; -ms-transition: border .3s; }
.parnterlist li a:hover { border: 2px solid #FFF;}


.zxstitle { width: 245px; }
.zxstitle i { background-position: -204px -104px; }
.news { overflow: hidden; margin-top: 65px; margin-bottom: 120px; background: url(../images/newsbg.png) no-repeat 875px top; }
.news .fl { width: 838px; height: 278px; position: relative; }
.newsfirst { width: 344px; height: 278px; float: left; position: relative;}
.newspic {}
.newspic li { width: 344px; height: 278px; overflow: hidden; float: left; position: relative;}
.newspic li a { display: block; overflow: hidden; }
.newspic li a span { display: block; position: absolute; left: 0; bottom: 0; width: 334px; height: 38px; background: url(../images/newspicbg.png) repeat; line-height: 38px; color: #4c4d4d; font-size: 14px; font-weight: bold; padding-left: 10px;}
.newsicon { width: 45px; height: 9px; position: absolute; right: 10px; bottom: 14px; z-index: 5;}
.newsicon li { width: 9px; height: 9px; background: #FFF; text-indent: -99999px; float: left; margin: 0 3px;}
.newsicon li.on { background: #04a9ff; }

.newsmain { height: 278px; width: 470px; float: right; }
.newstitle { width: 470px; border-bottom: 3px solid #00abf2; height: 30px; }
.newstitle a { color: #626262; display: inline-block; font-size: 16px; font-family: "黑体"; height: 30px; background: #eee; margin-right: 5px; padding: 0 8px; line-height: 30px; }
.newstitle a:hover , .newstitle a.hover { text-decoration: none; background: #00abf2; color: #FFF;}
.newslist { width: 470px; height: 234px; margin-top: 10px; overflow: hidden; }
.newslist li { border-bottom: 1px dashed #d2d2d2; height: 30px; margin-bottom: 9px; position: relative; }
.newslist li a { display: block; color: #606060; font-weight: bold; font-size: 14px; height: 30px; line-height: 30px; }
.newslist li a em { position: absolute; right: 0; top: 0; display: block; line-height: 30px; font-size: 14px;}
.newslist li a:hover { text-decoration: none; color: #04a9ff;}

.news .fr { width: 280px; }
.faqtitle { border-bottom: 3px solid #71ceff; height: 30px; position: relative; }
.faqtitle a { display: inline-block; font-size: 16px; font-family: "黑体"; height: 30px; margin-right: 24px; padding-bottom: 3px; }
.faqtitle a span { display: inline-block; margin: 0 5px; }
.faqtitle a:hover , .faqtitle a.hover { text-decoration: none; background: url(../images/faqtitlebg.png) no-repeat center bottom;}
.faqtitle:before { position: absolute; content: ""; left: 75px; top: 5px; width: 1px; background: #d2d2d2; height: 15px; }
.faqbox { height: 238px; overflow: hidden; margin-top: 7px; }
.faqlist {}
.faqlist li { height: 82px; }
.faqlist li a { display: block; font-family: arial; font-weight: bold; font-size: 14px; color: #04a9ff; margin-bottom: 4px; height: 24px; overflow: hidden;}
.faqlist li p { font-size: 12px; color: #727272; font-weight: bold; font-family: "宋体"; line-height: 22px; height: 44px; overflow: hidden; }


.foot { background: #2c2c2c; position: relative; padding-top: 40px; height: 270px; overflow: hidden;}
.link { width: 1200px; margin: 0 auto 34px; border-bottom: 1px solid #FFF; padding-bottom: 5px; position: relative; z-index: 2; }
.link , .link a { color: #FFF; font-size: 16px; font-weight: bold; font-family: "微软雅黑"; line-height: 30px;}
.link a { display: inline-block; margin-right: 15px; }
.foot .center { overflow: hidden; position: relative; z-index: 2; }
.foot .fl {}
.footlogo { display: block; width: 200px; height: 96px; overflow: hidden; margin-bottom: 13px; }
.foottel {}
.foottel p { font-size: 18px; color: #FFF; font-weight: bold; line-height: 32px; margin-bottom: 5px; }
.foottel span { display: block; color: #04a9ff; font-size: 34px; font-weight: bold; line-height: 44px; font-style: italic; }
.foot .mid { margin-left: 50px; margin-top: 8px;}
.foottext { color: #e8e8e8; font-weight: bold; font-size: 14px; }
.foot .mid .footshare { height: 30px; margin-top: 30px; }
.foot .mid .footshare span { float: left; color: #e8e8e8; font-weight: bold; font-size: 14px; display: block; line-height: 30px; margin-right: 10px;}
.foot .mid .footshare a { width: 36px; height: 30px; background-image: url(../images/icon.png); padding-left: 0; margin: 0 10px 0 0;  }
.foot .mid .footshare a.bds_weixin { background-position: -268px -118px;}
.foot .mid .footshare a.bds_sqq { background-position: -305px -118px;}
.foot .mid .footshare a.bds_tsina { background-position: -342px -118px; }
.foot .fr { width: 300px; height: 161px; }
.erweima { float: right; background: #757575; padding: 8px 8px 0; margin-left: 14px;}
.erweima img { width: 120px; height: 120px; overflow: hidden; }
.erweima span { display: block; text-align: center; font-size: 14px; color: #141414; font-weight: bold; line-height: 30px; margin-top: 3px;}
.footbg { background: url(../images/footbg.png) no-repeat; width: 785px; height: 310px; position: absolute; left: 50%; top: 0; margin-left: -871px; z-index: 1;}

.copyright { background: #04a9ff; }
.copyright .center { height: 34px; line-height: 34px; color: #FFF; font-weight: bold; }
.copyright .center a { color: #FFF; display: inline-block; font-weight: bold; }
.copyright .center .mid { text-align: center; width: 550px;}

/*main css end*/

/* 内页 css */
.nyvideo { width: 800px; height: 500px; margin: 0 auto; }
.nymain { overflow: hidden; width: 1200px; margin: 0 auto; padding-bottom: 50px; padding-top: 40px; }

/* main css */
 /*left public css*/ 
.prolist { height: auto; background-color: #f7f7f7; overflow: hidden; }
.prolist h3 { height: 60px; line-height: 60px; padding: 0 20px; background-color: #04a9ff; color: #fff; font-size: 18px; font-weight: normal; }
.prolist ul { padding: 10px 20px 20px; }
.prolist ul li { line-height: 46px; }
.prolist ul li a { display: block; font-size: 16px; border-bottom: 1px solid #fff; position: relative; }
.prolist ul li a em { display: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; width: 30px; height: 30px; font-style: normal; text-align: center; line-height: 30px; position: absolute; right: 0px; top: 50%; margin-top: -15px; font-family: "宋体"; color: #ABABAB; font-size: 15px; }
.prolist ul li a:hover { text-decoration: none; }
.prolist ul li a:hover em { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg); color: #04a9ff; }
.prolist ul li a.on, .prolist ul li a.hover { color: #04a9ff; }
.prolist ul ul { background-color: #eee; display: none; padding: 10px 20px; }
.prolist ul ul li a { line-height: 40px; font-size: 14px; color: #555; border-bottom: 1px solid #f7f7f7; }
.prolist ul ul li:last-child a { border: 0; }
.prolist ul ul li a:hover { color: #04a9ff; }

.left { width: 270px; float: left; }

.contact { margin-top: 25px; width: 270px; }
.contact.on { position: fixed; right: 50%; top: 0; z-index: 99999; margin-right: 330px; margin-top: 20px; }
.contact.onabsolute { position: absolute; right: 50%; bottom: 415px; z-index: 99999; margin-right: 330px; margin-top: 20px; }
.contacttitle { border-bottom: 8px solid #f7f7f7; height: 28px; line-height: 22px; position: relative; padding-bottom: 10px; }
.contacttitle h3 { color: #04a9ff; float: left; font-size: 18px; transition: all 0.3s ease 0s; font-weight: normal; }
.contacttitle .more { float: right; }
.contacttitle .more a { color: #999; }
.contacttitle .more a:hover { color: #04a9ff; }
.contactmain { padding-top: 10px; line-height: 26px; background-color: #f7f7f7; padding: 20px; }

/* right public css */
.right { float: right; width: 895px; }
.site { float: right; }
.site a:hover { color: #04a9ff; text-decoration: none; }
.righttitle { border-bottom: 8px solid #f7f7f7; height: 50px; line-height: 50px; }
.righttitle h3 { border-left: 3px solid #04a9ff; color: #04a9ff; cursor: pointer; float: left; font-size: 18px; font-weight: normal; height: 22px; line-height: 22px; margin-top: 10px; padding: 0 12px 0 15px; }
.nycenter { overflow: hidden; padding: 30px 0; }
.nyContent a { color: blue; text-decoration: underline; }
.nyContent a:hover { text-decoration: none; }

/*新闻列表 css */
.ArticleCategory li { height: 52px; line-height: 52px; border-bottom: 1px solid #f4f4f4; overflow: hidden; }
.ArticleCategory li em { float: right; font-style: normal; font-size: 12px; color: #999; }
.ArticleCategory li a { display: block; }
.ArticleCategory li a:hover { text-decoration: none; color: #04a9ff; }
.ArticleCategory li a:hover em { color: #04a9ff; }

.page { text-align: center; padding-top: 20px; }

/*新闻详细 css */
.nycenter h1 { font-size: 22px; text-align: center; padding-top: 10px; font-weight: normal; color: #000; }
.fbtime { line-height: 32px; text-align: center; padding: 10px 0 0; border-bottom: 1px dashed #ccc; margin-bottom: 20px; }

/*产品列表 css */
.ProductCategory li { width: 282px; float: left; padding-right: 24px; text-align: center; line-height: 32px; padding-bottom: 20px; }
.ProductCategory { width: 950px; }
.ProductCategory li a { display: block; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.ProductCategory li a img { display: block; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.ProductCategory li a:hover { text-decoration: none; color: #04a9ff; }
.ProductCategory li a:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.nrproimg { width: 280px; height: 220px; position: relative; *z-index: -1; overflow: hidden; border: 1px solid #ddd; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.ProductCategory li a:hover .nrproimg { border-color: #04a9ff; }

.gbookbg input[type="text"] { border: 1px solid #ccc; width: 350px; height: 32px; line-height: 32px; padding: 0 5px; margin-left: 10px; outline: none; }
.gbookbg td { padding-bottom: 5px; }
.gbookbg td em { color: red; font-style: normal; }
.gbookbg textarea { padding: 5px; font-size: 13px; outline: none; font-family: "微软雅黑"; border: 1px solid #ccc; height: 88px; line-height: 22px; width: 350px; margin-left: 10px; }
.gbookbg td input[type="submit"], .gbookbg td input[type="reset"] { height: 32px; font-family: "微软雅黑"; line-height: 32px; width: 100px; text-align: center; border: 0; background-color: #555; color: #fff; cursor: pointer; margin-top: 5px; }
.gbookbg td input[type="submit"] { background-color: #04a9ff; }

.code { border: 1px solid #ccc; display: block; float: left; padding: 11px; cursor: pointer; margin-right: 3px; }
.gbooklist { overflow: hidden; padding-top: 40px; }
.gbooklist ul li { padding-bottom: 15px; }

.lytitle { overflow: hidden; }
.lytitle .time { float: right; color: #999; }
.lytitle span { padding: 0 20px; }
.lynr { padding: 20px; margin: 10px 0 0; background-color: #f4f4f4; }
.lyhf { padding-bottom: 10px; border: 1px solid #f4f4f4; padding: 20px; border-top: 0; }

.downlist { overflow: hidden; position: relative; border-bottom: 1px dashed #ccc; padding: 20px 150px 20px 0; }
.downlist dt { position: absolute; right: 0; height: 38px; width: 100px; text-align: center; color: #fff; line-height: 38px; top: 50%; margin-top: -19px; }
.downlist dt a { display: block; color: #fff; background-color: #04a9ff; border-radius: 10px; }
.downlist dt a:hover { background-color: #ff872c; text-decoration: none; }
.downlist dd a { display: block; font-size: 16px; font-weight: bold; color: #333; }
.downlist dd a:hover { text-decoration: none; color: #04a9ff; }
.downlist dd span { display: block; color: #999; font-size: 12px; }
.downlist dd p { height: 48px; overflow: hidden; padding-top: 5px; color: #666; }

.tabledown { margin: 0 auto; }
.tabledown td { line-height: 36px; border-bottom: 1px solid #ccc; }
.tabledown th { border-left: 1px solid #f4f4f4; background-color: #f4f4f4; height: 46px; line-height: 46px; }
.tabledown td span { color: #999; display: inline-block; width: 73px; }

#Count { color: red; width: auto; }
.tabledown td.last { line-height: 22px; padding: 20px 0; }
.khjzlist { overflow: hidden; background-color: #f4f4f4; padding: 10px; margin-bottom: 15px; width: 420px; margin-right: 15px; float: left; }
.khjzlist:hover { background-color: #eee; }
.khjzlist dt { float: left; width: 120px; height: 120px; overflow: hidden; border-radius: 50%; }
.khjzlist dt img { display: block; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%; }
.khjzlist:hover dt img { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.khjzlist dd { width: 285px; float: right; }
.khjzlist dd a.khjzmore { display: inline-block; line-height: 24px; width: 92px; text-align: center; background-color: #999; color: #fff; position: relative; overflow: hidden; }
.khjzlist dd a.khjzmore span { position: relative; z-index: 3; }
.khjzlist dd a.khjzmore:before { position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; height: 0; top: 0; left: 0; width: 0; border: 0px solid transparent; border-top-color: #04a9ff; content: ""; z-index: 2; }
.khjzlist:hover dd a.khjzmore:before { border-width: 120px 120px 0 0; }
.khjzlist dd p { height: 44px; overflow: hidden; padding-top: 5px; margin-bottom: 15px; }
.khjzlist dd h3 { line-height: 28px; }
.khjzlist dd h3 a { display: block; }

/*放大镜效果*/
.magnifier { width: 100%; overflow: hidden; }
.magnifier_rf { text-align: left; }
.magnifier_rf h1 { text-align: left; }
.magnifier_rf .fbtime { text-align: left; }
.magnifier_lf { float: left; width: 452px; position: relative; -moz-user-select: none; -webkit-user-select: none; user-select: none; }

/*去除选择效果*/
.magnifier_rf { float: right; width: 46%; }
#jqzoom { position: relative; width: 452px; height: 452px; cursor: move; margin-bottom: 10px; }
#jqzoom img { display: block; border: 1px solid #ddd; }
.jqzoomlist { overflow: hidden; position: relative; height: 74px; }
.jqzoomlist li { width: 74px; float: left; margin-right: 8px; height: 74px; }
.jqzoomlist li img { display: block; width: 72px; height: 72px; border: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; }
.jqzoomlist li.on img { border-color: #04a9ff; }
.jqzoomlist span { display: block; z-index: 3; position: absolute; left: 0; -webkit-transition: all .3s; transition: all .3s; top: 0; width: 18px; text-align: center; font-family: "宋体"; background-color: #eee; height: 74px; line-height: 74px; margin-right: 10px; cursor: pointer; }
.jqzoomlist span:hover { color: #fff; background-color: #ccc; }
.jqzoomlist span.next { right: 0; left: auto; margin-right: 0; }
.jqzoomlist ul { left: 25px; width: 3000px; position: absolute; top: 0; }

#bigzoomimg { position: absolute; right: -447px; top: 0; width: 430px; height: 430px; border: 1px solid #ddd; overflow: hidden; display: none; }
#bigzoomimg img { position: absolute; left: 0; top: 0; }
#zoommark2 { background: url(../images/zoom.png) repeat left top transparent; display: none; position: absolute; left: 0; top: 0; z-index: 3; width: 200px; height: 200px; }

/*详细页切换标签*/
.ProductContent { overflow: hidden; padding-top: 40px; }
.ProductContenttab { overflow: hidden; background-color: #f6f6f6; padding-left: 1px; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.ProductContenttab span { display: block; cursor: pointer; width: 131px; float: left; color: #333; font-size: 15px; text-align: center; line-height: 42px; border-top: 2px solid transparent; }
.ProductContenttab span.on { background-color: #fff; color: #04a9ff; border-top-color: #04a9ff; font-weight: bold; }
.ProductContentlistnr { padding-top: 20px; display: none; }

/*网站地图*/
.siteMap { overflow: hidden; }
.siteMap .siteMaplist { border-bottom: 1px solid #eee; line-height: 42px; font-size: 16px; }
.siteMap .siteMaplist a { display: inline-block; color: #04a9ff; }
.siteMap > ul { padding: 20px 0 30px; overflow: hidden; }
.siteMap > ul > li { width: 15%; float: left; }
.siteMap > ul > li > a { display: block; color: #000; font-size: 14px; }
.siteMap > ul > li > ul { margin-top: 10px; }
.siteMap > ul > li > ul a { display: block; line-height: 28px; font-size: 13px; }

.nyhotnewslist { overflow: hidden; padding: 20px; border: 3px dashed #f7f7f7; }
.nyhotnewslist h3 { color: #333; padding-bottom: 10px; font-size: 16px; }
.nyhotnewslist ul { overflow: hidden; }
.nyhotnewslist ul li { float: left; width: 50%; }
.nyhotnewslist ul li a { display: block; line-height: 36px; margin-right: 10px; padding-left: 8px; border-radius: 3px; }
.nyhotnewslist ul li a:hover { background-color: #f7f7f7; text-decoration: none; }

.nyhotprolist { overflow: hidden; padding: 20px; border: 3px dashed #f7f7f7; }
.nyhotprolist h3 { color: #333; padding-bottom: 10px; font-size: 16px; }
.nyhotprolist .nyhotprolistmain { overflow: hidden; }
.nyhotprolist ul { overflow: hidden; width: 920px; }
.nyhotprolist ul li { float: left; width: 200px; margin-right: 15px; overflow: hidden; }
.nyhotprolist ul li a { display: block; text-align: center; }
.nyhotprolist ul li a .nrproimg { width: 198px; border: 1px solid #eee; overflow: hidden; height: 156px; margin-bottom: 5px; }
.nyhotprolist ul li a .nrproimg img { display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.nyhotprolist ul li a:hover { text-decoration: none; }
.nyhotprolist ul li a:hover .nrproimg { border-color: #04a9ff; }
.nyhotprolist ul li a:hover .nrproimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.ArticleCategory .ArticleListdl { margin-bottom: 14px; height: 90px; background: #fff; padding: 30px; border: 1px solid #e7e7e7; position: relative; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.ArticleListdl a { display: block; height: 100%; }
.ArticleListdl h3 { color: #333333; font-size: 18px; font-weight: 400; text-decoration: none; line-height: 34px; position: relative; padding-left: 40px; }
.ArticleListdl h3 em, .ArticleListdl .nynewtext em { display: block; width: 28px; height: 28px; line-height: 28px; border-radius: 3px; background-color: #04a9ff; color: #fff; position: absolute; left: 0; top: 2px; text-align: center; font-weight: bold; font-size: 16px; }
.ArticleListdl .nynewtext { height: 46px; overflow: hidden; color: #9d9d9d; line-height: 21px; padding-left: 40px; padding-top: 10px; position: relative; }
.ArticleListdl .nynewtext em { top: 8px; background-color: #999; }
.ArticleCategory .ArticleListdl a:hover em { color: #fff; }
.ArticleListdl a:hover h3 { color: #04a9ff; }
.ArticleListdl:hover { border-color: #04a9ff; }

.wechat { position: relative; }
.wechat .wechatmain { position: absolute; font-size: 13px; left: 50%; display: none; width: 120px; line-height: 20px; height: 140px; border: 1px solid #eee; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; text-align: center; color: #333; background-color: #fff; margin-left: -60px; }
.wechat .wechatmain img { display: block; margin: 5px auto 0; width: 110px; height: 110px; }
.wechat .wechatmain em { border: 8px solid transparent; border-bottom: 8px solid #fff; top: -16px; left: 50%; margin-left: -8px; position: absolute; }
.wechat:hover .wechatmain { display: block; }

/* 内页 css END*/
.nyryzz li { width: 204px; }
.nyryzz li .nrproimg { width: 202px; height: 194px; }
.nyhzhb li { width: 204px; }
.nyhzhb li .nrproimg { width: 202px; height: 80px; }


.BMap_bubble_title {color:#04a9ff;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.BMap_bubble_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;line-height: 24px;}

.nyanli li {width: 432px; border:1px solid #ddd; padding-right: 0; margin-right: 24px; background: #f2f2f2; margin-bottom:20px;}
.nyanli li .nrproimg { width: 360px; height: 311px; margin: 22px auto 0; border:0; }
.nyanli li p { margin: 10px 0; }
.nyanli li .proclick { text-align: center; }
.nyanli li .proclick a { display: inline-block; width: 90px; height: 26px; background: #8c8c8c; line-height: 26px; color: #FFF; font-size: 12px; margin: 0 10px; }
.nyanli li .proclick a.yy { background: #de323e;}

.nychanpin li { width: 280px; padding-bottom: 10px; }
.nychanpin li .nrproimg { width: 270px; height: 212px; margin: 5px auto 0; }
.nychanpin li p { margin: 5px 0; }

/*# sourceMappingURL=style.css.map */