.clear{clear:both;height:0}
.fl{float:left}
.fr{float:right}
.content,.footer,.header{width:1200px;margin:0 auto;overflow:hidden}
.banner{height:552px;background:rgba(50,50,50,.6)}
.search{width:1200px;margin:0 auto;height:86px;border-bottom:#ececec 1px solid;overflow:hidden}
.search p{float:left;font-size:12px;color:#666;width:835px;height:86px;line-height:86px;overflow:hidden;padding:0 0 0 40px}
.search p a{font-size:12px;color:#999;padding:0 10px 0 0}
.search p a:hover{color:#2c99ff;font-weight:700}
.search .ser_inp{background:url(../images/s_inp.gif) no-repeat;width:230px;height:36px;border:none;padding:0 2px 0 13px;float:left;margin-top:20px;font-family:"Microsoft YaHei";font-size:14px;color:#333;line-height:36px;outline:0}
.search .ser_so{cursor:pointer;float:left;background:url(../images/s_so.gif) no-repeat;border:none;margin-top:20px;width:49px;height:36px}
input::-webkit-input-placeholder{color:#333}
.four{padding:60px 0 0}
.four ul li{width:240px;float:left;text-align:center;font-size:16px;color:#666;}
.four ul li i{width:45px;display:block;margin:0 auto}
.four ul li i{display:block;transition:all .3s ease-in-out 0s;font-size:42px;color:#2c99ff}
.four ul li span{display:block;font-size:22px;color:#333;height:70px;line-height:70px;background:url(../images/four_line02.gif) no-repeat center 66px;margin-bottom:12px}
.four ul li:first-child{background:0 0}
.four ul li:hover i{transform:rotateY(180deg)}
.banner2{background:url(../images/bg2.jpg) no-repeat;background-size:cover;background-attachment:fixed;height:150px;position:relative;z-index:2}
.prod{position:relative;z-index:10}
.prod-menu{width:205px;background:#f4f4f4; margin-top:30px;}
.prod-menu h2{height:95px;color:#fff;text-align:center;font-size:24px;background:linear-gradient(90deg,#f9ba1c 0,#e69314 100%);padding-top:20px;line-height:2.1rem}
.prod-menu h2 a{color:#fff;font-size:22px}
.prod-menu h2 b{display:block;font-weight:600;font-size:26px}
.prod-menu h3{height:95px;color:#fff;text-align:center;font-size:22px;background:linear-gradient(90deg,#f9ba1c 0,#e69314 100%);padding-top:20px;line-height:2.1rem}
.prod-menu h3 b{display:block;font-weight:400;font-size:20px}
.prod-menu h3 span{display:block;font-weight:400;font-size:20px}
.prod-menu h4{height:38px;line-height:38px;text-align:center;background:linear-gradient(90deg,#535667 0,#8c8d96 100%);font-size:15px;font-weight:bolder;margin-bottom:1px; color:#fff}

/*.prod-menu h3{height:38px;line-height:38px;text-align:center;background:linear-gradient(90deg,#535667 0,#8c8d96 100%);font-size:15px;font-weight:bolder;margin-bottom:1px; color:#fff}
.prod-menu h3 a{color:#fff}*/
.prod-menu ul{padding-left:29px;margin:10px 0}
.prod-menu li{background:url(../images/prod_icon1.png) no-repeat 0 center;font-size:15px;padding-left:20px;line-height:52px}
.prod-menu li a{color:#444}
.prod-menu li:hover a{color:#e3b74e}
.prod-img{width:938px;margin-top:38px;display:none}
.prod-big,.prod-big1,.prod-big2,.prod-big3{height:302px;padding-bottom:25px;border-bottom:1px solid #ececec;box-sizing:content-box}
.prod-big dt,.prod-big1 dt,.prod-big2 dt,.prod-big3 dt{width:360px;height:300px;float:left}
.prod-big dt img,.prod-big1 dt img,.prod-big2 dt img,.prod-big3 dt img{width:100% !important; height:auto !important;}
.prod-big dd,.prod-big1 dd,.prod-big2 dd,.prod-big3 dd{width:535px;float:right}
.prod-big dd h3,.prod-big1 dd h3,.prod-big2 dd h3,.prod-big3 dd h3{font-size:24px;color:#565458;margin-bottom:10px;font-weight:700}
.prod-big h2{font-size:24px;color:#222;margin-bottom:10px;font-weight:700}
.prod-big dd h3 a,.prod-big1 dd h3 a,.prod-big2 dd h3 a,.prod-big3 dd h3 a{color:#555}
.prod-big dd h3 a:hover,.prod-big1 dd h3 a:hover,.prod-big2 dd h3 a:hover,.prod-big3 dd h3 a:hover{color:#e3b74e}
.prod-big1 dd p,.prod-big2 dd p,.prod-big3 dd p{font-size:14px;line-height:24px;color:#6f6f6f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prod-big dd p{font-size:15px;line-height:28px;color:#2178d6;}
.prod-big dd .prod-btn,.prod-big1 dd .prod-btn,.prod-big2 dd .prod-btn,.prod-big3 dd .prod-btn{display:block;margin-top:25px}
.prod-btn a{width:135px;height:38px;line-height:38px;text-align:center;font-size:14px;font-weight:700;background:linear-gradient(90deg,#8e92a7 0,#6d7186 100%);display:inline-block;color:#fff;margin-right:16px}
.prod-btn a:first-child{background:linear-gradient(90deg,#f9ba1c 0,#e69314 100%)}
.prod-slide{height:202px;position:relative}
.prod-slide .prev{display:block;width:16px;height:36px;position:absolute;left:0;top:50%;margin-top:-18px}
.prod-slide .next{display:block;width:16px;height:36px;position:absolute;right:0;top:50%;margin-top:-18px}
.prod-slide li{width:215px;float:left;margin-right:25px;overflow:hidden;position:relative;margin-top:15px; text-align:center; font-size:15px; line-height:28px;}
.prod-slide li:nth-child(4),.prod-slide li:nth-child(8){margin-right:0}
.prod-slide li img{width:100%}
.prod-slide li .cover{height:35px;line-height:35px;text-align:center;background:url(../images/prod_icon3.png);position:absolute;bottom:0;left:0;font-size:14px;color:#fff;width:100%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.prod-slide li .cover i{display:none;width:21px;height:21px}
.prod-slide li:hover .cover{height:100%}
.prod-slide li:hover .cover i{display:block;margin:77px auto 10px}
.index__jy_dt--1kSDJ{width:1200px;height:50px;background:#fff9f9;margin:30px auto;line-height:52px}
.index__jy_dt--1kSDJ h3{width:140px;display:block;float:left;text-align:left;padding-left:20px;padding-right:15px;color:#ea4748;height:52px;line-height:52px}
.index__jy_dt--1kSDJ h3 span{padding:0 0 0 10px;font-size:14px;vertical-align:middle;float:left}
.index__jy_dt--1kSDJ h3 img{width:19px;vertical-align:middle;float:left;display:block;margin:16px 10px 0 0}
.index__jy_dt--1kSDJ .index__two--H9LV5{width:1025px;float:left;display:inline-block;height:52px!important;position:relative!important;overflow:hidden}
.index__jy_dt--1kSDJ .index__two--H9LV5 ul{height:52px;white-space:nowrap;position:absolute}
.index__jy_dt--1kSDJ .index__two--H9LV5 ul li{height:52px;margin-right:30px}
.index__jy_dt--1kSDJ .index__two--H9LV5 ul li a{display:block;height:52px;float:left;display:block!important;color:#333}
.honor{background:url(../images/honor_bg.jpg) no-repeat center 0;height:520px;overflow:hidden;margin-top:30px}
.honor p{font-size:18px;color:#fff;padding:335px 0 0 50px;float:left}
.honor_m{padding:150px 0 0;width:850px;margin-right:-40px}
.honor_m ul li{background:url(../images/honor.png) no-repeat;width:295px;height:310px;float:left}
.honor_m ul li em{width:200px;height:267px;display:block;overflow:hidden;line-height:0;margin:0 auto}
.honor_m ul li em img{width:200px;height:267px}
.honor_m ul li em img{-webkit-transition:1s;-moz-transition:1s;transition:1s}
.honor_m ul li em img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.hz{padding:0 0 30px}
.hz_m{width:1200px;overflow:hidden}
.hz_m ul li{width:320px;float:left;overflow:hidden}
.hz_m ul li em{width:300px;height:190px;display:block;overflow:hidden;line-height:0;box-shadow:0 3px 8px 3px #d0d0d0;margin:0px 10px 10px 10px}
.hz_m ul li em img{width:300px;height:190px}
.hz_m ul li span{display:block;text-align:center;line-height:28px;overflow:hidden;font-size:15px;color:#555}

.hz_m{width:1200px;overflow:hidden}
.hz_m dl{ overflow:hidden; margin-left:-1.5%}
.hz_m dd{width:23.5%;float:left; margin-left:1.5%; margin-bottom:15px; line-height:28px; color:#444; font-size:15px;}
.hz_m dd video{ width:100% !important; height:auto !important}




.three_bg{height:810px;padding:174px 0 0;margin-top:28px}
.three_t{font-size:22px;color:#fff;text-align:center;font-weight:700;}
.three_t span{display:block;font-size:18px;color:#555;text-transform:uppercase}
.three dl{width:386px;height:313px;float:left;margin-right:14px;overflow:hidden}
.three dl dt{font-size:24px;color:#333;height:104px;line-height:120px;overflow:hidden;text-align:center}
.three dl:hover dt{color:#2c99ff}
.three dl dd{padding:20px 0 0;position:relative;height:189px}
.three dl dd p{font-size:14px;color:#666;line-height:30px;height:90px;overflow:hidden;width:300px;margin:0 auto;text-align:center}
.three dl dd em{display:block;font-size:14px;color:#fff;width:30px;text-align:center;height:30px;line-height:30px;position:absolute;bottom:5px;left:2px}
.three a .icon{position:relative;display:block;width:57px;height:57px;margin:18px auto 0}
.three a .icon i{position:absolute;width:100%;height:100%;top:0;left:0}
.three a .icon .default{-webkit-transition:all .4s linear;transition:all .4s linear}
.three a .icon .hover{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,-57px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition:all .4s linear;transition:all .4s linear}
.three a.i1 .icon .default{background-position:0 0}
.three a.i2 .icon .default{background-position:0 -57px}
.three a.i3 .icon .default{background-position:0 -114px}
.three a.i1 .icon .hover{background-position:-57px 0}
.three a.i2 .icon .hover{background-position:-57px -57px}
.three a.i3 .icon .hover{background-position:-57px -114px}
.three a:hover .hover{opacity:1;visibility:visible}
.three a:hover .default{opacity:0;visibility:hidden}
.three a:hover .default{-webkit-transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg)}
.three a:hover .hover{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg)}
.three .nobor{margin-right:0}
.three_tel{text-align:center;padding:65px 0 0}
.liuc_r a,.three_tel a{display:block;font-size:14px;color:#fff;width:120px;text-align:center;height:35px;line-height:35px;background:#2c99ff;border-radius:15px;margin:0 auto}
.liuc_r a:hover,.three_tel a:hover{background:#fff;color:#333}
.liuc_r span,.three_tel span{display:block;font-size:14px;color:#a4a5a6;border-bottom:#51545a 1px solid;width:155px;margin:0 auto;height:30px;line-height:30px;padding:15px 0 0}
.chanp .three_t{color:#333;height:147px}
.case_bg{background:url(../images/case.gif) no-repeat center 0;height:540px}
.case .three_t{color:#444;padding:40px 0px 20px 0px}
.case .three_t a,.chanp .three_t a{color:#333;font-weight:700}
.case .three_t span,.chanp .three_t span{color:#555;font-weight:initial}
.case_t{height:55px;line-height:55px;border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;width:1050px;padding:0 75px}
.case_t ul li{background:url(../images/case_bor.gif) no-repeat right 19px;float:left}
.case_t ul li a{font-size:17x;color:#666;padding:0 30px;display:block;float:left}
.case_t ul li a:hover,.case_t ul li.on a{font-weight:700}
.case_t span{display:block;float:right}
.case_t span a{font-size:14px;color:#666}
.case_qiem dl dt{width:600px;/*height:450px;*/float:right;position:relative;line-height:0;margin:10px 50px 0 0}
/*.case_qiem dl dt img{width:600px;height:450px}*/
.case_qiem dl dt em{width:600px;height:15px;display:block;float:left;position:absolute;z-index:4;bottom:0;left:0}
.case_qiem dl dt em:after{content:'';position:absolute;height:100%;width:0;background:#2c99ff;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s}
.case_qiem dl dt:hover em:after{width:100%}
.case_qiem dl dd{width:440px;padding:10px 0 0 30px;float:left}
.case_qiem dl dd h4{background:url(../images/case_tbg.gif) no-repeat;width:440px;height:100px;line-height:100px;overflow:hidden;background-size:auto 100px;color:#444;font-size:20px;padding:0 0 0 20px;font-weight:400}
.case_desc{font-size:15px;color:#444;line-height:30px;padding:10px 0 0 20px;width:390px}
.case_desc i{display:block;color:#282d44;font-size:17px;font-weight:700}
.case_qiem dl dd span{ color:#EA0000;border:#2178d6 1px solid; padding:2px 10px; }
.case_qiem dl dd span a{display:block;font-size:16px;color:#fff;width:110px;text-align:center;height:40px;line-height:40px;overflow:hidden;border-radius:5px;background:#2c99ff}
.case_lico,.case_rico{width:19px;height:36px;position:absolute;cursor:pointer;top:180px;z-index:20}
.case_lico img,.case_rico img{width:19px;height:36px}
.case_rico{right:0}
.partner{overflow:hidden}
.partner h2{text-align:center;background:url(../images/partner_title_bg.jpg) no-repeat center center;font-size:24px;margin:20px auto 36px}
.partner h3{text-align:center;background:url(../images/partner_title_bg.jpg) no-repeat center center;font-size:22px;margin:20px auto 20px; font-weight:700}
.case_qiem dl dt img{ width:100% !important; height:auto !important}
.partner ul{border-left:1px solid #eee;border-top:1px solid #eee;overflow:hidden}
.partner li{width:238px;height:132px;float:left;border-right:1px solid #eee;border-bottom:1px solid #eee}
.partner li img{width:100%}
.partner .partner-more{margin-top:30px;text-align:center;font-size:14px}
.partner .partner-more a{color:#565458;border-bottom:1px solid #565458;display:inline-block}
.main-title{font-size:22px;text-align:center;margin:30px 0 10px; font-weight:700}

.case_bg h3,.ys h3,.witness h3{ text-align:center}
.case_bg .abstracttit,.ys .abstracttit{ font-size:16px; text-align:center; margin-bottom:25px; color:#555}
.witness .abstracttit{ font-size:16px; text-align:center; margin-bottom:25px; color:#fff; margin-top:20px;}


.main-title span{font-size:18px;color:#fff;display:block;}
.main-title i{display:block;width:117px;height:1px;background:#e3b74e;margin:15px auto 10px}
.main-title a{color:#000}
.witness .main-title b a,.witness .main-title span{color:#fff}
.witness{background:url(../images/witness_bg.jpg) no-repeat center 0;overflow:hidden;margin:20px 0 0 ; padding-bottom:40px;}
.witness .main-title{color:#fff}
.witness .main-title b{color:#fff;font-weight:700}
.witness-wrap dl{width:310px;background:#fff;margin-left:50px;padding:20px;float:left;box-sizing:content-box}
.witness-wrap dl:first-child{margin-left:0}
.witness-wrap dl.witnessdl01{margin-left:0}
.witness-wrap dt{width:310px;height:156px;margin-bottom:20px}
.witness-wrap dt img{width:310px;height:156px}
.witness-wrap dd h3{font-size:18px;height:38px;border-bottom:1px dashed #d5d5d6;margin-bottom:10px}
.witness-wrap dd h3 a{color:#565458}


.witness-wrap dd h4{font-size:18px;height:38px;border-bottom:1px dashed #d5d5d6;margin-bottom:10px; color:#333}
.witness-wrap dd:hover h4{ color:#fff}
.witness-wrap dd p{font-size:15px;line-height:28px;color:#444;}
.witness-wrap dd .witness-more{display:block;font-size:14px;margin-top:20px;color:#565458}
.witness-wrap dl:hover{background:#e3b74e}
.witness-wrap dd .witness-more,.witness-wrap dl:hover h3,.witness-wrap dl:hover p{color:#fff}
.ys{padding:50px 0; padding-top:0px;}
.ys .three_t{color:#444;;padding:10px 0px 20px 0px;}
.ys .three_t span{color:#555;font-weight:500}
.ys_m dl{width:390px;float:right;padding:30px 60px 0 0}
.ys_m dl dt{font-size:15px;color:#fff;line-height:40px;}
.ys_m dl dt b{display:block;font-weight:600;font-size:17px}
.ys_m dl dt span{display:block;font-weight:600;font-size:17px}
.ys_m dl dd{font-size:15px;color:#fff;line-height:28px;height:100px;overflow:hidden;}
.ys_qie01{background:url(../images/ys_pic01.jpg) no-repeat;width:1200px;height:230px}
.ys_qie02{background:url(../images/ys_pic02.jpg) no-repeat;width:1200px;height:230px}
.ys_qie03{background:url(../images/ys_pic03.jpg) no-repeat;width:1200px;height:230px}
.ys_qie04{background:url(../images/ys_pic04.jpg) no-repeat;width:1200px;height:230px}
.ys_bot{padding:20px 0 0}
.ys_bot ul li{font-size:15px;color:#555;width:300px;float:left;text-align:center}
.ys_bot ul li i{display:block;color:#444;height:47px;line-height:44px;background:url(../images/four_line02.gif) no-repeat center 44px;margin-bottom:12px; font-size:17px;}
.ys_bot ul li.on i,.ys_bot ul li:hover i{font-weight:700}
.liuc_bg{background:url(../images/liuc_bg.jpg) no-repeat center 0;height:382px}
.liuc_l{padding:128px 0 0;width:1010px}
.liuc_l p{font-size:18px;color:#fff;background:url(../images/liuc_k.png) no-repeat;float:left;width:33px;height:131px;text-align:center}
.liuc_l p span{display:block;width:24px;margin:0 auto;line-height:20px;padding:35px 0 0}
.liuc_l ul{background:url(../images/liuc_line.png) no-repeat 180px 45px;display:block;float:left;margin-top:18px}
.liuc_l ul li{font-size:18px;color:silver;line-height:26px;text-align:center;width:96px;height:96px;border-radius:50%;border:#2c97fb 1px solid;margin-left:61px;float:left;position:relative}
.liuc_l ul li i{display:block;padding:20px 0 0}
.liuc_l ul li:before{content:'';display:block;border:1px solid #2c97fb;position:absolute;top:-1px;left:50%;margin:0 0 0 -48px;border-radius:50%;width:96px;height:96px;transition:.5s}
.liuc_l ul li:hover:before{transform:scale(1.2);opacity:0}
.liuc_r{width:190px;text-align:center;padding:165px 0 0;background:url(../images/liuc_ico.png) no-repeat center 98px}
.liuc_r span{border-bottom:none;font-size:16px;width:190px;padding:10px 0 0}
.about{overflow:hidden; margin-top:50px;}
.about dt{width:463px;height:480px;margin:10px 0 0 0;float:left;position:relative}
.about dt:after{content:'';width:468px;height:480px;background:#f7f7f7;position:absolute;right:-18px;bottom:-1px}
.about dt img{display:block;width:463px;height:510px;z-index:10;position:relative}
.about dd{width:670px;float:right}
.about dd h3,.about dd strong {font-size:22px;font-weight:700;margin:0px 0 15px;}
.about dd h3 b,.about dd strong b{color:#2178d6;font-size:18px;font-weight:500; margin-left:10px;}
.about dd h3 a,.about dd strong a{font-size:12px;background:linear-gradient(90deg,#efab00 0,#e38900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:400; float:right}
.about dd p{font-size:15px;color:#444;line-height:28px;}
.about dd p span{color:#2178d6}
.album-hd a{border:1px solid #f0f0f0; padding:5px 20px; color:#444; margin-right:15px;}
.about dd .about-detail{font-size:14px;display:block;color:#6f6f6f;margin-top:15px}
.album-slide{height:250px;position:relative;}
.album-hd{height:46px;}
.album-hd li{width:153px;line-height:35px;text-align:center;float:left;margin-right:1px;font-size:14px;color:#555458;background:#f1f1f1;border:1px solid #ccc;border-radius:3px;font-weight:700}
.album-hd li a{display:block}
.album-bd li{width:212px;height:176px;float:left;margin-right:16px;overflow:hidden;position:relative}
.album-bd li img{display:block;width:212px;height:176px}
.album-bd li span{display:block;height:35px;line-height:35px;text-align:center;background:url(../images/prod_icon3.png);position:absolute;bottom:0;left:0;font-size:14px;color:#fff;width:100%}
.album-bd li.none{margin-right:0}
.album-hd li a:hover{color:#e3b74e}
.album-arrow{text-align:right}
.album-arrow .next,.album-arrow .prev{display:inline-block;width:32px;height:30px;letter-spacing:0}
.news{overflow:hidden;margin-bottom:20px;}
.news h2{font-size:24px;margin:70px 0 42px;font-weight:400}
.news h2 .news-more{color:#333;font-size:14px;border:1px solid #333;margin-top:20px}
.news h2 span{color:#565458;border-bottom:3px solid #e3b74e;display:inline-block;height:47px;font-weight:700}
.news h2 a:hover{color:#e3b74e}

.news h3{font-size:22px;margin:40px 0 25px;font-weight:700;}
.news h3 .news-more{color:#333;font-size:14px;border:1px solid #333;margin-top:20px}
.news h3 span{color:#565458;border-bottom:3px solid #e3b74e;display:inline-block;height:35px;}
.tempWrap ul{ margin-top:20px !important;}
.news h3 a:hover{color:#e3b74e}

.news-a{overflow:hidden;position:relative;margin-bottom:10px}
.news-a dl{height:100%}
.news-a dt{width:463px;height:166px;float:left}
.news-a dt img{width:100%}
.news-a dd{width:680px;float:right}
.news-a dd h3{font-size:14px;color:#565458;margin:20px 0 10px;font-weight:700}
.news-a dd h3 a{color:#565458}
.news-a dd a:hover{color:#e3b74e}
.news-a dd p{font-size:15px;line-height:32px;color:#555}
.news-a dd .news-detail{display:block;font-size:14px;color:#565458;margin-top:30px}
.news-a-hd{height:20px;position:absolute;top:134px;left:374px}
.news-a-hd li{width:21px;height:20px;background:#2e2f2d;text-align:center;line-height:20px;margin-right:6px;font-size:14px;color:#fff;float:left}
.news-a-hd li.on{background:#e3b74e}
.news-b{overflow:hidden}
.news-b dl{width:525px;margin:0 140px 30px 0;float:left}
.news-b dl:nth-child(even){margin-right:0}
.news-b dt{font-size:48px;color:#d4d4d4;float:left}
.news-b dd{font-size:14px;color:#666;width:448px;float:right}
.news-b dd h3{font-size:14px;color:#565458;margin:5px 0;font-weight:700}
.news-b dd h3 a{color:#565458}
.news-b dd h3 a:hover{color:#e3b74e}
.news-b dd p{font-size:14px;color:#929292;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-b dd span{display:block;font-size:12px;color:#b2b2b2}
.faq{overflow:hidden;margin-bottom:60px; margin-top:20px;}
.faq h2{width:22px;float:left;font-size:20px;color:#fff;padding:15px 28px 0;box-sizing:content-box;line-height:1.5rem}
.faq h3{font-size:36px;color:#fff;border-bottom:1px solid #f0f0f0; line-height:55px;}
.faq h3 span{background:#e3b74e; padding:5px 15px; font-size:22px; font-weight:700}
.faq h2 a{color:#fff}
.faq .faq-list{margin-top:20px; overflow:hidden}
.faq .faq-list dl{color:#565458;overflow:hidden; border:1px solid #f0f0f0; margin-bottom:8px; padding:10px;float:left; width:31.5%;}
.faq .faq-list dt{font-size:15px;font-weight:700;margin-bottom:10px; color:#2178d6; line-height:35px;}
.faq .faq-list dt a{color:#565458;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:296px}
.faq .faq-list dd{font-size:15px; color:#555;background: #f0f3fa; padding:20px 30px 20px;border-radius: 10px;border: 1px dashed #a0b0c7;color: #4b556e;line-height: 30px;text-align: justify;}
.faq .faq-list dt a:hover{color:#e3b74e}
.deanptitle h3{font-size:25px;color:#454545;font-weight:500;text-align:center}
.deanptitle span{display:block;width:154px;height:14px;margin:10px auto;background:url(../images/tbg.png) center center no-repeat}
.deanlink{ overflow:hidden; line-height:35px; color:#555; font-size:14px;}
.deanlink a{ color:#555; margin-left:5px;font-size:14px;}
.ccc{font-size:15px;color:#555;line-height:31px;margin-top:10px;margin-bottom:0;padding-bottom:0;height:150px;overflow:hidden}
.ccc span{border:1px solid #f0f0f0; padding:2px 4px; color:#2178d6}
.prod-slide li a:hover{ color:#2178d6}
.deanlinkc{width:1180px;margin:0 auto}
.deanlink ul{white-space:nowrap;margin-top:30px}
.deanlink ul li{float:left;margin-right:6px;margin-bottom:11px}
.deanlink ul li a{display:block;height:20px;padding:0 6px;background:#fff;border:1px solid #e2e2e2;color:#777;float:right;text-align:center;line-height:20px;font-size:12px}
.deanlink ul li a:hover{background:#2c99ff;color:#fff;border:1px solid #2c99ff}
.news-b{ overflow:hidden;border:1px solid #f0f0f0; margin-top:20px;}
.news-b ul{ overflow:hidden; margin-left:-2%}
.news-b li{ float:left; width:31%; margin-left:2%;border-bottom:1px solid #f0f0f0; line-height:50px; display:block; overflow:hidden}
.news-b li a{ font-size:15px; color:#444}
.news-b li a:hover{color:#e3b74e}
.news-b li span{ font-size:12px; float:right; color:#888}
.news-a dd h4{ font-size:16px; line-height:28px; margin-bottom:15px; font-weight:900}
.prod-slide li a{ color:#444}
.album-hd a:hover{border:1px solid #2178d6; color:#2178d6}
.news-a dd h4 a{ color:#444; font-size:15px;}
.news-a dd h4 a:hover{ color:#F00}
.hz h3 {text-align: center; background: url(../images/partner_title_bg.jpg) no-repeat center center;font-size:22px;margin: 20px auto 20px; font-weight:700}
.main{ overflow:hidden}

.flexslider{margin:0 auto;position:relative;width:100%;height:550px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/hs_icon.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position:0 0}
.flexslider .slides a img{width:100%;height:549px;display:block}

.witness-wrap dd p span{ color:#2178d6}
.news_video li{ font-size:14px;}


@media (max-width:1200px){
	
.main{ width:98%; margin:0 8px;}	
.footer{ width:100% !important;}
.content{ width:100% !important;}
.tempWrap ul{ width:100% !important;}
.xia_biao{ height:auto}
.toplogo{ height:auto}
.nav{ height:auto}
.nav .nav1>li>a{ padding:0px;}
.nav .nav1>li{float:left; width:11%; text-align:center}
.xia_biao{ width:98%}
.nav .nav1>li>a{ line-height:35px;}
.nav .nav1>li{ line-height:35px;}
.faq .faq-list dl{ width:30%}
.news-b li{ width:47%}
.news-a dt{ width:46%; height:auto}
.news-a dd{ width:50%;}
.news-a dt img{ width:100% !important; height:auto !important;}
.partner img{ width:100% !important; height:auto !important;}
.liuc_l{ width:70% !important;}
.liuc_bg{ height:auto}
.liuc_l p{ height:auto}
.f_bg{ height:auto}
.f_logo{ width:28%}
.f_nav{ width:28%}
.f_ban{ width:28%}
.f_bg{padding: 50px 0 0;}
.deanptitle{ display:none}
.about dd{ width:50%}
.about dt{ width:48%}
.about dt img{ width:100% !important; height:auto !important;}
.witness-wrap dl{ width:27%;margin-left: 1.5%;}
.witness{ height:auto}
.witness-wrap dt{ width:100%; float:none; overflow:hidden}
.ys_qie04{background-size: 100% !important;}
.hz_m{ width:100% !important;}
.hz_m ul li{ width:23.5%; float:left;}
.hz_m ul li em img{ width:100% !important; height:auto !important}
.hz_m ul li em{ width:100%; height:auto; margin:0px;}
.case_bg{ height:auto}
.ys_bot ul li{ width:23%}
.ys_qie04,.ys_qie01{ width:100% !important}
.ys_qie01,.ys_qie02,.ys_qie03,.ys_qie04,.ys_qie05{ background:#2178d6 !important}
} 




@media (max-width:900px){
.honor_m{ width:100%}
.prod-img{ width:100%}
.logoright{ display:none}
} 



@media (max-width:767px){
.prod-menu{ width:100%}
.prod-big{ height:auto}
.prod-big dt{ width:100%; overflow:hidden; float:none}	
.prod-big dd{ width:100%; overflow:hidden;float:none; margin-top:25px;}	
.prod-slide li{ width:31.5%; margin-left:1.5%; margin-right:0px;}
.prod-slide li img{ width:100% !important; height:auto !important}
.prod-menu li{ float:left; width:45%}
.topnav{ height:auto; line-height:25px;}
.nav .nav1>li>a,.news-a dd p{ font-size:14px;}
.toptel{ display:none}
.topnav{ padding:8px 0px;}
.toplogo{ padding:8px 0px;}
.nav .nav1>li{ width:18%; margin-left:1.5%}
.banner_tabs li{background-size: 340px !important;}
.prod-big dt{ height:auto}
.faq .faq-list dl{ width:96%; overflow:hidden; float:none}
.faq .faq-list dd,.about dd p,.witness-wrap dd p{ font-size:14px;}
.faq .faq-list dt,.news-a dd h4 a,.main-title span,.witness-wrap dd h4,.three_t span,.ys_bot ul li{ font-size:15px;}
.faq h3,.news h3,.partner h3,.about dd h3,.main-title,.three_t,.hz h3{ font-size:18px;}
.liuc_l ul{ width:93%}
.witness-wrap dl{ width:25%;}
.witness-wrap dt img{ width:100% !important; height:auto !important}
.about dt{ width:95%; overflow:hidden; float:none; height:auto}
.about dd{ width:100%; overflow:hidden; float:none; height:auto; margin-top:15px;}
.witness-wrap dt img{ width:100% !important; height:auto !important}
.main-title{margin:30px 0 30px;}
.case_qiem dl dt{ width:100%; height:auto}
.case_qiem dl dd{ width:100%; float:none; overflow:hidden}
.case_qiem dl dt{ float:none}
.case_qiem dl dd h4{ height:auto; line-height:25px; font-size:15px; color:#2178d6}
.case_desc p{ font-size:14px; margin-bottom:5px;}
.scrollsidebar{ display:none}
.ys_bot{padding: 15px 0 0;}
.ys{padding:2	0px 0;}
.ys_m dl{ width:100%;}
.liuc_r{ display:none}
.liuc_l {width: 100% !important;}
.liuc_l{padding:0px 0 0;}
.liuc_l ul li:before{width: 50px;height: 50px;border: none;}
.liuc_l ul li{width: 50px;height: 50px;}
.liuc_l ul li i{padding:0px 0 0;}
.prod-menu{ width:100%}
.f_logo{ width:100%; overflow:hidden; float:none; margin-left:15px;}
.f_nav{ width:100%; overflow:hidden; float:none; margin-bottom:30px; height:auto; margin-top:20px;}
.f_ban{ width:100%; overflow:hidden; float:none; margin-bottom:30px; height:auto;margin-top:20px;}
.f_er{ width:100%; overflow:hidden; float:none}
.f_bg{ background:#555;padding: 10px 0 0;}
.f_bg{ background: #555}
.dzpm{ width:100%}	
.news-b li span{ display:none}

} 

@media (max-width:600px){
.news-b li{ width:96%; float:none;}
.news-a dt{ width:100%;float:none; overflow:hidden}
.news-a dd{ width:100%; float:none; overflow:hidden; margin-top:15px;}	
.witness-wrap dl{ width:23%; background:#f0f0f0}
.case_qiem dl dd{ overflow:hidden; padding:0px; margin-top:20px;}
.ys_bot ul li{ width:48%; margin-bottom:15px;}
.prod-big dd p,.prod-slide li{ font-size:14px;}
.case_bg .abstracttit, .ys .abstracttit,.witness .abstracttit{ line-height:28px; font-size:15px;}
.about{ margin-top:50px;}
.witness{padding-bottom:30px;}
.liuc_bg{ display:none}
.honor_m ul li{width:31% !important;height: auto !important; float:left; margin-left:1.5%}
.honor_m ul li em img,.album-bd li img{width:100% !important;height: auto !important}
.honor_m ul li em{ width:100% !important;height: auto !important}
.album-bd li{ width:23% !important}
.tempWrap{ width:100% !important}
.tempWrap ul{position:inherit !important ;left:0px !important}
.album-bd li span{position:inherit !important}
.album-bd li{ margin-right:1.5%; height:auto !important}
} 

@media (max-width:480px){
.prod-big dt{ width:100%; overflow:hidden; float:none}	
.prod-big dd{ width:100%; overflow:hidden;float:none}	
.prod-slide li{ width:48%}
.prod-menu li{ overflow:hidden; float:none; width:100%}
.logogjc{background-size: 80px;}
.logleft .zi{ font-size:14px;}
.logogjc{ width:90px;}
.faq .faq-list dl{ width:91%}
.witness-wrap dl{ width:90%; overflow:hidden; float:none; margin-bottom:15px;}
.case_lico, .case_rico{top: 90px;}
.f_logo{ height:auto !important}
.f_ban,.f_nav{padding: 0 0 0 10px;}
.about dd{ width:95%}
.hz_m dd{ font-size:14px; width:48.5%}
.album-bd li{ width:48% !important;}
} 

@media (max-width:360px){
	
	}