body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;  }  
body,html{font-size:14px;  width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif,"微软雅黑"}
img{border:none; display: inline-block;}
li{list-style:none;}
input,select,textarea{outline:none;-webkit-appearance: none;}
input::-webkit-input-placeholder { color:#9c9c9c;font-size:14px;}
input:-moz-placeholder {  　　color:#9c9c9c;font-size:14px;　　}
input::-moz-placeholder { color:#9c9c9c;font-size:14px;}
input:-ms-input-placeholder { color:#9c9c9c;font-size:14px;}
textarea{resize:none;}
a{text-decoration:none;color: #333}
i,em,strong,b,h1,h2,h3,h4,h5{ font-style: normal; font-weight: normal;}
img{width: 100%}

/*内页--头部*/
/* .head{width: 100%;height: 45px;line-height:45px;background: #80b620; float: left;position: fixed;top: 0px;z-index: 6}
.head .main{width:100%; padding-left: 2%}
.head h6{font-size: 22px; color: #fff;line-height:45px;font-weight: 100;display: table;margin: 0px auto;padding-left: 20px}
.head .fl { float: left;display: inline-block;margin-left: 5px}
.head p img{width: 25px;vertical-align: middle;}
.head .fr { float: right;display: inline-block;}


 */

.index_top{width:100%; padding: 0px 2%; background: #fff;display:flex;justify-content:space-between;align-items:center;height: 60px;position: fixed;top: 0px;z-index: 6}
.index_top p img{width:230px;}
.index_top span img{width: 28px;margin-right: 10px;}
.index_top p.fr_search{ float: right;margin:0px;margin-right: 40px; }
.index_top p.fr_search img{width: 25px;}
.drawer-toggle img{width: 25px;margin-right: 8px;}
.page_search{margin-right: 0px; }




.mask{width: 100%; height: 100%; background: rgba(0,0,0,0.5);position: fixed; top: 0px;display: none;z-index: 9}
.mask_con {position: fixed;top:calc((100% - 100px)/2);width: 100%;display: none;z-index: 10}
.mask_search{width: 100%; height: 70px;background: #fff;padding: 0px 10%; float:left;border-bottom:1px solid #dedede}
.mask_search p {height: 30px; line-height: 30px; background: #eeeeee;margin-top: 20px;border-radius: 25px;padding: 0px 0px 0px 10px;}
.mask_search p input{color: #333;font-size:14px;outline: none; background: #eee;border: none; float: left;width: 80%;height: 30px; line-height: 30px;padding: 0px 5px;}
.mask_search p span { float: right;display: inline-block;line-height: 30px;background: #0193e8;width: 40px;border-radius: 25px;text-align: center;}
.mask_search p span img{ vertical-align: middle;width: 20px;}





.mui-fullscreen{ background: #fff}
nav{ padding-top: 15px; height: 90px}
nav a{width: 90%;line-height: 30px;color: #fff;font-size: 16px;}
.list_dt{color:white;width:100%;height: 35px;line-height: 35px;text-indent: 20px;border-bottom: 1px solid #1E49A4;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
/* .list_dt:hover{background: #115c9f;} */
.list_dt:hover ._after{display: block;width: 3px;height: 100%;position: absolute;left: 0;top: 0;background: #4285F4;}
/* #open{ background: #115c9f;} */
#open ._after{display: block;width: 3px;height: 100%;position: absolute;left: 0;top: 0;background: #4285F4;}
.list_dt_icon{position: absolute;right: 10px;top: 9px;display: block;width: 16px;height: 16px;background: url("../image/off.png") no-repeat;}
#open .list_dt_icon{background: url("../image/open.png") no-repeat;}
.list_dd{display: none;text-indent: 20px;font-size: 14px;}
.list_li{color: white;width:100%;padding: 0 30px 0px 0px;height: 34px;line-height: 34px;cursor: pointer;}
.list_dd ul li a{font-size: 14px;border-bottom: 1px dashed #0070EA; display:block;width:100%;}
.list_dd_dd dl{width: 100%; float: left;text-indent: 20px;border-bottom: 1px dashed #666;display: none;}
.list_dd_dd>dl dd a{text-indent:35px;width: 100%;float: left;}


/*banner切换*/
.banner{ width:100%; position:relative;font-size:0; margin-top: 60px;overflow: hidden; float: left;}
.b-img{position:absolute; left:0; top:0;width: 100%}
.b-img a,.b-img a img{ display:block; float:left;width: 100%}
.b-list{ height:10px; position:absolute;z-index:4;left:calc((100% - 160px)/2); bottom: 1px; width: 400px}
.b-list span{ display:block;cursor:pointer; width:40px; height:4px; float:left; margin:0 5px; background: #fff}
.b-list .spcss{background: #ff6600}

.index_tit,.index_tit2 {width: 100%; text-align: center;padding-top:30px; float: left;clear: both;}
.index_tit h2,.index_tit2 h2 {font-size:20px; line-height: 30px; color: #004CA0; font-weight:bold;}
.index_tit b,.index_tit2 b {font-size: 14px; color: #333;padding-top: 10px;display: inline-block;}
.index_tit2 h2 { color: #fff }

.index_product_con{width:calc(100% - 20px); float: left;margin-bottom: 90px;margin:0px 10px;}
.index_product_con ul li {width:calc(50% - 5px); float: left;margin-right: 5px;margin-top:20px;}
.index_product_con ul li:nth-child(2n) { margin-right: 0px; float: right; }
.index_product_con ul li img{width:100%;padding:3px;border: 1px solid #ccc;margin-right: 5px;}
.index_product_con ul li a {width:100%;display: inline-block; float: left; color: #333;}
.index_product_con ul li a p { padding-top: 10px; line-height: 24px; font-size: 12px; padding-bottom: 5px;}
.index_product_con ul li a span {padding-left:15px;line-height: 22px;width: 100%; float: left; display: inline-block;}
.index_product_con ul li.hover a { background: #ff6600 }

.index_product_con1{width:calc(100% - 20px); float: left;margin-bottom: 90px;margin:0px 10px 20px;}
.index_product_con1 ul li {width:calc(33% - 5px); float: left;margin-right: 8px;margin-top:20px;}
.index_product_con1 ul li:nth-child(3n) { margin-right: 0px; float: right; }
.index_product_con1 ul li img{width:100%;margin-right: 5px;}
.index_product_con1 ul li a {width:100%;display: inline-block; float: left; color: #333;}
.index_product_con1 ul li a p { padding-top: 10px; line-height: 24px; font-size: 12px; padding-bottom: 5px;}
.index_product_con1 ul li a span {padding-left:15px;line-height: 22px;width: 100%; float: left; display: inline-block;}
.index_product_con1 ul li.hover a { background: #ff6600 }

.index_product_con2{width:calc(100% - 20px); float: left;margin-bottom: 90px;margin:0px 10px;}
.index_product_con2 ul li {width:calc(50% - 5px); float: left;margin-right: 5px;margin-top:20px;}
.index_product_con2 ul li:nth-child(2n) { margin-right: 0px; float: right; }
.index_product_con2 ul li img{width:100%;margin-right: 5px;}
.index_product_con2 ul li a {width:100%;display: inline-block; float: left; color: #333;}
.index_product_con2 ul li a p { padding-top: 10px; line-height: 24px; font-size: 12px; padding-bottom: 5px;}
.index_product_con2 ul li a span {padding-left:15px;line-height: 22px;width: 100%; float: left; display: inline-block;}
.index_product_con2 ul li.hover a { background: #ff6600 }

.product_btn {width: 240px; display: table;margin:auto;padding:25px 0px 30px;}
.product_btn1 { height:30px;}
.product_btn a{width: 240px; height: 40px;line-height: 40px;text-align: center; border: 1px solid #008FF5;color: #008FF5;font-weight: bold; border-radius: 25px; display: inline-block; float: left;text-transform: uppercase;}

.index_about{ width: 100%; float: left; background: #fff }
.index_about_con{width:calc(100% - 40px); float: left;margin:0px 20px;}
.index_about_con p{ font-size: 12px; color: #666;padding:10px 0px;line-height: 20px; }
       


/*产品认证*/
.pro_auth{ padding-bottom:20px; background: #fff;width: 100%; float: left;margin-top:30px;border-bottom: 1px solid #dedede}
.pro_auth_img {width: calc(100% - 20px); margin: 0px 10px;height: 115px;overflow: hidden;position: relative; }
.pro_auth_img ul { height: 120px;width:100%;position: absolute;}
.pro_auth_img ul li { float: left;width:100%; text-align: center;margin-bottom: 12px;}
.pro_auth_img ul li p{ float: left;width:calc(50% - 5px);margin-right: 5px;border: 1px solid #dedede; background: #fff; padding: 2px;margin-bottom: 10px;}
.pro_auth_img ul li p:nth-child(2n){margin-right: 0px;float: right;}
.pro_auth_img ul li b{ width: 100%;line-height: 27px; line-height: 27px;display: inline-block;color: #666;}
.pro_auth_img ul li img{width: 100%; float: left;}

.pro_auth ol { text-align: center;margin: auto;display: table;padding-top: 10px;padding-bottom: 10px}
.pro_auth ol li { float: left;width: 30px; height: 5px;background: #9d9d9d; margin-right: 10px;border-radius: 10px;}
.pro_auth ol li.hover{ background: #0093e7}


.index_choose {float: left;width: 100%;  background: #fff;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;margin-top: 20px;padding-bottom: 30px; }
.index_choose ul{width: calc(100% - 40px); margin: 0px 20px;float: left;}
.index_choose ul li { background: #fff;width:100%;margin-top:20px;height:330px;padding:20px 10px 40px 10px;text-align:center;display: inline-block; float: left; color: #000;border: 1px solid #0093e7}
.index_choose ul li:nth-child(2n){margin-right: 0px;float: right;}
.index_choose ul li p { font-size: 16px; color: #333;padding-top:20px;padding-bottom: 10px;float: left;width: 100%; }
.index_choose ul li span {width: 100%;display: inline-block; float: left;font-size: 14px; color: #666; line-height: 20px;}
.index_choose ul li i a{width: 120px; height: 32px;line-height: 32px;text-align: center;display: inline-block;margin-top: 15px; background: #0093e7; color: #fff}
.index_choose ul li b{width: 100%; float: left; display: inline-block;}
.index_choose ul li img {width: 100px;}


.index_news{width: 100%; float: left;margin-bottom: 20px; background: #fff;margin-top: 20px;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}
.index_news ul{width: calc(100% - 40px); margin: 0px 20px;float: left;}
.index_news ul li {width:100%; float: left;margin-top:15px;text-align: center;margin-right: 0px;cursor: pointer;padding-bottom: 10px;}
.index_news ul li b{width: 100%; float: left;margin-right:15px;}

.index_news ul li p {width:100%; float: left;text-align: left;}
.index_news ul li p strong,.index_news ul li p span {width: 100%; float: left; display: inline-block;}
.index_news ul li p strong {font-size: 18px; color: #333;padding: 10px 0px;}
.index_news ul li span {width: 100%;display: inline-block; float: left;font-size: 14px; color: #666; line-height: 20px; text-transform: uppercase;}
.index_news ul li i a{ height: 28px;line-height: 28px;font-size: 12px; color: #666}

.news_btn {width: 100%;text-align: center;padding:20px 0px 30px;}
.news_btn a{ text-align: center; text-transform: uppercase;font-size: 18px; color: #0093e7 }


.go_top{height:80px; line-height: 40px;background: #fff; float: left;width:100%;border-top:1px solid #dedede;text-align: center;padding-top: 15px;}
.go_top img{width:50px;text-align: center;}

/*首页--icon*/
.indexicon{height: 60px;background: #fff;width: 100%; float: left;position: fixed; bottom: 0px;z-index: 9}
.indexicon_index{height: 60px;line-height:20px;background: #fff;width: 100%; float: left;bottom: 0px;z-index: 9}
.index_icon{background: #343434;width: 100%; float: left;bottom: 0px;z-index: 999; position: relative;}
.index_icon ul{height: 60px;background: #fff;width: 100%; float: left;position: fixed; bottom: 0px;}
.index_icon ul li { float: left;width:25%; text-align: center;padding-top: 7px;height: 60px; background: #183B84;}
.index_icon ul li:last-child{border:none;}
.index_icon ul li img{width: 27px;}
.index_icon ul li span {width: 100%; display: inline-block; font-size: 12px; color: #ededed}



.content{width:100%; padding: 0px 10px;float: left; background: #fff;z-index: 2;padding-bottom: 10px}
.title{float: left;line-height: 50px; font-size: 14px; color: #333}
.title span,.title b { display: inline-block; float: left;margin-right: 5px }
.title span a { color: #333 }

.text_con{ line-height: 24px;width: 100%;float: left;color:#666; margin-bottom: 40px;font-size: 14px;}
.text_con1{ line-height: 24px;width: 100%;float: left;color:#666; margin-bottom: 40px;font-size: 14px;}
.text_con1 img{width:175px; height:175px; text-align:center;}


.company_con{ padding-bottom:20px; background: #fff;width: 100%; float: left;}
.company_con ul {width:100%;}
.company_con ul li { float: left;width:calc(50% - 5px);margin-right:5px; text-align: center;margin-bottom: 12px;text-align: center;}
.company_con ul li p{ float: left;width:100%;margin-right: 8px; background: #fff; padding: 2px;margin-bottom: 10px;}
.company_con ul li:nth-child(2n) {margin-right: 0px;float: right;}
.company_con ul li b{ width: 100%;display: inline-block;color: #666;}
.company_con ul li img{width: 100%; float: left;border: 1px solid #d4d0c8;padding: 2px;}


.pages { display: table;margin: auto;padding-top: 20px; padding-bottom:20px;}
.pages li { float: left;}
.pages li a{padding:0px 12px;height: 25px;line-height: 25px; background: #FFF;color: #666; display: inline-block;margin-right: 10px;color: #666; border: 1px solid #e5e5e5;text-align: center;}
.pages li a:hover{height: 25px;line-height: 25px; background: #ff9900;color: #fff; text-align: center;}
.pages li:first-child a,.pages li:last-child a{ width: 60px;height: 25px;} 
.pages li.active a{background: #0193e8; color: #fff}


/*联系我们*/
.contact_l { float: left;width: 96%;position: relative;padding-bottom: 30px;z-index: 3}
.contact_l h2{font-size: 14px; color: #525252; font-weight: 100}
.contact_l ul{padding:10px 0px 20px 0px}
.contact_l ul li {padding-top:10px;color: #525252}
.contact_l p{position: absolute;bottom:30px;right: 0px;}
.contact_l p img{width: 120px;}
.contact_r{ float:left;width: 100%;padding-bottom: 25px;}


.tab_con{ background: #fff;width: 100%; height: 100%; float: left;}
.about_tab_con{ float: left;width: 100%; display: none; background: #fff;}
.about_tab_con:first-child{display: block;}



.scroll_text_con li { background: #efefef; color: #6f6f6f;line-height: 30px;height: 30px;width: 100%; float: left;margin-bottom: 5px;}
.scroll_text_con li:last-child{ border: none;}
.scroll_text_con li span {white-space:nowrap;overflow: hidden;text-overflow:ellipsis;width:60%; display: inline-block;}
.scroll_text_con li em { float: right;display: inline-block;width: 80px;height: 30px;line-height:30px;background: #333;color: #fff;cursor:pointer;text-align: center;}
.scroll_text_con li.hover em { background: #ff6600 }


/*在线留言*/
.blog {float: left;width:100%; padding: 0px 0px 25px;}
.blog h3{font-size: 14px; color: #000;font-weight: normal;padding-bottom: 20px;}
.blog ul li {width: 100%; float:left;padding-bottom: 10px; }
.blog ul li span {width: 100px; text-align: right;display: inline-block;padding-right: 10px;float: left;}
.blog input{width: calc(100% - 120px);height: 30px;line-height: 30px;border: none;border: 1px solid #a9a9a9}
.blog ul li .blog_text{width: calc(100% - 120px);height: 80px;line-height: 30px;border: none;border: 1px solid #a9a9a9}
.blog p {padding-left: 20px; margin:20px 0px;float: left;}
.blog p input{width: 90px;height:33px;background: #183B84;font-size: 16px;color: #fff; border-radius: 5px;margin-right: 10px;outline: none;border:none; }
.blog p input:last-child{ margin-right: 0px; }

/*人才理念*/
.talentidea{float: left;width: 96%; padding: 0px 2%; }
.talentidea dl{padding-bottom: 20px;}
.talentidea dl dt {font-size: 16px; color: #ff9900;padding-bottom: 5px; font-weight:bold;}
.talentidea dl dd{font-size: 14px; color: #666666;line-height: 24px;}



.news{width: 100%; float: left;margin-bottom: 20px; background: #fff;}
.news ul{width:100%;float: left;}
.news ul li {width:100%; float: left;text-align: center;margin-right: 0px;cursor: pointer;padding-bottom: 10px;}
.news ul li b{width: 100%; float: left;margin-right:15px;}

.news ul li p {width:100%; float: left;text-align: left;}
.news ul li p strong,.news ul li p span {width: 100%; float: left; display: inline-block;}
.news ul li p strong {font-size: 18px; color: #333;padding: 10px 0px;}
.news ul li em {font-size: 12px; color: #666;width: 100%; float:left;}
.news ul li span {width: 100%;display: inline-block; float: left;font-size: 14px; color: #666; line-height: 20px; text-transform: uppercase;}
.news ul li i a{ height: 28px;line-height: 28px;font-size: 12px; color: #666;width: 110px ;height:30px;text-align: center; border-radius: 25px;margin-top: 10px; display: inline-block;float: left;border: 1px solid #ff6600; color: #ff6600}


/*公司新闻*/
.newshow{ float: left;margin-bottom:30px;width: 100%; padding: 0px 10px;}
.newshow h2,.newshow h3{ text-align: center;width: 100%;font-weight: normal;line-height:28px;}
.newshow h2{ font-size: 16px; color: #ff6600}
.newshow h3{ font-size: 12px; color: #666}
.newshow ul { border-top: 1px solid #d4d0c8}
.newshow ul li {width: 100%; padding: 10px 0px;line-height: 26px;}
.newshow dl{ float: left;width: 96%; padding: 0px 2%; line-height: 26px;}
.newshow dl dt{ float: left;color: #333;}
.newshow dl dd a{ float: left;color: #333}

.pro_con{width:100%; float: left;margin-bottom: 90px;;}
.pro_con ul li {width:calc(50% - 10px); float: left;margin-right: 10px;margin-top:20px;}
.pro_con ul li:nth-child(2n) { margin-right: 0px; float: right; }
.pro_con ul li img{width:100%;padding:3px;border: 1px solid #ccc;margin-right: 5px; height:120px;}
.pro_con ul li a {width:100%;display: inline-block; float: left; color: #333; line-height:24px;}
.pro_con ul li a p { padding-top: 10px; line-height: 24px;padding-bottom: 5px;}
.pro_con ul li a strong {padding-left:15px;line-height: 22px;width: 100%; float: left; display: inline-block;font-size: 12px}
.pro_con ul li.hover a { color:#FF6600;line-height:24px;}

.proshow_img{ width: 100%; float: left; background: #fff;padding-bottom: 30px; }
.proshow_tit{ width: 100%; height: 44px; line-height: 44px;background: #004CA0; color: #fff; float: left; font-size: 14px;text-indent: 10px;text-transform: uppercase; }
.proshow {width: 100%; float: left;background: #fff;}

.pro_show{width: 100%;padding-bottom: 20px;float: left;}
.pro_show dt {color: #ff6600; font-size: 14px; width: 100%; float: left;line-height: 30px;text-transform:uppercase;}
.pro_show dd {color: #333; font-size: 14px; width: 100%; float: left;line-height: 24px;}

.proshow .text_con {width:calc(100% - 10px); float: left;margin:10px 0px;}
.pro_pdf{ width: 100%; float: left;line-height: 40px; height: 40px;margin-top: 20px; }
.pro_pdf i { width: 25px;display: inline-block; float: left;margin-right: 20px; }
.pro_pdf b a{ color: #f7645a; text-decoration: underline; }



.title5{height:88px; background:url(../image/title.png) center center no-repeat; text-align:center; line-height:88px; color:#005ac2; font-size:18px; }
.Index_p{}
	.Index_p ul.list{overflow: hidden;}
	.Index_p ul.list li{float: left;
    text-align: center;
    border: 0px dashed blue;
    width: 50%;
	list-style:none;}
	.Index_p ul.list li img{vertical-align: middle;
    width: 99%;margin: 0;
    padding: 0;
    border: 0;}
	.Index_p ul.list p{text-align: center;padding: 10px;}
	.Index_p .more{overflow: hidden;padding:10px;text-align: center;}
	.Index_p .more a{display: block;width: 80px;padding:8px 0;color:#fff;margin:0 auto;background:#333;text-align:center;border-radius:3px;}
	.Index_p .more a:hover{text-decoration: none;background: red;color: #fff;}
.Index_p li{float: left;
    text-align: center;
    border: 0px dashed blue;
    width: 50%;
	list-style:none;}
.Index_p li a{font-size:12px;}
.Index_p img{height:150px;}
.Index_p li .pa{ display: block;
    margin: 5px;
    padding-top: 0px;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190);
    -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190);
    -o-box-shadow: 0px 1px 3px rgb(190, 190, 190);
    box-shadow: 0px 1px 3px rgb(190, 190, 190);}
.title2{height:36px; border:1px solid #d4d0c8; line-height:36px; margin:0px auto; width:100px; text-align:center; background:#FFFFFF;}
.title2 a{ color:red;}
.mt2{margin-top:20px; clear:both; padding-top:5px;}
.mt{margin-top:20px; margin-bottom:20px;}
.title3{height:43px; background:#efefef;}
.title3 font{height:43px; line-height:43px; background:#004CA0; padding:12px 10px; color:white;}
.title3 span{float:right; margin-right:10px;}
.a1{padding-top:15px; font-size:14px; clear:both; line-height:25px; padding-left:10px; padding-right:10px;}
.c{clear:both;}
.more1{height:18px; border-bottom:1px solid #efefef; margin-top:10px;}


.Index_new{margin:0px; padding:10px;}
.Index_new li{width:100%; height:34px; line-height:34px; background:url(../image/dian2.png) left center no-repeat; text-indent:10px; border-bottom:1px dotted #444;}
.Index_new li a{width:100%; height:34px; line-height:34px; display:block;}
.Index_new li span{float:right;}

.newsmore{line-height:28px; color:red;}