@charset "utf-8";

.clear{ clear:both;}

.on{color: #2871e5;}

.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.clear_both{zoom:1;}

.clear_both:after{content:""; display:block; clear:both;}

/*table{ border-collapse:collapse; }*/

.fl{float:left}

.fr{float:right} 

.mr{margin-right:0 !important;}

.mb{border-bottom:none !important;}

.main{padding:0 2%;}

.main1200{width:96%; max-width:1200px; margin:0 auto;} 

.main1200 img{max-width:100%;}

.main1400{width:96%; max-width:1400px; margin:0 auto;} 

.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

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

.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}

.table{display:table; }

.table_cell{display:table-cell; vertical-align:middle;}

.absolute{position:absolute;}

.relative{position:relative;}

.max-w100{max-width: 100%;width: 100%;}

.max-h100{max-height: 100%;}

.relative{position: relative;z-index: 1;}

.absolute{position: absolute;z-index: 1;}

.block{display:block;}

.none{display:none;}

.phone-block{display:none;}

.inline-block{display:inline-block;}

p{padding:0; margin:0;}

@font-face{font-family: mf;src: url('/fonts/PINGFANG.TTF');}

@font-face{font-family: mf2;src: url('/fonts/DIN-MEDIUM.OTF');}

.gray {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;}

/*.gray {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.5;}*/





/*.raidus{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; behavior: url(/pie/pie.htc); position:relative;}*/





.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}

.container{zoom:1;}

.container{margin:0 auto; width:80%; max-width:980px;}

