@charset "utf-8";
body{ background-color:#f7f7f7;}
.gotop{ width:175px; height:56px; padding:8px 0; cursor:pointer; box-sizing:border-box; position:fixed; right:0; bottom:30px; background-color:#f6f6f6; transition:all ease-in 0.3s; -webkit-transition:all ease-in 0.3s; display:none; z-index:1200;}
.gotop > p{ width:100%; height:20px; line-height:20px; color:#666; font-size:14px; text-align:center; overflow:hidden;transition:all ease-in 0.3s; -webkit-transition:all ease-in 0.3s;}
.gotop > p:nth-of-type(1) i{ font-size:20px;}
.gotop:hover{ background-color:#f8a93c;}
.gotop:hover p{ color:#FFF;}
.float{ width:175px; height:460px; padding:5px 10px; position:fixed; right:0; top:50%; margin-top:-230px; background-image:url(../images/float.png); background-position:left top; background-repeat:no-repeat; box-sizing:border-box; box-shadow:-5px 5px 5px rgba(60,60,60,0.3); z-index:1200; border-radius:3px;}
.float > .float-hd{ width:130px; height:64px; margin:0 auto; overflow:hidden; display:block;}
.float > .float-hd img{ width:100%;}
.float > .float-list{ width:100%; height:auto; margin:0 auto; margin-bottom:10px; border-bottom:1px solid #dfdede;}
.float > .float-list > ul > li{ width:100%; height:48px; line-height:24px; cursor:pointer; box-sizing:border-box; border-top:1px solid #dfdede; font-size:12px;}
.float > .float-list > ul > li p{ width:30px; height:30px; float:left; margin-right:5px; background-position:left top; margin-top:9px; background-repeat:no-repeat;}
.float > .float-list > ul > li strong{ color:#f00; }
.float > .float-list > ul > li:nth-of-type(1) p{ background-image:url(../images/emp-49.png);}
.float > .float-list > ul > li:nth-of-type(2) p{ background-image:url(../images/emp-50.png);}
.float > .float-list > ul > li:nth-of-type(3) p{ background-image:url(../images/emp-52.png);}
.float > .float-list > ul > li:nth-of-type(4) p{ background-image:url(../images/emp-53.png);}
.float > .float-list > ul > li:hover p{ background-position:left bottom;}
.float > .float-list > ul > li:hover a{ color:#f8a93d;}
.float > .float-ewm{ width:130px; height:auto; margin:0 auto;}
.float > .float-ewm > p{ width:100%; box-sizing:border-box; border:2px solid #dfdede; }
.float > .float-ewm > p img{ width:100%;}
.float > .float-ewm > h4{ width:100%; font-size:16px; margin-top:10px; text-align:center; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* CSS Document */

.header{ margin:0 auto; position:fixed; left:0; top:0; text-align:right; height:100px; background-color:transparent; background-color:rgba(120,120,120,0); width:100%; border-bottom:0px solid #EEE; box-shadow:0 5px 5px rgba(0,0,0,0); z-index:1200; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.header > .hd-con{ margin:0 auto;}
.header > .hd-con > .logo{ width:380px; height:100%; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; float:left; }
.header > .hd-con > .logo img{ width:100%;}
.header > .hd-con > .language{ float:right; height:52px; margin-top:24px;}
.header > .hd-con > .language > a{ height:52px; width:52px; box-sizing:border-box; border:1px solid #FFF; border-radius:50%; display:inline-block; float:left; background-position:center center; background-repeat:no-repeat; margin-left:20px; }
.header > .hd-con > .language > a:nth-of-type(1){ background-image:url(../images/language-chn.png);}
.header > .hd-con > .language > a:nth-of-type(2){ background-image:url(../images/language-eng.png); }
.header > .hd-con > .hd-btn{ width:92px; height:36px; line-height:34px; margin-top:32px; border-radius:2px; display:block; float:right; line-height:34px; text-align:center; border:1px solid #FFF; color:#FFF; font-size:14px;}
.header > .hd-con > .nav{ float:left; height:100px; margin-left:20px;}
.header > .hd-con > .nav > ul > li{ width:90px; height:100px; padding-top:23px; padding-bottom:23px; border-top:4px solid rgba(247,168,60,0); box-sizing:border-box; display:inline-block; font-size:0; position:relative; cursor:pointer; }
.header > .hd-con > .nav > ul > li + li{ margin-left:10px;}
.header > .hd-con > .nav > ul > li h3,.header > .hd-con > .nav > ul > li h4{ width:100%; height:30px; line-height:30px; font-weight:normal; font-size:16px; text-align:center; overflow:hidden; color:#FFF; }
.header > .hd-con > .nav > ul > li h4{ height:20px; line-height:20px; font-size:10px; text-transform:uppercase; }
.header > .hd-con > .nav > ul > li:hover,.header > .hd-con > .nav > ul > li.on{ border-top:4px solid rgba(247,168,60,1);}
.header > .hd-con > .nav > ul > li:hover h3,.header > .hd-con > .nav > ul > li.on h3,.header > .hd-con > .nav > ul > li:hover h4,.header > .hd-con > .nav > ul > li.on h4{ color:rgba(247,168,60,1);}
.header > .hd-con > .nav > ul > li > .nav-sub{ width:492px; height:auto; padding:20px; background-color:rgba(255,255,255,1); border:1px solid #EEE; position:absolute; left:0; top:96px; display:none; box-sizing:border-box; box-shadow:-5px 5px 5px rgba(60,60,60,0.3);}
.header > .hd-con > .nav > ul > li > .nav-sub::after{ content:' ';width: 0; height: 0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:10px solid #FFF; position:absolute; left:90px; top:-10px;}
.scrolltop{ position:fixed; left:0; top:0px; height:100px; background-color:rgba(255,255,255,1);border-bottom:0px solid #EEE; box-shadow:0 5px 10px rgba(0,0,0,0.3);}
.header > .hd-con > .nav > ul > li > .nav-sub > ul > li{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px;}
.header > .hd-con > .nav > ul > li > .nav-sub > ul > li > p{ display:inline-block; height:40px; line-height:40px; font-size:16px; float:left;}
.header > .hd-con > .nav > ul > li > .nav-sub > ul > li > p a{ color:#f8a93d;}
.header > .hd-con > .nav > ul > li > .nav-sub > ul > li > a{ width:auto; height:24px; line-height:24px; padding:0 10px; margin-top:8px; display:inline-block; float:left; }
.header > .hd-con > .nav > ul > li > .nav-sub > ul > li > a:hover{ text-decoration:underline; }
.header > .hd-con > .nav > ul > li:hover > .nav-sub{ display:block;}
.col-hd{ background-color:rgba(255,255,255,1) }
.col-hd > .hd-con > .language > a{border:1px solid #f8a93d;}
.col-hd > .hd-con > .hd-btn{ border:1px solid #f8a93d; color:#f8a93d;}
.col-hd > .hd-con > .nav > ul > li h3,.col-hd > .hd-con > .nav > ul > li h4{color:#000; }
.col-hd > .hd-con > .nav > ul > li > .nav-sub{top:94px; background-color:rgba(255,255,255,1); top:96px;}
.col-hd > .hd-con > .nav > ul > li > .nav-sub::after{border-bottom:10px solid rgba(255,255,255,1);}
.col-hd > .hd-con > .nav > ul > li:hover > .nav-sub{ display:block;}
.col-hdblank{ width:100%; height:100px; background-color:#FFF;}
.scrolltop > .hd-con > .language > a{ background-color:rgba(255,255,255,1) border:1px solid rgba(247,168,60,1);}
.scrolltop > .hd-con > .hd-btn{ border:1px solid rgba(247,168,60,1); color:rgba(247,168,60,1);}
.scrolltop > .hd-con > .nav > ul > li h3,.scrolltop > .hd-con > .nav > ul > li h4{color:#999; }
.scrolltop > .hd-con > .nav > ul > li > .nav-sub{top:94px; background-color:rgba(255,255,255,1); top:96px; border:1px solid rgba(247,168,60,1);}
.scrolltop > .hd-con > .nav > ul > li > .nav-sub::after{border-bottom:10px solid rgba(247,168,60,1);}
.scrolltop > .hd-con > .nav > ul > li:hover > .nav-sub{ display:block;}

.swiper1,.flash{}
.swiper1 .swiper-pagination {width: 100%;}
.swiper1 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,0.5); margin:0 6px!important;width:16px; height:16px; border-radius:50%;}
.swiper1 .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}
.swiper1 .swiper-container {width: 100%;}
.swiper1 .swiper-slide img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ background-image:url(none); }
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ width:54px; height:110px; line-height:110px; text-align:center; background-color:rgba(0,0,0,0.3)}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:30px; color:#FFF;}
.swiper1 .swiper-button-next{ rigth:0;}
.swiper1 .swiper-button-prev{ left:0;}
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(0,0,0,0.6); color:#000;} 
.flash{ position:relative;}
.flash img{ width:100%;}
.flash > h3{ width:240px; height:100px; line-height:100px; position:absolute; left:0; top:50%; margin-top:-50px; background-color:rgba(248,169,60,0.8); font-weight:normal; font-size:42px; text-align:center; color:#FFF;}

.location{ height:60px; line-height:58px; text-align:left; box-sizing:border-box; font-size:16px; border-bottom:2px solid rgba(0,0,0,0.3);}
.main{ margin-top:1.5%; margin-bottom:2.5%;}
.news{ width:500px; height:auto; float:left;}
.news-hd{ width:100%; height:50px; line-height:50px; text-align:left; border-bottom:2px solid #f8a93d; font-weight:550; font-size:24px; position:relative; padding-left:116px; box-sizing:border-box;  }
.news-hd > p{ width:100px; height:50px; position:absolute; left:0; top:0;}
.news-hd > p img{ width:100%;}
.news-hd span{ color:#777; text-transform:uppercase; font-size:14px; font-weight:normal;}
.news > .news-hot{ width:100%;}
.news > .news-hot p{ width:100%; }
.news > .news-hot p:nth-of-type(1){ margin-top:30px; }
.news > .news-hot p:nth-of-type(1) img{ width:100%;}
.news > .news-hot h3{ width:100%; height:48px; line-height:48px; font-weight:normal; font-size:18px; box-sizing:border-box; border-bottom:1px dashed #EEE; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; margin-top:5px;}
.news > .news-hot p:nth-of-type(2){ height:110px; line-height:22px; font-size:14px; color:#999; overflow:hidden; margin-top:10px; }
.news > .news-hot a:hover h3{ color:#f8a93d !important; }
.zhuanye{ width:640px; height:533px; float:right; overflow:hidden; }
.zhuanye > .zy-list{ width:100%; height:460px; overflow:hidden; margin-top:30px;}
.zhuanye > .zy-list > ul > li{ width:23.5%; height:230px; margin-right:2%; box-sizing:border-box; float:left; border:0; overflow:hidden;}
.zhuanye > .zy-list > ul > li:nth-of-type(4n){ margin-right:0;}
.zhuanye > .zy-list > ul > li > a > p{ width:100%; box-sizing:border-box;  background-color:#FFF; border:1px solid #EEE; border-radius:50%; overflow:hidden;}
.zhuanye > .zy-list > ul > li > a > p img{ width:100%; box-sizing:border-box; border:8px solid #FFF; border-radius:50%;}
.zhuanye > .zy-list > ul > li > a > h3,.zhuanye > .zy-list > ul > li > a > h4{ width:100%; height:30px; line-height:30px; font-weight:normal; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.zhuanye > .zy-list > ul > li > a > h3{ margin-top:10px;}
.zhuanye > .zy-list > ul > li > a > h4{ height:18px; line-height:18px; font-size:10px; text-transform:uppercase; color:#999;}
.zhuanye > .zy-list > ul > li > a:hover > p{ border:1px solid #f8a93c;}
.zhuanye > .zy-list > ul > li > a:hover > h3,.zhuanye > .zy-list > ul > li > a:hover > h4{ color:#f8a93c;}


.zhuanye > #xu-list{ width:100%; margin-top:30px; height:533px; position:relative; overflow:hidden;}
.zhuanye > #xu-list > ul > li{ width:100%; height:46px; line-height:46px; overflow:hidden; box-sizing:border-box; border-bottom:1px dashed #cbcbcb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; cursor:pointer; }
.zhuanye > #xu-list > ul > li:hover,.xueyuan > #xu-list > ul > li:hover a{ color:#f8a93d !important;}
.zhuanye > #xu-list > ul > li:nth-last-of-type(1){ border-bottom:0;}


.tlads{ margin-top:3%; width:100%; height:100%;}
.tlads img{ width:100%;}
.huanjing,.xyfengcai{ width:572px; height:auto; float:left;}
.xyfengcai{ float:right;}
.hyfc-list{ width:100%; margin-top:30px; }
.hyfc-list > ul > li{ width:48.5%; float:left; height:248px; box-sizing:border-box; border:1px solid #FFF; overflow:hidden;}
.hyfc-list > ul > li:nth-of-type(2n){ float:right;}
.hyfc-list > ul > li > a > p{ width:100%; box-sizing:border-box; border:1px solid #e3e4e5;}
.hyfc-list > ul > li > a > p img{ width:100%; box-sizing:border-box; border:8px solid #FFF;}
.hyfc-list > ul > li > a > h3{ width:100%; padding:10px; box-sizing:border-box;}
.hyfc-list > ul > li > a > h3 > p,.hyfc-list > ul > li > a > h3 span{ width:100%; height:30px; line-height:30px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:normal; }
.hyfc-list > ul > li > a > h3 span{ height:20px; line-height:20px; font-size:12px; text-transform:uppercase; color:#999;}
.hyfc-list > ul > li > a:hover > p{ border:1px solid #f8a93c;}
.hyfc-list > ul > li > a:hover > h3 p,.hyfc-list > ul > li > a:hover > h3 span{ color:#f8a93c;}
.xueyuan{ width:620px; height:auto; float:left;}
.xueyuan > #xu-list{ width:100%; margin-top:30px; height:276px; position:relative; overflow:hidden;}
.xueyuan > #xu-list > ul > li{ width:100%; height:46px; line-height:46px; overflow:hidden; box-sizing:border-box; border-bottom:1px dashed #cbcbcb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; cursor:pointer; }
.xueyuan > #xu-list > ul > li:hover,.xueyuan > #xu-list > ul > li:hover a{ color:#f8a93d !important;}
.xueyuan > #xu-list > ul > li:nth-last-of-type(1){ border-bottom:0;}
.liucheng{ width:506px; height:auto; float:right;}
.liucheng > .lc-list{ width:100%; height:auto; margin-top:30px;}
.liucheng > .lc-list > ul > li{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.liucheng > .lc-list > ul > li span{ font-weight:bold; color:#000; }
.liucheng > .lc-ad{ width:460px; overflow:hidden; border-radius:2px; margin-top:30px;}
.liucheng > .lc-ad img{ width:100%;}

.union{ width:100%;}
.union > .union-list{ width:100%; margin-top:30px;}
.union > .union-list > ul > li{ width:13%; float:left; margin-right:1.5%; }
.union > .union-list > ul > li:nth-of-type(7n){ margin-right:0;}
.union > .union-list > ul > li > a > p{ width:100%; box-sizing:border-box; border:1px solid #CCC;}
.union > .union-list > ul > li > a > p img{ width:100%;}
.union > .union-list > ul > li > a > h3{ width:100%; height:40px; line-height:40px; font-weight:normal; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.union > .union-list > ul > li > a:hover > p{border:1px solid #f8a93c;}
.union > .union-list > ul > li:hover > a > h3 a{ background-color:#f8a93c;}

.union > .ys-list{ width:100%; height:340px; overflow:hidden; margin-top:30px;}
.union > .ys-list > ul > li{ width:23.5%; height:320px; float:left;  margin-right:2%; position:relative;}
.union > .ys-list > ul > li:nth-of-type(4n){ margin-right:0;}
.union > .ys-list > ul > li > a > img{ width:100%;}
.union > .ys-list > ul > li > a > .ysl-about{ width:240px; height:140px; padding:10px; box-sizing:border-box; background-color:#FFF; border:1px solid #EEE; box-shadow:0 0 10px rgba(120,120,120,0.6); position:absolute; left:50%; bottom:10px; margin-left:-120px; border-radius:3px; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.union > .ys-list > ul > li > a > .ysl-about > h5{ width:30px; height:5px; font-size:0; background-color:#555; margin:0 auto; margin-top:18px;transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.union > .ys-list > ul > li > a > .ysl-about > h3,.union > .ys-list > ul > li > a > .ysl-about > h4{ width:100%; height:30px; line-height:30px; font-weight:normal; font-size:16px; text-align:center;}
.union > .ys-list > ul > li > a > .ysl-about > h3{ margin-top:18px; font-weight:bold;}
.union > .ys-list > ul > li > a > .ysl-about > h4{ height:18px; line-height:18px; font-size:12px; color:#999; text-transform:uppercase;transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.union > .ys-list > ul > li > a > .ysl-about > p{ width:100%; color:#999; height:0; line-height:22px; text-align:center; overflow:hidden; font-size:14px; margin-top:30px;transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}

.union > .ys-list > ul > li > a:hover > .ysl-about{ height:260px;}
.union > .ys-list > ul > li > a:hover > .ysl-about > h5{background-color:#f8a93c;}
.union > .ys-list > ul > li > a:hover > .ysl-about > h4{ color:#f8a93c;}
.union > .ys-list > ul > li > a:hover > .ysl-about > p{ height:88px;}

.center-left{ width:520px; height:470px; float:left; margin-top:30px;overflow:hidden;}
.center-left > .cl-map{ width:100%; height:300px; border:1px solid #e3e4e5; padding:10px; box-sizing:border-box; overflow:hidden;}
.center-left > .cl-map > .cl-map-app{ width:498px; height:278px; overflow:hidden; }
.center-left > .cl-map > .cl-map-app img{ width:100%;}
.center-left > .cl-contact{ width:100%; height:180px; overflow:hidden; margin-top:10px; overflow:hidden; }
.center-left > .cl-contact > h3,.center-left > .cl-contact > p{ width:100%; height:40px; line-height:40px; font-weight:normal; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.center-left > .cl-contact > p{ height:30px; line-height:30px; font-size:14px; }
.center-right{ width:610px; height:470px; float:right; margin-top:30px; overflow:hidden;}
.center-right h3{ width:100%; height:40px; line-height:20px; font-weight:normal; font-size:18px; overflow:hidden; }
.center-right > .cr-list{ width:100%; height:430px; position:relative;}
.center-right > .cr-list > ul > li{ position:absolute; overflow:hidden; }
.center-right > .cr-list > ul > li img{ width:100%; transition:all ease-in 0.3s; -webkit-transition:all ease-in 0.3s;}
.center-right > .cr-list > ul > li:nth-of-type(1){ width:400px; height:210px; left:0; top:0;}
.center-right > .cr-list > ul > li:nth-of-type(2){ width:200px; height:100px; right:0; top:0;}
.center-right > .cr-list > ul > li:nth-of-type(3){ width:200px; height:100px; right:0; top:110px;}
.center-right > .cr-list > ul > li:nth-of-type(4){ width:200px; height:100px; left:0; top:220px;}
.center-right > .cr-list > ul > li:nth-of-type(5){ width:200px; height:100px; left:0; bottom:0px;}
.center-right > .cr-list > ul > li:nth-of-type(6){ width:400px; height:210px; right:0; bottom:0px}
.center-right > .cr-list > ul > li:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.qa{ width:620px; height:auto; float:left;}
.qa > .qa-list{ width:100%; margin-top:30px;}
.qa > .qa-list > ul > li{ width:100%; height:46px; line-height:46px; overflow:hidden; box-sizing:border-box; border-bottom:1px dashed #cbcbcb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; cursor:pointer; }
.qa > .qa-list > ul > li span{ float:right;}
.qa > .qa-list > ul > li:hover,.qa > .qa-list > ul > li span a{ color:#f8a93d;}
.qa > .qa-list > ul > li:nth-last-of-type(1){ border-bottom:0;}

.fuzeren{ width:506px; height:auto; float:right;}
.fuzeren > .hfzr-list{ width:100%; margin-top:30px;}
.fuzeren > .hfzr-list > ul > li{ width:48%; float:left;}
.fuzeren > .hfzr-list > ul > li:nth-of-type(2n){ float:right;}
.fuzeren > .hfzr-list > ul > li > a > p{ width:100%; border:1px solid #d2d3d5; box-sizing:border-box;}
.fuzeren > .hfzr-list > ul > li > a > p img{ width:100%; box-sizing:border-box; border:8px solid #FFF;}
.fuzeren > .hfzr-list > ul > li > a > h3{ width:100%; height:40px; line-height:40px; font-weight:normal; font-size:14px; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
.fuzeren > .hfzr-list > ul > li > a:hover > p{ border:1px solid #f8a93d;}

.mcol{ width:100%; background-color:#FFF; box-sizing:border-box; padding:20px; height:auto; margin-top:2.5%; }
.imglist{ width:100%; }
.imglist > ul > li{ float:left; width:49.2%;}
.imglist > ul > li:nth-of-type(even){ float:right;}
.imglist > ul > li > a > p{ width:100%; box-sizing:border-box; padding:12px; border:1px solid #EEE;}
.imglist > ul > li > a > p img{ width:100%;}
.imglist > ul > li > a > h3{ width:100%; padding:3%; font-size:16px; overflow:hidden; box-sizing:border-box;}
.imglist > ul > li > a > h3 > p{ width:100%; font-size:18px; font-weight:normal; color:#000; }
.imglist > ul > li > a > h3 > p:nth-of-type(2){ font-size:14px; color:#999; text-transform:capitalize;}
.page{ width:100%; text-align:center; padding-top:3%; padding-bottom:3%; font-size:0;}
.page a{ width:auto; display:inline-block; padding:10px 20px; border-radius:3px; height:50px; line-height:30px; box-sizing:border-box; border:1px solid #DDD; background-color:#FFF; font-size:16px;}
.page a + a{ margin-left:10px;}
.page a.cur,.page a:hover{ background-color:#f8a93d; color:#FFF !important; border:1px solid #f8a93d;}
.hotimg-hd{ width:100%; height:60px; line-height:58px; font-size:24px; font-weight:bold; color:#000; box-sizing:border-box; padding-left:132px; position:relative; border-bottom:2px solid #f8a93d; text-align:left;}
.hotimg-hd p{ width:112px; height:60px; position:absolute; left:0; top:0;}
.hotimg-hd p img{ width:100%;}
.hotimglist{ width:100%; margin-top:2.5%;}
.hotimglist > ul > li{ width:22.6%; float:left; margin-right:3.2%; }
.hotimglist > ul > li:nth-of-type(4n){ margin-right:0;}
.hotimglist > ul > li p{ width:100%;}
.hotimglist > ul > li p img{ width:100%;}
.hotimglist > ul > li h3{ font-weight:normal; width:100%; font-size:16px; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.left{ width:848px; height:auto; float:left; margin-top:0; margin-bottom:2.5%;}
.notic{ width:100%; height:50px; line-height:28px; text-align:left; box-sizing:border-box; border:1px solid #f8a93d; background-color:#fffcef; font-size:16px; padding:10px; color:#f8a93d;}
.notic a{ color:#f8a93d;}
.detail-hd{ width:100%; margin-bottom:4%;  }
.detail-hd > h3,.detail-hd > p{ width:80%; height:auto; line-height:40px; font-size:24px; font-weight:normal; font-size:24px; text-align:center; margin-top:10px; margin:0 auto;}
.detail-hd > p{ height:30px; line-height:30px; font-size:14px; color:#999999; }
.detail-cen{ width:100%; height:auto; line-height:30px; font-size:16px; text-align:left; margin-top:4%;}
.detail-cen img{ MAX-WIDTH:100%!important;HEIGHT:auto!important;width:expression(this.width > 800 ? "800px":this.width)!important;}
*html.detail-cen img{ width:expression(this.width>800&&this.width>this.height?800:auto); height:expresion(this.height>800?800:auto); }
.detail-share{ width:100%; height:32px; text-align:right; margin-top:4%;}
.detail-page{ width:100%; margin-top:4%;}
.detail-page > p{ width:100%; height:auto; line-height:40px; font-size:16px; color:#000;}
.detail-page > p a{ color:#000;}

.fzr-about{ width:100%; margin-bottom:4%;}
.fzr-about > .fzr-about-hd{ width:100%; margin-bottom:4%;}
.fzr-about > .fzr-about-hd > h3,.fzr-about > .fzr-about-hd > p{ width:100%; height:auto; padding-top:10px; font-weight:normal; font-size:28px; text-align:left;}
.fzr-about > .fzr-about-hd > h3{ color:#000;}
.fzr-about > .fzr-about-hd > p{ font-weight:normal; font-size:20px; line-height:36px; }
.fzr-about > .fzr-about-video{ width:64%; height:auto; border:1px solid #e3e4e5; margin:0 auto; padding:1.2%; margin-top:4%; position:relative;}
.fzr-about > .fzr-about-video > p{ width:100%; box-sizing:border-box; border:2px solid #9b9b9b; border-radius:2px; position:relative;}
.fzr-about > .fzr-about-video > p img{ width:100%;}
.fzr-about > .fzr-about-video > h3{display:none; width:96px; height:96px; background-color:rgba(255,255,255,1); border-radius:50%; position:absolute; left:50%; top:50%; margin-top:-48px; margin-left:-48px; }
.fzr-about > .fzr-about-video > h3 a{ display:block;width: 0; height: 0; border-top: 20px solid transparent; border-left:30px solid #1c1f1d; border-bottom:20px solid transparent; position:absolute; left:50%; top:50%; margin-top:-18px; margin-left:-10px;} 
.fzr-list,.fzr-list > ul > li{ width:100%;}
.fzr-list > ul > li{ box-sizing:border-box; padding-left:5%; height:auto; position:relative;}
.fzr-list > ul > li::after{ content:' '; width:2px; height:100%; background-color:#e1e1e1; position:absolute; left:6px; top:0; }
.fzr-list > ul > li::before{ content:' '; width:14px; height:14px; background-color:#F60; border-radius:50%; position:absolute; left:0; top:0; z-index:10;}
.fzr-list > ul > li > h3,.fzr-list > ul > li > p{ width:100%; font-weight:normal; font-size:22px; height:30px; line-height:22px; overflow:hidden;}
.fzr-list > ul > li > p{ height:44px; line-height:44px; font-size:18px; margin-bottom:10px;}
.fzr-list > ul > li > ul{ width:100%; }
.fzr-list > ul > li > ul > li{ width:32%; height:auto; float:left; margin-right:2%; margin-bottom:2%;}
.fzr-list > ul > li > ul > li:nth-of-type(3n){ margin-right:0;}
.fzr-list > ul > li > ul > li p{ width:100%; box-sizing:border-box; padding:4%; background-color:#FFF; border:1px solid #e3e4e5;}
.fzr-list > ul > li > ul > li p img{ width:100%;}
.fzr-list > ul > li > ul > li h3{ width:100%; height:48px; line-height:48px; font-weight:normal; font-size:16px; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis;}

.newslist{ width:100%;}
.newslist > ul > li{ height:150px; overflow:hidden; padding-top:20px; padding-left:260px; position:relative; padding-bottom:21px; border-bottom:1px solid #EEE; background-color:rgba(0,0,0,0); transition:all ease-in 0.3s; -webkit-transition:all ease-in 0.3s; cursor:pointer;}
.newslist > ul > li:hover{ background-color:rgba(240,240,240,0.3)}
.newslist > ul > li:hover > .nl-about > h3 a{ color:#f8a93d;}
.newslist > ul > li:hover > .nl-about > h4,.newslist > ul > li:hover > .nl-about > p{ color:#666;}
.newslist > ul > li:nth-of-type(1){ margin-top:10px;}
.newslist > ul > li > .nl-img{ width:260px; height:150px; float:left; overflow:hidden; position:absolute; left:0; top:20px;}
.newslist > ul > li > .nl-img img{ width:100%; }
.newslist > ul > li > .nl-about{ width:100%; height:150px; padding:0 20px; box-sizing:border-box; overflow:hidden;}
.newslist > ul > li > .nl-about > h3,.newslist > ul > li > .nl-about > h4{ width:100%; height:40px; line-height:40px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px;}
.newslist > ul > li > .nl-about > h4{ height:28px; line-height:28px; font-size:12px; margin-top:10px; color:#999;}
.newslist > ul > li > .nl-about > h4 span{ float:right;}
.newslist > ul > li > .nl-about > p{ width:100%; height:72px; line-height:24px; overflow:hidden; font-size:14px; color:#999;}
.hotimglist2{ width:100%; margin-top:2.5%;}
.hotimglist2 > ul > li{ width:32%; float:left; margin-right:2%; }
.hotimglist2 > ul > li:nth-of-type(3n){ margin-right:0;}
.hotimglist2 > ul > li p{ width:100%;}
.hotimglist2 > ul > li p img{ width:100%;}
.hotimglist2 > ul > li h3{ font-weight:normal; width:100%; font-size:16px; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hottxtlist{ width:100%; margin-top:2%;}
.hottxtlist > ul > li{ width:47.5%; height:32px; line-height:32px; float:left; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hottxtlist > ul > li:nth-of-type(even){ float:right;}

.right{ width:322px; height:auto; float:right; margin-top:0; margin-bottom:2.5%;}
.qlink{ width:100%; height:auto; }
.qlink > ul > li{ width:100%; position:relative; margin-bottom:20px; box-sizing:border-box; border-radius:3px; overflow:hidden; }
.qlink > ul > li img{ width:100%;}
.qlink > ul > li h3{ width:100%; height:80px; position:absolute; left:0; top:50%; margin-top:-40px; color:#FFF;}
.qlink > ul > li h3 p,.qlink > ul > li h3 span{ width:100%; height:50px; line-height:50px; font-weight:normal; font-size:30px; text-align:center;}
.qlink > ul > li h3 span{ height:20px; line-height:20px; font-size:14px; text-transform:uppercase; display:block;}
.contact{ width:100%;}
.contact > .contact-hd{ width:100%; height:36px; padding-left:68px; line-height:36px; text-align:center; box-sizing:border-box; border-bottom:1px solid #f8a93d; position:relative;}
.contact > .contact-hd > p{width:68px; height:36px; position:absolute; left:0; top:0;}
.contact > .contact-hd > p img{ width:100%; }
.contact > .contact-list{ width:100%; height:auto; margin-top:2%; }
.contact > .contact-list > ul > li{ width:100%; height:auto; line-height:32px; font-size:14px; text-align:left;} 
.contact > .contact-list > ul > li > p{ width:80px; height:auto; line-height:32px; float:left; overflow:hidden; color:#000; text-align:left;} 
.contact > .contact-list > ul > li:nth-last-of-type(1){ line-height:20px;}
.contact > .contact-list > ul > li:nth-last-of-type(1) > p{ width:100%;}
.contact > .contact-ewm{ width:100%; margin-top:5%;}
.contact > .contact-ewm p{ width:100px; height:100px; margin:0 auto; }
.contact > .contact-ewm p img{ width:100%;}
.contact > .contact-ewm h3{ width:100%; height:auto; line-height:20px; padding-top:10px; font-weight:normal; font-size:12px; text-align:center; }

.zy-col{ width:1200px; height:auto; }
.zy-col-hd,.zy-col-about{ width:76%; margin:0 auto; height:auto; line-height:36px; text-align:left; font-weight:bold; font-size:28px;}
.zy-col-hd{ margin-top:4%; }
.zy-col-about{ line-height:32px; padding-top:20px; font-weight:normal; font-size:18px; margin-bottom:3%;}
.zy-flash{ width:100%; height:auto; background-color:#EEE; margin-bottom:6%;}
.zy-col-video{ width:100%; height:756px; position:relative; margin-bottom:6%;}
.zy-col-video > .zy-colv-video{ width:70%; z-index:20; position:relative; }
.zy-col-video > .zy-colv-video p{ box-sizing:border-box; border:2px solid #FFF; position:relative; border-radius:2px; box-shadow:5px 5px 15px rgba(0,0,0,0.5); overflow:hidden;}
.zy-col-video > .zy-colv-video p img{ width:100%;}
.zy-col-video > .zy-colv-video p > span{ display:block; width:96px; height:96px; background-color:rgba(255,255,255,1); border-radius:50%; position:absolute; left:50%; top:50%; margin-top:-48px; margin-left:-48px; z-index:30; }
.zy-col-video > .zy-colv-video p > span a{ display:block;width: 0; height: 0; border-top: 20px solid transparent; border-left:30px solid #1c1f1d; border-bottom:20px solid transparent; position:absolute; left:50%; top:50%; margin-top:-18px; margin-left:-10px;} 

.zy-col-video > .zy-colv-video h3,.zy-col-video > .zy-colv-video h4{ width:100%; height:44px; line-height:44px; font-weight:bold; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.zy-col-video > .zy-colv-video h3{ margin-top:10px;}
.zy-col-video > .zy-colv-video h4{ height:24px; line-height:24px; font-weight:normal; color:#666; font-size:14px; text-transform:uppercase;}
.zy-col-video > .zy-colv-img{ padding:12px; box-sizing:border-box; border:1px solid #e3e4e5; position:absolute; right:0; bottom:0; width:40%; z-index:10;}
.zy-col-video > .zy-colv-img img{ width:100%;}

.zy-left{ width:460px; height:auto; float:left; height:auto;  margin-top:30px;}
.zy-left > .qa-list{ width:100%; margin-bottom:30px;}
.zy-left > .qa-list > ul > li{ width:100%; height:46px; line-height:46px; overflow:hidden; box-sizing:border-box; border-bottom:1px dashed #cbcbcb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; cursor:pointer; }
.zy-left > .qa-list > ul > li span{ float:right;}
.zy-left > .qa-list > ul > li:hover,.zy-left > .qa-list > ul > li:hover a{ color:#f8a93d;}
.zy-left > .qa-list > ul > li:nth-last-of-type(1){ border-bottom:0;}

.zy-right{ width:666px; height:auto; float:right; height:auto; margin-top:30px;}
.zy-right > .cfzr-list{ width:100%;}
.zy-right > .cfzr-list > ul > li{ width:45%; float:left;}
.zy-right > .cfzr-list > ul > li:nth-of-type(2n){ float:right;}
.zy-right > .cfzr-list > ul > li > a > p{ width:100%; border:1px solid #d2d3d5; box-sizing:border-box;}
.zy-right > .cfzr-list > ul > li > a > p img{ width:100%; box-sizing:border-box; border:8px solid #FFF;}
.zy-right > .cfzr-list > ul > li > a > h3{ width:100%; height:auto; line-height:24px; font-weight:bold; font-size:15px; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis; padding-top:10px; padding-bottom:10px; }
.zy-right > .cfzr-list > ul > li > a:hover > p{ border:1px solid #f8a93d;}

.footer{width:100%; height:auto; background-color:rgba(0,0,0,0.6); position:relative; z-index:180; overflow:hidden;}
.service{ height:auto; margin:0 auto;  box-sizing:border-box;/* padding-top:4.6%; padding-bottom:4.5%;*/}
.service > .serv-left{ width:40%; float:left; position:relative; z-index:20;}
.service > .serv-left img{ width:100%;}
.service > .serv-left > .sl-logo{ width:320px; height:240px; background-image:url(../images/serv-left-logo.png); background-position:center top; background-repeat:no-repeat; position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-120px;}
.service > .serv-about{ width:1200px; height:100%;/*  background-color:rgba(255,0,0,0.3);*/ position:absolute; left:50%; top:0; margin-left:-600px;}
.service > .serv-about > .serv-center{ width:320px; height:100%; float:right; position:relative; }
.sc-about{ width:100%; height:340px; line-height:26px; font-size:14px; text-align:center; color:rgba(255,255,255,0.8); position:absolute; left:0; top:50%; margin-top:-190px;}
.service > .serv-about > .serv-right{ width:320px; height:100%; overflow:hidden; float:right; position:relative;}
.service > .serv-about > .serv-right > .sr{ width:100%; height:340px; position:absolute; left:0; top:50%; margin-top:-190px; }
.service > .serv-about > .serv-right > .sr > .sr-menu{ width:72%; height:auto; margin:0 auto; /*margin-top:10%;*/}
.service > .serv-about > .serv-right > .sr > .sr-menu > ul > li{ width:46%; height:36px; text-align:center; float:left; margin-bottom:10px;}
.service > .serv-about > .serv-right > .sr > .sr-menu > ul > li a{ width:100%; height:36px; line-height:36px; display:block; box-sizing:border-box; text-align:center;  border:1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.8); font-size:14px;}
.service > .serv-about > .serv-right > .sr > .sr-menu > ul > li a:hover{ border:1px solid #f8a93d;}
.service > .serv-about > .serv-right > .sr > .sr-menu > ul > li:nth-of-type(even){ float:right;}
.service > .serv-about > .serv-right > .sr > .sr-ewm{ width:160px;margin:0 auto; margin-top:20px; }
.service > .serv-about > .serv-right > .sr > .sr-ewm p{ width:100px; height:100px; margin:0 auto;/* margin-top:30%;*/}
.service > .serv-about > .serv-right > .sr > .sr-ewm p img{ width:100%;}
.service > .serv-about > .serv-right > .sr > .sr-ewm h3{ width:100%; font-size:14px; padding-top:5%; color:rgba(255,255,255,0.8); font-weight:normal; text-align:center; overflow:hidden;}

.footer > .copyright{ width:100%; line-height:20px; padding-top:10px; padding-bottom:10px; background-color:rgba(0,0,0,0.8); color:rgba(255,255,255,0.3); text-align:center; font-size:14px;}


@media (max-width:1920px){
	.flash > h3{ width:240px; height:100px; line-height:100px; margin-top:-50px;  font-size:42px;}
}
@media (max-width:1600px){
	.flash > h3{ width:200px; height:72px; line-height:72px; margin-top:-36px; font-size:30px;}
}
@media (max-width:1440px){
.flash > h3{ width:160px; height:48px; line-height:48px; margin-top:-24px;  font-size:24px; }
}