body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }  

body, button, input, select, textarea { font:12px Arial, Tahoma, '微软雅黑'; color:#454545; }  

button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }  

h2, h3 { font-size:14px; }  

button, input, select, textarea, label { vertical-align:middle; outline:none; border: 0;}  

img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}  

ul, ol { list-style:none; }  

a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; }  

a:hover { color:#000; }  

table { border-collapse:collapse; border-spacing:0; }  

body { word-wrap:break-word; word-break:break-all;}  



/*清浮*/  

.g-cf:after { content:""; clear:both; display:table; }  

.g-cf { zoom:1; }  

/*浮动*/  

.g-f-l { float:left; _display:inline; }  

.g-f-r { float:right; _display:inline; } 





.wrap{ width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}

.container{ width: 100%; max-width: 1200px; margin: 0 auto;}

.top-out {width: 100%; background:#1467b2;}
.top {max-width:1200px; margin:0 auto; background:#1467b2; color:#FFF; font-size:13px; height:36px; line-height:36px; margin:0 auto}
.top p {}
.top p span { float:right}

.header{ height: 100px;}

.header-t{ height: 39px;}

.phone{ font-size: 16px; color: #00a0e9; padding-left: 23px; background: url(../images/ico1_03.jpg) no-repeat left center; line-height: 39px;}

.zhuzhan{ font-size: 12px; padding-left: 24px; background: url(../images/ico2_03.jpg) no-repeat left center; margin-left: 40px; line-height: 39px; position: relative;}

.zhuzhan:before{ content: ""; position: absolute; width: 1px; height: 13px; background-color: #c6c6c6; left: -21px; top: 13px;}

.zhuzhan a{ color: #666; transition: all ease-in-out .2s;}

.zhuzhan a:hover{ color: #00a0e9;}

.header-b{ width: 936px; height: 60px; margin-top: 39px; border-top: 1px solid #ebebeb;}

.nav ul li{ float: left; height: 60px; line-height: 60px; font-size: 14px; position: relative; transition: all ease-in-out .2s;}

.nav ul li a{ display: block; padding: 0 20px; color: #666; transition: all ease-in-out .2s;}

.nav ul li.active{ background-color: #f9f9f9; position: relative;}

.nav ul li.active a{ color: #00a0e9;}

.nav ul li.active:before{ content: ""; position: absolute; width: 100%; height: 2px; background-color: #00a0e9; left: 0; top: -1px;}

.nav ul li:hover{ background-color: #f9f9f9; position: relative;}

.nav ul li:hover a{ color: #00a0e9;}

.nav ul li:hover:before{ content: ""; position: absolute; width: 100%; height: 2px; background-color: #00a0e9; left: 0; top: -1px;}

.nav ul li b{ display: inline-block; width: 8px; height: 4px; background: url(../images/xia_03.png) no-repeat; margin-left: 6px; transform: translateY(-3px);}

.nav ul li b.hover{ background: url(../images/top_03.png) no-repeat;}

.nav ul li .naver{ position: absolute; top: 60px; left: -15px; width: 160px; background-color: rgba(0,0,0,.5); z-index: 999; display: none;}

.nav ul li .naver span{ display: block; height: 46px; border-bottom: 1px solid #17163f;}

.nav ul li .naver span:last-child{ border-bottom: 0;}

.nav ul li .naver span a{ display: block; width: 154px; height: 40px; margin: 3px 3px; text-align: center; line-height: 40px; font-size: 14px; color: #b4b4c9; padding: 0;}

.nav ul li .naver span a:hover{ background-color: #00a0e9; color: #fff;}

.suoqu{ width: 156px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; margin-top: 15px; background-color: #9ea6ad; transition: all ease-in-out .2s;}

.suoqu a{ display: block; color: #fff;}

.suoqu img{ margin-right: 11px;}

.suoqu:hover{ background-color: #00a0e9;}



.banner{ width: 100%; height: 540px; position: relative; z-index: 0;}

.bawen{ height: 540px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

.banner-item{ position: absolute; left: 0; top: 0; width: 100%; height: 540px; background: url(../images/banbg_032.jpg);}

.banner-wen{ position: absolute; left: 0; top: 200px; opacity: 0; transition: all linear .6s;}

.banner-wen strong{ display: block;}

.banner-wen span{ display: block; margin-top: 16px; color: #fff; font-size: 20px;}

.banner-wen p{ font-size: 12px; color: #fff; opacity: .4; text-transform: uppercase; line-height: 18px; word-wrap : break-word; word-break: break-all; overflow: hidden; margin-top: 8px;}

.banner .more{ position: absolute; top: 355px; z-index: 101;}

.banner-item ul{ position: absolute; left: 0; top: 0; width: 100%; height: 540px;}

.banner-item ul li{ position: absolute; left: 56.9%;}

.bannerUl{ position: absolute; width: 100%; text-align: center; bottom:55px; z-index: 99;}

.bannerUl li{ display: inline-block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid rgba(255,255,255,.36); background-color: #6e6e6e; margin: 0 5px; cursor: pointer;}

.bannerUl li.active{ background-color: #fff;}

.banner-item ul li.pic1{ top: 58px;}

.banner-item ul li.pic2{ top: 68px;}

.banner-item ul li.pic3{ top: 78px;}



.xz-banner{ position: relative;}

.xz-banner .xz-news { display:block; }

.xz-news .container{ position: relative; padding-right: 120px; box-sizing: border-box;}

.xz-news{ font-size: 0; position: absolute; bottom:0; left:0; line-height:46px; width: 100%; background: rgba(0,0,0,.5); z-index: 1; }

.xz-news a{ color:#ffffff; opacity: .8; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.xz-news a:hover{ opacity: 1;}

.xz-news span{ vertical-align: middle;  display: inline-block; font-size: 13px; width: 30%; margin-right: 3%;}

.xz-news em{ font-style: normal;}

.xz-news .more{ position:absolute; top:0; right:0; font-size: 13px;}





.xz-mb-news{ display: none; position: relative; height:34px;line-height:34px; padding:0 10px;  background: rgba(0,0,0,.5); overflow: hidden;}

.xz-mb-news #FontScroll{width:100%;height:34px;line-height:34px;}

.xz-mb-news li{ position: relative;  padding-right:70px; }

.xz-mb-news li a{ color: #fff; }

.xz-mb-news li span em{ margin-right:5px ; font-style: normal;}

.xz-mb-news li span a{  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.xz-mb-news li .more{ position:absolute; top:0; right:0; height:34px;line-height:34px; }





.special{ background-color: #f5f5f5; padding: 50px 0 85px;}

.title{ text-align: center; padding-top: 20px; position: relative;}

.title b{ display: block; width: 100%; height: 1px; background-color: #313131; margin: 0 0 35px;}

.title span{ display: block; font-size: 14px; color: #b0b0b0; text-transform: uppercase;}

.title h2{ position: absolute; font-size: 28px; color: #121212; background-color: #f5f5f5; padding: 0 70px; left: 50%; top: 0; transform: translateX(-50%); font-weight: normal;}

.title p{ font-size: 16px; color: #333; margin-top: 14px;}

.special-con{ margin-top: 24px;}

.special-con .item{ width: 30.66%; float: left; background-color: #fff; margin-right: 4%; box-shadow: 1px 1px 13px rgba(0,0,0,.12); border-bottom: 2px solid #d6d6d6; padding-bottom: 72px; position: relative; transition: all ease-in-out .2s;}

.special-con .item:last-child{ margin-right: 0;}

.special-con .item h2{ width: 80%; margin: 12px auto 0; height: 58px; line-height: 58px; text-align: center; font-size: 20px; color: #121212; font-weight: normal; border-bottom: 1px solid #e5e5e5;}

.special-con .item p{ width: 84%; margin: 12px auto 0; font-size: 14px; color: #666; line-height: 26px; text-align: center;}

.special-con .item b{ display: block; width: 88px; height: 83px; background: url(../images/bg1_03.jpg) no-repeat; position: absolute; left: 50%; margin-left: -44px; bottom: -37px;}

.special-con .item em{ margin-top:15px; letter-spacing:1px; color:#00a0e9; display:block; font-style: normal; text-align: center;}

.special-con .item:hover{ border-bottom: 2px solid #00a0e9;}

.special-con .item:hover b{ background: url(../images/bg2_03.jpg) no-repeat;}



.case{ padding: 54px 0 40px;}

.title2 h2{ background-color: #fff;}

.case-con{ margin-top: 44px; position: relative;}

.case-con a.more{ position: absolute; width: 171px; height: 171px; left: 50%; top: 171px; margin-left: -87px; background: #272727 url(../images/bg3_03.png) no-repeat; font-size: 14px; color: #9c9c9c; text-align: center; line-height: 171px; transition: all ease-in-out .2s;}

.case-con a.more:hover{ background: #00a0e9 url(../images/bga4_03.png) no-repeat; color: #fff;}

.kuang{ width: 610px; height: 62px; border: 1px solid #eff1f2; border-radius: 31px; background-color: #fafcfd; margin: 46px auto 0; text-align: center; line-height: 62px; font-size: 16px; color: #333;}

.kuang span{ color: #00a0e9;}

.kuang img{ margin-left: 30px;}



.effect{ background-color: #272727; padding: 52px 0 45px;}

.title3 b{ background-color: #00a0e9;}

.title3 h2{ background-color: #272727; color: #00a0e9;}

.title3 span{ color: #666;}

.title3 p{ color: #bdbcbc;}

.effect-con ul li{ box-sizing: border-box; float: left; width: 48.5%; border: 1px solid #343434; margin-top: 32px; overflow: hidden; transition: all ease-in-out .2s;}

.effect-con ul li .date{ width: 88px; height: 88px; float: left; margin: 36px 0 36px 36px; background: url(../images/bg5_03.png) no-repeat; text-align: center; line-height: 88px; font-size: 48px; color: #727272; font-family: "Arial"; transition: all ease-in-out .2s;}

.effect-wen{ margin-left: 40px; margin-left: 166px;}

.effect-wen h2{ font-size: 16px; color: #00a0e9; margin-top: 46px; font-weight: normal;}

.effect-wen p{ color: #666; text-transform: uppercase; line-height: 22px; margin-top: 10px;}

.effect-con ul li:nth-child(2n){ float: right;}

.effect-con ul li:hover{ box-shadow: 1px 1px 24px rgba(126,126,126,.18);}

.effect-con ul li:hover .date{ background: url(../images/bg6_03.png) no-repeat; color: #00a0e9; opacity: 1;}



.whatdo{ padding: 50px 0 40px;}

.whatdo-con{ margin-top: 42px;}

.what-l{ width: 34.16%; margin-top: 38px; margin-right: 64px;}

.what-l ul li{ text-align: right; font-size: 14px; color: #313131; line-height: 30px; margin-bottom: 60px; padding-right: 98px;transition: all .2s;}

.what-l ul li span{ color: #00a0e9;}

.what-l ul li.ico1{ background: url(../images/ico7_03.png) no-repeat right center;}

.what-l ul li.ico2{ background: url(../images/ico8_03.png) no-repeat right center;}

.what-l ul li.ico3{ background: url(../images/ico9_03.png) no-repeat right center;}

.what-r{ width: 34.16%; margin-top: 38px;}

.what-r ul li{ text-align: left; font-size: 14px; color: #313131; line-height: 30px; margin-bottom: 60px; padding-left: 98px;}

.what-r ul li span{ color: #00a0e9;}

.what-r ul li.ico4{ background: url(../images/ico10_06.png) no-repeat left center;}

.what-r ul li.ico5{ background: url(../images/ico11_06.png) no-repeat left center;}

.what-r ul li.ico6{ background: url(../images/ico12_06.png) no-repeat left center;}

.what-l ul li.ico1:hover{ background: url(../images/ico13_03.png) no-repeat right center; color: #000; font-size: 15px; transition: all .2s;}

.what-l ul li.ico2:hover{ background: url(../images/ico14_03.png) no-repeat right center;color: #000;font-size: 15px;transition: all .2s;}

.what-l ul li.ico3:hover{ background: url(../images/ico15_03.png) no-repeat right center;color: #000;font-size: 15px;transition: all .2s;}

.what-r ul li.ico4:hover{ background: url(../images/ico16_03.png) no-repeat left center;color: #000;font-size: 15px;transition: all .2s;}

.what-r ul li.ico5:hover{ background: url(../images/ico17_03.png) no-repeat left center;color: #000;font-size: 15px;transition: all .2s;}

.what-r ul li.ico6:hover{ background: url(../images/ico18_03.png) no-repeat left center;color: #000;font-size: 15px;transition: all .2s;}



.vision{ padding: 52px 0 56px; background: url(../images/bg7_02.jpg) no-repeat bottom center; background-size: cover;}

.title4 b{ background-color: #00a0e9;}

.title4 h2{ background-color: #2c2c2c; color: #00a0e9;}

.title4 span{ color: #666;}

.title4 p{ color: #bdbcbc;}

.vision-con{ margin-top: 22px;}

.vision-con ul li{ width: 41.16%; float: left; height: 180px; margin-top: 26px; background: url(../images/bg8_03.jpg) no-repeat; background-size: cover; border: 1px solid #343434; position: relative;}

.vision-con ul li:nth-child(odd) .vision-pic{ position: absolute; right: 0; top: 0; transform: translateX(50%);width: 180px;border-radius: 90px;overflow: hidden; height: 180px;}

.vision-con ul li:nth-child(odd) .vision-wen{ float: right; margin-right: 115px;}

.vision-con ul li:nth-child(odd) .vision-wen h2{ font-size: 13px; color: #9c9c9c; text-align: right; margin-top: 24px;}

.vision-con ul li:nth-child(odd) .vision-wen h2 span{ font-size: 20px; color: #00a0e9; padding-left: 18px;}

.vision-con ul li:nth-child(odd) .vision-wen p{ width: 94%; float: right; font-size: 13px; color: #9c9c9c;line-height: 28px; margin-top: 20px; text-align: left;}

.vision-con ul li:nth-child(odd):hover{ background: url(../images/bg9_03.jpg) no-repeat; background-size: cover;}

.vision-con ul li:nth-child(2n){ float: right;}

.vision-con ul li:nth-child(2n) .vision-pic{ position: absolute; left: 0; top: 0; transform: translateX(-50%);}

.vision-con ul li:nth-child(2n) .vision-wen{ float: left; margin-left: 115px;}

.vision-con ul li:nth-child(2n) .vision-wen h2{ font-size: 13px; color: #9c9c9c; margin-top: 24px;}

.vision-con ul li:nth-child(2n) .vision-wen h2 span{ font-size: 20px; color: #00a0e9; padding-right: 18px;}

.vision-con ul li:nth-child(2n) .vision-wen p{ width: 94%; font-size: 13px; color: #9c9c9c;line-height: 28px; margin-top: 20px;}

.vision-con ul li:nth-child(2n):hover{ background: url(../images/bg10_03.jpg) no-repeat; background-size: 100% 100%;}



.information{ padding: 48px 0 65px;}

.information-tit{ text-align: center; margin-top: 40px;}

.information-tit ul li{ display: inline-block; width: 126px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; background-color: #f2f2f2; border-radius: 2px; margin: 0 12px; transition: all ease-in-out .2s;}

.information-tit ul li a{ display: block; color: #666; transition: all ease-in-out .2s;}

.information-tit ul li.active{ background-color: #00a0e9;}

.information-tit ul li.active a{ color: #fff;}

.information-wen{ margin-top: 50px;}

.infor-first{ width: 45.66%;}

.infor-pic{ position: relative;}

.infor-pic span{ position: absolute;display: block; width: 80px; height: 80px; background-color: #00a0e9; left: 0; top: 0; text-align:  center; color: #fff;}

.infor-pic span i{ display: block; font-style: normal; font-size: 48px; line-height: 1; margin-top: 8px;}

.infor-first h2{ font-weight: normal; font-size: 16px; color: #121212; height: 20px; line-height: 20px; overflow: hidden; margin-top: 40px;}

.infor-first p{ font-size: 13px; color: #999; line-height: 28px; height: 56px; overflow: hidden; margin-top: 8px;}

.infor-xq{ width: 126px; height: 36px; line-height: 36px; text-align: center; background-color: #9ea6ad; border-radius: 2px; margin-top: 34px; font-size: 13px; color: #fff; transition: all ease-in-out .2s;}

.infor-xq:hover{ background-color: #00a0e9;}

.infor-list{ width: 51.16%;}

.infor-list ul li{ padding-bottom: 19px; margin-bottom: 22px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}

.infor-list ul li:last-child{ margin-bottom: 0;}

.infor-list ul li .date{ width: 80px; height: 70px; padding-top: 10px; background: url(../images/bg11_03.jpg) no-repeat; background-size: cover; text-align: center; color: #b0b0b0; transition: all ease-in-out .2s;}

.infor-list ul li .date i{ display: block; font-style: normal; font-size: 48px; line-height: 1;}

.infor-list-wen{ margin-left: 100px;}

.infor-list-wen h2{ font-size: 16px; color: #121212; font-weight: normal; height: 24px; line-height: 24px; overflow: hidden; transition: all ease-in-out .2s;}

.infor-list-wen p{ font-size: 13px;color: #999; line-height: 28px; height: 56px; margin-top: 4px; overflow: hidden;}

.infor-list ul li:hover .date{ background: url(../images/bg12_03.jpg) no-repeat; background-size: cover; color: #00a0e9;}

.infor-list ul li:hover h2{ color: #00a0e9;}



.diagnosis{ background-color: #f5f5f5; padding: 50px 0 56px;}

.diagnosis-l{ margin-top: 50px; margin-bottom: 66px;}

.diagnosis-l strong{ display: block; font-weight: normal; height: 32px; line-height: 32px; padding-left: 40px; background: url(../images/xlogo_03.jpg) no-repeat left center; font-size: 18px; color: #111; margin-bottom: 32px;}

.diagnosis-l p{ font-size: 14px; color: #333; line-height: 38px; padding-left: 35px;}

.diagnosis-l p.p1{ background: url(../images/ico1_03.png) no-repeat left center;}

.diagnosis-l p.p2{ background: url(../images/ico2_03.png) no-repeat left center;}

.diagnosis-l p.p3{ background: url(../images/ico3_03.png) no-repeat left center;}

.diagnosis-l span{ float: left; margin: 21px 5px 0;}

.diagnosis-r{ width: 65%; margin-top: 50px;}

.diagnosis-r p{ font-size: 18px; color: #111; line-height: 32px;}

.diagnosis-form input{ margin-right:7px; box-sizing: border-box; height: 43px; border: 1px solid #333; font-size: 14px; color: #222; font-family: '微软雅黑';/* width: 32.5%; margin: 0 0.6% 6px 0; */text-indent: 14px;}

.diagnosis-form input.formbg1{ background: url(../images/ico6_03.jpg) no-repeat right 10px center!important;}

.diagnosis-form input.formbg2{ background: url(../images/ico7_03.jpg) no-repeat right 10px center!important;}

.diagnosis-form input.formbg3{ background: url(../images/ico8_03.jpg) no-repeat right 10px center!important; /*margin-right: 0; width: 33%;*/}

.textarea{ margin-top: 10px; box-sizing: border-box; width: 100%; border: 1px solid #333; height: 153px;}

.textarea textarea{ width: 96%; height: 106px; font-size: 14px; color: #222; font-family: '微软雅黑'; padding: 1% 2%; background-color: transparent;}

.textarea button{ width: 106px; height: 27px; border: 0; background-color: #1c1c1c; color: #fff; font-size: 14px; float: right; margin-right: 5px; cursor: pointer;}

.diagnosis-l span.ewm{ position: relative;}

.diagnosis-l span.ewm i{ display: block; width: 84px; height: 84px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none;}

.diagnosis-l span.ewm:hover i{ display: block;}















.link{ background-color: #1c1c1c; line-height: 36px; padding: 10px 0;}

.link span{ color: #ccc; font-size: 13px;}

.link a{ color: #666; font-size: 13px; padding: 0 13px; transition: all 0.2s ease-in-out 0s;}

.link a:hover{ color: #fff;}

.foot-b{ background-color: #242424; padding: 24px 0;}

.foot-l{ margin-top: 20px;}

.foot-l ul li{ float: left; font-size: 14px; height: 16px; line-height: 16px; padding: 0 18px; border-right: 1px solid #5f5f5f;}

.foot-l ul li a{ color: #9c9c9c; transition: all 0.2s ease-in-out 0s;}

.foot-l ul li a:hover{ color: #fff;}

.foot-l ul li:last-child{ border-right: 0;}

.foot-l p{ font-size: 14px; color: #5f5f5f; margin-top: 14px;}

.foot-l p a{ font-size: 14px; color: #5f5f5f; margin-top: 14px;}

.foot-l p a:hover { font-size: 14px; color: #fff; margin-top: 14px;}

.foot-r img{ float: left;}

.foot-r ul{ float: left; margin-left: 20px;}

.foot-r ul li{ color: #888; font-size: 14px; line-height: 26px; opacity: 0.6;}







/* 内页 */

.ny-banner{ height: 358px; position: relative; background-repeat: no-repeat; background-position: center; }

.ny-banner .box { color: #fff; padding-top: 100px; }

.ny-banner .box .nam { color: #009ee8; font-size: 40px; margin-bottom: 50px; }

.ny-banner .box .sub { color: #fff; font-size: 16px; margin-bottom: 10px; }

.ny-banner .box .txt { color: #fff; font-size: 14px; opacity: .6; text-transform: uppercase; }













.bawen2{ height: 380px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 9;}

.banner-wen2{ position: absolute; left: 0; top: 92px; z-index: 9;}

.banner-wen2 strong{ display: block;}

.banner-wen2 span{ display: block; margin-top: 16px; color: #fff; font-size: 20px;}

.banner-wen2 p{ font-size: 12px; color: #fff; opacity: .4; text-transform: uppercase; line-height: 18px; word-wrap : break-word; word-break: break-all; overflow: hidden; margin-top: 8px;}

.ny-banner a{ position: absolute; top: 258px; z-index: 101;}

.weizhi{ margin-bottom: 34px; text-align: right; color: #999; margin-top: 32px; overflow: hidden;}

.weizhi span{ float: right; padding-left: 17px; background: url(../images/wz_03.jpg) no-repeat left center;}

.weizhi a{ color: #999;}

.ny-title{ text-align: center; margin: 28px 0;}

.ny-title h2{ font-weight: normal; font-size: 24px; color: #121212;}

.ny-title h2 span{ color: #00a0e9;}

.ny-title p{ color: #999; text-transform: uppercase; margin-top: 8px;}

.case-list ul li{ margin: 10px 30px; overflow: hidden; position: relative;}

.case-list ul li .case-pic{ width: 55%;}

.case-list ul li .case-wen{ width: 42%; border-top: 2px solid #313131; padding-top: 28px;}

.case-list ul li .case-wen div{ font-size: 18px; color: #121212; margin-top: 14px; margin-left: 16px;}

.case-list ul li .case-wen div span{ display: block; font-size: 60px; color: #00a0e9;}

.case-list ul li .case-wen img{ float: right;}

.case-list ul li .case-wen p{ box-sizing: border-box; display: block; padding-left: 16px; width: 100%; float: left; margin-top: 22px; font-size: 14px; color: #999; line-height: 26px; height: 78px; overflow: hidden;}

.case-list ul li .case-wen b{ display: block; width: 60px; height: 18px; text-align: center; line-height: 18px; color: #fff; border-radius: 9px; margin-top: 28px; background-color: #9ea6ad; float: left; margin-left: 16px;}

.case-list ul li .case-wen:after{ content: ""; position: absolute; width: 42%; height: 2px; background-color: #313131; right: 0; bottom: 0;}

.case-list ul li.list2{ margin: 46px 30px; overflow: hidden; position: relative;}

.case-list ul li.list2 .case-pic{ width: 55%;}

.case-list ul li.list2 .case-wen{ width: 42%; border-top: 2px solid #313131; padding-top: 28px;}

.case-list ul li.list2 .case-wen div{ font-size: 18px; color: #121212; margin-top: 14px; margin-right: 16px; text-align: right;}

.case-list ul li.list2 .case-wen div span{ display: block; font-size: 60px; color: #00a0e9;}

.case-list ul li.list2 .case-wen img{ float: left;}

.case-list ul li.list2 .case-wen p{ box-sizing: border-box; display: block; width: 100%; float: left; margin-top: 22px; font-size: 14px; color: #999; line-height: 26px; height: 78px; overflow: hidden; padding-right: 16px; text-align: right;}

.case-list ul li.list2 .case-wen b{ display: block; width: 60px; height: 18px; text-align: center; line-height: 18px; color: #fff; border-radius: 9px; margin-top: 28px; background-color: #9ea6ad; float: right; margin-right: 16px;}

.case-list ul li.list2 .case-wen:after{ content: ""; position: absolute; width: 42%; height: 2px; background-color: #313131; left: 0; bottom: 0;}

.kehu-list{ margin: 52px 0 55px;}



/* 营销案例详情 */

.marketing{ margin-top: 64px; margin-bottom: 85px;}

.marketing-detail-l{ width: 66.66%; background: url(../images/bg5_05.jpg) no-repeat; padding-top: 62px; padding-bottom: 24px; position: relative;}

.marketing-detail-l:after{ content: ""; position: absolute; width: 100%; height: 70px; background-color: #f3f3f3; left: 0; bottom: 0; z-index: -1;}

.marketing-detail-tit strong{ font-weight: normal; font-size: 28px; color: #fff; display: block; text-align: center;}

.marketing-detail-tit span{ font-size: 14px; line-height: 30px; color: #fff; display: block; text-align: center; text-transform: uppercase;}

.marketing-detail-l ul{ text-align: center; margin-top: 50px;}

.marketing-detail-l ul li{ display: inline-block; width: 101px; height: 32px; text-align: center; line-height: 32px; color: #fff; border: 1px solid #fff; font-size: 14px; margin: 0 7px; cursor: pointer;}

.marketing-detail-l ul li.active{ background-color: #fff; color: #00a0e9; position: relative;}

.marketing-detail-l ul li.active:after{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #fff; left: 50%; top: 100%; transform: translateX(-50%);}

.marketing-detail-pad{ width: 589px; height: 705px; padding-top: 42px; background: url(../images/pad_03.png) no-repeat; margin: 34px auto 0;}

.marketing-detail-item{ width: 471px; height: 639px; margin-left: 47px; border: 1px solid #e8e8e8;}

.marketing-detail-r{ width: 28.75%;}

.marketing-detail-r-tit{ padding-bottom: 22px; border-bottom: 1px dashed #c3c3c3;}

.marketing-detail-r-tit span{ font-size: 14px; color: #aaa; float: right; margin: 25px 14px 0 0;}

.marketing-detail-r-k{ border-bottom: 1px dashed #c3c3c3; padding-bottom: 14px;}

.marketing-detail-r-k strong{ font-weight: normal; display: inline-block; padding: 0 25px; height: 36px; line-height: 36px; background-color: #f3f3f3; font-size: 18px; color: #202020; margin-top: 26px;}

.marketing-detail-r-k p{ font-size: 14px; color: #888; line-height: 30px; margin-top: 10px;}

.marketing-detail-r-k p span{ color: #00a0e9;}

.marketing-detail-r-k ul{ margin-top: 18px;}

.marketing-detail-r-k ul li{ margin-bottom: 15px; overflow: hidden;}

.marketing-detail-r-k ul li span{ display: block; float: left; width: 34px; height: 34px; font-size: 18px; color: #888; text-align: center; line-height: 34px; background-color: #f3f3f3;}

.marketing-detail-r-k ul li div{ margin-left: 42px; line-height: 34px; font-size: 14px; color: #888;}

.marketing-detail-r-k p a{ display: block; color: #00a0e9;}









.concept-con p{ font-size: 14px; color: #999; line-height: 30px; text-align: center;}

.concept1{ text-align: center; margin-top: 60px; background: url(../images/bg13_05.png) no-repeat left 126px;}

.concept1 .item{ display: inline-block; width: 31%; text-align: center;}

.concept1 .item h3{ font-weight: normal; font-size: 18px; color: #00a0e9;}

.concept1 .item > span{ font-size: 14px; color: #313131; display: block; margin-top: 12px;}

.concept1 .item div{ width: 100px; height: 98px; margin: 28px auto 0; position: relative;}

.concept1 .item div span{ display: block; width: 100px; height: 98px; position: absolute; left: 0; top: 0; background: url(../images/bg14_03.jpg) no-repeat;}

.concept1 .item1 div span{ transform: rotate(0);}

.concept1 .item2 div span{ transform: rotate(40deg);}

.concept1 .item3 div span{ transform: rotate(80deg);}

.concept1 .item div b{ display: block; width: 100px; height: 98px; position: absolute; left: 0; top: 0;}

.concept1 .item1 div b{ background: url(../images/ico19_03.png) no-repeat;}

.concept1 .item2 div b{ background: url(../images/ico20_03.png) no-repeat;}

.concept1 .item3 div b{ background: url(../images/ico21_03.png) no-repeat;}

.concept1 .item p{ display: inline-block; text-align: center; margin-top: 28px; font-size: 14px; color: #999; line-height: 28px;}

.concept1 .item1:hover div span{ background: url(../images/bg15_03.jpg) no-repeat; transform: rotate(80deg); animation: concept linear 4s infinite;}

.concept1 .item2:hover div span{ background: url(../images/bg15_03.jpg) no-repeat; transform: rotate(0deg); animation: concept2 linear 4s infinite;}

.concept1 .item3:hover div span{ background: url(../images/bg15_03.jpg) no-repeat; transform: rotate(40deg); animation: concept3 linear 4s infinite;}

.concept1 .item1:hover div b{ background: url(../images/ico22_03.png) no-repeat;}

.concept1 .item2:hover div b{ background: url(../images/ico23_03.png) no-repeat;}

.concept1 .item3:hover div b{ background: url(../images/ico24_03.png) no-repeat;}

@keyframes concept{

	0%{transform: rotate(80deg);}

	100%{transform: rotate(800deg);}

}

@keyframes concept2{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(800deg);}

}

@keyframes concept3{

	0%{transform: rotate(40deg);}

	100%{transform: rotate(800deg);}

}



.yh-content{ background-color: #f5f5f5; margin-top: 50px; padding-top: 1px; border-bottom: 1px solid #e2e2e2;}

.yh-con{ width: 1258px; margin: 70px auto 0;}

.yh-con ul{ width: 89%; margin: 0 auto; padding-bottom: 10px; position: relative;}

.yh-con ul li{ float: left; width: 20%; transition: all .2s ease-in-out;}

.yh-con ul li.delay{ transition: all .5s ease-in-out;}

.yh-ico{ width: 104px; height: 104px; border-radius: 50%; overflow: hidden; margin: 0 auto; box-shadow: 1px 1px 11px rgba(0,0,0,.12);}

.ico1{ background: #fff url(../images/ico25_03.png) no-repeat; transition: all .2s ease-in-out;}

.ico2{ background: #fff url(../images/ico26_03.png) no-repeat; transition: all .2s ease-in-out;}

.ico3{ background: #fff url(../images/ico27_03.png) no-repeat; transition: all .2s ease-in-out;}

.ico4{ background: #fff url(../images/ico28_03.png) no-repeat; transition: all .2s ease-in-out;}

.ico5{ background: #fff url(../images/ico29_03.png) no-repeat; transition: all .2s ease-in-out;}

.yh-con ul li b{ display: block; text-align: center; color: #121212; font-weight: normal; font-size: 18px; margin-top: 36px; position: relative; transition: all .2s ease-in-out;}

.yh-con ul li b:after{ content: ""; position: absolute; width: 12px; height: 2px; background-color: rgba(112,112,112,1); left: 50%; margin-left: -6px; bottom: -18px; transition: all .2s ease-in-out;}

.yh-con ul li p{ font-size: 14px; color: #999; text-align: center; margin-top: 30px; line-height: 26px; transition: all .2s ease-in-out;}

.yh-con ul i{ position: absolute; bottom: -8px; opacity: 0; transition: all .2s ease-in-out;}

.yh-con ul li.hover{ transform: translateY(-30px);}

.yh-con ul li.hover .ico1{ background: #00a0e9 url(../images/ico30_03.png) no-repeat;}

.yh-con ul li.hover .ico2{ background: #00a0e9 url(../images/ico31_03.png) no-repeat;}

.yh-con ul li.hover .ico3{ background: #00a0e9 url(../images/ico32_03.png) no-repeat;}

.yh-con ul li.hover .ico4{ background: #00a0e9 url(../images/ico33_03.png) no-repeat;}

.yh-con ul li.hover .ico5{ background: #00a0e9 url(../images/ico34_03.png) no-repeat;}

.yh-con ul li.hover b{ color: #00a0e9;}

.yh-con ul li.hover b:after{ background-color: rgba(0,160,233,1);}

.yh-con ul li.hover p{ color: #313131;}

.yh-con ul:hover i{ opacity: 1;}



.chose{ padding: 24px 0 48px;}

.chose > img{ margin-top: 20px;}



.service-team{ background: url(../images/bg16_02.jpg) no-repeat; background-size: cover; padding-top: 1px; padding-bottom: 36px;}

.ny-title2 h2{ color: #fff;}

.ny-title2 p{ color: #888;}

.service-team-con{ margin-top: 55px;}

.team-l{ width: 29.8%;}

.team-l ul li{ text-align: right; color: #e0e2e6; padding-right: 30px; margin-bottom: 38px;}

.team-l ul li h3{ font-size: 18px; font-weight: normal;}

.team-l ul li p{ text-transform: uppercase; color: #686b70; margin-top: 8px;}

.team-c{ width: 39.95%; text-align: center;}

.team-r{ width: 30.25%;}

.team-r ul li{ color: #e0e2e6; padding-left: 30px; margin-bottom: 38px;}

.team-r ul li h3{ font-size: 18px; font-weight: normal;}

.team-r ul li p{ text-transform: uppercase; color: #686b70; margin-top: 8px;}

.team-l ul li.team1{ background: url(../images/bg17_03.png) no-repeat right 4px;}

.team-l ul li.team2{ background: url(../images/bg17_03.png) no-repeat right -75px;}

.team-l ul li.team3{ background: url(../images/bg17_03.png) no-repeat right -161px;}

.team-l ul li.team4{ background: url(../images/bg17_03.png) no-repeat right -246px;}

.team-r ul li.team1{ background: url(../images/bg18_03.png) no-repeat left 4px;}

.team-r ul li.team2{ background: url(../images/bg18_03.png) no-repeat left -75px;}

.team-r ul li.team3{ background: url(../images/bg18_03.png) no-repeat left -161px;}

.team-r ul li.team4{ background: url(../images/bg18_03.png) no-repeat left -246px;}

.Service-flow{ padding-top: 24px;}

.Service-flow > img{ margin: 38px 0 64px;}







.weizhi2{ width: 100%; border-bottom: 1px solid #e4e4e4; height: 77px;}

.navname ul li{ float: left; padding: 0 28px; height: 32px; text-align: center; line-height: 32px; border-radius: 16px; margin-top: 21px; font-size: 16px;}

.navname ul li.active{ border: 1px solid #e4e4e4;}

.navname ul li a{ color: #202020; transition: all linear .2s;}

.navname ul li a:hover{ color: #00a0e9;}

.navname ul li.active a{ color: #00a0e9;}

.crumbs{ height: 77px; border-left: 1px solid #e4e4e4; line-height: 77px; color: #bbb; padding-left: 26px;}

.crumbs a{ color: #bbb; transition: all linear .2s;}

.crumbs a:hover{ color: #00a0e9;}

.impor-news{ margin-top: 60px;}

.impor-news .item{ float: left; width: 46.66%;}

.impor-news .item h2{ font-weight: normal; font-size: 16px; color: #121212; height: 20px; line-height: 20px; overflow: hidden; margin-top: 40px; transition: all ease-in-out .2s;}

.impor-news .item p{ font-size: 13px; color: #999; line-height: 28px; height: 56px; overflow: hidden; margin-top: 8px;}

.infor-xq{ width: 126px; height: 36px; line-height: 36px; text-align: center; background-color: #9ea6ad; border-radius: 2px; margin-top: 34px; font-size: 13px; color: #fff; transition: all ease-in-out .2s;}

.impor-news .item:hover .infor-xq{ background-color: #00a0e9;}

.impor-news .item:last-child{ float: right;}

.impor-news .item:hover h2{ color: #00a0e9;}

.news-list{ margin-top: 72px; padding-top: 48px; position: relative;}

.news-list ul{ padding-bottom: 45px;}

.news-list:after{ content: ""; position: absolute; width: 1px; height: 100%; background-color: #b0b0b0; left: 50%; top: 0;}

.news-list:before{ content: ""; position: absolute; width: 5px; height: 5px; background-color: #00a0e9; border-radius: 50%; left: 50%; top: 0; margin-left: -2px;}

.news-list ul li{ overflow: hidden; position: relative;}

.news-list ul li a:after{ content:""; clear:both; display:table; }

.news-list ul li a:before{ content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #b0b0b0; background-color: #fff; right: -56px; top: 50%; margin-top: -5px; z-index: 99; transition: all ease-in-out .2s;}

.news-list ul li a{ display: block; width: 45.83%; zoom: 1; position: relative;}

.news-wen{ width: 78.9%;}

.news-wen h2{ font-weight: normal; font-size: 16px; color: #121212; height: 20px; line-height: 20px; overflow: hidden; text-align: right; transition: all ease-in-out .2s;}

.news-wen p{ font-size: 13px; color: #666; line-height: 28px; height: 56px; overflow: hidden; text-align: right; margin-top: 8px;}

.news-date{ width: 80px; height: 75px; background: url(../images/bg11_03.jpg) no-repeat; background-size: cover; text-align: center; color: #b0b0b0; padding-top: 5px; transition: all ease-in-out .2s;}

.news-date i{ font-style: normal; font-size: 42px; display: block;}

.news-list ul li.news-odd a{ float: right;}

.news-list ul li.news-odd .news-wen h2{ text-align: left;}

.news-list ul li.news-odd .news-wen p{ text-align: left;}

.news-list ul li.news-odd a:before{ right: auto; left: -54px;}

.news-list ul li a:hover h2{ color: #00a0e9;}

.news-list ul li a:hover .news-date{ background: url(../images/bg12_03.jpg) no-repeat; background-size: cover; color: #00a0e9;}

.news-list ul li a:hover:before{ border: 1px solid #00a0e9;}

a.loadmore,

a.load-more{ display: block; width: 148px; height: 36px; background-color: #9ea6ad; margin: 52px auto 58px; text-align: center; line-height: 36px; border-radius: 2px; font-size: 13px; color: #fff;}





.nywrap{ margin-top: 41px;}

.nyleft{ width: 271px; margin-bottom: 66px;}

.nyleft-tit{ height: 69px; line-height: 69px; background-color: #46454e; font-size: 18px; color: #fff; text-align: center;}

.nyleft-tit span{ text-transform: uppercase; font-size: 14px; color: #aaa; padding-left: 12px;}

.nyleft ul{ border: 1px solid #e4e4e4; border-top: 0; border-bottom: 0;}

.nyleft ul li{ height: 72px; border-bottom: 1px solid #e4e4e4; padding: 0 22px 0 35px; font-size: 14px; line-height: 20px; overflow: hidden;}

.nyleft ul li a{ display: block; color: #888; height: 40px; overflow: hidden; margin-top: 15px;}

.nyleft ul li.Stick{ background: url(../images/stick_03.png) no-repeat 12px 19px;}

.nyleft ul li:hover{ background-color: #eee;}

.nyleft ul li:hover a{ color: #202020;}

.nyright{ width: 872px;}

.nyright-tit{ border-bottom: 2px solid #eee; height: 68px; line-height: 70px; overflow: hidden; font-size: 20px; color: #202020;}

.nyright-tit span{ font-size: 14px; color: #bbb; text-transform: uppercase; padding-left: 12px;}

.detail-tit{ text-align: center; height: 70px; line-height: 70px; font-size: 16px; color: #202020; border-bottom: 1px dashed #ccc;}

.compile{ text-align: center;}

.compile span{ display: inline-block; height: 28px; line-height: 28px; font-size: 14px; color: #555; padding: 0 44px 0 63px; position: relative;}

.compile span:after{ content: ""; position: absolute; width: 1px; height: 12px; background-color: #ddd; right: 0; top: 8px;}

.compile .fx3{ display: inline-block; height: 28px; padding: 0 44px 0 68px; background: url(../images/de3_03.jpg) no-repeat 40px center; transform: translateY(19px);}

.compile span.compile-name{ background: url(../images/de1_03.jpg) no-repeat 40px center;}

.compile span.compile-date{ background: url(../images/de2_03.jpg) no-repeat 40px center;}

.detail-con{ margin-bottom: 66px;}

.detail-container p{ font-size: 14px; color: #999; line-height: 30px; text-indent: 2em; margin-top: 22px;}

.detail-container img{ display: block; margin: 16px auto;}

.label{ border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d;}

.label-l a{ display: inline-block; height: 25px; line-height: 25px; padding: 0 20px; border: 1px solid #46454e; margin-left: 6px; color: #29282d;}

.label-l a:hover{ background-color: #46454e; color: #fff;}

.label img{ margin: 0;}

.fanye{ overflow: hidden; margin-top: 30px; margin-bottom: 62px;}

.fanye p{ width: 45%; font-size: 14px; color: #777; float: left; padding-left: 34px; background: url(../images/fleft1_03.jpg) no-repeat left center;}

.fanye p a{ color: #777;}

.fanye p.next-chapter{ float: right; text-align: right; padding-left: 0; padding-right: 34px; background: url(../images/fright1_03.jpg) no-repeat right center;}

.fanye p:hover{ color: #00a0e9; background: url(../images/fleft2_03.jpg) no-repeat left center;}

.fanye p:hover a{ color: #00a0e9;}

.fanye p.next-chapter:hover{ background: url(../images/fright2_03.jpg) no-repeat right center;}

.interested{ margin-top: 44px;}

.interested-tit{ height: 48px; line-height: 48px; font-size: 16px; color: #202020; border-bottom: 2px solid #f4f4f4;}

.interested ul li{ padding-right: 30px; border-bottom: 1px dashed #e3e3e3; height: 50px; line-height: 50px; background: url(../images/jt1_03.jpg) no-repeat right center; overflow: hidden; font-size: 14px;}

.interested ul li a{ display: block; color: #999;}

.interested ul li span{ display: inline-block; margin-right: 24px; height: 14px; line-height: 14px; margin-top: 19px; font-size: 14px; color: #999; padding-right: 24px; border-right: 1px solid #d8d8d8;}

.interested ul li:hover{ background: url(../images/jt2_03.jpg) no-repeat right center;}





/* 做网站视野 */

.nywrap-tit{ height: 145px; background-color: #f5f5f5;margin-top: 28px;}

.viewtit{ position: relative;}

.comt{ position: absolute; left: 0; top: 30px; background: url(../images/bg_03.png) no-repeat left top; height: 124px; color: #202020; font-size: 20px; padding-left: 45px; padding-top: 26px;}

.comt span{ display: block; font-size: 14px; color: #aaa; text-transform: uppercase; margin-top: 6px;}

.viewtit p{ color: #202020; font-size: 14px; line-height: 32px; margin-left: 240px; padding-top: 54px;}

.viewtit p span{ color: #00a0e9;}

.view-list{ margin-top: 86px;}

.view-list ul li{ float: left; width: 22.5%; height: 320px; padding-bottom: 10px; margin-right: 3.33%; margin-bottom: 40px; overflow: hidden; position: relative;}

.view-list ul li:nth-child(4n){ margin-right: 0;}

.sy-pic{ height: 253px; overflow: hidden; position: relative; transition: all linear .2s;}

.sy-pic img{ transition: all linear .2s;}

.sy-wen{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); background-color: rgba(0,0,0,.6); display: none;}

.sy-wen strong{ color: #fff; font-weight: normal; display: block; text-align: center; font-size: 16px; padding-top: 34px;}

.sy-wen span{ width: 88.88%; margin: 10px auto 0; font-size: 14px; color: #fff; display: block; text-align: center; opacity: .7; border-bottom: 1px solid rgba(255,255,255,.7); padding-bottom: 16px;}

.sy-wen p{ font-size: 14px; color: #c2c2c2; width: 88.88%; margin: 15px auto 0; line-height: 24px; height: 144px; overflow: hidden;}

.view-list ul li i{ display: block; position: absolute; width: 243px; left: 14px; top: 249px; transition: all linear .2s;}

.sy-js{ text-align: center;}

.sy-js strong{ font-weight: normal; font-size: 16px; color: #202020; display: block; margin-top: 22px;}

.sy-js p{ font-size: 14px; color: #aaa; margin-top: 4px;}

.view-list ul li:hover .sy-pic{ height: 316px;}

.view-list ul li:hover i{ top: 312px;}

.sypaging{ margin: 20px 0 52px;}



.team-w{ width: 100%; max-width: 1000px; margin: 50px auto; text-align: left;}

.team-wr{ display: inline-block; position: relative;}

.team-w a{ display: block; position: absolute; width: 160px; height: 160px;}

.team-w a.team1{ left: 0px; top: 0px;}

.team-w a.team2{ left: 720px; top: 0px;}

.team-w a.team3{ left: 160px; top: 160px;}

.team-w a.team4{ left: 640px; top: 240px;}

.team-w a.team5{ left: 482px; top: 405px;}

.team-w a.team6{ left: 0px; top: 485px;}

.team-w a.team7{ left: 720px; top: 565px;}

.team-w a.team8{ left: 240px; bottom: 0;}

.team-item{ position: absolute; width:458px;padding-left: 317px; height:161px; display: none; }

.team-item1{left:0px; top:0;}

.team-item3{left:161px; top:161px; }

.team-item6{left:0px; top:486px; }

.team-item2{right:81px; top:0px; padding-right: 317px; padding-left:0;}

.team-item4{right: 159px;    top: 242px;padding-right: 317px; padding-left:0; }

.team-item5{    right: 319px;    top: 405px;padding-right: 317px; padding-left:0; }

.team-item7{    right: 80px;    bottom: 0px;padding-right: 317px; padding-left:0; }

.team-item8{left:240px;  bottom: 0px;}



.team-item-w{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);height:161px; width:457px;background-color: rgba(0,0,0,.8); z-index: 1001;}

.teat{height: 175px; background: url(../images/tbg.png) no-repeat;}

.teat span{ display: block; width: 156px; height: 156px; margin: 0 auto; border-radius: 50%; border: 3px solid #0fb4ff; overflow: hidden; transform: translateX(4px);}

.teat2{ border-top: none; padding:15px;}

.teat2 h3{ color: #24baff; font-size: 20px; line-height: 25px; padding:0; display: inline-block; width:auto;}

.teat2 span{ display: inline-block; width:auto; font-size: 14px; color: #fff; line-height: 25px; position: relative;}

.teat2 p{margin-top:10px; padding-top:10px; border-top: 1px solid rgba(255,255,255,.2); font-size: 13px; color: #bbb; line-height: 20px; }

.team-item-w i{ display: block; position: absolute; width: 24px; height: 24px; right: -62px; top: 15px; cursor: pointer;}



.qq-zx{ position: fixed; left: 0; top: 40%; z-index: 9;}

.qq-zx i{ display: block; width: 19px; height: 91px; position: absolute; left: 100%; top: 38px; cursor: pointer;}

/* 关于做网站 */

.box-who{ background:url(../images/ab_08.jpg) bottom repeat-x;}

.bg-bot{ background:url(../images/abbg_40.jpg) no-repeat center center;}

.title-h2{ font-size:20px; color:#202020; font-weight:normal; text-align:center; line-height:21px; padding-top:10px; padding-bottom:60px;}

.title-h2 p{ color:#aaa; font-size:14px;}

.who-l{ width:30%;}

.who-r{ width:60%; color:#888888; font-size:14px; line-height:24px;}

.who-r strong{ color:#00a0e9; font-weight:normal;}

.who-r p{ padding-bottom:25px;}

.who-r p:last-child{ padding-bottom:0;}

.who-r h3{ font-size:18px; color:#202020; margin-bottom:50px; font-weight:normal;}

.who-r h3 span{ color:#aaa;}

.who-r h3 a{ color:#202020;}

.line-more{ height:65px; text-align:right; background:url(../images/ab_03.jpg) no-repeat top right;}

.line-more a{ display: inline-block; width:94px; height:27px; line-height:27px; color:#29282d; border:1px solid #29282d; margin:19px ; text-align:center;}

.line-more a:hover{color:#00a0e9; border:1px solid #00a0e9;}

.box-do{ padding-top:50px; background:url(../images/ab_08.jpg) bottom repeat-x; font-size:14px; color:#202020; }

.line-more-lf{ background:url(../images/ab_03.jpg) no-repeat top left; color:#aaa; font-size:14px; text-align:left;}

.line-lf{ width:75%; float:left; text-indent:2em; line-height:65px;}

.line-rg{ width:23%; float:right; color:#00a0e9; text-align:right;}

.line-rg a{ margin-right:0;}

.box-do ul{ overflow:hidden;}

.box-do li{ width:19%; float:left; margin-bottom:45px; text-align:center; padding:0 3%; word-break:break-all;transition:all 0.2s;}

.box-do li img{ display: inline-block; margin-bottom:25px;transition:all 0.2s;}

.box-do li span{ line-height:25px; min-height:50px; display:block;}

.box-do li:hover img{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);	-ms-transform:translateY(10px);	transform:translateY(10px);	}

.box-do li:hover{ color:#00a0e9;}

.box-chose{ padding-top:50px; overflow:hidden; width:100%; padding-bottom:50px;}

.box-chose .bx-pager{ display:none;}

.box-chose .title-h2{ padding-bottom:40px;}

.chose-list{ position:relative;}

.chose-list .slide{ text-align: center; }

.chose-list ul{ margin:0 auto;  width:1200px;}

.chose-list li{ width:1200px; text-align:center; width:100%;}

.box-chose .bx-controls-direction{ position:absolute; top:50%; width:100%; margin-top:-19px;}

.box-chose .bx-prev{ background:#f4f4f4 url(../images/left_03.png) no-repeat center center; display:block; width:38px; height:38px; left:0; float:left; text-indent:-99999px;}

.box-chose .bx-next{ background:#f4f4f4 url(../images/right_03.png) no-repeat center center; display:block; width:38px; height:38px; right:0; float:right;text-indent:-99999px;}

.resp-form{ height: 373px; background: url(../images/respbg_02.jpg) no-repeat; background-size: cover;}



.ourteam{ margin-top: 84px;}

.ourteam .line-more{ margin-top: 20px; background: none; border-bottom: 1px dashed #bbb;}

.ourteam .line-lf{ text-indent: 0;}

.ourteam .line-lf span{ color:#00a0e9;}



/* 联系我们 */

.contact{ margin-bottom: 75px;}

.contact-tit strong{ font-size: 20px; color: #fff; font-weight: normal; display: block; width: 142px; height: 41px; line-height: 41px; text-align: center; background-color: #46454e; margin: 41px auto 0; position: relative;}

.contact-tit strong:after{ content: ""; position: absolute; width: 21px; height: 24px; right: -46px; top: -10px; background: url(../images/pao_03.jpg) no-repeat;}

.contact-tit b{ display: block; text-align: center; font-size: 14px; color: #202020; text-transform: uppercase; height: 40px; line-height: 40px; font-weight: normal;}

.contact-tit p{ font-size: 14px; color: #46454e; text-align: center; line-height: 28px;}

.contact-tit span{ display: block; text-align: center; text-transform: uppercase; color: #aaa; line-height: 24px;}

.contact-k{ margin-bottom: 70px;}

.contact-ico{ border-bottom: 1px dotted #ccc; padding-bottom: 19px; margin-top: 50px;}

.contact-ico span{ display: block; width: 33.33%; float: left; text-align: center;}

.contact-wen ul li{ float: left; width: 33.33%; text-align: center; line-height: 24px; font-size: 14px; color: #202020; margin-top: 16px;}







.paging{ text-align: right; margin: 39px 0;}

.paging span{ display: inline-block; width: 38px; height: 38px; background-color: #f4f4f4; text-align: center; line-height: 38px; font-size: 14px; margin: 0 4px;}

.paging span a{ color: #999; display: block;}

.paging span img.left2, .paging span img.right2{ display: none;}

.paging span.active{ background-color: #12a3ff;}

.paging span.active a{ color: #fff;}

.paging span:hover{ background-color: #12a3ff;}

.paging span:hover a{ color: #fff;}

.paging span:hover img.left1{ display: none;}

.paging span:hover img.left2{ display: inline-block;}

.paging span:hover img.right1{ display: none;}

.paging span:hover img.right2{ display: inline-block;}



.a_add{ display: block; width:200px; border-radius: 20px; height: 40px; margin:0 auto; text-align: center; color: #fff; font-size: 15px; line-height: 40px; text-align:center;

 background:#00a0e9; margin-top:30px;border:1px solid #00a0e9; transition: all .1s; }

 .a_add:hover{ color: #00a0e9; background: #fff; border:1px solid #00a0e9; transition: all .5s;}



 .sider_box{ position: fixed; right:0; top:65%; z-index: 99;}

 .sider_box p{  margin-bottom: 10px; text-align: center; }

 .sider_box p a{height: 24px; width:70px; border:1px solid #d9d9d9; border-radius: 3px; display: block; text-align: center; background: #fff; color: #272727; position: relative; padding-top: 46px;}

 .sider_box p a span{ position: absolute; right:80px; top:-10px; display: inline-block; width:154px; display:none;}

 .sider_box p a span img{ width:100%; }

 .sider_box p a:hover span{ display: block; }



 .sider_box p img{ display: block; width:26px; margin:0 auto; padding-top:11px; padding-bottom: 9px;}



 .sider_box p  a.over1{ background:#fff url(../images/seo_sid_03.png) no-repeat center 11px; }

.sider_box p  a.over2{ background:#fff url(../images/seo_sid.png) no-repeat center 11px; }

.sider_box p  a.over3{ background:#fff url(../images/seo_sid_02.png) no-repeat center 11px; }



.sider_box p a.over1:hover{ background:#00a0e9 url(../images/seo_03.png) no-repeat center 11px; color: #fff; }

.sider_box p a.over2:hover{ background:#00a0e9 url(../images/seo_sid_01.png) no-repeat center 11px;color: #fff;  }

.sider_box p a.over3:hover{ background:#00a0e9 url(../images/4.png) no-repeat center 11px; color: #fff; }

/*样式完*/







.xxxlist {  }

.xxxlist .item { width: 32.333333%; float: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin-right: 1.5%; }

.xxxlist .item:last-child { margin-right: 0; }

.xxxlist .item .img {  }

.xxxlist .item .img img { display: block; max-width: 100%; }

.xxxlist .item .inf { padding: 15px 65px 15px 20px; position: relative; }

.xxxlist .item .inf .nam { font-size: 18px; margin-bottom: 8px; }

.xxxlist .item .inf .txt { font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.xxxlist .item .inf:before { content: ''; position: absolute; right: 20px; top: 30px; width: 35px; height: 23px; background: url(../images/m.jpg) no-repeat right center; }

.xxxlist .item a:hover .inf:before { background: url(../images/h_m.jpg) no-repeat right center; }





/*2017-07-24 修改*/

.diagnosis-form-item {

	box-sizing: border-box; 

	float: left;

	width: 50%;

	padding-bottom: 27px;

}



.diagnosis-form-item .iptxt,

.diagnosis-form-item .select { width: 100%; color: #222;}



.diagnosis-form-item-1 {

	padding-right: 13px;

}



.diagnosis-form-item-2 {

	padding-left: 13px;

}



.diagnosis-form-item-3 { width: 100%; float: none;}



.diagnosis-form-item .ipbtn {

	display: block;

	width: 100%;

	height: 34px;

	line-height: 34px;

	text-align: center;

	color: #fff;

	background-color: #1c1c1c;

}

                    	

::-webkit-input-placeholder { /* WebKit browsers */

color: #999!important;;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #999!important;;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #999!important;;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

color: #999!important;

}

.diagnosis-form-item select {

	box-sizing: border-box; height: 43px; border: 1px solid #333; font-size: 14px; color: #222; font-family: '微软雅黑';text-indent: 14px;

}



.ui-multiselect.mySelect.ui-multiselect-menu { padding: 0;}



.ui-multiselect.mySelect .ui-multiselect-checkboxes li { padding: 5px;}



.ui-multiselect.mySelect {

	border: 1px solid #333;

	height: 43px;

	line-height: 40px;

	font-size: 14px;

	color: #222;

	background: #fff;

	overflow: hidden;

}



.ui-multiselect.mySelect .ui-icon {

	background: url(../images/select_bg.png) no-repeat left center; height: 42px;

}



.ui-multiselect.mySelect.ui-state-active .ui-icon, .mySelect .ui-button:active .ui-icon { background: url(../images/select_bg.png) no-repeat left center; height: 42px;}



.ui-icon-triangle-1-s { background-position: 0 0;}



.ui-multiselect.mySelect span:nth-child(2) { display: block;}



.ui-multiselect.mySelect .ui-multiselect-checkboxes label { padding-left: 5px;}



/*2017-08-09 about.html*/

.chose-list {

	width: 94%;

	margin: 0 auto;

}



.chose-list img { display: block; margin: 0 auto;}



.chose-list .slick-prev,

.chose-list .slick-next {

	width: 36px;

	height: 69px;

	margin-top: -35px;

	opacity: 1;

}



.chose-list .slick-prev { 

	left: -36px;

	background: url(../images/prev.png) no-repeat;

}



.chose-list .slick-next { 

	right: -36px;

	background: url(../images/next.png) no-repeat;

}



.chose-list .slick-prev:before, 

.chose-list .slick-next:before {

	content: '';

}













/*=====*/

/*==2018-2-05==*/

/*=====*/

.polymerization{ padding:80px 0;}

.poly-tit{ position: relative; padding-bottom: 15px; color:#333333; font-size:20px; border-bottom:2px solid #eeeeee;}

.poly-tit:before{ content:""; position: absolute; bottom:-2px; left:0; width: 25px; height: 2px; background: #00a0e9;}

.poly-tit span{ display: inline-block; margin-left: 10px; color: #bbbbbb; font-size: 14px; text-transform:uppercase;}



.leftbox{ float: left; width: 74.588%;}

.leftbox .left{ float: left; position: relative; width: 54%;}

.leftbox .left img{ width: 100%;}

.leftbox .left span{ position:absolute; box-sizing: border-box; bottom:0; left:0; width: 100%; background: rgba(0,0,0,.7); color: #FFFFFF; padding: 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.leftbox .right{ float: right; width: 43%;}

.leftbox .right li{ padding:8px 0; border-bottom:1px dashed #e4e4e4;}

.leftbox .right li:last-child{ padding-bottom:0; border-bottom: none;}

.leftbox .right li span{ display: block; font-size: 16px; color: #46454e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.leftbox .right li p{ margin-top: 10px; line-height:18px; height: 36px; font-size: 14px; color: #999999; overflow: hidden;}

.leftbox .right li:hover span{ color: #00a0e9;}



.hot-box{ float: right; width: 22.5%;}

.hot-box .tit{ font-size: 18px; color: #ffffff; background: #46454e; text-align: center; padding: 12px 0;}

.hot-box .tit span{ margin-left: 10px; color: #aaaaaa; font-size: 14px; text-transform:uppercase;}

.hot-box ul{ border-left: 1px solid #e4e4e4;  border-right: 1px solid #e4e4e4;}

.hot-box li{ padding:20px; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; }

.hot-box li a{ display: block; font-size: 14px; color: #888888; background: url(../images/hot_ico.png) no-repeat left; padding-left: 20px; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform:uppercase;}

.hot-box li:hover{ background: #eeeeee;}

.hot-box li:hover a{ color: #000000;}



.xz-industry{ margin: 72px 0 60px;}

.xz-industry ul{ margin: 20px -15px 0;}

.xz-industry li{ float: left; padding: 15px; width: 50%; box-sizing: border-box;}

.xz-industry li a{ display: block; padding:0 38px 30px; border: 1px solid #eeeeee;}

.xz-industry li .tit{ position: relative; padding: 25px 0; padding-right:40px; border-bottom: 1px solid #e9e9e9; font-size: 16px; color: #333333;}

.xz-industry li .tit:before{ content:""; position: absolute; top:50%; margin-top: -3px; left:-12px; width:6px; height: 6px; border-radius: 3px; background: #d4d4d4;}

.xz-industry li .tit:after{ content:""; position: absolute; top:50%; right:0; margin-top:-15px; width: 30px; height: 30px; background: url(../images/poly_more.png);}

.xz-industry li span{ display: block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.xz-industry li p{ margin-top: 20px; color: #999999; line-height: 22px; font-size: 14px; height: 66px; overflow:hidden;}

.xz-industry li:hover .tit:before{ background: #00a0e9;}

.xz-industry li:hover .tit:after{ background: url(../images/poly_moreh.png);}



.xz-information{ float: left; width: 74.5%;}

.xz-information li{ padding:30px 0; border-bottom: 1px dashed #e4e4e4;}

.xz-information li a{ display: block; padding-right:100px; position: relative;}

.xz-information li .dimg{ float: left;}

.xz-information li .text{ margin-left: 300px; padding-top: 10px;}

.xz-information li .text span{ font-size: 16px; color: #202020; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.xz-information li .text p{ margin-top:20px; color: #999999; font-size: 14px; line-height: 30px; height: 90px; overflow: hidden;}

.xz-information li .date{ position: absolute; top:0; right:0; padding-left: 30px;  width:84px; height:140px;  box-sizing:border-box;border-left: 1px solid #e4e4e4;}

.xz-information li .date span{ display: block; font-size: 18px; color: #777777;}

.xz-information li .date em{ margin-top:5px; display: block; color: #cccccc; font-size: 12px; font-style: normal;}

.xz-information li .date i{ margin-top:40px; display: block; width: 31px; height: 31px; background: url(../images/xz_info_more.png);}

.xz-information li a:hover .text span{ color: #00a0e9;}

.xz-information li a:hover .date i{background: url(../images/xz_info_moreh.png);}

.xz-information .getmore{ margin-top:50px; text-align: center;}

.xz-information .getmore a{ display: inline-block; padding:10px 70px; background: #009de6; color: #FFFFFF; font-size: 16px;}



.tipbox{ float:right; width: 22.5%;}

.tipbox .tit{ font-size: 18px; color: #ffffff; background: #46454e; text-align: center; padding: 12px 0;}

.tipbox .tit span{ margin-left: 10px; color: #aaaaaa; font-size: 14px; text-transform:uppercase;}

.tipbox .con{ border: 1px solid #e4e4e4; border-top: none; padding: 25px 10px 35px; text-align: center;}

.tipbox .con a{ margin: 2px; display: inline-block; border: 1px solid #29282d; padding:5px 20px;}

.tipbox .con a:hover,.tipbox .con a.active{ background: #46454e; color: #FFFFFF; }



.foot_bg {background:url(../images/fot_bg.jpg) repeat center top #292533;width:100%;min-width:1100px; margin:0px auto;padding:50px 0px 10px 0px;color: #fff;overflow: hidden; }

.foot_bg a {font-size:14px;color:#fff; }

.wei{ display:inline; width:135px; height:155px;}

.wei img{ width:135px; height:155px;}

.fot_contact{ width:100%; overflow:hidden; text-align:left; margin:0px; padding:0px; line-height:22px;}

.fot_contact h4{ font-size:40px; font-weight: 400; text-align:left; line-height:45px;}

.foot_menu{ margin:10px 0px;}

.fot_left{ display:inline; float:left;}

.copyright {line-height:28px;margin: 0px;padding:15px 0px; border-top:1px solid #9c9c9c;}

.copyright span {font-family: Arial, Helvetica, sans-serif}



.inner{margin:0 auto;width:1100px}

.clear,.inner{position:relative}

.clear{clear:both;overflow:hidden;margin-top:0;width:100%;height:1px}





.xz-banner { }

.xz-banner .banner { }

.xz-banner .banner .banner-item { background-repeat: no-repeat; background-position: center; }

.xz-banner .banner .banner-item .box { color: #fff; width: 50%; padding-top: 160px; }

.xz-banner .banner .banner-item .box .nam { color: #fff; font-size: 30px; margin-bottom: 20px; }

.xz-banner .banner .banner-item .box .txt { color: #fff; font-size: 14px; line-height: 24px; margin-bottom: 40px; opacity: .6; }

.xz-banner .banner .banner-item .box .btn {  }

.xz-banner .banner .banner-item .box .btn span { display: inline-block; font-size: 12px; line-height: 36px; padding: 0 30px; border: 1px solid #fff; }

.xz-banner .banner .banner-item .box .btn span:hover { opacity: .6; }







.page01box01 { padding: 60px 0; }

.page01box01 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; }

.page01box01 .jtitle:before { font-size: 90px; color: #eee; font-family: arial; font-weight: bold; content: '01'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; }

.page01box01 .jtitle .num { font-size: 90px; font-family: arial; font-weight: bold; color: #dedede; }

.page01box01 .jtitle .cn { font-size: 24px; color: #111; }

.page01box01 .jtitle .cn span { color: #00a0e9; }

.page01box01 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page01box01 .jtxt { color: #999; font-size: 14px; line-height: 30px; text-align: center; margin-bottom: 30px; }

.page01box01 .jimg { text-align: center; }

.page01box01 .jimg img { display: inline-block; }

.page01box01 .jbtn { text-align: center; margin: 30px 0; }

.page01box01 .jbtn a { display: inline-block; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page01box01 .jbtn a:hover { opacity: .8; }



.page01box02 { background: #f5f5f5; padding: 60px 0; }

.page01box02 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page01box02 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '02'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page01box02 .jtitle .cn { font-size: 24px; color: #111; }

.page01box02 .jtitle .cn span { color: #00a0e9; }

.page01box02 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page01box02 .jlist {  }

.page01box02 .jlist .jitem { padding: 10px; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px dashed #dedede; }

.page01box02 .jlist .jitem .jimg { float: left; margin-right: 40px; width: 104px; height: 104px; background: #fff; border-radius: 50%; overflow: hidden; box-shadow: 1px 1px 11px rgba(0,0,0,.12); }

.page01box02 .jlist .jitem .jimg img { display: block; width: 100%; }

.page01box02 .jlist .jitem .jinfo { padding-top: 10px; }

.page01box02 .jlist .jitem .jinfo .jnam { font-size: 18px; color: #111; margin-bottom: 10px; }

.page01box02 .jlist .jitem .jinfo .jtxt { font-size: 14px; line-height: 26px; color: #999; }

.page01box02 .jbtn { text-align: center; margin: 30px 0; }

.page01box02 .jbtn a { display: inline-block; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page01box02 .jbtn a:hover { opacity: .8; }





.page01box03 { padding: 60px 0; }

.page01box03 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page01box03 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '03'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page01box03 .jtitle .cn { font-size: 24px; color: #111; }

.page01box03 .jtitle .cn span { color: #00a0e9; }

.page01box03 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }



.page01box03 .jlist { overflow: hidden; }

.page01box03 .jlist .jitem { float: left; width: 30.33333333%; margin-right: 4.5%; text-align: center; padding: 0 20px; box-sizing: border-box; }

.page01box03 .jlist.jlist04 .jitem { width: 23.5%; margin-right: 2%; }

.page01box03 .jlist .jitem:last-child { margin-right: 0; }

.page01box03 .jlist .jitem .jnum { background: #00a0e9; color: #fff; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; font-size: 30px; margin: 0 auto 20px; font-weight: bold; }

.page01box03 .jlist .jitem .jnam { font-size: 18px; color: #111; margin-bottom: 10px; }

.page01box03 .jlist .jitem .jtxt { font-size: 14px; color: #999; line-height: 26px; }



.page01box03 .jbtn { text-align: center; margin: 30px 0; }

.page01box03 .jbtn a { display: inline-block; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page01box03 .jbtn a:hover { opacity: .8; }





.page01box04 { background: #f5f5f5; padding: 60px 0; }

.page01box04 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page01box04 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '04'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page01box04 .jtitle .cn { font-size: 24px; color: #111; }

.page01box04 .jtitle .cn span { color: #00a0e9; }

.page01box04 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page01box04 .jtxt { color: #999; font-size: 14px; line-height: 30px; text-align: center; margin-bottom: 30px; }

.page01box04 .jlist { overflow: hidden; padding: 20px 0; }

.page01box04 .jlist .jitem { width: 30.3333333%; float: left; margin-right: 4.5%; padding: 20px; border-radius: 10px; box-shadow: 1px 1px 11px rgba(0,0,0,.12); box-sizing: border-box; background: #fff; height: 260px; }

.page01box04 .jlist.jlist04 .jitem { width: 23.5%; margin-right: 2%; height: 280px; }

.page01box04 .jlist .jitem:last-child { margin-right: 0; }

.page01box04 .jlist .jitem .jnam { font-size: 18px; color: #00a0e9; margin-bottom: 10px; text-align: center; }

.page01box04 .jlist .jitem .jsss { font-size: 14px; color: #999; line-height: 26px; }



.page01box04 .jbtn { text-align: center; margin: 30px 0; }

.page01box04 .jbtn a { display: inline-block; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page01box04 .jbtn a:hover { opacity: .8; }







.page01box05 { padding: 60px 0; }

.page01box05 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page01box05 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '05'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page01box05 .jtitle .cn { font-size: 24px; color: #111; }

.page01box05 .jtitle .cn span { color: #00a0e9; }

.page01box05 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page01box05 .jtxt { color: #999; font-size: 14px; line-height: 30px; text-align: center; margin-bottom: 30px; }

.page01box05 .jbtn { text-align: center; margin: 30px 0; }

.page01box05 .jbtn a { display: inline-block; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page01box05 .jbtn a:hover { opacity: .8; }





.page02box01 { padding: 60px 0; }

.page02box01s { background: #f5f5f5; }

.page02box01 .container { overflow: hidden; }

.page02box01 .jfl { float: left; width: 60%; }

.page02box01 .jfr { float: right; width: 40%; }

.page02box01 .jtitle { position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page02box01 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '01'; display: block; width: 100%; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page02box01 .jtitle.jtitle02:before { content: '02'; }

.page02box01 .jtitle.jtitle03:before { content: '03'; }

.page02box01 .jtitle.jtitle04:before { content: '04'; }

.page02box01 .jtitle.jtitle05:before { content: '05'; }

.page02box01 .jtitle.jtitle06:before { content: '06'; }

.page02box01 .jtitle .cn { font-size: 24px; color: #111; }

.page02box01 .jtitle .cn span { color: #00a0e9; }

.page02box01 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page02box01 .jtxt { color: #666; font-size: 14px; line-height: 26px; margin-bottom: 20px; }

.page02box01 .jlist { margin-bottom: 20px; }

.page02box01 .jlist li { background: url(../images/bg3_03.jpg) no-repeat left center; padding: 5px 0 5px 20px; line-height: 26px; font-size: 14px; color: #999; }

.page02box01 .jbtn { margin: 30px 0; }

.page02box01 .jbtn a { display: inline-block; margin-right: 20px; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page02box01 .jbtn a:hover { opacity: .8; }







.page0202box01 { padding: 50px 0; }

.page0202box01 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0202box01 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '01'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page0202box01 .jtitle .cn { font-size: 24px; color: #111; }

.page0202box01 .jtitle .cn span { color: #00a0e9; }

.page0202box01 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0202box01 .jtxt { color: #999; font-size: 20px; line-height: 30px; margin-bottom: 30px; text-align: center; }

.page0202box01 .jlist { overflow: hidden; }

.page0202box01 .jlist .item { width: 48%; float: left; margin-right: 4%; background: #e4effe; color: #195cac; box-sizing: border-box; padding: 40px 0 0; }

.page0202box01 .jlist .item .tit { padding: 0 20px; font-size: 20px; font-weight: bold; line-height: 30px; }

.page0202box01 .jlist .item .tit:after { content: ''; width: 50px; height: 10px; border-bottom: 2px solid #c3d7f3; display: block; margin-bottom: 20px; }

.page0202box01 .jlist .item .con { padding: 0 20px; }

.page0202box01 .jlist .item .con p { line-height: 34px; font-size: 14px; }

.page0202box01 .jlist .item .img img { display: block; width: 100%; }

.page0202box01 .jlist .item:nth-child(2n) { margin-right: 0; background: #fef1e4; color: #ac4919; }

.page0202box01 .jlist .item:nth-child(2n) .tit:after { border-color: #f1c396; }









.page0202box02 { padding: 50px 0; }

.page0202box02 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0202box02 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '02'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page0202box02 .jtitle .cn { font-size: 24px; color: #111; }

.page0202box02 .jtitle .cn span { color: #00a0e9; }

.page0202box02 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0202box02 .jlist { margin-top: 50px; margin-bottom: 30px; }

.page0202box02 .jlist .item { float: left; text-align: center; width: 33.3333333%; color: #fff; background: #373d42; padding: 40px 0; }

.page0202box02 .jlist .item:nth-child(2) { background: #0090ff; -webkit-transform: scale(1.16); transform: scale(1.16); }

.page0202box02 .jlist .item .img { margin-bottom: 10px; }

.page0202box02 .jlist .item .tit { font-size: 18px; font-weight: bold; }













.page0202box03 { padding: 50px 0; }

.page0202box03 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0202box03 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '03'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page0202box03 .jtitle .cn { font-size: 24px; color: #111; }

.page0202box03 .jtitle .cn span { color: #00a0e9; }

.page0202box03 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0202box03 .jimg { float: right; background: url(../images/p0202b03bg.png) no-repeat center; margin-top: 60px; }

.page0202box03 .jimg img { display: block; -webkit-transition: all .6s; transition: all .6s; }

.page0202box03 .jimg:hover img { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

.page0202box03 .jlist { margin-right: 750px; }

.page0202box03 .jlist .item { line-height: 54px; padding: 20px 0; border-bottom: 1px solid #dedede; }

.page0202box03 .jlist .item:last-child { border-bottom: 0; }

.page0202box03 .jlist .item .icon { float: left; margin-right: 20px; width: 54px; height: 54px; font-size: 16px; font-weight: bold; text-align: center; color: #fff; background: #333; border-radius: 50%; }

.page0202box03 .jlist .item:nth-child(1) .icon { background: #0090ff; }

.page0202box03 .jlist .item:nth-child(2) .icon { background: #59cd90; }

.page0202box03 .jlist .item:nth-child(3) .icon { background: #f7970f; }

.page0202box03 .jlist .item:nth-child(4) .icon { background: #ea6161; }

.page0202box03 .jlist .item:nth-child(5) .icon { background: #617eea; }

.page0202box03 .jlist .item .tit { font-size: 14px; color: #333; }





.page0202box04 { background: url(../images/p0202b04bg.png) no-repeat center; background-attachment: fixed; padding: 50px 0; }

.page0202box04 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0202box04 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '04'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; opacity: .2; }

.page0202box04 .jtitle .cn { font-size: 24px; color: #fff; }

.page0202box04 .jtitle .cn span { color: #00a0e9; }

.page0202box04 .jtitle .en { color: #fff; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0202box04 .jlist {  }

.page0202box04 .jlist .item { width: 280px; height: 150px; background: url(../images/p0202b04bg02.png) no-repeat center; float: left; box-sizing: border-box; margin: 0 20px 40px 0; padding: 30px 10px 0 0; text-align: center; }

.page0202box04 .jlist .item .tit { font-size: 14px; color: #333; line-height: 20px; }

.page0202box04 .jlist .item:nth-child(4n) { margin-right: 0; }







.page0202box05 { padding: 50px 0; }

.page0202box05 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0202box05 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '05'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page0202box05 .jtitle .cn { font-size: 24px; color: #111; }

.page0202box05 .jtitle .cn span { color: #00a0e9; }

.page0202box05 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0202box05 .jlist { }

.page0202box05 .jlist .item { width: 31.333333%; margin-right: 3%; padding: 40px 10px 40px 50px; box-sizing: border-box; float: left; margin-bottom: 40px; }

.page0202box05 .jlist .item:nth-child(1) { background: #f0faed; }

.page0202box05 .jlist .item:nth-child(2) { background: #fef9ed; }

.page0202box05 .jlist .item:nth-child(3) { background: #ebeffb; }

.page0202box05 .jlist .item:nth-child(4) { background: #fff2e9; }

.page0202box05 .jlist .item:nth-child(5) { background: #fff2e9; }

.page0202box05 .jlist .item:nth-child(6) { background: #e7fafa; }

.page0202box05 .jlist .item:nth-child(3n) { margin-right: 0; }

.page0202box05 .jlist .item .tit { font-size: 16px; font-weight: bold; margin-bottom: 20px; }

.page0202box05 .jlist .item .tit img { margin-right: 20px; }

.page0202box05 .jlist .item .con { height: 252px; overflow: hidden; font-size: 15px; line-height: 36px; }

.page0202box05 .jlist .item .con img { margin-right: 6px; }









.page0202box06 { background: url(../images/p0202b06bg.jpg) no-repeat center; padding: 50px 0; }

.page0202box06 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0202box06 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '06'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; opacity: .2; }

.page0202box06 .jtitle .cn { font-size: 24px; color: #fff; }

.page0202box06 .jtitle .cn span { color: #00a0e9; }

.page0202box06 .jtitle .en { color: #fff; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0202box06 .jtxt { color: #fff; font-size: 16px; text-align: center; margin-bottom: 40px; }

.page0202box06 .jlist { padding-bottom: 30px; }

.page0202box06 .jlist .item { width: 31.3333%; float: left; margin-right: 3%; box-sizing: border-box; text-align: center; color: #fff; }

.page0202box06 .jlist .item:nth-child(3n) { margin-right: 0; }

.page0202box06 .jlist .item .tit { width: 206px; height: 206px; box-sizing: border-box; background: url(../images/p0202b06bg02.png) no-repeat center; margin: 0 auto 20px; font-size: 16px; padding-top: 56px; }

.page0202box06 .jlist .item .tit img { display: block; margin: 0 auto 16px; }

.page0202box06 .jlist .item .con { padding: 0 30px; }

.page0202box06 .jlist .item .con h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }

.page0202box06 .jlist .item .con p { font-size: 14px; }







.page0203box01 { padding: 50px 0; }

.page0203box01 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0203box01 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '01'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page0203box01 .jtitle .cn { font-size: 24px; color: #111; }

.page0203box01 .jtitle .cn span { color: #00a0e9; }

.page0203box01 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0203box01 .table { margin-bottom: 30px; }

.page0203box01 .tbc { width: 100%; border:1px solid #dedede; background: #fff; }

.page0203box01 .tbc td { border: 1px solid #dedede; line-height: 20px; padding: 15px 15px; font-size: 14px; color: #666; }

.page0203box01 .tbc tr:nth-child(2n) td { background: #f5f5f5; }

.page0203box01 .tbc tr:hover td { background: #f9f9f9; color: #000; }









.page0203box02 { padding: 50px 0; }

.page0203box02 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0203box02 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '02'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page0203box02 .jtitle .cn { font-size: 24px; color: #111; }

.page0203box02 .jtitle .cn span { color: #00a0e9; }

.page0203box02 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0203box02 .jlist { padding: 40px 0 0; }

.page0203box02 .jlist .item { width: 31.33333%; float: left; margin-right: 3%; margin-bottom: 70px; box-sizing: border-box; border: 2px solid #645e95;border-radius: 6px; padding: 0 20px 20px; text-align: center; }

.page0203box02 .jlist .item .img { margin-bottom: 24px; margin-top: -40px; }

.page0203box02 .jlist .item .con {  }

.page0203box02 .jlist .item .con h3 { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 20px; }

.page0203box02 .jlist .item .con p { font-size: 14px; line-height: 24px; color: #666; height: 72px; overflow: hidden; }

.page0203box02 .jlist .item:nth-child(3n) { margin-right: 0; }









.page0203box03 { padding: 50px 0; }

.page0203box03 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page0203box03 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '03'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page0203box03 .jtitle .cn { font-size: 24px; color: #111; }

.page0203box03 .jtitle .cn span { color: #00a0e9; }

.page0203box03 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page0203box03 .jtxt { color: #333; font-size: 16px; text-align: center; margin-bottom: 40px; }

.page0203box03 .jlist {  }

.page0203box03 .jlist .item { width: 9.090909%; float: left; text-align: center; margin-bottom: 40px; }





.nodata { padding: 100px 0; text-align: center; font-size: 16px; color: #666; }

.nodata img { display: block; margin: 0 auto 20px; }











.page03box01 { padding: 30px 0 0 0; }

.page03box01 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page03box01 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '01'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page03box01 .jtitle .cn { font-size: 24px; color: #111; }

.page03box01 .jtitle .cn span { color: #00a0e9; }

.page03box01 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page03box01 .jtxt { color: #999; font-size: 14px; line-height: 30px; margin-bottom: 30px; }

.page03box01 .jlist {  }

.page03box01 .jlist .jitem { padding: 10px; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px dashed #dedede; }

.page03box01 .jlist .jitem .jimg { float: left; margin-right: 40px; width: 104px; height: 104px; background: #f9f9f9; border-radius: 50%; overflow: hidden; box-shadow: 1px 1px 11px rgba(0,0,0,.12); }

.page03box01 .jlist .jitem .jimg img { display: block; width: 100%; }

.page03box01 .jlist .jitem .jinfo { padding-top: 10px; }

.page03box01 .jlist .jitem .jinfo .jnam { font-size: 18px; color: #111; margin-bottom: 10px; }

.page03box01 .jlist .jitem .jinfo .jtxt { font-size: 14px; line-height: 26px; color: #999; }

.page03box01 .jbtn { text-align: center; margin: 30px 0; }

.page03box01 .jbtn a { display: inline-block; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page03box01 .jbtn a:hover { opacity: .8; }





.page03box02 { padding: 30px 0; }

.page03box02 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page03box02 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '02'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page03box02 .jtitle .cn { font-size: 24px; color: #111; }

.page03box02 .jtitle .cn span { color: #00a0e9; }

.page03box02 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page03box02 .jtxt { color: #999; font-size: 14px; line-height: 30px; margin-bottom: 30px; text-align: center; }

.page03box02 .jlist { overflow: hidden; }

.page03box02 .jlist .item { width: 33.33333333%; float: left; text-align: center; margin-bottom: 30px; }

.page03box02 .jlist .item .img {  }

.page03box02 .jlist .item h3 { font-size: 18px; margin: 10px 0; }

.page03box02 .jlist .item p { font-size: 14px; }

.page03box02 .xlist { overflow: hidden; }

.page03box02 .xlist .item { width: 23.5%; margin-right: 2%; float: left; text-align: center; font-size: 14px; line-height: 24px; margin-bottom: 30px; }

.page03box02 .xlist .item p { text-align: left; }

.page03box02 .xlist .item:nth-child(4n) { margin-right: 0; }

.page03box02 .jbtn { text-align: center; margin: 30px 0 90px; }

.page03box02 .jbtn a { display: inline-block; line-height: 40px; background: #00a0e9; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px; }

.page03box02 .jbtn a:hover { opacity: .8; }

.p03b02bg.page07_05sp { background: #f1f1f1 url(../images/p03b02bg02.jpg) no-repeat center bottom !important; }







.page03box03 { padding: 60px 0; }

.page03box03 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page03box03 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '03'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page03box03 .jtitle.jtitle04:before { content: '04'; }

.page03box03 .jtitle .cn { font-size: 24px; color: #111; }

.page03box03 .jtitle .cn span { color: #00a0e9; }

.page03box03 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page03box03 .jtxt { color: #999; font-size: 14px; line-height: 30px; margin-bottom: 30px; text-align: center; }

.page03box03 .jlist { overflow: hidden; }

.page03box03 .jlist .item { width: 33.3333333%; float: left; color: #fff; height: 460px; position: relative; text-align: center; }

.page03box03 .jlist .item:nth-child(1) { background: #0573e3; }

.page03box03 .jlist .item:nth-child(2) { background: #2096f1; }

.page03box03 .jlist .item:nth-child(3) { background: #40b5f1; }

.page03box03 .jlist .item .num { line-height: 460px; left: 0; top: 0; position: absolute; right: 0; bottom: 0; font-size: 420px; font-family: impact; text-align: center; opacity: .1; }

.page03box03 .jlist .item .box { padding: 90px 60px; position: relative; }

.page03box03 .jlist .item .box .nam { }

.page03box03 .jlist .item .box .nam i { font-size: 14px; }

.page03box03 .jlist .item .box .nam h3 { font-size: 25px; position: relative; margin-top: 4px; font-weight: normal; }

.page03box03 .jlist .item .box .nam h3:after { content: ""; width: 100px; display: block; border-bottom: 1px solid #FFF; margin: 28px auto 40px; }

.page03box03 .jlist .item .box .con { font-size: 14px; line-height: 24px; margin-bottom: 50px; }

.page03box03 .jlist .item .box .btn { font-size: 14px; color: #fff; }

.page03box03 .jlist .item .box .btn a { color: #fff; }

.page03box03 .jlist .item .box .btn a:hover { opacity: .8; }

.page03box03 .xlist { overflow: hidden; }

.page03box03 .xlist .item { width: 31.33333%; float: left; margin-right: 3%; margin-bottom: 50px; }

.page03box03 .xlist .item .nam { font-size: 18px; font-weight: bold; }

.page03box03 .xlist .item .nam img { margin-right: 4px; }

.page03box03 .xlist .item .con { font-size: 14px; line-height: 24px; color: #666; }

.page03box03 .xlist .item:nth-child(3n) { margin-right: 0; }





.page03_03bg { background: url(../images/page03_03bg.jpg) no-repeat center; color: #fff; padding: 60px 0; }

.page03_03bg .p0303box {  }

.page03_03bg .p0303box .jnam { text-align: center; font-size: 24px; margin-bottom: 50px; }

.page03_03bg .p0303box .jlist { overflow: hidden; }

.page03_03bg .p0303box .jlist .item { float: left; margin-bottom: 40px; width: 23.5%; margin-right: 2%; }

.page03_03bg .p0303box .jlist .item:nth-child(4n) { margin-right: 0; }

.page03_03bg .p0303box .jlist .item .img { width: 50px; float: left; margin-right: 10px; }

.page03_03bg .p0303box .jlist .item .info {  }

.page03_03bg .p0303box .jlist .item .info h3 { font-size: 18px; font-weight: normal; line-height: 30px; }

.page03_03bg .p0303box .jlist .item .info p { font-size: 14px; }









.page03box04 { padding: 60px 0; }

.page03box04 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; z-index: 2; }

.page03box04 .jtitle:before { font-size: 90px; color: #dedede; font-family: arial; font-weight: bold; content: '04'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; pointer-events: none; }

.page03box04 .jtitle .cn { font-size: 24px; color: #111; }

.page03box04 .jtitle .cn span { color: #00a0e9; }

.page03box04 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page03box04 .jtxt { color: #999; font-size: 14px; line-height: 30px; margin-bottom: 30px; text-align: center; }

.page03box04 .jlist { overflow: hidden; }

.page03box04 .jlist .item { width: 31.333333%; float: left; margin-right: 3%; margin-bottom: 50px; overflow: hidden; }

.page03box04 .jlist .item:nth-child(3n) { margin-right: 0; }

.page03box04 .jlist .item .img { float: left; margin-right: 30px; }

.page03box04 .jlist .item .box {  }

.page03box04 .jlist .item .box h3 { font-size: 18px; line-height: 40px; color: #333; }

.page03box04 .jlist .item .box p { font-size: 14px; line-height: 24px; color: #333; height: 96px; }















/* 清理浮动 */

.clearfix { clear: both; zoom: 1; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.list0402 { padding: 60px 0 0; }

.list0402 .item { width: 33.3333333%; float: left; margin-bottom: 60px; }

.list0402 .item .box { width: 348px; height: 400px; margin: 0 auto; background: #fff; box-shadow: 12px 15px 20px 0 rgba(46,61,73,.15); border-radius: .375rem; transition: all .3s ease; display: block; text-decoration: none; overflow: hidden; }

.list0402 .item .box:hover { box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2); }

.list0402 .item .box .img { position: relative; }

.list0402 .item .box .img img { display: block; width: 100%; }

.list0402 .item .box .img .cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(2,179,228,.8); }

.list0402 .item:nth-child(2) .box .img .cover { background-color: rgba(2,204,186,.8); }

.list0402 .item:nth-child(3) .box .img .cover { background-color: rgba(169,81,237,.8); }

.list0402 .item:nth-child(4) .box .img .cover { background-color: rgba(125,151,173,.8); }

.list0402 .item:nth-child(5) .box .img .cover { background-color: rgba(255,162,52,.8); }

.list0402 .item:nth-child(6) .box .img .cover { background-color: rgba(255,84,131,.8); }

.list0402 .item .box .img .cover em { position: relative; top: 12px; left: 12px; background: #fff; padding: 2px 6px; border-radius: 2px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; box-shadow: 4px 6px 8px 0 rgba(46,61,73,.2); font-style: normal; color: #02b3e4; }

.list0402 .item:nth-child(2) .box .img .cover em { color: #02ccba; }

.list0402 .item:nth-child(3) .box .img .cover em { color: #a951ed; }

.list0402 .item:nth-child(4) .box .img .cover em { color: #7d97ad; }

.list0402 .item:nth-child(5) .box .img .cover em { color: #ffa234; }

.list0402 .item:nth-child(6) .box .img .cover em { color: #ff5483; }

.list0402 .item .box .info { padding: 24px 32px; }

.list0402 .item .box .info .tit { font-size: 24px; color: #333; line-height: 30px; margin-bottom: 10px; }

.list0402 .item .box .info .txt { font-size: 14px; color: #666; line-height: 22px; }



.list0402page05 { padding: 60px 0 0; }

.list0402page05 .item { width: 31.33333333%; float: left; margin-bottom: 40px; margin-right: 3%; }

.list0402page05 .item:nth-child(3n) { margin-right: 0; }

.list0402page05 .item .box { display: block; padding: 60px 40px; -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); overflow: hidden; position: relative; background-color: #F3F3F3; height: 220px; }

.list0402page05 .item .box:hover, .list0402page05 .item.itemon .box { background-color: #E9204F; }

.list0402page05 .item .box .img { background-repeat: no-repeat; backgound-position: center; width: 90px; height: 90px; margin-bottom: 40px; -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.list0402page05 .item .box:hover .img, .list0402page05 .item.itemon .box .img { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

.list0402page05 .item:nth-child(1) .box .img { background-image: url(../images/list0402page05img01.jpg); }

.list0402page05 .item:nth-child(1):hover .box .img, .list0402page05 .item:nth-child(1).itemon .box .img { background-image: url(../images/list0402page05img01s.jpg); }

.list0402page05 .item:nth-child(2) .box .img { background-image: url(../images/list0402page05img02.jpg); }

.list0402page05 .item:nth-child(2):hover .box .img { background-image: url(../images/list0402page05img02s.jpg); }

.list0402page05 .item:nth-child(3) .box .img { background-image: url(../images/list0402page05img03.jpg); }

.list0402page05 .item:nth-child(3):hover .box .img { background-image: url(../images/list0402page05img03s.jpg); }

.list0402page05 .item:nth-child(4) .box .img { background-image: url(../images/list0402page05img04.jpg); }

.list0402page05 .item:nth-child(4):hover .box .img { background-image: url(../images/list0402page05img04s.jpg); }

.list0402page05 .item:nth-child(5) .box .img { background-image: url(../images/list0402page05img05.jpg); }

.list0402page05 .item:nth-child(5):hover .box .img { background-image: url(../images/list0402page05img05s.jpg); }

.list0402page05 .item:nth-child(6) .box .img { background-image: url(../images/list0402page05img06.jpg); }

.list0402page05 .item:nth-child(6):hover .box .img { background-image: url(../images/list0402page05img06s.jpg); }

.list0402page05 .item .box .info { -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.list0402page05 .item .box:hover .info, .list0402page05 .item.itemon .box .info { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

.list0402page05 .item .box .info .tit { font-size: 24px; color: #333; line-height: 30px; margin-bottom: 10px; }

.list0402page05 .item .box:hover .info .tit, .list0402page05 .item.itemon .box .info .tit { color: #fff; }

.list0402page05 .item .box .info .txt { font-size: 14px; color: #666; line-height: 22px; margin-bottom: 30px; }

.list0402page05 .item .box:hover .info .txt, .list0402page05 .item.itemon .box .info .txt { color: #fff; }

.list0402page05 .item .box .arrow { color: #fff; font-size: 30px; -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); }

.list0402page05 .item .box:hover .arrow, .list0402page05 .item.itemon .box .arrow { -webkit-transform: translateY(-20px); transform: translateY(-20px); }





.list0403 { padding: 60px 0 30px; }

.list0403 .item { width: 32.3333333%; margin-right: 1.5%; float: left; margin-bottom: 30px; }

.list0403 .item:nth-child(3n) { margin-right: 0; }

.list0403 .item .box { display: block; }

.list0403 .item .box .img { margin-bottom: 10px; width: 100%; height: 218px; background: #000; }

.list0403 .item .box .img img { display: block; height: 100%; margin: 0 auto; }

.list0403 .item .box .info { text-align: center; font-size: 16px; }





.list0602 { padding: 60px 0 30px; }

.list0602 .item { width: 32.3333333%; margin-right: 1.5%; float: left; margin-bottom: 30px; }

.list0602 .item:nth-child(3n) { margin-right: 0; }

.list0602 .item .box { display: block; box-shadow: 0 0 5px rgba(0,0,0,.2); }

.list0602 .item .box .img { }

.list0602 .item .box .img img { display: block; width: 100%; }

.list0602 .item .box .info { padding: 15px 20px; overflow: hidden; }

.list0602 .item .box .info .mor { line-height: 30px; float: right; width: 10%; text-align: right; font-size: 18px; border-left: 1px solid #dedede; margin-top: 5px; }

.list0602 .item .box .info .con { width: 90%; }

.list0602 .item .box .info .con h3 { font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; font-weight: normal; }

.list0602 .item .box .info .con p { font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; }

















.page07box01 { padding: 50px 0; }

.page07box01 .fl { width: 48%; float: left; }

.page07box01 .fr { width: 50%; float: right; }

.page07box01 .fr .tit { font-size: 22px; font-weight: bold; color: #333; margin-bottom: 16px; }

.page07box01 .fr .txt { font-size: 14px; line-height: 24px; color: #333; }

.page07box01 .fr .txt p { margin-bottom: 10px; }



.page07box02 { height: 500px; background: url(../images/page07box02img01.jpg) no-repeat center; background-size: cover; }





.page07box03 { padding: 50px 0; }

.page07box03 .tit { text-align: center; margin-bottom: 50px; }

.page07box03 .tit .en { font-size: 14px; color: #999; text-transform: uppercase; font-family: arial; }

.page07box03 .tit .cn { font-size: 30px; color: #333; font-weight: bold; padding-bottom: 25px; margin-bottom: 25px; position: relative; }

.page07box03 .tit .cn:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 30px; height: 3px; margin-left: -15px; background: #00a0e9; }

.page07box03 .tit .tip { font-size: 16px; line-height: 30px; color: #666; }

.page07box03 .list { margin-bottom: 46px; }

.page07box03 .list .item { width: 32.3333333%; margin-right: 1.5%; float: left; }

.page07box03 .list .item:nth-child(3n) { margin-right: 0; }

.page07box03 .list .item a { display: block; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.page07box03 .list .item .img img { display: block; width: 100%; -webkit-transition: all .2s; transition: all .2s; }

.page07box03 .list .item a:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.page07box03 .list .item .info { padding: 20px; }

.page07box03 .list .item .info .nam { color: #333; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal; }

.page07box03 .list .item .info .txt { color: #666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin: 8px 0 8px; }

.page07box03 .list .item .info .tim { color: #ccc; font-size: 14px; }

.page07box03 .btn { text-align: center; }

.page07box03 .btn a { display: inline-block; line-height: 46px; font-size: 14px; background: #00a0e9; color: #fff; padding: 0 30px; text-transform: uppercase; border-radius: 30px; font-family: arial; }

.page07box03 .btn a:hover { opacity: .8; }





.page07box04 { background: url(../images/page07box04bg01.jpg) no-repeat center; background-size: cover; color: #fff; padding: 70px 0; }

.page07box04 .tit { text-align: center; margin-bottom: 50px; }

.page07box04 .tit .cn { font-size: 30px; font-weight: bold; padding-bottom: 25px; margin-bottom: 25px; position: relative; }

.page07box04 .tit .cn:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 30px; height: 3px; margin-left: -15px; background: #00a0e9; }

.page07box04 .tit .tip { font-size: 16px; line-height: 30px; }





.page07box05 { padding: 50px 0; }

.page07box05 .tit { text-align: center; margin-bottom: 50px; }

.page07box05 .tit .en { font-size: 14px; color: #999; text-transform: uppercase; font-family: arial; }

.page07box05 .tit .cn { font-size: 30px; color: #333; font-weight: bold; padding-bottom: 25px; margin-bottom: 25px; position: relative; }

.page07box05 .tit .cn:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 30px; height: 3px; margin-left: -15px; background: #00a0e9; }

.page07box05 .tit .tip { font-size: 16px; line-height: 30px; color: #666; }

.page07box05 .list {  }

.page07box05 .list .item { width: 20%; float: left; }

.page07box05 .list .item a { display: block; margin: 0 10px; }







.page07box06 { padding: 50px 0; background: #f1f1f1; }

.page07box06 .tit { text-align: center; margin-bottom: 50px; }

.page07box06 .tit .en { font-size: 14px; color: #999; text-transform: uppercase; font-family: arial; }

.page07box06 .tit .cn { font-size: 30px; color: #333; font-weight: bold; padding-bottom: 25px; margin-bottom: 25px; position: relative; }

.page07box06 .tit .cn:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 30px; height: 3px; margin-left: -15px; background: #00a0e9; }

.page07box06 .tit .tip { font-size: 16px; line-height: 30px; color: #666; }

.page07box06 .list {  }

.page07box06 .list .item { width: 25%; float: left; }

.page07box06 .list .item a { display: block; margin: 0 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background: #fff; }

.page07box06 .list .item .info { padding: 20px; }

.page07box06 .list .item .info .nam { font-size: 16px; color: #333; font-weight: bold; }

.page07box06 .list .item .info .txt { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }


.pages{


	text-align: center;

	margin:2% 0;

	}

.pages a,.pages span{

	position:relative;

	display:inline-block;

	vertical-align:top;

	*display:inline;

	*zoom:1;

	border:1px solid #cfcfcf;

	line-height:23px;

	cursor: pointer;

	padding:0 9px;

	margin:0 0 0 8px;





	}

.pages a.on,.pages a:hover{

	background:#fff;

	color:#06C;



	}

.pages span{

	}


.page07_02list { padding: 50px 0 0 0; }

.page07_02list .item { width: 32.3333333%; margin-right: 1.5%; float: left; margin-bottom: 30px; }

.page07_02list .item:nth-child(3n) { margin-right: 0; }

.page07_02list .item a { display: block; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.page07_02list .item .img img { display: block; width: 100%; }

.page07_02list .item a:hover { opacity: .8; }

.page07_02list .item .info { padding: 20px; }

.page07_02list .item .info .nam { color: #333; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal; }

.page07_02list .item .info .txt { color: #666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin: 8px 0 8px; }

.page07_02list .item .info .tim { color: #999; font-size: 12px;line-height: 24px; height: 24px; overflow: hidden; }



.page07_02item { padding: 50px 0; }

.page07_02item .p07title { background: #f8fcfe; padding: 20px; text-align: center; margin-bottom: 30px; }

.page07_02item .p07title h1 { font-weight: normal; color: #5b666d; font-size: 24px; margin-bottom: 10px; }

.page07_02item .p07title p { font-size: 12px; color: #acb4ba; }

.page07_02item .p07title span { margin: 0 10px; }

.page07_02item .p07con { font-size: 15px; line-height: 30px; color: #666; }

.page07_02item .p07con p { margin-bottom: 20px; }

.page07_02item .p07con iframe { width: 80% !important; height: 540px !important; margin: 0 auto; display: block; overflow: hidden; }

.page07_02item .p07more { border-top: 1px solid #eee; padding-top: 30px; margin-top: 30px; }

.page07_02item .p07more .btn { background: url(../images/p07morebtn.jpg) no-repeat top center; display: block; float: right; padding-top: 30px; font-size: 16px; }

.page07_02item .p07more p { font-size: 16px; line-height: 30px; color: #04a96f; }



.p07share { padding-top: 20px; border-top: 1px solid #eee; margin-top: 20px; }







.page07_03list { padding: 50px 0; }

.page07_03list .item { margin-bottom: 30px; }

.page07_03list .item a { display: block; box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); border: 1px solid #dedede; overflow: hidden; }

.page07_03list .item .tim { float: left; padding: 25px 30px; background: #f2f2f2; width: 70px; }

.page07_03list .item .tim .day { font-size: 50px; font-weight: bold; color: #e00012; }

.page07_03list .item .tim .mon { font-size: 16px; color: #999; }

.page07_03list .item .tim .yea { font-size: 16px; color: #999; }

.page07_03list .item .info { padding: 25px 30px; float: left; width: 60%; }

.page07_03list .item .info .nam { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.page07_03list .item .info .txt { font-size: 14px; line-height: 28px; }

.page07_03list .item .more { float: right; width: 140px; text-align: center; font-size: 16px; line-height: 140px; }





.page07_04 { margin: 30px 0; }

.page07_04 .title { font-size: 28px; color: #333; margin-bottom: 30px; }

.page07_04 .table { margin-bottom: 30px; }

.page07_04 .tbc { width: 100%; border:1px solid #dedede; background: #fff; }

.page07_04 .tbc td { border: 1px solid #dedede; line-height: 20px; padding: 15px 15px; font-size: 14px; color: #666; }

.page07_04 .tbc tr:hover td { background: #f9f9f9; color: #000; }

.page07_04 .tbc th { background: rgba(0,160,233,.1); font-weight: bold; border: 1px solid #dedede; font-size: 14px; line-height: 20px; padding: 15px 15px; }

.page07_04 .tbc .cen { text-align: center; }

.page07_04 .tbc .cen.dui { color: #008309; font-weight: bold; text-indent: -9999px; background-image: url(../images/dui.png); background-repeat: no-repeat; background-position: center; }

.page07_04 .tbc .cen.cuo { color: #f00; background-image: url(../images/cuo.png); text-indent: -9999px; background-repeat: no-repeat; background-position: center; }



.page07_04 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; position: relative; z-index: 2; }

.page07_04 .jtitle:before { font-size: 90px; color: #eee; font-family: arial; font-weight: bold; content: '01'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; }

.page07_04 .jtitle02:before { content: '02'; }

.page07_04 .jtitle .num { font-size: 90px; font-family: arial; font-weight: bold; color: #dedede; }

.page07_04 .jtitle .cn { font-size: 24px; color: #111; }

.page07_04 .jtitle .cn span { color: #00a0e9; }

.page07_04 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }

.page07_05sp .page07_04 .jtitle:before { color: #dedede; }







.page07_05 { margin: 30px 0; }

.page07_05 .title { font-size: 28px; color: #333; margin-bottom: 20px; }

.page07_05 .list { padding: 0 0 0; }

.page07_05 .list .item { box-sizing: border-box; width: 32.3333333%; float: left; margin-right: 1.5%; border: 1px solid #dedede; padding: 24px 16px; -webkit-transition: all .2s; transition: all .2s; margin-bottom: 20px; }

.page07_05 .list .item:nth-child(3n) { margin-right: 0; }

.page07_05 .list .item:hover { background: #fff; box-shadow: 0 5px 10px rgba(0,160,233,.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.page07_05 .list .item .img { float: left; width: 60px; padding: 6px 0; }

.page07_05 .list .item .img img { display: block; }

.page07_05 .list .item .inf { margin-left: 72px; }

.page07_05 .list .item .inf .nam { font-size: 16px; line-height: 26px; height: 26px; overflow: hidden; margin-bottom: 6px; }

.page07_05 .list .item .inf .nam a { color: #000; }

.page07_05 .list .item .inf .nam a:hover { color: #00a0e9; }

.page07_05 .list .item .inf .nam span { line-height: 16px; font-size: 12px; height: 16px; background: #f00; color: #fff; padding: 0 5px; display: inline-block; margin-left: 4px; -webkit-transform: scale(.8); transform: scale(.8); text-transform: uppercase; }

.page07_05 .list .item .inf .txt { font-size: 12px; line-height: 20px; color: #999; }



.page07_05sp { background: #f1f1f1; padding: 10px 0; }





.page07_05 .jtitle { text-align: center; position: relative; padding-top: 30px; margin-bottom: 30px; position: relative; z-index: 2; }

.page07_05 .jtitle:before { font-size: 90px; color: #eee; font-family: arial; font-weight: bold; content: '01'; display: block; width: 100%; text-align: center; position: absolute; bottom: -18px; left: 0; z-index: -1; }

.page07_05 .jtitle02:before { content: '02'; }

.page07_05 .jtitle03:before { content: '03'; }

.page07_05 .jtitle04:before { content: '04'; }

.page07_05 .jtitle .num { font-size: 90px; font-family: arial; font-weight: bold; color: #dedede; }

.page07_05 .jtitle .cn { font-size: 24px; color: #111; }

.page07_05 .jtitle .cn span { color: #00a0e9; }

.page07_05 .jtitle .en { color: #999; font-size: 12px; text-transform: uppercase; margin-top: 6px; }





.page07_05sp .jtitle:before { color: #dedede; }









.page08box01 { float: left; width: 48%; padding: 50px 0; }

.page08box01 .tit { font-size: 20px; color: #333; margin-bottom: 20px; }

.page08box01 .line01 { overflow: hidden; margin-bottom: 20px; }

.page08box01 .line01 .inp { width: 48%; float: left; box-sizing: border-box; display: block; line-height: 27px; padding: 12px 20px; height: 54px; font-size: 13px; font-weight: 400; background-color: #fbfbfb; border: 2px solid #f1f1f1; margin-right: 4%; -webkit-transition: all .2s; transition: all .2s; }

.page08box01 .line01 .inp:focus { border-color: #00a0e9; }

.page08box01 .line01 .inp:last-child { margin-right: 0; }

.page08box01 .line02 { margin-bottom: 20px; }

.page08box01 .line02 .tex { width: 100%; box-sizing: border-box; display: block; line-height: 24px; padding: 12px 20px; height: 110px; font-size: 13px; font-weight: 400; background-color: #fbfbfb; border: 2px solid #f1f1f1; margin-right: 4%; -webkit-transition: all .2s; transition: all .2s; }

.page08box01 .line02 .tex:focus { border-color: #00a0e9; }

.page08box01 .btn { }

.page08box01 .btn .bsu { height: 46px; padding: 0 30px; display: inline-block; background: #00a0e9; color: #fff; cursor: pointer; font-size:14px; }

.page08box01 .btn .bsu:hover { opacity: .8; }







.page08box02 { float: right; width: 48%; padding: 50px 0; }

.page08box02 .tit { font-size: 20px; color: #333; margin-bottom: 20px; }

.page08box02 .con { font-size: 14px; line-height: 24px; color: #999; margin-bottom: 20px; }

.page08box02 .list {  }

.page08box02 .list .item { margin-bottom: 20px; overflow: hidden; line-height: 24px; font-size: 14px; color: #333; }

.page08box02 .list .item img { float: left; margin-right: 20px; }





.page09itemtit { font-size: 30px; margin-top: 50px; text-align: center; }

.page09itemcon { font-size: 16px; line-height: 30px; padding: 20px 0; }

.page09itemcon p { margin-bottom: 20px; }











.homebox01 { margin: 50px 0; }

.homebox01 .title { text-align: center; margin-bottom: 20px; }

.homebox01 .title .cn { font-size: 28px; color: #333; position: relative; padding-bottom: 16px; margin-bottom: 16px; font-weight: bold; }

.homebox01 .title .cn:after { content: ''; display: block; width: 30px; height: 3px; background: #00a0e9; position: absolute; left: 50%; bottom: 0; margin-left: -15px; }

.homebox01 .title .tip { font-size: 16px; color: #666; }



.homebox01 .list { margin-top: 50px; }

.homebox01 .list .item { width: 33.333333%; box-sizing: border-box; padding: 40px 50px; text-align: center; float: left; position: relative; }

.homebox01 .list .item:after { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; width: 1px; height: 100%; border-right: 1px dashed #dedede; }

.homebox01 .list .item:last-child:after { display: none; }

.homebox01 .list .item .img { margin-bottom: 20px; }

.homebox01 .list .item .img img { display: block; margin: 0 auto; }

.homebox01 .list .item .nam { font-size: 20px; color: #333; margin-bottom: 10px; }

.homebox01 .list .item .txt { font-size: 14px; color: #666; }





.homebox02 { padding: 50px 0 60px; background: url(../images/hb02bg01.jpg) repeat center; }

.homebox02 .title { text-align: center; margin-bottom: 30px; }

.homebox02 .title .cn { font-size: 28px; color: #333; position: relative; padding-bottom: 16px; margin-bottom: 16px; font-weight: bold; }

.homebox02 .title .cn:after { content: ''; display: block; width: 30px; height: 3px; background: #00a0e9; position: absolute; left: 50%; bottom: 0; margin-left: -15px; }

.homebox02 .title .tip { font-size: 16px; color: #666; }

.homebox02 .list {  }

.homebox02 .list .item { float: left; box-sizing: border-box; }

.homebox02 .list .item .img { margin-bottom: 20px; }

.homebox02 .list .item .img img { display: block; max-width: 100%; }

.homebox02 .list .item .nam { font-size: 20px; color: #333; margin-bottom: 15px; font-weight: bold; }

.homebox02 .list .item .txt { font-size: 14px; color: #171717; line-height: 26px; }

.homebox02 .list .item01 { width: 366px; height: 655px; background: url(../images/hb02bg02.jpg) no-repeat center; background-size: cover; padding: 70px 30px 0; }

.homebox02 .list .item02 { width: 442px; height: 327px; background: url(../images/hb02bg03.jpg) no-repeat center; background-size: cover; padding: 70px 30px 0; }

.homebox02 .list .item02 .nam, .homebox02 .list .item02 .txt { color: #fff;; }

.homebox02 .list .item03 { width: 392px; height: 327px; background: url(../images/hb02bg04.jpg) no-repeat center; background-size: cover; padding: 70px 30px 0; }

.homebox02 .list .item04 { width: 834px; height: 328px; background: url(../images/hb02bg05.jpg) no-repeat center; background-size: cover; padding: 70px 30px 0; }

.homebox02 .list .item04 .txt { width: 430px; }











.homebox03 { padding: 50px 0 60px; }

.homebox03 .title { text-align: center; margin-bottom: 30px; }

.homebox03 .title .cn { font-size: 28px; color: #333; position: relative; padding-bottom: 16px; margin-bottom: 16px; font-weight: bold; }

.homebox03 .title .cn:after { content: ''; display: block; width: 30px; height: 3px; background: #00a0e9; position: absolute; left: 50%; bottom: 0; margin-left: -15px; }

.homebox03 .title .tip { font-size: 16px; color: #666; }

.homebox03 .list {  }

.homebox03 .list .item { width: 20%; float: left; text-align: center; margin-top: 50px; }

.homebox03 .list .item .img { margin-bottom: 15px; }

.homebox03 .list .item .img img { display: block; margin: 0 auto; }

.homebox03 .list .item .nam { font-size: 13px; color: #333; margin-bottom: 5px; }

.homebox03 .list .item .txt { font-size: 13px; color: #666; }











.homebox04 { padding: 50px 0 60px; background: url(../images/hb04bg01.jpg) no-repeat center; background-size: cover; color: #fff; }

.homebox04 .title { text-align: center; margin-bottom: 50px; }

.homebox04 .title .cn { font-size: 28px; position: relative; padding-bottom: 16px; margin-bottom: 16px; font-weight: bold; }

.homebox04 .title .cn:after { content: ''; display: block; width: 30px; height: 3px; background: #00a0e9; position: absolute; left: 50%; bottom: 0; margin-left: -15px; }

.homebox04 .title .tip { font-size: 16px; }

.homebox04 .box {  }

.homebox04 .box .fl { width: 610px; float: left; }

.homebox04 .box .fl .tit { font-size: 20px; font-weight: bold; color: #fbfbfb; margin-bottom: 10px; }

.homebox04 .box .fl .txt { font-size: 14px; color: #dfdede; margin-bottom: 20px; line-height: 26px; }

.homebox04 .box .list { width: 555px; float: right; }

.homebox04 .box .list .item { overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #323c44; }

.homebox04 .box .list .item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

.homebox04 .box .list .item .img { float: left; }

.homebox04 .box .list .item .img img { display: block; }

.homebox04 .box .list .item .inf { margin-left: 70px; }

.homebox04 .box .list .item .inf .nam { font-size: 20px; margin-bottom: 5px; }

.homebox04 .box .list .item .inf .txt { font-size: 14px; line-height: 26px; color: #e7e7e7; }





.homebox05 { padding: 50px 0 60px; }

.homebox05 .fl { float: left; width: 705px; }

.homebox05 .fr { float: right; }

.homebox05 .titles { padding-top: 60px; color: #333; position: relative; padding-bottom: 30px; margin-bottom: 30px; }

.homebox05 .titles:after { content: ''; display: block; position: absolute;left: 0; right: 0; bottom: 0; border-bottom: 1px solid #ededed; }

.homebox05 .titles:before { content: ''; display: block; position: absolute;left: 0; bottom: -1px; width: 60px; border-bottom: 4px solid #f60; z-index: 2; }

.homebox05 .titles .img { margin-right: 20px; float: left; }

.homebox05 .titles .img img { display: block; }

.homebox05 .titles .inf { }

.homebox05 .titles .inf .tit { font-size: 30px; font-weight: bold; margin-bottom: 5px; margin-top: -5px; }

.homebox05 .titles .inf .txt { font-size: 16px; }

.homebox05 .list { }

.homebox05 .list .item { margin-bottom: 30px; overflow: hidden; }

.homebox05 .list .item .img { float: left; }

.homebox05 .list .item .img img { display: block; }

.homebox05 .list .item .inf { margin-left: 70px; }

.homebox05 .list .item .inf .nam { font-size: 18px; color: #333; margin-bottom: 5px; }

.homebox05 .list .item .inf .txt { font-size: 14px; line-height: 26px; color: #333; }







.homebox06 { padding: 50px 0 60px; }

.homebox06 .title { text-align: center; margin-bottom: 50px; }

.homebox06 .title .cn { font-size: 28px; color: #333; position: relative; padding-bottom: 16px; margin-bottom: 16px; font-weight: bold; }

.homebox06 .title .cn:after { content: ''; display: block; width: 30px; height: 3px; background: #00a0e9; position: absolute; left: 50%; bottom: 0; margin-left: -15px; }

.homebox06 .title .tip { font-size: 16px; color: #666; }

.homebox06 .list {  }

.homebox06 .list .item { width: 32.333333%; float: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin-right: 1.5%; }

.homebox06 .list .item:last-child { margin-right: 0; }

.homebox06 .list .item:nth-child(3n) { margin-right: 0; }

.homebox06 .list .item .img {  }

.homebox06 .list .item .img img { display: block; max-width: 100%; }

.homebox06 .list .item .inf { padding: 15px 65px 15px 20px; position: relative; }

.homebox06 .list .item .inf .nam { font-size: 18px; margin-bottom: 8px; }

.homebox06 .list .item .inf .txt { font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.homebox06 .list .item .inf:before { content: ''; position: absolute; right: 20px; top: 30px; width: 35px; height: 23px; background: url(../images/m.jpg) no-repeat right center; }

.homebox06 .list .item a:hover .inf:before { background: url(../images/h_m.jpg) no-repeat right center; }









.homebox07 { padding: 50px 0 60px; background: url(../images/hb02bg01.jpg) repeat center; }

.homebox07 .title { text-align: center; margin-bottom: 30px; }

.homebox07 .title .cn { font-size: 28px; color: #333; position: relative; padding-bottom: 16px; margin-bottom: 16px; font-weight: bold; }

.homebox07 .title .cn:after { content: ''; display: block; width: 30px; height: 3px; background: #00a0e9; position: absolute; left: 50%; bottom: 0; margin-left: -15px; }

.homebox07 .title .tip { font-size: 16px; color: #666; }

.homebox07 .sub { text-align: center; margin: 40px 0; }

.homebox07 .sub a { display: inline-block; margin: 0 5px; line-height: 40px; border: 1px solid #ccc; padding: 0 30px; font-size: 16px; }

.homebox07 .sub a:hover,.homebox07 .sub a.hover { border-color: #00a0e9; background: #00a0e9; color: #fff; }

.homebox07 .imglist { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ebebec; }

.homebox07 .imglist .item { width: 32.33333333%; float: left; margin-right: 1.5%; }

.homebox07 .imglist .item:last-child { margin-right: 0; }

.homebox07 .imglist .item .img { margin-bottom: 15px;  }

.homebox07 .imglist .item .img img { display: block; max-width: 100%; }

.homebox07 .imglist .item .inf {  }

.homebox07 .imglist .item .inf .nam { font-size: 16px; margin-bottom: 5px; }

.homebox07 .imglist .item .inf .tim { font-size: 14px; color: #666; text-transform: uppercase; }

.homebox07 .imglist .item .inf .tim span { margin-left: 20px; }

.homebox07 .list {  }

.homebox07 .list .item { width: 32.33333333%; float: left; margin-right: 1.5%; }

.homebox07 .list .item:last-child { margin-right: 0; }

.homebox07 .list .item ul { }

.homebox07 .list .item ul li { line-height: 30px; height: 30px; overflow: hidden; padding-left: 20px; position: relative; }

.homebox07 .list .item ul li a { font-size: 15px; }

.homebox07 .list .item ul li:before { content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; border: 2px solid #C7C7C7; }

 

 

.fxdtan { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }

.fxdtan.fbon { opacity: 1; visibility: visible; }

.fxdtan .cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: .6; }

.fxdtan .boxwrap { position: absolute; top: 50%; left: 50%; background: #00a0e9; border-radius: 10px; color: #fff; padding: 30px; width: 1000px; height: 600px; box-sizing: border-box; -webkit-transform: translateX(-50%) translateY(-90%) scale(.6); transform: translateX(-50%) translateY(-90%) scale(.6); opacity: 0; }

.fxdtan.fbon .boxwrap { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transition: all .2s; transition: all .2s; }

.fxdtan .boxwrap .box { padding: 38px; border: 1px solid #fff; border-radius: 10px; overflow: hidden; }

.fxdtan .boxwrap .box .close { font-size: 40px; font-family: arial; position: absolute; right: 50px; top: 40px; cursor: pointer; }

.fxdtan .boxwrap .box .flb { float: left; width: 400px; position: relative; }

.fxdtan .boxwrap .box .flb:after { content: ''; display: block; width: 1px; height: 440px; background: rgba(255,255,255,.3); position: absolute; right: -29px; top: 20px; }

.fxdtan .boxwrap .box .flb h4 { font-weight: normal; font-size: 24px; margin-bottom: 20px; }

.fxdtan .boxwrap .box .flb p { font-size: 16px; line-height: 30px; margin-bottom: 10px; }

.fxdtan .boxwrap .box .flb .tel { font-size: 22px; font-family: arial; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 30px; padding-bottom: 30px; background: url(../images/fwin_img1.png) no-repeat left 2px; padding-left: 26px; margin-top: 20px; }

.fxdtan .boxwrap .box .flb .qrcode { overflow: hidden; }

.fxdtan .boxwrap .box .flb .qrcode .img { width: 50%; margin:0 auto; text-align: center; font-size: 14px; float:left; }

.fxdtan .boxwrap .box .flb .qrcode .img img { display: block; margin: 0 auto 5px; }

.fxdtan .boxwrap .box .frb { float: right; width: 400px; }

.fxdtan .boxwrap .box .frb h4 { font-weight: normal; font-size: 24px; margin-bottom: 10px; }

.fxdtan .boxwrap .box .frb .item { margin-bottom: 10px; position: relative; }

.fxdtan .boxwrap .box .frb .item .code { position: absolute; right: 10px; top: 4px; }

.fxdtan .boxwrap .box .frb .item .code img { display: block; width: 80px; height: 30px; }

.fxdtan .boxwrap .box .frb .item .ipt { width: 100%; border-radius: 6px; line-height: 44px; background: #fff; border: 0; box-sizing: border-box; padding: 0 20px; font-size: 14px; color: #333; }

.fxdtan .boxwrap .box .frb .item .txta { width: 100%; border-radius: 6px; line-height: 24px; background: #fff; border: 0; box-sizing: border-box; padding: 14px 20px; font-size: 14px; color: #333; height: 80px; }

.fxdtan .boxwrap .box .frb .item .btn { width: 100%; border-radius: 6px; line-height: 44px; background: #333; border: 0; box-sizing: border-box;  text-align: center; font-size: 14px; color: #fff; cursor: pointer; }

.fxdtan .boxwrap .box .frb .item:last-child { margin-bottom: 0; }

 

 

body.close { position: relative; overflow: hidden; }

 

.page07box05lian { background: #f1f1f1; }

 

.lianlist { }

.lianlist li { width: 32%; float: left; margin-right: 2%; margin-bottom: 20px; }

.lianlist li:nth-child(3n) { margin-right: 0; }

.lianlist li img { display: block; width: 100%; }



.header-b { width: auto;}





@media only screen and (max-width:1200px ) {

	

	

	.nav ul li a { font-size: 12px; padding: 0 5px; }

}

@media only screen and (max-width:1200px ) {

	.polymerization{ padding-top: 30px; padding-bottom:90px; }

	.poly-tit{ font-size: 18px; }

	.poly-tit span{ margin-left: 4px; font-size: 12px; font-size: 10px; }

	

	.leftbox { width: 100%; }

	.leftbox .left{ width: 100%; }

	.leftbox .right{ margin-top: 30px; width: 100%; }

	.hot-box{ margin-top:30px; width: 100%; }

	

	.xz-industry{ margin: 30px 0;}

	.xz-industry li{ width: 100%;}

	.xz-industry li a{ padding:0 20px 15px;}

	.xz-industry li .tit{ padding: 15px 0; padding-right:40px; font-size: 14px;}

	.xz-industry li p{ margin-top: 10px; font-size: 12px; line-height: 18px; height: 54px;}

	

	.xz-information{  width: 100%;}

	.xz-information li{ padding: 15px 0;}

	.xz-information li a{ padding-right: 0;}

	.xz-information li .dimg{ float: left; width: 30%;}

	.xz-information li .text{ margin-left: 33%; padding-top:0;}

	.xz-information li .text span{ font-size: 14px;}

	.xz-information li .text p{ margin-top:7px; font-size: 12px; height:40px; line-height: 20px;}

	.xz-information li .date{display: none;}

	.xz-information .getmore{ margin-top: 20px;}

	.tipbox{ margin-top: 30px; width: 100%;}

	

	.homebox01 { margin: 30px 0; }

	.homebox01 .title { padding: 0 30px; }

	.homebox01 .list .item { width: 100%; padding: 20px 40px; }

	

	.homebox02 { padding: 30px 10px; }

	.homebox02 .list .item { float: none; }

	.homebox02 .list .item01 { width: 100%; height: 500px; }

	.homebox02 .list .item02 { width: 100%; }

	.homebox02 .list .item03 { width: 100%; }

	.homebox02 .list .item04 { width: 100%; }

	.homebox02 .list .item04 .txt { width: 100%; }

	

	.homebox03 { padding: 30px 20px; }

	.homebox03 .list .item { width: 50%; }

	.homebox03 .list .item .nam { line-height: 22px; height: 44px; }

	

	.homebox04 { padding: 30px 20px; }

	.homebox04 .box .fl { float: none; width: 100%; }

	.homebox04 .box .list { float: none; width: 100%; margin-top: 30px; }

	

	.homebox05 { padding: 30px 20px; }

	.homebox05 .fl { float: none; width: 100%; }

	.homebox05 .titles { padding-top: 20px; }

	.homebox05 .fr { float: none; text-align: right; }

	

	.page07box04 { padding: 30px 20px; }

	

	.homebox06 { padding: 30px 20px; }

	.homebox06 .title { margin-bottom: 30px; }

	.homebox06 .list .item { width: 100%; margin-right: 0; margin-bottom: 10px; }

	.xxxlist .item { width: 100%; margin-right: 0; margin-bottom: 10px; }

	

	.homebox07 { padding: 30px 20px; }

	.homebox07 .sub a { padding: 0 20px; }

	.homebox07 .imglist { padding-bottom: 10px; margin-bottom: 10px; }

	.homebox07 .imglist .item { width: 100%; margin-right: 0; margin-bottom: 20px; }

	.homebox07 .list .item { width: 100%; margin-right: 0; margin-bottom: 20px; }

	

	.foot_bg { padding: 30px 20px 60px; min-width: 0; box-sizing: border-box; }

	.foot_bg .inner { width: 100%; }

	.foot_bg .wei { float: none !important; text-align: center; width: 100%; display: block; }

	.foot_bg .fot_left { float: none !important; }

	.fot_contact { width: 100%; }

	

	.mb-footer { z-index: 9; }

	

	.page01box01 { padding: 30px 0; }

	

	.page01box02 { padding: 30px 0; }

	.page01box02 .jlist .jitem .jimg { float: none; margin: 0 auto 10px; }

	.page01box02 .jlist .jitem .jinfo .jnam { text-align: center; }

	

	.page01box03 { padding: 30px 0; }

	.page01box03 .jlist .jitem { width: 100%; margin: 0 auto 20px; }

	.page01box03 .jlist.jlist04 .jitem { width: 100%; margin: 0 auto 20px; }

	

	.page01box04 { padding: 30px 0; }

	.page01box04 .jlist .jitem { width: 100%; margin: 0 auto 20px; height: auto; }

	.page01box04 .jlist.jlist04 .jitem { width: 100%; margin: 0 auto 20px; height: auto; }

	.page01box04 .jbtn { margin-top: 0; }

	

	.page01box05 { padding: 30px 0; }

	

	.page02box01 { padding: 30px 20px; }

	.page02box01 .jfl { float: none; width: 100%; }

	.page02box01 .jfr { float: none; width: 100%; }

	

	.page0202box01 { padding: 30px 20px; }

	.page0202box01 .jlist .item { width: 100%; margin: 0 auto 20px; }

	

	.page0202box02 { padding: 30px 20px; }

	.page0202box02 .jlist .item { width: 100%; margin: 0 auto 20px; }

	

	.page0202box03 { padding: 30px 20px; }

	.page0202box03 .jimg { float: none; margin-top: 30px; }

	.page0202box03 .jlist { margin: 0; }

	

	.page0202box04 { padding: 30px 20px; }

	.page0202box04 .jlist .item { float: none; margin: 0 auto 20px; }

	.page0202box04 .jlist .item:nth-child(4n) { margin-right: auto; }

	

	.page0202box05 { padding: 30px 20px; }

	.page0202box05 .jlist .item { float: none; width: 100%; margin: 0 auto 20px; }

	.page0202box05 .jlist .item .con { height: auto; }

	

	.page0202box06 { background-size: cover; }

	.page0202box06 .jlist .item { width: 100%; margin: 0 auto 20px; float: none; }

	

	.page0203box01 { padding: 30px 20px; }

	

	.page0203box02 { padding: 30px 20px; }

	.page0203box02 .jlist .item { width: 48%; margin-right: 4%; padding: 0 10px 20px; }

	.page0203box02 .jlist .item:nth-child(3n) { margin-right: 4%; }

	.page0203box02 .jlist .item:nth-child(2n) { margin-right: 0; }

	

	.page0203box03 { padding: 30px 20px; }

	.page0203box03 .jlist .item { width: 20%; }

	

	.page03box01 { padding: 30px 20px; }

	.page03box01 .jlist .jitem .jimg { float: none; margin: 0 auto 20px; }

	.page03box01 .jlist .jitem .jinfo .jtxt { margin-bottom: 0; }

	

	.page03box02 .jlist .item { width: 50%; }

	.page03box02 .jlist .item p { line-height: 20px; height: 60px; overflow: hidden; padding: 0 10px; }

	.page03box02 .jlist .item p br { display: none; }

	.page03box02 .jbtn { margin-bottom: 0; }

	

	.page03box03 { padding: 30px 20px; }

	.page03box03 .jlist .item { width: 100%; float: none; height: auto; }

	.page03box03 .jlist .item .num { font-size: 330px; }

	.page03box03 .jlist .item .box { padding: 60px; }

	

	.page03box04 { padding: 30px 20px; }

	.page03box04 .jtxt br { display: none; }

	.page03box04 .jlist .item { width: 50%; margin: 0 auto 20px; }

	.page03box04 .jlist .item .img { float: none; margin: 0 auto 10px; }

	.page03box04 .jlist .item .box h3 { height: 40px; overflow: hidden; }

	

	.page03box02 { padding: 30px 20px; }

	.page03box02 .xlist .item { width: 50%; margin: 0 auto 20px; box-sizing: border-box; padding: 0 10px; }

	.page03box02 .xlist .item p { height: 216px; overflow: hidden; }

	

	.page03box03 .xlist .item { width: 50%; margin: 0 auto 20px; }

	.page03box03 .xlist .item .nam { margin-bottom: 20px; height: 108px; overflow: hidden; }

	.page03box03 .xlist .item .nam img { display: block; margin-bottom: 10px; } 

	

	.page03_03bg { padding: 30px 20px; background-size: cover; }

	.page03_03bg .p0303box .jlist .item { width: 100%; margin: 0 auto 30px; }

	

	.list0402 .item { width: 100%; margin: 0 auto 30px; }

	

	.list0402page05 { padding: 30px 20px; }

	.list0402page05 .item { width: 100%; margin: 0 auto 30px; }

	

	.list0403 .item { width: 100%; margin: 0 auto 30px; }

	

	.list0602 { padding: 30px 20px; }

	.list0602 .item { width: 100%; margin: 0 auto 30px; }

	

	.page07_02item { padding: 30px 20px; }

	

	.page07box01 { padding: 30px 20px; }

	.page07box01 .fl { width: 100%; float: none; margin: 0 auto 20px; }

	.page07box01 .fr { width: 100%; float: none; }

	

	.page07box02 { height: 180px; }

	.page07box03 .list .item { width: 100%; float: none; margin: 0 auto 20px; }

	

	.page07box05 .list .item { width: 50%; margin: 0 auto 20px; }

	.page07box06 .list .item { width: 50%; margin: 0 auto 20px; }

	

	.page07_02list .item { width: 100%; margin: 0 auto 20px; }

	.page07_02list .item a { margin: 0 10px; }

	

	.page07_03list { padding: 30px 20px; }

	.page07_03list .item .tim { display: none; }

	.page07_03list .item .info { width: 100%; float: none; box-sizing: border-box; }

	.page07_03list .item .more { line-height: 30px; height: 30px; padding-bottom: 20px; }

	

	.page07_05 { padding: 30px 20px; }

	.page07_05 .list .item { width: 100%; margin: 0 auto 20px; }

	

	.page08box01 { width: 100%; float: none; padding-top: 0; }

	.page08box02 { width: 100%; float: none; padding: 20px 0; }

	

	.lihaile { padding: 30px 20px; }

	

	.page07_02item .p07con iframe { width: 100% !important; height: 200px !important; }

	

	

}

@media screen and (max-width: 900px){

	.weizhi2 { display: block !important; height: auto; overflow: hidden; padding-bottom: 10px; }

	.weizhi2 .crumbs { display: none; }

	.navname ul li { padding: 0 20px; font-size: 12px; margin-top: 10px; border: 1px solid #fff; }

	

	.mb-banner .slide { height: 400px; background-size: cover; }

	.mb-banner .slide .box { color: #fff; text-align: left; padding: 120px 20px 20px; }

	.mb-banner .slide .box .nam { font-size: 20px; margin-bottom: 10px; }

	.mb-banner .slide .box .txt { font-size: 12px; line-height: 20px; margin-bottom: 20px; }

	.mb-banner .slide .box .btn span { font-size: 12px; line-height: 30px; display: inline-block; padding: 0 30px; border: 1px solid #fff; }

	

	

	.ny-banner { display: block !important; background-size: cover; height: 220px; }

	.ny-banner .box { padding: 40px 20px 20px; }

	.ny-banner .box .nam { font-size: 20px; margin-bottom: 20px; }

	.ny-banner .box .sub { font-size: 14px; }

	.ny-banner .box .txt { font-size: 12px; }

	

	

	.fxdtan .boxwrap { top: 20px; left: 20px; right: 20px; width: auto; height: auto; -webkit-transform: translateX(0) translateY(-90%) scale(.6); transform: translateX(0) translateY(-90%) scale(.6); }

	.fxdtan.fbon .boxwrap { -webkit-transform: translateX(0) translateY(0) scale(1); transform: translateX(0) translateY(0) scale(1); }

	.fxdtan .boxwrap .box { padding: 20px; border: 1px solid #fff; border-radius: 10px; overflow: hidden; }

	.fxdtan .boxwrap .box .close { font-size: 40px; font-family: arial; position: absolute; right: 50px; top: 40px; cursor: pointer; }

	.fxdtan .boxwrap .box .flb { display: none; }

	.fxdtan .boxwrap .box .frb { float: none; width: 100%; }

	.fxdtan .boxwrap .box .frb h4 { font-weight: normal; font-size: 24px; margin-bottom: 30px; }

	.fxdtan .boxwrap .box .frb .item { margin-bottom: 10px; }

	.fxdtan .boxwrap .box .frb .item .ipt { width: 100%; border-radius: 6px; line-height: 38px; background: #fff; border: 0; box-sizing: border-box; padding: 0 20px; font-size: 14px; color: #333; }

	.fxdtan .boxwrap .box .frb .item .txta { width: 100%; border-radius: 6px; line-height: 24px; background: #fff; border: 0; box-sizing: border-box; padding: 14px 20px; font-size: 14px; color: #333; height: 140px; }

	.fxdtan .boxwrap .box .frb .item .btn { width: 100%; border-radius: 6px; line-height: 38px; background: #333; border: 0; box-sizing: border-box;  text-align: center; font-size: 14px; color: #fff; cursor: pointer; }

	.fxdtan .boxwrap .box .frb .item:last-child { margin-bottom: 0; }

	

	.lianlist li { width: 100%; margin-right: 0; }

}