.searchbox{display:none; overflow:hidden; zoom:1; padding:15px 0; background:#666/*#ccc384 url(/images/bg_14.gif) repeat left top*/; width:100%; position:fixed;left:0; top:0; z-index:399;}

.searchbox .error{border:1px solid #d45656; border-radius: 4px;}

.searchbox .closebtn{display:inline-block; *display:inline; zoom:1; margin:10px 0 0; width:30px; height:30px; background: url(/images/close_1.png) no-repeat 50% 50%; vertical-align:middle;}

.searchcon:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}

.searchcon{zoom:1; /*width:680px;*/ width:100%; height:50px; line-height:50px; /*padding:0 0 0 280px;*/ /*background: url(/images/searchbg.png) no-repeat left 0px;*/ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

.searchcon .input{width:100%; padding:14px 0 14px 0; background-color:#fff; border:1px solid #d1d1d1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}

.searchcon .input.focus{border:1px solid #b8ad66; -webkit-box-shadow:0 0 2px #b8ad66; -moz-box-shadow:0 0 2px #b8ad66; box-shadow:0 0 10px #888, 1px 1px 1px #eee inset;}

.searchcon .input input{width:88%; color:#a1a1a1; font-size:16px; margin:0 0 0 2%; border:none; background:none;}

.searchcon .input input:focus { outline: none; } 

.searchcon .submit{display:inline; margin:0 5px 0 -50px; padding:0; width:50px; height:50px; background:url(../images/ico.png) no-repeat 10px -735px; border:none; cursor:pointer; position:absolute; right:0;}

.searchcon .errormess{position:absolute; left:5px; top:0; font-size:14px; color:#555;}

.searchcon .errormess span{background: url(../images/ser_error.png) no-repeat left 0px; padding:0 0 5px 35px;}

.searchcon .closes{font-size: 14px;color: #fff;display: inline-block;position: absolute;right: -40px;top: 0;cursor: pointer;}





header{height:120px; position:relative; z-index:5; background:url(../images/m1.png) repeat-x; border-bottom:1px solid #dedede;}

header .logo{width:10%; height:100px;}

header .logo span{display:inline-block; height:100%; vertical-align:middle;}

header .logo img{width:100%; vertical-align:middle;padding:10px 0;padding-top:20px;}



header .phone_nav{position:absolute; z-index:5; width:100%; top:100px; left:0; background:rgba(230,232,233,0.9); display:none; border-top:1px solid #aaa;}

header .phone_nav li{height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #aaa; text-align:center;}

header .phone_nav li a{color:#666; display:block;}

header .phone_nav li:hover a{color:#2871e5;}

header .phone_nav li.on a{color:#2871e5;}

header .phone_nav .ph_box{/*margin:20px 0;*/ text-align:center;}

header .phone_nav .ph_box .p_mem{width:24px; height:24px; display:inline-block; margin-right:20px; vertical-align:middle;}

header .phone_nav .ph_box .p_mem img{width:100%;}

header .phone_nav .ph_box .p_lang{height:40px; display:inline-block; vertical-align:middle;width:100%;}

header .phone_nav .ph_box .p_lang .en{line-height:40px; font-size:12px;}

header .phone_nav .ph_box .p_lang .cn{line-height:40px; font-size:12px;}

header .phone_nav .ph_box .p_lang a{color:#666;display:block;}



header .menubtn{margin:44px 0 0; height:30px; display:none;}

header .menubtn span{width:35px; height:4px; display:block; background:#b5b5b5; position:relative; z-index:1; margin:4px 0 0;}

header .menubtn span::after{position:absolute; top:14px; left:0; right:0; height:4px; background:#b5b5b5; content:"";}

header .menubtn span::before{position:absolute; bottom:14px; left:0; right:0; height:4px; background:#b5b5b5; content:"";}

header .menubtn span::after,.menubtn span::before{-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;}

header .menubtn.on span{background:transparent;}

header .menubtn.on span::after{transform:rotate(405deg); top:0;}

header .menubtn.on span::before{transform:rotate(-405deg); top:0;}



header .search_w{width:91px; height:24px; padding:0 24px 0 15px; border:1px solid #ddd; margin:37px 0 0; border-radius:15px; position:relative; z-index:1; display:none;}

header .search_w .input{width:88px; background:none; height:24px; border:none;}

header .search_w .sub{width:24px; height:24px; position:absolute; right:0; top:50%; margin:-12px 0 0; border:none; background:url(../images/h_search.png) no-repeat;}



nav{margin-top:20px; width:55%; margin-left:14%;}

nav li{margin-right:5%; padding-bottom:40px;/*width:20%;*/text-align:center;}

nav li .senior{border-bottom:2px solid #f1f1f1; height:58px; line-height:80px; font-size:16px;}

nav li .senior a{color:#000;}

nav li:hover .sub{display: block;}

nav li .sub{width: 250px;background-color: #fff;border-top: 1px solid #2871e5;border-bottom: 4px solid #2871e5;margin-left: -120px;top: 100%;left: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: none;text-align:center;opacity: 0.8;}

nav li .sub .i{font-size: 16px;border-bottom: 1px solid #ddd;}

nav li .sub .i:last-child{border-bottom: 0;}

nav li .sub .i a{font-size: inherit;color: inherit;padding: 10px 20px;display: block;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

nav li .sub .i a:hover{color: #2871e5;text-indent: 10px;}

nav li:hover .senior{border-bottom:2px solid #2871e5; font-size:24px;}

nav li:hover .senior a{color:#2871e5;}

nav li.on .senior{border-bottom:2px solid #2871e5; font-size:22px;}

nav li.on .senior a{color:#2871e5;}

nav li .second{width:100%; left:0; position:absolute; z-index:6; padding:20px 4% 34px; border-top:1px solid #2871e5; border-bottom:4px solid #2871e5; background:#f8f8f8; top:100px; display:none;}

nav li .second dl{width:24%; margin-right:1%;}

nav li .second dd{margin-bottom:20px;}

nav li .second dd .title{height:40px; line-height:40px; overflow:hidden; font-size:18px;}

nav li .second dd .title a{color:#2871e5;}

nav li .second dd .d_li{height:30px; line-height:30px; font-size:14px;}

nav li .second dd .d_li a{color:#666;}

nav li .second dd .d_li:hover a{color:#2871e5;} 

nav li:hover .second{display:block;}

header .lang{width:70px; /*background:url(../images/lang.png) no-repeat right center;*/ height:24px; position:relative; z-index:1; margin:38px 0 0;}

header .lang .en{height:24px; line-height:24px; font-size:14px; width:70px;}

header .lang .cn{height:24px; line-height:24px; font-size:14px; width:70px;}

header .lang .l_ab{position:absolute; z-index:2; top:-24px; left:0; display:none;}

header .lang a{color:#666;}

header .h_member{margin:38px 20px 0; /*width:24px;*/ height:24px; line-height:24px;}

header .h_member span{display:inline-block; *display:inline; zoom:1; vertical-align:top;}

header .h_box{margin:38px 20px 0;}

header .h_box .h_search{width:24px; height:24px; cursor:pointer;}



.phone-block{display: none;}

#banner{text-align:center;}

#banner .item img{width:100%;}

#banner .hd{width: 98%;height: 0;font-size: 0;bottom: 28px;left: 0; text-align:right; z-index:10;}

#banner .hd a{width: 42px;height: 3px;background-color: #b0b0b0;margin: 0 10px;display: inline-block;opacity: 1; border-radius:0;}

#banner .hd .on{background-color: #fff;}

#banner .banner-info{margin-top: 13.020833%;position: absolute;z-index: 2;top: 0;left: 0;right: 0;text-align: center;visibility: hidden;}

#banner .banner-info.animated{visibility: visible;}

#banner .banner-info .name{font-weight: bold;font-size: 36px;color: #fff;}

#banner .banner-info .title{font-size: 12px;color: #fff;}

#banner .banner-info .title:after{width: 32px;height: 3px;background-color: #fff;margin: 1.8229166% auto;display: block;content: '';}

#banner .banner-info .more{width: 178px;height: 58px;line-height: 58px;font-size: 14px;color: #fff;border: 1px solid #fff;margin: 0 auto;text-align: center;display: block;}



#banner .banner-info.twos{background: rgba(255,255,255,0.5);margin: 0 auto;margin-top: 13.020833%;padding: 30px 0;width: 50%;border-radius: 5px;}

#banner .banner-info.twos .tit1{font-size: 26px;color: #222;text-align: center;margin-top: 0.5%;}

#banner .banner-info.twos .tit2{font-size: 26px;color: #222;margin-top: 1.5%;text-align: center;}

#banner .banner-info.twos .tit3{width: 40px;height: 2px;background: #298c3a;margin:0 auto;margin-top: 1%;}

#banner .banner-info.twos .tit4{margin-top: 3.5%;}

#banner .banner-info.twos .tit4 .mores{/*background: url(../images/lll.png)85% center no-repeat #298c3a;*/background:#298c3a;color: #fff;text-align: center;width: 42%;padding: 12px 0;border-radius: 10px;display: inline-block;}

#banner .banner-info.twos .tit4 .mores:first-child{margin-right: 20px;}



#banner .banner-info.threes{background: rgba(64,166,83,0.9);bottom: 0;width: 35%;margin: 0 auto;height: 160px;padding: 70px 0;top: auto;}

#banner .banner-info.threes .tits{font-size: 24px;color: #fff;text-align: center;margin-bottom: 20px;letter-spacing: 4px;}



#phone-banner{text-align:center;}

#phone-banner .item img{width:100%;}

#phone-banner .hd{width: 100%;height: 0;font-size: 0;bottom: 40px;left: 0; z-index:5;}

#phone-banner .hd a{width: 10px;height: 10px;background-color: #fff; border-radius: 50%;margin: 0 5px;display: inline-block;opacity: 1;}

#phone-banner .hd .on{background-color: #2871e5 ;}

#phone-banner .banner-info{padding: 0 20%;margin-top: 30%;position: absolute;z-index: 2;top: 0;left: 0;right: 0;text-align: center;visibility: hidden;}

#phone-banner .banner-info.animated{visibility: visible;}

#phone-banner .banner-info .name{font-weight: bold;font-size: 18px;color: #fff;}

#phone-banner .banner-info .title{font-size: 12px;color: #fff;}

#phone-banner .banner-info .title:after{width: 32px;height: 3px;background-color: #fff;margin: 5% auto;display: block;content: '';}

#phone-banner .banner-info .more{width: 148px;height: 38px;line-height: 38px;font-size: 14px;color: #fff;border: 1px solid #fff;margin: 0 auto;text-align: center;display: block;}



#ban{width:100%;}

#ban img{width:100%;}

#phone_ban{display:none;}



.info_index{height:50px; width:100%; background:rgba(0,0,0,0.5); position:absolute; z-index:5; width:100%; left:0; bottom:0;}

.info_index .i_zhu{margin-top:21px; padding-left:26px; height:18px; background:url(../images/info_index.png) no-repeat left center; line-height:16px; font-size:16px;font-weight:700; color:#2871e5; margin-right:16px;}

.info_index .info_box{margin-top:20px; height:20px;}

.info_index .info_box .i_pn{margin-right:15px; width:11px;}

.info_index .info_box .i_pn .prev{width:11px; height:7px; background:url(../images/info_prev.png) no-repeat; cursor:pointer;}

.info_index .info_box .i_pn .next{width:11px; height:7px; background:url(../images/info_next.png) no-repeat; cursor:pointer; margin-top:5px;}

.info_index .info_box .i_bd{width:430px; height:20px;}

.info_index .info_box .i_bd li .title{font-size:12px; width:60%; height:20px; line-height:20px; text-align:left;}

.info_index .info_box .i_bd li .title a{color:#fff;}

.info_index .info_box .i_bd li .time{color:#fff; line-height:20px; font-size:12px;}



/* 产品 */

#product_index{/*padding:60px 0;*/ background:#ffffff; /*background:url(../images/index_probg.jpg) no-repeat center #f4f4f4;*/}

.p_cn{height:74px; line-height:74px; font-size:36px; color:#333; text-align:center; overflow:hidden;}

.p_line{width:32px; height:3px; background:#f8f8f8; margin:0 auto;}

#product_index .pr_category{margin-top:40px;}

#product_index .pr_category li{width:24%; margin:0 0.5% 13px; /*padding:40px 0;*/ background:#fff;}

#product_index .pr_category li a{width:100%; display:block;}

#product_index .pr_category li .pic{/*height:150px;*/ text-align:center;}

#product_index .pr_category li .pic span{ display:inline-block; height:100%; vertical-align:middle;}

#product_index .pr_category li .pic img{max-width:100%; vertical-align:middle;}

#product_index .pr_category li .p_show{display:block;}

#product_index .pr_category li .p_hide{display:none;}

#product_index .pr_category li .title{/*height:32px; line-height:32px;*/ background:#f8f8f8;font-size:16px; text-align:center; color:#252525;padding:15px 0;}

#product_index .pr_category li:hover{background:#2871e5;} 

#product_index .pr_category li:hover .title{color:#fff;background:#2871e5;}

#product_index .pr_category li:hover .p_show{display:none;}

#product_index .pr_category li:hover .p_hide{display:block;}



#app_index{background:#f4f4f4;padding:60px;}

#app_index .a_category{margin-top:40px;margin-bottom:20px;}

#app_index .a_category li{/*width:25%; width:33%;*/width:31.333%; margin:0 1%; position:relative; z-index:1; overflow:hidden;}

#app_index .a_category li .pic{width:100%;}

#app_index .a_category li .pic img{width:100%; display:block;}

#app_index .a_category li .title{height:40px; line-height:40px; text-align:center; background:rgba(0,0,0,0.8); font-size:16px; color:#fff; position:absolute; left:0; bottom:0; width:100%; z-index:2; overflow:hidden;}

#app_index .a_category li .a_box{width:100%; height:100%; position:absolute; z-index:3; left:0; top:0; background:rgba(246, 69, 1,0.8); display:none}

#app_index .a_category li .a_box a{width:100%; height:100%; display:block;}

#app_index .a_category li .a_box .table{width:100%; height:100%;}

#app_index .a_category li .a_box .name{height:32px; line-height:32px; text-align:center; font-size:16px; color:#fff;}

#app_index .a_category li .a_box .name_line{width:18px; height:1px; margin:0 auto; background:#fff;}

#app_index .a_category li:hover .title{display:none;}

#app_index .a_category li:hover .a_box{display:block;}

#app_index .a_category li:hover .pic img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}



#quality_index{padding:60px 0;} 

#quality_index .q_list{margin-top:56px;}

.q_list li{width:31.333%; margin:0 1%;}

.q_list li .pic{/*height:86px;*/ width:100%; text-align:center; font-size:0; margin-bottom:24px;}

.q_list li .pic span{display:inline-block; vertical-align:middle; height:100%;}

.q_list li .pic img{max-width:100%; vertical-align:middle;}

.q_list li .title{height:32px; line-height:32px; text-align:center; font-size:16px; overflow:hidden;}

.q_list li .title a{color:#999;}

.q_list li:hover .title a{color:#2871e5;}

.q_list li:hover .gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.5;}



.i_category{padding-top:30px; text-align:center; border-bottom:1px solid #dedede;}

.i_category ul{font-size:0;}

.i_category li{height:64px; /*line-height:64px;*/ border-bottom:3px solid #fff; font-size:18px; display:inline-block; /*margin:0 36px;*/width:  14%;overflow: hidden;}

.i_category li a{color:#333;}

.i_category li:hover{border-bottom:3px solid #2871e5;}

.i_category li:hover a{color:#2871e5;}

.i_category li.on{border-bottom:3px solid #2871e5; }

.i_category li.on a{color:#2871e5;}

.q_box{padding:60px 0; background:#f4f4f4;}

.q_box .q_list{margin:0;}

.q_box .q_list li{border:1px solid #dedede; background:#fff; padding:40px 0 30px; margin:0 0.5%; width:15.666%;}

.q_box .q_list li:hover .gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.5;}

.q_box .q_list li:hover .title a{color:#2871e5;}



#service_index{height:500px; background:url(../images/service_index.jpg) no-repeat center; padding-top:60px;}

#service_index .p_cn{color:#fff;}

#service_index .p_line{background:#fff;}

#service_index .brief{margin:24px 0 30px; text-align:center; color:#fff; font-size:16px; line-height:2;}

#service_index .more a{width:128px; height:40px; margin:0 auto; border:1px solid #fff; line-height:40px; text-align:center; font-size:16px; border-radius:25px;}

#service_index .more a{color:#fff; display:block;}

#service_index .more a:hover{width:128px;height:40px;margin:0 auto;border:1px solid #2871e5;color:#f6450;background:#2871e5;line-height:40px;text-align:center;font-size:14px;border-radius:25px;}



#about_index{}

#about_index .pic{width:50%; overflow:hidden;}

#about_index .pic img{width:100%;}

#about_index .pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#about_index .about_rab{width:50%; padding:0 10%;}

#about_index .about_rab .table{height:100%;}

#about_index .about_rab .brief{margin:50px 0; font-size:14px; line-height:30px; color:#999;}

#about_index .more{width:158px; height:48px; margin:0 auto; border:1px solid #dedede; line-height:48px; text-align:center; font-size:14px; border-radius:25px;}

#about_index .more a{color:#999; display:block;}



.category{padding:30px 0 3px; border-bottom:1px solid #dedede;}

.category ul{font-size:0; text-align:center;}

.category li{width:120px; padding:0 10px; margin-bottom:15px; display:inline-block;}

.category li .pic{height:60px; text-align:center; overflow:hidden;}

.category li .pic a{width:100%; height:100%; display:block;}

.category li .pic span{display:inline-block; vertical-align:middle; height:100%;}

.category li .pic img{max-width:100%; max-height:100%; vertical-align:middle;}

.category li .title{line-height:30px; font-size:14px; text-align:center; margin-top:10px;}

.category li .title a{color:#999;}

.category li:hover .title a{color:#2871e5;}

.category li:hover .gray{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;}

.category li.on .title a{color:#2871e5;}

.category li.on .gray{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1;}



.product{margin:60px 0 40px;}

/*.product li{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #dedede;}

.product li .pic{width:20%; border:1px solid #dedede;}

.product li .pic img{width:100%;}

.product li .box{width:75.8%;}

.product li .box .name{height:50px; line-height:50px; font-size:16px;}

.product li .box .name a{color:#333;}

.product li .box .brief{height:72px; line-height:24px; overflow:hidden; font-size:14px; color:#999;}*/



#product_ny{padding:20px 0 0px; background:#ffffff; /*background:url(../images/index_probg.jpg) no-repeat center #f4f4f4;*/}

.p_cn{height:74px; line-height:74px; font-size:36px; color:#333; text-align:center; overflow:hidden;}

.p_line{width:32px; height:3px; background:#2871e5; margin:0 auto;}

#product_ny .pr_category{margin-top:40px;}

#product_ny .pr_category li{width:24%; margin:0 0.5% 13px; /*padding:40px 0;*/ background:#fff;}

#product_ny .pr_category li a{width:100%; display:block;}

#product_ny .pr_category li .pic{/*height:150px;*/ text-align:center;}

#product_ny .pr_category li .pic span{ display:inline-block; height:100%; vertical-align:middle;}

#product_ny .pr_category li .pic img{max-width:100%; vertical-align:middle;}

#product_ny .pr_category li .p_show{display:block;}

#product_ny .pr_category li .p_hide{display:none;}

#product_ny .pr_category li .title{/*height:32px; line-height:32px;*/ background:#f8f8f8;font-size:16px; text-align:center; color:#252525;padding:15px 0;}

#product_ny .pr_category li:hover{background:#3f5fd4;} 

#product_ny .pr_category li:hover .title{color:#fff;background:#3f5fd4;}

#product_ny .pr_category li:hover .p_show{display:none;}

#product_ny .pr_category li:hover .p_hide{display:block;}



/*.cate_list .catess{margin-top: 50px;}*/

.cate_list .catess .c{/*display: block;*/border: solid 1px #dedede;color: #999999;line-height: 20px;font-size: 14px;padding:18px 0;padding-left: 10px;/*width: 23.5%;*/margin-bottom: 10px;margin-right: 5px;display: inline-block;width: 23%;}

.cate_list .catess .c:hover,.cate_list .catess .c.on{background: #2871e5;color: #fff;}

.cate_list .owl-theme{width: 90%;margin: 0 auto;}

.cate_list .owl-theme .owl-controls .owl-pagination{display: none !important;}

.cate_list .owl-theme .owl-controls{position: static;}

.owl-theme .owl-controls .owl-buttons .owl-prev{width:36px; height:36px; background:url(../images/his_prev.png) no-repeat;position: absolute;left: -50px;bottom: 0;}

.owl-theme .owl-controls .owl-buttons .owl-next{width:36px; height:36px; background:url(../images/his_next.png) no-repeat;position: absolute;right: -65px;bottom: 0;}

.cate_list #owl-demo{text-align: center;}



.list30{ width:100%; margin-bottom:30px;table-layout:fixed;word-break:break-all;}

.list30 td{ border:1px solid #d8d8d8; font-size:12px; text-align:center; padding:10px; height:24px; width: 8.63%;}

.list30 td img{max-width:100%;}

.list30 .td1{text-align:left; }

.list30 .tr1 td{ background:#2871e5; color:#fff; }

/*.list30 .tr2 td{ padding:10px 5px; }*/

.list30 .no1{ min-width:80px; text-align:left; width:auto; border:1px solid #d8d8d8; max-width: 80px;}

.list30 .no1:hover{background: #dde7ef;}

.list30 .a1{ display:block; line-height:24px; padding-left:3px; color:#b60809; font-size:12px; margin-top:10px; }

.list30 .tr2:hover{background: #fff;}

.list30 tr:hover{background: #dde7ef;}



.list30 .tr1.on,.list30 .tr2.on{position: fixed;top: 0;margin: 0 auto;max-width: 1200px;text-align: center;width: 100%;}

.list30 .tr2.on{top: 45px;background: #fff;}

.list30 .tr1.on td{width: 5%;}

.list30 .tr2.on td{width: 8.5%;/*width: 12.53%;*/}

.list30 .tr3{display: none;text-align:left;}

.list30 .tr3 td,.list30 .trss1 td{background:#2871e5; color:#fff;}

.list30 .tr4{display: none;}

.list30 .tr4:hover{background: #fff;}



/*.list30{ width:100%; margin-bottom:30px; }

.list30 .tds{ border:1px solid #d8d8d8; font-size:12px; text-align:center; padding:10px; height:24px; float: left;width: 10.64%;}

.list30 .tds img{max-width:100%;}

.list30 .td1{text-align:left; }

.list30 .tr1 .tds{ background:#2871e5; color:#fff; height: auto;}

.list30 .tr2 .tds{ padding:10px 5px; }

.list30 .no1{ min-width:80px; text-align:left; width:auto; border:1px solid #d8d8d8; }

.list30 .no1:hover{background: #dde7ef;}

.list30 .a1{ display:block; line-height:24px; padding-left:3px; color:#b60809; font-size:12px; margin-top:10px; }

.list30 .tr2:hover{background: #fff;}

.list30 .tr1:hover,.list30 .tr2:hover,.list30 .tr3:hover{background: #dde7ef;}

.list30 .tr1 .tds,.list30 .tr3 .tds{height: 30px;}*/



.p_category{padding:50px 0 60px;}

.p_category .s_category{margin-bottom:20px;}

.p_category .s_category li{width:23.4%; margin-right:1.6%; padding:0 10px; font-size:14px; border:1px solid #dedede; height:58px; line-height:58px; margin-bottom:10px; overflow:hidden; text-align:center;}

.p_category .s_category li a{color:#999; display:block;}

.p_category .s_category li:hover{border:1px solid #2871e5; background:#2871e5;}

.p_category .s_category li:hover a{color:#fff; display:block;}

.p_category .s_category li.on{border:1px solid #2871e5; background:#2871e5;}

.p_category .s_category li.on a{color:#fff;}



.m_box{height:100px; background:#f4f4f4;}

.m_box .mbx span{height:100px; line-height:100px; font-size:16px; color:#999;}

.m_box .mbx .m1 a{color:#999;}

.m_box .mbx .m2 a{color:#2871e5;}

.back a{padding-right:34px; height:100px; display:block; line-height:100px; background:url(../images/back.png) no-repeat right center; font-size:14px; color:#666;}



.product_detail{padding:40px 0 80px;}

.product_detail .p_top{width:100%;}

.product_detail .p_top .pic{width:33.333%; border:1px solid #dedede;}

.product_detail .p_top .pic img{width:100%;}

.product_detail .p_top .p_box{padding-right:1%; width:64%;}

.product_detail .p_box .name{height:48px; line-height:48px; font-size:16px; color:#333; margin-bottom:10px;}

.product_detail .p_box .brief{line-height:24px; font-size:14px; color:#999; height:96px; overflow:hidden; margin-bottom:60px;}

.product_detail .p_box .p_all .p_btn{border-radius:5px;}

.product_detail .p_box .p_all .p_btn a{width:160px; height:50px; line-height:50px; font-size:16px; color:#fff; display:block; text-indent:68px;}

.product_detail .p_box .p_all .p_btn.mobiles{display: none;}

.product_detail .p_box .p_all .p_zixun{background:url(../images/consult.png) no-repeat 29px center #2871e5; margin-right:20px;}

.product_detail .p_box .p_all .p_apply{background:url(../images/p_apply.png) no-repeat 29px center #0293d2;}

.product_detail .p_box .p_all .p_downs{background:url(../images/p_downs.png) no-repeat 29px center #e6af19;}

.product_detail .p_bottom{margin-top:40px;}

.product_detail .p_bottom .p_item{height:60px; background:#f4f4f4;}

.product_detail .p_bottom .p_item .p_li a{padding:0 32px; height:56px; line-height:56px; display:block; border-top:4px solid #f4f4f4; font-size:18px; color:#666; cursor:pointer;}

.product_detail .p_bottom .p_item .p_li:hover a{border-top:4px solid #2871e5; color:#2871e5; background:#fff;}

.product_detail .p_bottom .p_item .p_li.on a{border-top:4px solid #2871e5; color:#2871e5; background:#fff;}

.product_detail .p_bottom .p_sub_item{padding:30px 40px;}

.product_detail .p_bottom .p_sub_item .p_del{color:#999; font-size:14px; line-height:30px; display:none;}



/*new pro-detail*/

.product_detail .p_top .list30 .big{background: #2871e5;}

.product_detail .p_top .list30 .big td{color: #fff;font-size: 14px;}

.product_detail .p_top .list30 td{text-align: left;}



.advanss{padding-bottom:60px; background:#f4f4f4; border-top:1px solid #dedede;}

.advanss .ad_title{height:108px; line-height:108px; font-size:30px; color:#333; text-align:center;}

.advanss .adv_list li{border:1px solid #dedede; padding:40px 0; background:#fff; margin-right:1%; width:32.666%;}

.advanss .adv_list li .pic{width:100%; height:88px; text-align:center;}

.advanss .adv_list li .pic span{display:inline-block; height:100%; vertical-align:middle;}

.advanss .adv_list li .pic img{max-width:100%; vertical-align:middle;}

.advanss .adv_list li .title{margin:24px 0 5px; height:40px; line-height:40px; font-size:20px; color:#666; text-align:center;}

.advanss .adv_list li .brief{color:#999; font-size:14px; line-height:20px; text-align:center; width:100%; padding:0 2%; height:40px; overflow:hidden;}

.advanss .adv_list li .brief p{padding:0; margin:0;}



.instance .in_top{padding:40px 0 24px;}

.instance .in_top li{margin:0 0.5% 16px; width:32.3333%; background:#f4f4f4;}

.instance .in_top li a{width:100%; height:100%; /*padding:45px 0 24px;*/ display:block;}

.instance .in_top li .pic{/*height:68px;*/ width:100%; text-align:center;}

.instance .in_top li .pic span{display:inline-block; height:100%; vertical-align:middle;}

.instance .in_top li .pic img{ vertical-align:middle; max-width:100%;}

.instance .in_top li .in_hide{display:none;}

.instance .in_top li .name{margin: 16px 0px; text-align:center; font-size:18px; color:#333; overflow:hidden;}

.instance .in_top li:hover{background:#2871e5;}

.instance .in_top li:hover .in_show{display:none;}

.instance .in_top li:hover .in_hide{display:block;}

.instance .in_top li:hover .name{color:#fff;}



.instance_list{padding-bottom:50px;}

.instance_list li{border:1px solid #dedede; margin:0 0.5% 14px; width:24%; padding-bottom:50px;}

.instance_list li .pic{width:100%;}

.instance_list li .pic img{width:100%;}

.instance_list li .name{height:40px; line-height:40px; text-align:center; font-size:16px;}

.instance_list li .name a{color:#666;}

.instance_list li:hover .name a{color:#2871e5;}



.in_apply{padding:60px 0; background:#f4f4f4;}

.in_apply .in_tit{height:66px; line-height:66px; font-size:36px; text-align:center; color:#333;}

.in_apply .in_bri{line-height:24px; color:#666; font-size:14px; text-align:center;}

.in_apply .app_form{margin-top:30px; background:#fff; padding:40px 3% 60px;}

.in_apply .app_form .in_row{width:23.5%; border:1px solid #dedede; margin-right:2%; margin-bottom:20px;}

.in_apply .app_form .in_row .se{width:100%; height:52px; line-height:52px; font-size:14px; color:#666; border:none; background:none;}

.in_apply .app_form .in_row .i{width:100%; border:none; background:none; height:52px; font-size:14px; line-height:52px; color:#666;padding-left:10px;}

.in_apply .app_form .in_message{width:100%;}

.in_apply .app_form .in_message .mess{padding:14px 20px; width:100%; border:1px solid #dedede; min-height:172px; font-size:14px; color:#666;}

.in_apply .app_form .apply_sub{margin:40px auto 0; height:60px; width:180px; background:#2871e5;}

.in_apply .app_form .apply_sub .a_mit{width:100%; height:100%; border:none; background:none; font-size:18px; color:#f4f4f4; cursor:pointer;}



.download{padding:40px 0 60px;}

.download .d_top{height:60px; padding:0 1%; background:#2871e5; border-radius:3px;}

.download .d_top .item{font-size:16px; color:#fff; line-height:60px;}

.download .w30{width:30%;}

.download .w43{width:43%;}

.download .w15{width:15%;}

.download .w12{width:12%;}

.download .d_list{margin-bottom:40px;}

.download .d_list li{height:60px; padding:0 1%;}

.download .d_list li .title{font-size:14px; line-height:60px; overflow:hidden;}

.download .d_list li .d3{color:#333;}

.download .d_list li .d6{color:#666;}

.download .d_list li .d9{background:url(../images/download.png) no-repeat left center; text-indent:38px;}

.download .d_list li .d9 a{color:#2871e5; display:block;}

.download .d_list li.f6{background:#f6f6f6;}



.info{padding:60px 0;}

.info .list li{padding-bottom:30px; border-bottom:1px solid #dedede; margin-bottom:30px;}

.info .list li .pic{width:200px; margin-right:3%;}

.info .list li .pic img{width:100%;}

.info .list li .box{width:62%;}

.info .list li .box .name{height:50px; line-height:50px; margin-bottom:10px; font-size:16px;}

.info .list li .box .name a{color:#333;}

.info .list li .box .brief{line-height:24px; height:72px; overflow:hidden; color:#999; font-size:14px;}

.info .list li .m18{margin-right:1.5%;}

.info .list li .m38{margin-right:3.5%;}

.info .list li .i_rab{}

.info .list li .i_rab .time{height:70px; line-height:70px; text-align:right; font-size:26px; color:#666;}

.info .list li .i_rab .i_more{width:17px; height:9px;}

.info .list li .i_rab .i_more img{width:100%;}

.info .list li:hover .name a{color:#2871e5;}



.info_detail{padding:70px 0 50px;}

.info_detail .in_title{line-height:54px; font-size:30px; color:#000; text-align:center;}

.info_detail .in_box{margin:6px 0 40px; text-align:center; padding-bottom:26px; border-bottom:1px solid #dedede; font-size:0;}

.info_detail .in_box .in_time{margin:0 17px; height:28px; line-height:28px; color:#999; padding-left:36px; background:url(../images/in_time.png) no-repeat left center; font-size:14px; display:inline-block;}

.info_detail .in_box .in_look{margin:0 17px; height:28px; line-height:28px; color:#999; padding-left:36px; background:url(../images/in_look.png) no-repeat left center; font-size:14px; display:inline-block;}

.info_detail .in_box .in_look span{color:#666; font-size:14px;}

.info_detail .share{height:24px; margin-top:30px; text-align:center;}

.info_detail .s_zi{display:inline-block; vertical-align:middle; line-height:24px; font-size:12px; color:#666;}

.info_detail .share .jiathis_style{display:inline-block; vertical-align:middle; margin-left:5px;}

.info_detail .info_pn{padding-top:30px; border-top:1px solid #e9e9e9; margin-top:30px;text-align: left;}

.info_detail .in_row{height:36px; line-height:36px; font-size:14px;}

.info_detail .in_row a{color:#666;}

.info_detail .in_row:hover a{color:#2871e5;}

.info_detail .in_row span{color:#2871e5; font-size:14px; margin-right:8px;}



.join{padding:60px 0 180px; background:url(../images/join.jpg) no-repeat center top;}

.join-list .item{width: 48.333333%;background-color: #b4b4b4;margin-bottom: 30px;}

.join-list .pad{padding: 35px 40px 25px 40px;}

.join-list .m{width: 72.4137%;}

.join-list .name{font-size: 18px;color: #fff;}

.join-list .salary{line-height: 25px;font-size: 14px;color: #fff;}

.join-list .info{line-height: 25px;color: #fff; padding:0;}

.join-list .button{width: 57px;height: 57px;border: 1px solid #fff;border-radius: 100%;margin-top: 10px; overflow:hidden;}

.join-list .button i{width: 100%;height: 100%;background: url(../images/arrow.png) no-repeat center center;}

.join-list .button-down{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.join-list .con{width: 100%; padding: 20px;background: rgba(255,255,255,.95);box-shadow: 0 11px 5px rgba(0,0,0,.08);left: 0;top: 100%;display: none; }

.join-list .con .con_del{line-height:24px; font-size:12px; color:#444; height:150px; overflow:auto;}



.join-list .email{font-size: 16px; width:126px; height:42px; line-height:42px; text-align:center; background:#2871e5; margin-left: 20px;}

.join-list .email a{color:#fff; display:block;}

.join-list .item:hover{z-index: 2;}

.join-list .item:hover .button-up{margin-top: -100%;}

.join-list .item:hover .pad{background-color: #2871e5;}



.ajax-more{width: 100%;height: 60px;background: #eaeaea url(../images/see-0.png) no-repeat center center;}

.ajax-more:hover{background: #2871e5 url(../images/see-1.png) no-repeat center center;}



.about{padding:60px 0 80px; background:url(../images/about.jpg) no-repeat right top;}

.about_box{height:60px; font-size:0; text-align:center;}

.about_box .a_line{width:30px; height:1px; display:inline-block; vertical-align:middle; background:#cbcbcb;}

.about_box .a_name{height:60px; line-height:60px; font-size:30px; color:#666; display:inline-block; vertical-align:middle; margin:0 20px;}

.art_del{line-height:28px; font-size:14px; color:#666;clear:both; text-align: left;}

.border_t{border-top: 1px solid #b6b6b6;padding-top:20px;}

/* 我们的优势 添加 */

.con_75_3 > .w-container {

	border-radius: 0px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	/* border-right: 0 solid #f3f3f3;

	border-top: 0 solid #f3f3f3;

	border-bottom: 0 solid #f3f3f3;

	border-left: 0 solid #f3f3f3; */

	border-radius: 0px;

	/* background-color: rgb(243, 243, 243); */

	background-image: none;

	background-repeat: repeat;

	background-position: 0 0;

	background: -moz-linear-gradient(top, none, none);

	background: -o-linear-gradient(top, none, none);

	background: -ms-linear-gradient(top, none,none);

	background: linear-gradient(top, none, none);

	background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));

	background-size: auto;

	/*-box-shadow-*/

	/* -moz-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	-webkit-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	-ms-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	-o-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204); */

	padding: 3% 0;

	margin-right: 3%;

	float:left;width: 30%;text-align: center;

	

   }

   .con_75_3 > .w-container > div {

	width: 80%;

	height: 100%;

	margin: auto;

   }

   .w-container .w-iconbox-title{font-size: 18px;line-height: 40px;}

   .w-container p{font-size: 14px;}









.about-history{width:100%; padding:55px 0 70px; /*background: #298c3a url(/images/path-bg.jpg) no-repeat center top;*/background: #f4f4f4 url(../images/about_img.jpg) no-repeat center top;}

.about-history .title{margin:0 auto;}

.about-history .title .t_line{width:30px; height:1px; background:#000; display:inline-block; vertical-align:middle;}

.about-history .title .tit{height:50px; line-height:50px; font-size:30px; color:#000; padding:0 24px; vertical-align:middle;}



.about-history .sub-title{color:#999; font-size:14px; font-family:Arial; line-height:24px;}

.about-history #path .swiper-slide{opacity: 0 !important;}

.about-history #path .swiper-slide.swiper-slide-active{opacity: 1 !important;}

.about-history .top{width:100%; height: 380px; text-align:center; margin:70px 0 75px;}

.about-history .top .year{width:130px; height:130px; border-radius:65px; /*background:#9a9a9a;*/background: #298c3a; margin:0 auto 50px; text-align:center; line-height:130px; font-size:36px; color:#fff;}

.about-history .top .year-brief{color:#555; font-size:20px;}

.about-history .bot{width:-moz-calc(100% - 76px); width:-webkit-calc(100% - 76px); width:calc(100% - 76px); margin:0 auto; border-bottom:1px solid #d5dadd; position:relative;}

.about-history .bot .prev{width:36px; height:36px; background:url(../images/his_prev.png) no-repeat; position:absolute; left:-36px; top:-18px; z-index:2;}

.about-history .bot .next{width:36px; height:36px; background:url(../images/his_next.png) no-repeat; position:absolute; right:-36px; top:-18px; z-index:2;}

.about-history .bot .prev.swiper-button-disabled, .about-history .bot .prev:hover, .about-history .bot .next.swiper-button-disabled, .about-history .bot .next:hover{color:#00a73c; border-color:#00a73c;}

.about-history .bot .db{/*width:1305px;*/ text-align:center; position:absolute; left:0; right:0; top:-7px; z-index:2; margin:0 auto;}

.about-history .bot .db .item{cursor:pointer;}

.about-history .bot .db .item .dot{width:15px; height:15px; margin:0 auto; border-radius:100%; background:#666666;}

.about-history .bot .db .item .year-select{margin-top:15px; color:#666666; font-size:14px;}

.about-history .bot .db .item.on .dot{background:#e94d12;}

.about-history .bot .db .item.on .year-select{color:#e94d12;}



.customer{padding:60px 0 70px;}

.customer .customer-swiper{margin-top:40px;}

.customer .item .pic{width:100%;}

.customer .item .pic img{width:100%;}

.customer .item .title{height:64px; line-height:64px; font-size:16px; color:#747474; overflow:hidden; text-align:center;}

.customer .h_button{margin-top:60px; height:38px; background:url(../images/h_button_bg.jpg) repeat-x center; text-align:center; font-size:0;}

.customer .h_button .prev{width:38px; height:38px; background:url(../images/h_prev.jpg) no-repeat; cursor:pointer; margin-right:1px; display:inline-block;}

.customer .h_button .next{width:38px; height:38px; background:url(../images/h_next.jpg) no-repeat; cursor:pointer; display:inline-block;}



.honor{padding:60px 0 70px; background:#f4f4f4;}

.honor .honor-swiper{margin-top:40px;}

.honor .item .pic{width:100%; border:1px solid #e0e0e0; overflow:hidden;}

.honor .item .pic img{width:100%;}

.honor .item .title{height:64px; line-height:64px; font-size:16px; color:#747474; overflow:hidden; text-align:center;}

.honor .item:hover .pic img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

.honor .h_button{margin-top:60px; height:38px; background:url(../images/h_button_bg.jpg) repeat-x center; text-align:center; font-size:0;}

.honor .h_button .prev{width:38px; height:38px; background:url(../images/h_prev.jpg) no-repeat; cursor:pointer; margin-right:1px; display:inline-block;}

.honor .h_button .next{width:38px; height:38px; background:url(../images/h_next.jpg) no-repeat; cursor:pointer; display:inline-block;}



.contact{padding:20px 0 80px;}

.contact .con_title{height:108px; line-height:108px; font-size:30px; color:#333; border-bottom:1px solid #e5e5e5; text-align:center;}

.contact .con_box{padding:36px 0 26px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;}

.contact .con_box .con_li{width:28%; margin-right:5%; line-height:30px; font-size:14px; color:#666; }

.contact .con_box .con1{background:url(../images/con1.png) no-repeat left 5px; padding-left:40px;}

.contact .con_box .con2{background:url(../images/con2.png) no-repeat left 0px; padding-left:50px;}

.contact .con_box .con3{background:url(../images/con3.png) no-repeat left 5px; padding-left:50px;}

.contact .c_row{width:32%; margin-right:2%; margin-bottom:30px;}

.contact .c_row .user{width:100%; border:1px solid #e3e3e3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; padding:0 18px; height:48px; line-height:48px; color:#999; font-size:14px;}

.contact .m_row{margin-bottom:40px;}

.contact .m_row .mess{border-radius:5px; padding:14px 18px; line-height:28px; font-size:14px; color:#999; width:100%; border:1px solid #e3e3e3; min-height:200px;}

.contact .c_submit{width:240px; height:60px; background:#2871e5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; margin:0 auto;}

.contact .c_submit .mit{height:60px; width:240px; border:none; background:none; line-height:60px; font-size:18px; color:#fff; cursor:pointer;}



/*注册登录页面*/

#member_create{position:relative; background:url(../images/create.jpg) no-repeat top center; background-size:cover; height:810px;}

#member_create.p88{padding-top:88px;}

#member_create.p200{padding-top:200px;}

#member_create .m_logo{width:88px; margin:30px auto;}

#member_create .m_logo img{width:100%;}

#member_create .white_box{max-width:514px; width:100%; background:#fff; border-radius:5px; margin:0 auto; overflow:auto; padding:40px 0 30px;}

#member_create .white_box .m_red{color:#f00; height:32px; line-height:32px; font-size:16px; text-align:center;}

#member_create .white_box .wh_top{padding:0 60px 0 45px; height:48px;}

#member_create .white_box .wh_top .wel{color:#2871e5; line-height:48px; font-size:24px; height:48px;}

#member_create .white_box .wh_top .wh_r{line-height:48px; color:#666; font-size:12px; height:48px;}

#member_create .white_box .wh_top .wh_r a{color:#2871e5; font-size:14px; text-decoration:underline; margin-left:30px;}

#member_create .white_box .wh_mid .w_row{margin-bottom:14px; padding-left:25px;}

#member_create .white_box .wh_mid .w_row .w_lab{width:95px; text-align:right; height:46px; line-height:46px; color:#555; font-size:16px; margin-right:20px;}

#member_create .white_box .wh_mid .w_row .w_lab span{color:#ed0000; font-size:16px;}

#member_create .white_box .wh_mid .w_row .m_user{width:318px; height:44px; border:1px solid #ccc; line-height:44px; padding:0 5px; background:none; font-size:16px; color:#555;}

#member_create .white_box .wh_mid .w_row .vcode{width:138px; height:44px; border:1px solid #ccc; line-height:44px; padding:0 5px; background:none; font-size:16px; color:#555; margin-right:10px;}

#member_create .white_box .wh_mid .re_box{height:54px; padding-left:52px;}

#member_create .white_box .wh_mid .re_box .agree{height:54px; color:#666; line-height:54px; font-size:12px;}

#member_create .white_box .wh_mid .re_box .agree a{color:#666;}

#member_create .white_box .wh_mid .m_all{padding:0 42px; height:54px;}

#member_create .white_box .wh_mid .m_all .m_re{line-height:54px; color:#666; font-size:12px;}

#member_create .white_box .wh_mid .m_all .lost{line-height:54px; font-size:12px;}

#member_create .white_box .wh_mid .m_all .lost a{color:#2871e5;}

#member_create .white_box .wh_mid .l_row{margin:0 auto 25px; max-width:420px; width:100%;}

#member_create .white_box .wh_mid .l_user{width:100%; height:44px; line-height:44px; padding:0 9px; border:1px solid #ccc; font-size:16px; color:#c2c2c2; background:none;}

#member_create .white_box .wh_mid .m_reg{margin:16px auto 0; width:420px; height:46px; background:#2871e5;}

#member_create .white_box .wh_mid .m_reg .mit{width:420px; height:46px; line-height:46px; border:none; background:none; color:#fff; cursor:pointer; font-size:18px;}

#member_create .m_code{height:28px; line-height:28px; text-align:center; font-size:14px; color:#fff;}



/*会员中心*/

.member_wz{ width:100%; line-height:68px; color:#999;}

.member_wz .Zi1{ background:url(../images/img59.png) no-repeat left center; padding-left:20px;}

.account .name{ height:14px; line-height:14px; border-left:4px solid #000; padding-left:12px; margin-top:30px;}



/*左侧*/

.account .lib_member_menu{ width:100%;}

.account .lib_member_menu .top{ background:#000; padding:20px;}

.account .lib_member_menu .top .img{ width:30px; height:30px; overflow:hidden;}

.account .lib_member_menu .top .img img{ width:100%;}

.account .lib_member_menu .top .fz16{ line-height:30px; color:#fff; font-weight:bold; margin-left:10px;}

.account .lib_member_menu .cont{ width:313px; background:#fff; border:1px solid #000;}

.account .lib_member_menu .cont .list{ width:100%; border-bottom:1px solid #dfdfdf; padding:15px 0;}

.account .lib_member_menu .cont .list .fz14{ color:#666; font-weight:bold; padding-left:20px; margin-bottom:12px;}

.account .lib_member_menu .cont .list .fz14.in{ margin:0;}

.account .lib_member_menu .cont .list .item{ padding-left:15px;}

.account .lib_member_menu .cont .list .item .fz12{ width:100%; background:url(../images/img67.jpg) no-repeat 10px center; color:#666; padding-left:25px; margin-bottom:8px;}

.account .lib_member_menu .cont .list .item .fz12.in{ margin:0;}

.account .lib_member_menu .bot{ border:1px solid #000; padding:20px; margin-top:20px;}

.account .lib_member_menu .bot .fz14{ font-weight:bold;}

.account .lib_member_menu .bot .item{ width:100%; text-align:center; margin-top:10px;}

.account .lib_member_menu .bot .item .list{ margin:0 20px;}

.account .lib_member_menu .bot .item .list .img{ width:30px; height:30px; overflow:hidden;}

.account .lib_member_menu .bot .item .list .img img{ width:100%;}

.account .lib_member_menu .bot .item .list .fz12{ color:#333; margin-top:5px;}



/*会员首页*/

.account .lib_member_index{ width:100%;}

.account .lib_member_index .one{ background:#fff; border:1px solid #e8e8e8; padding:20px 0;}

.account .lib_member_index .one .left{ width:100%; padding-left:30px;}

.account .lib_member_index .one .left .Zi1{ width:100%; line-height:20px; margin-top:5px;}

.account .lib_member_index .one .left .Zi1 .fz16{ font-weight:bold; color:#333;}

.account .lib_member_index .one .left .Zi1 .fz14{ color:#666; margin-left:20px;}

.account .lib_member_index .one .left .Zi2{ width:100%; margin-top:15px;}

.account .lib_member_index .one .left .Zi2 .Zi3{ margin:0 20px 10px 0; height:24px; line-height:24px;}

.account .lib_member_index .one .left .Zi2 .Zi3 .img{ width:20px; height:20px; overflow:hidden;}

.account .lib_member_index .one .left .Zi2 .Zi3 .img img{ width:100%;}

.account .lib_member_index .one .left .Zi2 .Zi3 .fz12{ margin-left:5px;}

.account .lib_member_index .one .left .Zi2 .mod{ text-decoration:underline; color:#2871e5;}

.account .lib_member_index .one .right{ line-height:58px; border-left:1px solid #e4e4e4; padding-left:45px;}

.account .lib_member_index .one .right .fz14{ color:#717171;}

.account .lib_member_index .one .right .fz14{ color:#333; margin-left:10px;}

.account .lib_member_index .two{ width:100%;}

.account .lib_member_index .two .name{ height:14px; line-height:14px; border-left:4px solid #000; padding-left:12px;}

.account .lib_member_index .two .hb{ background:#f3f3f3; border:1px solid #d0d0d0; border-left:none; margin-top:20px;}

.account .lib_member_index .two .hb.in{ border-left:1px solid #d0d0d0;}

.account .lib_member_index .two .hb .list{ height:40px; line-height:40px; background:#f4f4f4; border-top:1px solid #d0d0d0; color:#666; padding:0 25px; margin-top:-1px; margin-bottom:-1px;}

.account .lib_member_index .two .hb .list.on{ background:#fff; color:#333; border-top:2px solid #333; border-bottom:1px solid #fff; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0;}

.account .lib_member_index .two .db{ background:#fff; border:1px soldi #e5e5e5; border-top:none; padding:20px;}

.account .lib_member_index .two .db .item{ width:100%; margin-bottom:20px;}

.account .lib_member_index .two .db .item .top{ height:42px; line-height:42px; background:#e8e8e8; padding:0 12px;}

.account .lib_member_index .two .db .item .top .fz12{ color:#717171;}

.account .lib_member_index .two .db .item .cont{ width:100%; background:#e8e8e8;}

.account .lib_member_index .two .db .item .cont.in2{ display:none;}

.account .lib_member_index .two .db .item .cont th{ height:40px; background:#fff; font-size:14px; color:#666; font-weight:500;}

.account .lib_member_index .two .db .item .cont th.in{ text-align:left; padding-left:15px;}

.account .lib_member_index .two .db .item .cont td{ text-align:center; background:#fff; padding:20px 0;}

.account .lib_member_index .two .db .item .cont td.n1{ text-align:left; padding-left:15px;}

.account .lib_member_index .two .db .item .cont td.n1 .img1{ width:88px; height:88px; overflow:hidden; border:1px solid #ece8e9;}

.account .lib_member_index .two .db .item .cont td.n1 .img1 a{ width:88px; height:88px; display:table-cell; vertical-align:middle;}

.account .lib_member_index .two .db .item .cont td.n1 .img1 a img{ width:100%;}

.account .lib_member_index .two .db .item .cont td.n1 .nr{ width:43%; margin-left:20px; margin-top:10px;}

.account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin-bottom:10px;}

.account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:22px; color:#666;}

.account .lib_member_index .two .db .item .cont td.n1 .attr{ width:60px; text-align:center; margin-right:15px;}

.account .lib_member_index .two .db .item .cont td.n1 .attr .img2{ width:46px; height:46px; overflow:hidden; border:1px solid #e5e5e5; padding:6px;}

.account .lib_member_index .two .db .item .cont td.n1 .attr .img2 img{ width:100%;}

.account .lib_member_index .two .db .item .cont td.n1 .attr .fz14{ width:100%; margin-top:4px;}

.account .lib_member_index .two .db .item .cont td.n2 .fz16{ color:#333;}

.account .lib_member_index .two .db .item .cont td.n3 .fz16{ color:#666;}

.account .lib_member_index .two .db .item .cont td.n4 .fz16{ color:#333;}

.account .lib_member_index .two .db .item .cont td.n5 .fz16{ color:#333;}

.account .lib_member_index .two .db .item .cont td.n6 .fz12{ width:100%; margin:2px 0;}

.account .lib_member_index .two .db .item .cont td.n6 span{ color:#999;}

.account .lib_member_index .two .db .item .cont td.n6 a{ color:#005ea7;}

.account .lib_member_index .two .db .item .cont td.n7{ text-align:center;}

.account .lib_member_index .two .db .item .cont td.n7 .n1{ width:80px; height:24px; line-height:24px; background:#666; color:#fff; margin-bottom:5px;}

.account .lib_member_index .two .db .item .cont td.n7 .n2{ text-decoration:underline; color:#005ea7; margin:2px 0;}

.account .lib_member_index .two .db .item .cont td.n7 .n3{ text-decoration:underline; color:#ff8400; margin:2px 0;}

.account .lib_member_index .two .db .item .bot{ width:100%; text-align:right; border-bottom:1px solid #e8e8e8; padding:20px 0;}

.account .lib_member_index .two .db .item .bot .fz14{ color:#666;}

.account .lib_member_index .two .db .item .bot .fz18{ color:#ff8400;}

.account .lib_member_index .thr{ display:none; background:#fff; border:1px solid #e8e8e8; padding:3% 4%; margin-top:5%; width:100%;}

.account .lib_member_index .thr .list{ width:100%; margin-bottom:3%;}

.account .lib_member_index .thr .list.in{ margin-bottom:0;}

.account .lib_member_index .thr .list:hover{color:#2871e5;}



/*个人资料*/

.account .lib_member_medata{ width:100%;}

.account .lib_member_medata .last{ width:100%; margin-top:20px;}

.account .lib_member_medata .last .list{ width:100%; line-height:40px; margin-bottom:15px;}

.account .lib_member_medata .last .list .Zi1{ min-width:94px; text-align:right; color:#555;}

.account .lib_member_medata .last .list .Zi1.in{ min-width:50px; margin-left:10px;}

.account .lib_member_medata .last .list .input{ width:250px; height:38px; line-height:38px; text-indent:10px; background:#f2f2f2; border:1px solid #ccc;}

.account .lib_member_medata .last .list .input.in{ width:100px;}

.account .lib_member_medata .last .list .rod{ margin-top:16px; margin-right:5px;}

.account .lib_member_medata .last .list span{ margin-right:15px;}

.account .lib_member_medata .last .list select{ width:100px; height:38px; line-height:38px; background:#f2f2f2 url(../images/img54.jpg) no-repeat 95% center; border:1px solid #ccc; -moz-appearance: none; -webkit-appearance:none; appearance:none; margin-right:15px;}

.account .lib_member_medata .last .list .sub{ width:110px; height:40px; cursor:pointer; text-align:center; background:#333; color:#fff; border:none; border-radius:4px; margin-left:94px;}



/*密码修改*/

.account .lib_member_password{ width:100%;}

.account .lib_member_password .last{ width:100%; padding:60px 0;}

.account .lib_member_password .last .list{ width:100%; line-height:36px; margin-bottom:16px;}

.account .lib_member_password .last .list .Zi1{ width:135px; text-align:right;}

.account .lib_member_password .last .list .Zi1 span{ color:red;}

.account .lib_member_password .last .list .input{ width:263px; height:34px; text-indent:10px; border:1px solid #dcdcdc;}

.account .lib_member_password .last .list .sub{ width:112px; height:40px; cursor:pointer; background:#333; color:#fff; border:none; border-radius:4px; margin-left:135px;}





#footer{padding:44px 0 0; background:#282828;border-top:5px solid #2871e5;}

#footer .f_top{width:100%; padding-bottom:32px; border-bottom:1px solid #303030;}

#footer .f_top li{width:18.33%; padding-left:5%; border-right:1px solid #303030; min-height:200px;}

#footer .f_top li.w200{width:16.66%; padding-left:0; border-right:none;}

#footer .f_top li .title{height:32px; line-height:32px; font-size:16px; overflow:hidden; color:#fff; margin-bottom:5px;}

#footer .f_top li dd{height:26px; line-height:26px; font-size:12px;}

#footer .f_top li dd a{color:#e4e4e4;}

#footer .f_top li dd:hover a{ text-decoration:underline;}

#footer .f_top li .pic{width:60%; margin-top:10px;}

#footer .f_top li .pic img{width:100%;}

#footer .f_top li .wei{line-height:36px; color:#e4e4e4; font-size:12px;}

#footer .f_bottom{min-height:50px; line-height:50px; font-size:12px; color:#999;}

#footer .f_bottom .l{width: 100%;text-align:center;}

#footer .f_bottom .r{width: auto;}

#footer .f_bottom .l,#footer .f_bottom .r{font-size:12px; color:#e4e4e4;}

#footer .f_bottom .r a{font-size:12px; color:#999;margin-right: 10px;}

#footer .f_bottom .r a:hover{color: #fff;}



/*info22*/

.info22{background:#f6f6f6; padding:60px 0 60px;}

.info22 .list{margin:40px auto 0;}

.info22 .list .left{width:49.1%; /*height:360px;*/ position:relative; z-index:1;}

.info22 .list .left img{width:100%;}

.info22 .list .left .b{background:url(../images/m2.png); position:absolute; bottom:0; left:0; right:0; z-index:1; padding:14px 23px 12px;}

.info22 .list .left .b .title a{font-size:18px; color:#fff; line-height:29px;}

.info22 .list .left .b .brief{font-size:14px; color:#fff; line-height:25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.info22 .list .right{width:49.1%;}

.info22 .list .right li{margin:0 0 1px; background:#fff; height:119px; width:100%;}

.info22 .list .right li a{height:100%; display:block; padding:0 20px; overflow:hidden;}

.info22 .list .right li .t{line-height:40px; margin:20px 0 0;}

.info22 .list .right li .t .title{font-size:18px; color:#333;width: 82%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }

.info22 .list .right li .t .time{font-size:14px; color:#333;}

.info22 .list .right li .brief{font-size:14px; color:#999; line-height:37px; height:37px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }

.info22 .list .right li:hover .title{color:#2871e5;}



@media only screen and (max-width: 1680px){

	#lib_member{ width:100%;}

	#lib_member .leftMenu{ width:20%;}

	.account .name{ margin-top:3%;}

	.account .lib_member_menu .top{ padding:6%;}

	.account .lib_member_menu .cont{ width:auto;}

	.account .lib_member_menu .cont .list{ padding:5% 0;}

	.account .lib_member_menu .cont .list .fz14{ padding-left:6%; margin-bottom:4%;}

	.account .lib_member_menu .cont .list .item{ padding-left:9%;}

	.account .lib_member_menu .cont .list .item .fz12{ width:95%; background:url(../images/img67.jpg) no-repeat left center; padding-left:5%; margin-bottom:2.5%;}

	.account .lib_member_menu .bot{ padding:6.5%; margin-top:6%;}

	.account .lib_member_menu .bot .item{ margin-top:4%;}

	.account .lib_member_menu .bot .item .list{ width:20%; margin:0 5%;}

	.account .lib_member_menu .bot .item .list .img{ width:62%; height:auto;}

	#lib_member .rightContents{ width:78.75%;}

	.account .lib_member_index .one{ padding:1.6%;}

	.account .lib_member_index .one .left{ padding-left:2.5%; }

	.account .lib_member_index .one .right{ line-height:24px; border:none; padding-left:3.5%; margin-top:1.5%;}

	.account .lib_member_index .one .right .fz14{ margin-left:0;}

	.account .lib_member_index .two .hb{ margin-top:2%;}

	.account .lib_member_index .two .hb .list{ padding:0 2%;}

	.account .lib_member_index .two .db{ padding:1.5%;}

	.account .lib_member_index .two .db .item{ margin-bottom:1.5%;}

	.account .lib_member_index .two .db .item .cont th.in{ padding-left:1.5%;}

	.account .lib_member_index .two .db .item .cont td{ padding:1.7% 0;}

	.account .lib_member_index .two .db .item .cont td.n1{ padding-left:1.5%;}

	.account .lib_member_index .two .db .item .cont td.n1 .img1{ width:24.5%; height:auto;}

	.account .lib_member_index .two .db .item .cont td.n1 .img1 a{ width:100%; height:auto;}

	.account .lib_member_index .two .db .item .cont td.n1 .nr{ margin-top:0; margin-left:5%;}

	.account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin-bottom:5px;}

	.account .lib_member_index .two .db .item .cont td.n1 .attr{ width:17%; margin-right:4%;}

	.account .lib_member_index .two .db .item .cont td.n1 .attr .img2{ width:86%; height:auto; padding:7%;}

	.account .lib_member_index .two .db .item .cont td.n1 .attr .fz14{ margin-top:0;}

	.account .lib_member_index .two .db .item .bot{ padding:1.8% 0;}

	.account .collection .last{ margin-top:2%;}

	.account .collection .last .list{ width:23%; margin-right:2.6%;}

	.account .collection .last .list .top{ width:100%;}

	.account .collection .last .list .top .img{ height:auto;}

	.account .collection .last .list .top .more .itm{ width:auto; padding:0 8.5%; margin-top:26%;}

	.account .collection .last .list .top .more .itm .icon{ width:63%;}

	.account .collection .last .list .top .more .itm .icon img{ width:100%;}

	.account .lib_member_password .last{ padding:3% 0;}

	

	nav{/*width:50%;*/ margin:20px 0 0 15%;}

	nav li .senior{font-size:16px;}

	nav li.on .senior{font-size:16px;}

	nav li:hover .senior{font-size:16px;}

}





@media only screen and (max-width: 1440px){

	/*nav{width:65%; margin-left:14%;}*/

	nav li{margin-right:3%;}

	nav li .senior{font-size:16px;}

	nav li.on .senior{font-size:16px;}

	nav li:hover .senior{font-size:16px;}

	

	nav li .sub{width: 210px;background-color: #fff;border-top: 1px solid #2871e5;border-bottom: 4px solid #2871e5;margin-left: -120px;top: 100%;left: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: none;text-align:center;}

    nav li .sub .i{font-size: 14px;border-bottom: 1px solid #ddd;}

	

	

	.account .lib_member_index .one .right{ margin-top:2%;}

	.account .lib_member_index .two .db .item .cont td.n2 .fz16{ font-size:14px;}

	.account .lib_member_index .two .db .item .cont td.n5 .fz18{ font-size:14px; font-weight:bold;}

}

/* 测试结束*/

@media only screen and (max-width: 1360px){

	.info22 .list .left .b{/*position:inherit;*/ padding:14px 3% 12px;}

	.info22 .list .left .b .title a{font-size:16px;}

}



@media only screen and (max-width: 1280px){

	/*nav{width:65%; margin-left:10%;}

	nav li{margin-right:5%;}*/

	nav{width:60%; margin:20px 0 0 10%;}

	.account .lib_member_menu .top .img{ width:16%; height:auto;}

	.account .lib_member_menu .top .fz16{ line-height:normal; margin-top:2%; margin-left:2%;}

	.account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin-bottom:0;}

	.account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:normal;}

	.account .lib_member_index .two .db .item .cont td.n1 .attr .fz14{ font-size:12px;}

	.account .collection .last .list .top .more .itm{ margin-top:20%;}

	#banner .banner-info.threes{width: 50%;}

}

@media only screen and (max-width: 1270px){

	.info22 .list .right li{height:auto; padding:0 0 3%;}

}

@media only screen and (max-width: 1263px){

	.info22 .list .left{display:none;}

	.info22 .list .right{width:100%;}

	.info22 .list .right li .brief{height:auto; overflow:auto;}

}

@media only screen and (max-width: 1160px){

	nav li{margin-right:3%;}

}



@media only screen and (max-width: 1200px){

	/*nav{width:68%; margin-left:6%;}

	nav li{margin-right:3%;}*/

	

	#about_index .about_rab .brief{margin:20px 0;}

	

	.about-history .top .year{font-size: 80px;}

	.about-history .top .year-brief{font-size: 20px;}

	.about-history .bot .db li.on .year-select{font-size: 20px;}

	.about-history .bot .db li .year-select{font-size: 14px;}

	.cate_list .catess .c{width: 48.5%;}

	.list30{table-layout:auto;word-break:normal;}

	/*.list30 .tr1{display: none;}

	.list30 .tr2{display: none;}*/

	.list30 .tr3{display: block;}

	.list30 .tr4{display: block;}

	.list30 td{width: auto;}

	.list30 .tr4 td{ padding:10px 5px; }

	.list30 .tr1.aaa,.list30 .tr2.aaa{display: none;}

}







@media only screen and (max-width: 996px){

	nav{margin:20px 0 0 5%;}

	nav li .senior{font-size:12px;}

	nav li.on .senior{font-size:12px;}

	nav li:hover .senior{font-size:12px;}

}



/* 测试结束 end */





@media only screen and (max-width: 980px){

	header .h_box{/*display:none;*/ margin:38px 20px 0 0;}

	nav{display:none;}

	header .logo{width:189px;}

	header .lang{display:none;}

	header .h_member{display:none;}

	header .menubtn{display:block;}

	.info_index .main{display:none;}

	

	#product_index/*{padding:40px 0;*/}

	.p_cn{font-size:28px; height:60px; line-height:60px;font-weight: 700;}

	#product_index .pr_category{margin-top:40px;}

	

	#app_index .a_category{width:96%; margin:0 auto;}

	#app_index .a_category li .title{font-size:14px;}

	#app_index .a_category li .a_box .name{font-size:14px;}

	

	#about_index .about_rab .brief{height:210px; overflow:hidden;}

	

	.advanss .ad_title{font-size:20px; height:80px; line-height:80px; overflow:hidden;}

	.advanss .adv_list li .pic img{width:20%;}

	

	.q_box .q_list li{width:31.333%; margin:0 1% 20px;}

	

	.in_apply .in_tit{height:40px; line-height:40px; font-size:20px;}

	.about{background:none; padding:60px 0;}

	.about_box .a_name{font-size:20px;}

	

	.download .w15{display:none;}

	.download .w12{width:27%;}

	

	.info_detail .in_title{font-size:20px; line-height:40px;}

	.join-list .item{width: 100%;}

    .join-list .con{position: static;}

    .join-list .item.on{z-index: 2;}

    .join-list .item.on .button-up{margin-top: -100%;}

    .join-list .item.on .pad{background-color: #76c5f0;}

	

	.contact .con_title{font-size:20px; height:60px; line-height:60px;}

	

	.about-history .top .year{font-size: 20px;}

	.about-history .title .tit{font-size:20px; line-height:40px; height:40px; padding:0 20px;}

	.about-history .bot .db .item .year-select{font-size: 14px;}

	.about-history .bot .db .item.on .year-select{font-size: 16px;}	

	

	.account .lib_member_login .last{ width:50%; padding:3% 15%;}

	.account .lib_member_login .last .logo{ width:70%; height:auto;}

	.account .lib_member_login .last .list{ margin-bottom:6%;}

	.account .lib_member_login .last .list.n1{ margin-top:12%;}

	.account .lib_member_login .last .sub{ margin:6% 0;}

	.member_footer.login{ margin-top:10%;}

	.account .lib_member_menu .cont .list .item .fz12{ width:98%; background:none; padding-left:2%;}

	.account .lib_member_index .one .right{ margin-top:2.8%;}

	.account .lib_member_index .two .db .item .cont td.n1 .img1{ width:50%;}

	.account .lib_member_index .two .db .item .cont td.n1 .attr{ display:none;}

	.account .collection .last .list{ width:49%; margin:0 0 2%;}

	.account .collection .last .list.in{ float:right;}

	.account .collection .last .list .top .more .itm{ margin-top:27%;}

	.account .collection .last .list .top .more .itm .icon{ width:75%;}

	.account .collection .last .list .top .more .itm .fz14{ font-size:14px;}



	#banner .banner-info.twos{width: 85%;}

	#banner .banner-info.threes{width: 90%;}

	.cate_list .catess .c{width: 90%;}



	#footer .f_bottom .l,#footer .f_bottom .r{float: none;width: auto;}



	.product_detail .p_box .p_all .p_btn.mobiles{display: block;}

	.product_detail .p_box .p_all .p_zixun.waps{display: none;}

}



@media only screen and (max-width: 960px){

	#about_index{width:96%; margin:20px auto 40px;}

	#about_index .pic{width:100%;}

	#about_index .about_rab{width:100%; height: auto !important; padding:0; margin-top:20px;}

	#about_index .about_rab .brief{height:auto; text-align:center;}

	

	.product_detail .p_top .pic{max-width:398px; width:100%; margin:0 auto 20px; float:none;}

	.product_detail .p_top .p_box{width:100%; padding:0;}

	.product_detail .p_box .name{text-align:center;}

	.product_detail .p_box .p_all{text-align:center;}

	.product_detail .p_box .p_all .p_btn.mobiles{display:inline-block; float:none;margin-bottom: 5px;}

	.product_detail .p_box .p_all .p_apply{display:inline-block; float:none;margin-bottom: 5px;}

	.product_detail .p_box .p_all .p_downs{display: inline-block;float: none;margin-bottom: 5px;}

	.product_detail .p_box .p_all .p_btn a{ text-indent:50px;}

	

	.contact .con_box{font-size:0;}

	.contact .con_box .con_li{width:48%; margin:0 2% 20px 0; display:inline-block; float:none; vertical-align:top;}

	

	.info .list li .pic{display:none;}

	.info .list li .box{width:80%;}

}



@media only screen and (max-width: 850px){

	.account .lib_member_login .last .list.n3 a{ width:35%;}

	.account .lib_member_menu .top .fz16{ font-size:14px;}

	#lib_member .leftMenu{ display:none;}

	#lib_member .rightContents{ width:100%;}

	.account .lib_member_index .two{ display:none;}

	.account .lib_member_index .two.orders{ display:inline-block;}

	.account .lib_member_index .thr{ display:inline-block;}

}



@media only screen and (max-width: 768px){

	#product_index .pr_category li{width:48%; margin:0 1% 15px;}

	#app_index .a_category li{width:50%;}

	#app_index .a_category li.none{display:block;}	

	#quality_index{padding:40px 0;}

	#quality_index .q_list{margin-top:40px;}

	.q_list li{width:31.333%; margin:0 1% 15px;}

	

	#service_index{padding-top:30px;}

	.p_category .s_category li{height:40px; line-height:40px;}

	

	.download{border-top:1px solid #d6d6d6;}

	

	.advanss .adv_list li .title{font-size:16px; overflow:hidden;}

	.advanss .adv_list li .brief{font-size:12px;}

	.advanss .adv_list li .pic img{width:30%;}

	

	.i_category li{font-size:16px; height:48px; line-height:48px; margin:0 20px;}

	.info{padding:40px 0;}

	.info .list li .box .name{height:20px; line-height:15px;}

	.info .list li .i_rab .time{font-size:18px;}

	.info .list li .box {width: 49%;}

	.info .list li .pic {width: 120px;margin-right: 3%;}



	.instance .in_top li a{padding:30px 0 20px;}

	.instance .in_top li .pic{height:48px;}

	.instance .in_top li .pic img{width:20%;}

	

	.in_apply .app_form .in_row{width:48%; margin-right:2%;}

	

	.info_detail{padding:50px 0 30px;}

	.instance_list li{padding-bottom:30px;}

	

	.m_box{display:none;}

	.product_detail{border-top:1px solid #d6d6d6;}

	

	#footer .f_top li{width:31.333%; margin:0 1% 20px; border-right:none; padding:0; min-height:auto;}

	#footer .f_top li.w200{width:100%;}

	#footer .f_top li .title{ text-align:center;}

	#footer .f_top li dd{text-align:center;}

	#footer .f_top li .pic{width:120px; margin:0 auto;}

	#footer .f_top li .wei{text-align:center;}



}

/* 关于我们 */

.index_con{}

.index_con .left{float: left;}

.index_con .right {float: right;}

.index_con .video_bal{  padding-top:80px; padding-bottom:10px; }

.index_con .video_bal .l_txt{ width:43%;}

.index_con .video_bal .l_txt h2{ line-height:30px; font-weight:normal;font-size:28px;}

.index_con .video_bal .l_txt h5{ line-height:30px;font-size:28px; font-weight:900;}

.index_con .video_bal .l_txt p{ padding-top:20px; font-size:14px;}

.index_con .video_bal .l_txt a{ display:block;position:relative;    max-width:166px; width:100%; margin-top:42px; height:34px; font-size:14px; text-align:center; line-height:34px;overflow:hidden;}



.index_con .video_bal .r_video{line-height:50px; overflow:hidden; width:52.7%;-webkit-perspective: 1000px; perspective: 1000px;}

.index_con .video_bal .r_video img{ width:100%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.index_con .video_bal .r_video img:hover{opacity: 1; -webkit-transform: translate3d(0, 0, 80px); transform: translate3d(0, 0, 80px);}

.index_con .video_bal .r_video iframe{ width:100%; min-height:349px;}

.index_con .video_bal .r_video span{ display:block; font-size:14px;}

.index_con .video_bal .r_video span a{ font-size:12px;}

.index_con .video_bal .r_video a{ color:#808080;}

.index_con .video_bal .more{text-align: left;float: left;}

.index_con .video_bal  a{ color:#333; background:#f8f8f8; padding:3px 10px;  text-align:center; font-size:14px; line-height:24px; margin: auto;display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;margin-top: 15px;}

.index_con .video_bal  a:hover{ padding:5px 20px; background:#2871e5; color:#fff; }

/* 优势 */

.main-1 {width:100%;margin:0px auto;padding: 60px 0px;}

.main-1 .title {font-size:28px;font-weight: 700;margin:0px;padding:60px 0 0 0;}

.main-1 .info {font-size:14px;color:#656565;padding:10px 0;}

.main-1 .content {margin:0px auto;margin-top:20px;}

.main1-contentCenter {margin:0 auto;text-align:center;width: 33.333%;float: left;}

.main1-contentInfo {width: 33.333%;}

.main1-left {float: left;}

.main1-right {float: right;}

.main1-contentInfoChild {border-bottom:1px solid #e8e8e8;margin: 10px 0;padding: 10px 0;}

.main1-contentInfo .main1-contentInfoChild:nth-child(3) {border-bottom:0px;}

.main1-contentInfoChild .main1-title {color:#2871e5;font-size:18px;line-height:40px;}

.main1-contentInfoChild .main1-info {color:#656565;font-size:14px;margin:0px;}

.main1-left .main1-no {float: left;}

.main1-left .main1-info {text-align:left;}

.main1-right .main1-title {text-align:right;}

.main1-right .main1-info {text-align:right;}

.main1-img {width:100%;height:auto;}



.main-4 {width:100%;padding: 60px 0px;}

.main-4 .title {width:100%;padding:0px;margin:0px;font-size:28px;font-weight: 700;}

.main-4 .info {width:100%;padding:0px;margin:0px;text-align:center;color:#A9A9A9;font-size:14px;}

.main-4-child {background:#fff;border:1px solid #e8eaee;float:left;width:23.8%; margin:0 0.5% 13px;}

.main-4-child:nth-child(4) {margin-right:0px;}

.main-4-logo {width:100%;height:auto;}

.main-4-logo .main-4-image {width:100%;vertical-align:middle;}

.main-4-hideBg {width:100%;height:100%;}

.main-4-info {width:100%;padding:10px 6.15%;width:87.7%;}

.main4-title {font-size:18px;color:#333333;margin: 5px 0px;}

.main4-info {font-size:14px;color:#777777;margin: 7px 0px;}



@media (max-width: 768px) {

  .index_con .video_bal .more{text-align: left;float: left;}

  .index_con .video_bal  a{ color:#333; background:#f8f8f8; padding:3px 10px;  text-align:center; font-size:14px; line-height:24px; margin: auto;display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;margin-top: 15px;}

  .index_con .video_bal  a:hover{ padding:5px 20px; background:#2871e5; color:#fff; }

.index_con .video_bal{  padding:35px 0%; }

.index_con .video_bal .l_txt{ width:100%; padding-bottom:25px;}

.index_con .video_bal .l_txt h2{ line-height:26px; font-size:22px;font-weight:500;}

.index_con .video_bal .l_txt h5{ font-weight:normal; line-height:26px;font-size:20px;}

.index_con .video_bal .l_txt p{ padding-top:18px; font-size:12px;}

.index_con .video_bal .l_txt a{ display:block;position:relative;   width:80%; margin:22px 0 0 0; height:28px; font-size:12px; text-align:center; line-height:28px;}	

.index_con .video_bal .r_video{line-height:40px; width:100%;}

.index_con .video_bal .r_video iframe{ width:100%; min-height:249px;}

.index_con .video_bal .r_video span{ display:block; font-size:14px;}

.index_con .video_bal .r_video span a{ font-size:12px;}

.index_con .video_bal .r_video img{ width:100%; margin-bottom:15px;}



/* 优势 */

.main-1 {width:100%;}

.main-1 .title {font-size:20px;}

.main-1 .info {font-size:12px;}

.main-1 .content {width:100%;}

.main1-contentInfoChild .main1-title {font-size:14px;}

.main1-contentInfoChild .main1-info {font-size:12px;}

.main1-img {width:100%;height:auto;}

.main-4 .title {font-size:20px;}

.main-4 .info {font-size:12px;}

.main-4 .content {margin:0px auto;width:100%;height:auto;}

.main-4-child {width:100%;}







}



@media only screen and (max-width: 720px){

	.contact .c_row{width:100%; float:none;}

	.account .lib_member_login{ padding:8.5% 0 0;}

	.account .lib_member_login .last{ width:80%; padding:3% 6%;}

	.account .lib_member_login .last .list{ margin-bottom:5%;}

	.account .lib_member_login .last .list.n1{ margin-top:5%;}

	.account .lib_member_login .last .sub{ margin:3% 0;}

	.member_footer .top .fz14{ padding:0 10px;}

	.account .lib_member_index .two .db .item .cont.in1{ display:none;}

	.account .lib_member_index .two .db .item .cont.in2{ display:inline-block;}

	.account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin:10px 0;}

	.account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:22px;}	

	

	.info22 .list .right li .t{line-height:normal;}

	.info22 .list .right li .t .time{display:none;}

	.info22 .list .right li .t .title{font-size:16px; margin:0 0 2%;}

	.info22 .list .right li .brief{line-height:normal; line-height:24px;}

}



@media only screen and (max-width: 640px){



/* 我们的优势 添加 */

.con_75_3 > .w-container {

	border-radius: 0px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	/* border-right: 0 solid #f3f3f3;

	border-top: 0 solid #f3f3f3;

	border-bottom: 0 solid #f3f3f3;

	border-left: 0 solid #f3f3f3; */

	border-radius: 0px;

	/* background-color: rgb(243, 243, 243); */

	background-image: none;

	background-repeat: repeat;

	background-position: 0 0;

	background: -moz-linear-gradient(top, none, none);

	background: -o-linear-gradient(top, none, none);

	background: -ms-linear-gradient(top, none,none);

	background: linear-gradient(top, none, none);

	background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));

	background-size: auto;

	/*-box-shadow-*/

	/* -moz-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	-webkit-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	-ms-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	-o-box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204);

	box-shadow: 0.000000px 0.000000px 0px rgb(204, 204, 204); */

	padding: 3% 0;

	margin-right: 3%;

	float:left;width: 100%;text-align: center;

	border-bottom: 2px solid #2871e5;

   }

   .con_75_3 > .w-container > div {

	width: 90%;

	height: 100%;

	margin: auto;

   }

   .w-container .w-iconbox-title{font-size: 18px;line-height: 40px;}

   .w-container p{font-size: 14px;}









	.phone-block{display:block;}

	.phone-hide{display:none;}

	



	#pop_info_tips{width:80% !important;}

	.join-list .pad{padding: 3% 5%;}

    .join-list .con{padding: 3%;}

	

	.p_category .s_category li{width:48%; margin:0 1% 10px;}

	.advanss .adv_list li{width:100%; margin:0 0 10px; padding:20px 0;}

	.advanss .adv_list li .title{margin:5px 0;}

	.advanss .adv_list li .brief{height:auto; line-height:24px;}

	.advanss .adv_list li .pic img{width:10%;}

	

	.q_list li .pic img{width:30%;}

	

	.instance .in_top li{width:48%;}

	.instance .in_top li .pic img{width:15%;}

	

	.contact .con_box .con3{width:100%;}

	

	.account .lib_member_login .last .list .input{ height:40px; text-indent:10px; font-size:12px;}

	.account .lib_member_login .last .list .remember .check{ margin-top:2px; margin-right:5px;}

	.account .lib_member_login .last .list .remember .Zi1{ font-size:12px;}

	.account .lib_member_login .last .list .Zi2{ font-size:12px;}

	.account .lib_member_login .last .sub{ height:38px; font-size:16px;}

	.account .lib_member_login .last .fz16{ font-size:14px;}

	.member_footer .top .fz14{ font-size:12px; padding:0 2%;}

	.account .lib_member_login .last .list.n3 .input{ width:50%;}

	.account .lib_member_login .last .list.n3 a{ width:25%;}

	.account .lib_member_index .one .left{ width:96%; border:none; padding:0 2%;}

	.account .lib_member_index .one .right{ width:96%; padding:0 2%; margin-top:2%;}

	.account .lib_member_index .two .hb .list{ font-size:12px; padding:0 2%;}

	.account .lib_member_index .two .db .item .cont th{ height:35px; font-size:12px;}

	.account .collection .last .list .top .more .itm .icon{ width:55%;}

	.account .lib_member_medata .last .list .Zi1{ width:15%;}

	.account .lib_member_medata .last .list .input{ width:60%;}

	.account .lib_member_medata .last .list .rod{ margin-top:2%;}

	.account .lib_member_medata .last .list span{ margin-right:2%;}

	.account .lib_member_medata .last .list select{ width:15%; margin-right:2%;}

}



@media only screen and (max-width: 480px){

	#product_index{padding:0px 0;}

	.p_cn{font-size:14px; height:40px; line-height:40px;}

	#product_index .pr_category{margin-top:20px;}

	#product_index .pr_category li{width:100%; margin:0 0 15px; padding:20px 0;}

	#product_index .pr_category li .title{font-size:12px; line-height:24px; height:auto;}

	

	#app_index .a_category li{width:100%;}

	

	.q_box{padding:20px 0;}

	.q_box .q_list li{width:48%; padding:15px 0; margin:0 1% 10px;}

	.q_list li .pic{height:60px;}

	.q_list li .pic img{width:20%;}

	

	.q_list li .title{font-size:12px; height:28px; line-height:28px;}

	.q_list li .pic{margin-bottom:15px;}

	

	.i_category li{margin:0 15px; font-size:14px; height:30px; line-height:30px;width: auto;}

	

	#service_index .brief{margin:15px 0 8px; font-size:12px;}

	#service_index .more{font-size:12px; height:32px; line-height:32px; width:120px;margin:0 auto;}

	#about_index .about_rab .brief{font-size:12px; line-height:24px;}

	#about_index .more{font-size:12px; height:32px; line-height:32px; width:120px;}

	#service_index .more a{width:128px; height:40px; margin:0 auto; border:1px solid #fff; line-height:40px; text-align:center; font-size:12px; border-radius:25px;}

	

	.p_category{padding:20px 0;}

	.p_category .s_category{margin-bottom:0;}

	

	.advanss .adv_list li .title{font-size:14px; line-height:32px; height:32px;}

	.advanss .adv_list li .pic{height:60px;}

	

	.instance .in_top li a{padding:20px 0;}

	.instance .in_top li .name{height:28px; font-size:14px; line-height:28px; margin-top:10px;}

	

	.product_detail .p_box .name{height:40px; line-height:40px;}

	.product_detail .p_box .brief{margin-bottom:20px;}

	.product_detail .p_bottom .p_item{height:40px;}

	.product_detail .p_bottom .p_item .p_li a{height:36px; line-height:36px; font-size:14px; padding:0 20px;}

	.product_detail .p_box .p_all .p_btn.mobiles{background:url(../images/consult.png) no-repeat 20px center #2871e5; background-size:10%;}

	.product_detail .p_box .p_all .p_btn a{ text-indent:25px; font-size:14px;}

	.product_detail .p_box .p_all .p_apply{background:url(../images/p_apply.png) no-repeat 20px center #0293d2; background-size:10%;}

	.product_detail .p_box .p_all .p_downs{background:url(../images/p_downs.png) no-repeat 20px center #e6af19; background-size:10%;}

	.product_detail .p_box .p_all .p_btn{margin:0 10px 10px !important;}

	.product_detail .p_bottom .p_sub_item{padding:20px 10px;}

	

	.in_apply{padding:20px 0;}

	.in_apply .in_tit{font-size:14px; line-height:30px; height:30px;}

	.in_apply .in_bri{font-size:12px;}

	.in_apply .app_form{padding:20px 2% 30px;}

	.in_apply .app_form .in_row{width:100%; margin-right:0; margin-bottom:10px;}

	.in_apply .app_form .in_row .se{font-size:12px; height:40px; line-height:40px;}

	.in_apply .app_form .in_row .i{font-size:12px; height:40px; line-height:40px;}

	.in_apply .app_form .in_message .mess{font-size:12px;}

	.in_apply .app_form .apply_sub{margin:20px auto 0; width:120px; height:40px;}

	.in_apply .app_form .apply_sub .a_mit{font-size:12px;}

	

	.info{padding:20px 0;}

	.info .list li{padding-bottom:20px; margin-bottom:20px;}

	.info .list li .box .name{font-size:14px; margin-bottom:0;}

	.info .list li .i_rab .time{height:40px; line-height:40px; font-size:16px;}

	.info .list li .box .brief{font-size:12px; line-height: 20px;height: 62px;}

	

	.info_detail{padding:20px 0; border-top:1px solid #d5d5d5;}

	.info_detail .in_title{font-size:14px; line-height:28px;}

	.info_detail .in_row{font-size:12px; height:30px; line-height:30px;}

	.info_detail .in_row span{font-size:12px;}

	.info_detail .in_box .in_time{font-size:12px; background-size:10%; padding-left:20px; margin:0 10px;}

	.info_detail .in_box .in_look{font-size:12px; background-size:15%; margin:0 10px; padding-left:25px;}

	.info_detail .in_box .in_look span{fonnt-size:12px;}

	

	.instance_list li{width:48%; margin:0 1% 10px; padding-bottom:20px;}

	

	.about{padding:20px 0;}

	.about_box{height:30px;}

	.about_box .a_name{font-size:14px; height:30px; line-height:30px;}

	.art_del{line-height:24px; font-size:12px;}

	

	.about-history{padding:20px 0 100px;}

	.about-history .top{margin:20px 0 60px;}

	.about-history .top .year{width:80px; height:80px; margin:0 auto 40px; line-height:80px; border-radius:40px;}

	.about-history .top .year-brief{font-size:12px; line-height:24px;}

	.about-history .bot{margin:80px auto 0;}

	.about-history .bot .prev{width:24px; height:24px; left:-24px; top:-12px; background-size:contain;}

	.about-history .bot .next{width:24px; height:24px; right:-24px; top:-12px; background-size:contain;}

	

	.join{padding:20px 0;}

	.join-list .button{width:30px; height:30px;}

	.join-list .button i{background-size:40%;}

	

	.contact .con_title{font-size:14px; height:40px; line-height:40px;}

	.contact .con_box{padding:20px 0;}

	.contact .con_box .con_li{width:100%; font-size:12px;}

	.contact .con_box .con1{background-size:5%; padding-left:30px;}

	.contact .con_box .con2{background-size:5%; padding-left:30px;}

	.contact .con_box .con3{background-size:5%; padding-left:30px;}

	.contact .c_row{margin-bottom:10px;}

	.contact .m_row{margin-bottom:20px;}

	.contact .c_submit{height:48px; width:160px;}

	.contact .c_submit .mit{font-size:12px; height:48px; line-height:48px; width:160px;}

	

	.m_box{height:40px;}

	.m_box .mbx span{font-size:12px; height:40px; line-height:40px;}

	.back a{font-size:12px; height:40px; line-height:40px;}

	

	.download .d_top{height:50px;}

	.download .d_top .item{font-size:14px; line-height:50px;}

	.download .d_list li{height:50px;}

	.download .d_list li .title{line-height:50px; font-size:12px;}

	.download .d_list li .d9{background-size:20%;}

	

	.customer{padding:20px 0;}

	.customer .customer-swiper{margin-top:20px;}

	.customer .item .title{line-height:28px; font-size:12px; height:auto; margin-top:10px;}

	.customer .h_button{margin-top:30px; height:20px;}

	.customer .h_button .prev{width:20px; height:20px; background-size:contain;}

	.customer .h_button .next{width:20px; height:20px; background-size:contain;}

	

	.honor{padding:20px 0;}

	.honor .honor-swiper{margin-top:20px;}

	.honor .item .title{line-height:28px; font-size:12px; height:auto; margin-top:10px;}

	.honor .h_button{margin-top:30px; height:20px;}

	.honor .h_button .prev{width:20px; height:20px; background-size:contain;}

	.honor .h_button .next{width:20px; height:20px; background-size:contain;}

	

	#member_create.p200{padding:0;}

	#member_create{padding:50px 0 !important; height:auto;}

	#member_create .white_box{padding:20px 0;}

	#member_create .white_box .wh_top{height:32px; padding:0 20px;}

	#member_create .white_box .wh_top .wel{font-size:14px; height:32px; line-height:32px;}

	#member_create .white_box .wh_top .wh_r{height:32px; line-height:32px;}

	#member_create .white_box .m_red{font-size:12px;}

	#member_create .white_box .wh_mid{width:96%; margin:0 auto;}

	#member_create .white_box .wh_mid .l_row{margin:0 auto 20px;}

	#member_create .white_box .wh_mid .l_user{font-size:12px; height:40px; line-height:40px;}

	#member_create .white_box .wh_mid .m_reg{height:40px; max-width:420px; width:100%;}

	#member_create .white_box .wh_mid .m_reg .mit{font-size:12px; height:40px; line-height:40px; max-width:420px; width:100%;}

	#member_create .white_box .wh_mid .w_row{padding-left:10px;}

	#member_create .white_box .wh_mid .w_row .w_lab{font-size:12px;}

	#member_create .white_box .wh_mid .w_row .w_lab span{font-size:12px;}

	#member_create .white_box .wh_mid .w_row .w_lab{width:80px; height:40px; line-height:40px;}

	#member_create .white_box .wh_mid .w_row .w_rab{width:60%;}

	#member_create .white_box .wh_mid .w_row .m_user{font-size:12px; height:38px; line-height:38px; width:100%;}

	#member_create .white_box .wh_mid .w_row .vcode{margin-bottom:10px;}

	

	

	.member_footer .top .fz14{ font-size:10px; border:none;}

	.member_footer .bot{ font-size:10px; margin-top:5px;}

	.account{border-top:1px solid #d5d5d5;}

	.account .lib_member_index .two .hb{ margin-top:4%;}

	.account .lib_member_index .two .hb .list{ height:30px; line-height:30px; font-size:10px;}

	.account .lib_member_login .last .list.n3 a{ width:40%;}

	.account .lib_member_index .one .left .Zi2 .Zi3{}

	.account .lib_member_index .two .db .item .cont td.n1 .nr .fz14{ margin:5px 0 0;}

	.account .lib_member_index .two .db .item .cont td.n1 .nr .fz12{ line-height:normal;}

	.account .lib_member_index .two .db .item .cont td.n7 .n1{ width:auto; height:auto; line-height:normal; padding:4% 20%;}

	.account .collection .last .list .top .more .itm{ width:45%; padding:0; margin-top:24%;}

	.account .collection .last .list .top .more .itm .icon{ width:28%;}

	.account .collection .last .list .top .more .itm .fz14{ font-size:10px;}

	.account .collection .last .list .bot{ margin-top:5px;}

	.account .lib_member_medata .last .list{ line-height:normal; margin-bottom:20px;}

	.account .lib_member_medata .last .list .Zi1{ width:100%; text-align:left; margin-bottom:5px;}

	.account .lib_member_medata .last .list .input{ width:90%;}

	.account .lib_member_medata .last .list .rod{ margin-top:1%;}

	.account .lib_member_medata .last .list select{ width:23%;}

	.account .lib_member_medata .last .list span.n1{ margin-top:2%;}

	.account .lib_member_medata .last .list .sub{ margin:0;}

	.account .lib_member_password .last .list{ line-height:normal; margin-bottom:5%;}

	.account .lib_member_password .last .list .Zi1{ width:100%; text-align:left; margin-bottom:2%;}

	.account .lib_member_password .last .list .input{ width:80%;}

	.account .lib_member_password .last .list .sub{ margin:0;}

	

	#footer .f_top{padding-bottom:10px;}

	#footer .f_top li{width:48%;}

	#footer .f_top li .title{font-size:14px;}

	

	

}



@media only screen and (max-width: 390px){

	/*header .h_box{display:none !important;}

	header .search_w{display:none !important;}*/

	.closes{display:none !important;}

	

}

@media only screen and (max-width: 360px){

	.q_list li{width:48%; margin:0 1% 15px;}

	.advanss .adv_list li .pic{height:40px;}

	.q_list li .pic{height:40px;}

	.download .d_list li .d9{ text-indent:30px;}

	#member_create .white_box .wh_top .wh_r a{margin-left:10px;}	

}





.subtitle{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;margin-bottom:20px;}

.subtitle span.catname{ font-size:28px; display:inline-block;font-weight:700;}

.subtitle span.xian{ position:absolute; width:16%; height:1px; background-color:#2871e5; left:0; bottom:0;}

.subtitle a{ float:right;font-size:16px;margin:0 auto;border:1px solid #ccc;color:#ccc;line-height:40px;text-align:center;border-radius:25px;padding:0 15px;}

.subtitle a:hover{ border:1px solid #2871e5;color:#2871e5;background:#3f5fd4;border:1px solid #3f5fd4;color:#fff;}



.product_c{margin:40px 0 40px;}

.content{ width:100%; overflow:hidden; margin-top:10px; font-size:14px; line-height:26px; color:#666;}

.content img{ max-width:100%;}



.caselist{ width:100%; overflow:hidden;}

.caselist li{ width:23%; float:left; overflow:hidden; margin:1%;}

.caselist li .img{ width:100%; overflow:hidden;}

.caselist li .img img{ width:100%;-moz-transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    -webkit-transition: all 1s ease 0s;

    transition: all 1s ease 0s;}

.caselist li p{ text-align:center; font-size:16px; padding: 15px 0px; overflow:hidden;background: #f8f8f8;color: #252525;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }	

/*.caselist li a:hover img{-moz-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);}*/

.caselist li a:hover p{ color:#fff;background:#3f5fd4;}





@media screen and (max-width: 1204px){

	.caselist li{ width:48%;}

	.subtitle{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;margin-bottom:20px;}

	.subtitle span.catname{ font-size:14px; display:inline-block;font-weight:700;}

	.subtitle span.xian{ position:absolute; width:18%; height:1px; background-color:#2871e5; left:0; bottom:0;}

	.subtitle a{ float:right;font-size:12px;margin:0 auto;border:1px solid #2871e5;color:#2871e5;line-height:40px;text-align:center;border-radius:25px;padding:0 15px;}

	.subtitle a:hover{ border:1px solid #2871e5;color:#fff;background:#3f5fd4;border:1px solid #3f5fd4;}

	}

@media screen and (max-width: 640px){

	.caselist li{ width:48%;}

	.subtitle{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;margin-bottom:20px;}

	.subtitle span.catname{ font-size:14px; display:inline-block;font-weight:700;}

	.subtitle span.xian{ position:absolute; width:25%; height:1px; background-color:#2871e5; left:0; bottom:0;}

	.subtitle a{ float:right;font-size:12px;margin:0 auto;border:1px solid #2871e5;color:#2871e5;line-height:40px;text-align:center;border-radius:25px;padding:0 15px;}

	.subtitle a:hover{ border:1px solid #2871e5;color:#fff;background:#3f5fd4;border:1px solid #3f5fd4;}

	}

	

.pr_category{margin-top:40px;margin-bottom:40px;}

.pr_category li{width:24%; margin:0 0.5% 13px; /*padding:40px 0;*/ background:#fff;}

.pr_category li a{width:100%; display:block;}

.pr_category li .pic{/*height:150px;*/ text-align:center;}

.pr_category li .pic span{ display:inline-block; height:100%; vertical-align:middle;}

.pr_category li .pic img{max-width:100%; vertical-align:middle;}

.pr_category li .p_show{display:block;}

.pr_category li .p_hide{display:none;}

.pr_category li .title{/*height:32px; line-height:32px;*/ background:#f8f8f8;font-size:16px; text-align:center; color:#252525;padding:15px 0;}

.pr_category li:hover{background:#3f5fd4;} 

.pr_category li:hover .title{color:#fff;background:#3f5fd4;}

.pr_category li:hover .p_show{display:none;}

.pr_category li:hover .p_hide{display:block;}

@media only screen and (max-width: 768px){

.pr_category li{width: 49%;margin:0 0.5% 13px;}

}







/*2019-04-23*/

@media (min-width: 769px) {

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

    float: left;

  }

  .col-sm-12 {

    width: 100%;

  }

}



@media (min-width: 992px) {

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

    float: left;

  }

  .col-md-6 {

    width: 50%;

  }

}

/*产品展示*/

#pic-page {text-align: center; margin-top:10px;}

#pic-page a {margin: 0 2px;}

#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}

#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}

.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}

.product_h1{ margin:0px; line-height:54px; font-size:33px; color: #666; padding-bottom:10px;border-bottom: 1px solid #b6b6b6;}

.product_info{list-style:none; padding:0px; margin-top:10px;}

.product_info li{ line-height:2; padding-bottom:12px;font-size: 14px;color: #666;}

.product_con{clear: both;border-top: 1px dotted #ccc;margin:10px 0px 20px 0px;padding:20px 0px 0px 0px;line-height:26px;overflow: auto;}

.example-image {

	max-width: 80%;

	display: block;

}

.btn-default .badge {

  color: #fff;

  background-color: #333;

}

.btn-primary {

  color: #fff;

  background-color: #2871e5;

  border-color: #2871e5;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  color: #fff;

  background-color: #2871e5;

  border-color: #2871e5;

}

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  background-image: none;

}

@media (min-width: 769px) {

  .form-horizontal .form-group-sm .control-label {

    padding-top: 6px;

  }

}

.btn {

  display: inline-block;

  padding: 6px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 1.42857143;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

      touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

  outline: thin dotted;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

.btn:hover,

.btn:focus,

.btn.focus {

  color: #fff;

  text-decoration: none;

}

.btn:active,

.btn.active {

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}

.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

  pointer-events: none;

  cursor: not-allowed;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

          box-shadow: none;

  opacity: .65;

}

.btn-default {

  color: #333;

  background-color: #fff;

  border-color: #ccc;

}

.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  color: #333;

  background-color: #e6e6e6;

  border-color: #adadad;

}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  background-image: none;

}

}