/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;font-weight: normal;
    padding: 0;    font-family: font2018;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  /*  font: 12px/1 "微软雅黑"; *//*Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/ /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

 
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

body,html{ height:100%;}




	.web-ie2018{ font-family: Arial,'微软雅黑';   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
 



.header{ position: absolute;z-index: 9999999999999999;top: 0;left: 0;width: 100%;}
.header .logo{ display: inline-flex;overflow: hidden;width: auto;margin: 1% 0 1% 2%;}
.header .logo img{ display: block;width: auto;}

.header .h-cn-en{display: block;float: right;margin: 1.5% 120px 0 0;overflow: hidden;}
.header .h-cn-en a{transition: all .3s; color: #666; display: inline-block;line-height: 2em;font-size: 1em;margin: 0 0.5em;}
.header .h-cn-en .fa{font-size: 1.2em;}

.header .h-cn-en h3{    display: inline-block;margin: 0 50px 0 0;}
.header .h-cn-en h3 a{transition: all .3s; font-size: 1.2em;letter-spacing: 1px;padding: 0 5px; color: #444;  margin: 0 15px;}
.header .h-cn-en h3 a:hover,.header .h-cn-en a:hover{transition: all .3s;    border-bottom: 1px solid #009eb0;color: #009eb0;}


.header .drawer-dropdown-menu .m-n-t{display: block;overflow: hidden;}
.header .drawer-dropdown-menu .m-n-t dd{ display: block;float: left;width: 100%;overflow: hidden;margin: 0 0 20px 0;;}
.header .drawer-dropdown-menu .m-n-t dd h3{ display: block;color: #fff;font-size: 15px;letter-spacing:3px;font-weight: bold;border-bottom: 1px solid #37abb3; line-height: 2em; margin-bottom: 0.5em;}
.header .drawer-dropdown-menu .m-n-t dd h4{ display: block;overflow: hidden;}
.header .drawer-dropdown-menu .m-n-t dd #h4{ }
.header .drawer-dropdown-menu .m-n-t dd h4 a{ display: block;font-size: 14px;font-weight: normal;letter-spacing:2px;line-height: 24px; color: #eee;}
.header .drawer-dropdown-menu .m-n-t dd h4 a:hover{ color: #54fdfd; }

.in-banner{display: block;overflow: hidden;width: 100%;position: relative;height: auto;}
.in-banner video{ display: block;width: 100%;position: relative;z-index: 2;height: auto; object-fit: contain;}
.in-banner .i-b-txt{ position: absolute;width: 100%;height: 100%;z-index: 5;top: 0;left: 0; background-image:url(../images/videoimg.png); background-size: 100% 100%; }
.in-banner .i-b-txt h3{ position: absolute;width: 100%;height:auto;top: 50%;left: 0;z-index:6;    margin-top: -11.6em;}
.in-banner .i-b-txt h3 span{ display: block;text-align: center;font-size: 3em;line-height: 3em;color: #fff;letter-spacing: 2px; font-weight: bold;}
.in-banner .i-b-txt h3 font{ display: block;height: 1px;background: #eee;width: 6%;margin: 0 auto 1.5em;}
.in-banner .i-b-txt h3 strong{ display: block;text-align: center;color: #fff;font-weight: normal;font-size: 1.2em;width: 100%;letter-spacing: 2px;}
.in-banner .i-b-txt h3 a{    overflow: hidden;position: relative;  display: block;border: 1px solid #eee;text-align: center;color: #fff;font-weight: normal;font-size: 1.2em;line-height: 2em;width: 12%;border-radius: 1em;margin: 1.5em auto 0;}
.in-banner .i-b-txt h3 a span{ transition: all .2s;     z-index: -1;  position: absolute;width: 101%;height: 100%;background: #009EB0;top: 0;left:-101%;border-radius: 2em;}
.in-banner .i-b-txt h3 a:hover span{left:0;transition: all .2s;}
.in-banner .i-b-txt h3 a:hover{border: 1px solid #009EB0;}





.news-show dl .news-show-center pre,.news-show dl .news-show-center pre span,.news-show dl .news-show-center p,.news-show dl .news-show-center p span,.news-show dl .news-show-center h5{    border: 0; margin: 0;   font-family: font2018 !IMPORTANT; padding: 0;}


.news-show dl .news-show-center figcaption{     border: 0;margin:10px 0;font-family: font2018 !IMPORTANT;padding: 0;font-size: 15px;color: #999;text-align: center;}
.news-show dl .news-show-center pre{ border: 0;margin: 0;font-family: font2018 !IMPORTANT;padding: 0;font-size: 15px;color: #999;text-align: center;}







.in-std{display: block;overflow: hidden;position: relative;width: 100%;}
.in-std dt,.in-std dd{display: block;overflow: hidden;position: relative;width: 100%;}
.in-std dt a{ position: relative;display: block;overflow: hidden;width: 33.3333%;float: left;}
.in-std dt a img,.in-std dd .a1 img{ display: block;width: 100%;}
.in-std dt a h3,.in-std dd .a1 h3,.in-std .in-std-1-right a h3{ position: absolute;top: 50%;left: 5%;height:auto;z-index: 3;    overflow: hidden; margin-top:-30px; }
.in-std dt a h3 span,.in-std dd .a1 h3 span,.in-std .in-std-1-right a h3 span{ display: block;letter-spacing: 1px;font-weight: normal;font-size: 1.2em;height: 26px;line-height: 26px; color:#fff;}
.in-std dt a h3 font,.in-std dd .a1 h3 font,.in-std .in-std-1-right a h3 font{display: block;letter-spacing: 1px;font-weight: normal;font-size: 1.8em;height: 34px;line-height: 34px; color:#fff; }
.in-std dt a:nth-child(2) h3 span,.in-std dt a:nth-child(2) h3 font{ color:#009EB0; }

.in-std dd .a1{position: relative;display: block;overflow: hidden;width: 66.66666%;float: left;}
.in-std dd .a1 h3 span,.in-std dd .a1 h3 font{ color: #009EB0; }
.in-std dd .a1 h3 font{font-size:2em;}

.in-std .in-std-1-right{ position: absolute;display: block;overflow: hidden;width: 33.3333%;right: 0;top: 0;height: 100%;}
.in-std .in-std-1-right a{ display: block;overflow: hidden;position: absolute;width: 100%;height: 50%;}
.in-std .in-std-1-right a img{ display: block;width: 100%;height: 100%;}

.in-std .in-std-1-right a:nth-child(2){    top: 50%;}
.in-std .in-std-1-right a:nth-child(2) h3 span,.in-std .in-std-1-right a:nth-child(2) h3 font{ color: #009EB0; }

.in-std img{    transition: all .5s; transform: scale(1.005);}

.in-std a:hover img {transform: scale(1.05);}





.in-company{ display: block;overflow: hidden;width: 94%;padding: 5% 3% 6%;}
.in-company dd{ display: block;width: 22.75%;float: left;overflow: hidden;margin: 0 3% 0 0;}
.in-company dd img{ display: block;width: 100%;overflow: hidden;margin-bottom: 26px;}
.in-company dd h3{display: block;overflow: hidden;}
.in-company dd h3 span{display: block;font-size: 2em;line-height: 1em;margin-bottom: 20px;}
.in-company dd h3 font{ display: block;color: #888;font-size: 1.2em;margin-bottom: 20px;}
.in-company dd a{ display: block;overflow: hidden;margin-bottom: 15px;}
.in-company dd a span{ background: #009EB0;width: 16px;height: 16px;display: block;border-radius: 50%;color: #fff;text-align: center;font-size: 14px;line-height: 16px;float: left;margin-right: 1%;}
.in-company dd a font{ float: left;color: #009EB0;letter-spacing: 1px;font-size: 1em;line-height: 16px;}
.in-company dd:nth-child(4){margin:0;}






.footer{     padding: 3% 3% 1%; display: block;overflow: hidden;background: #404040;}
.footer-left{display: block;float: left;overflow: hidden;width: 60%;}
.footer-left h3{ display: block;float: left;   margin-right: 5%;width: 30%;}
.footer-left dl{ display: block;overflow: hidden; margin-bottom: 1em; }
.footer-left dl a{ display: block;color: #fff;font-size: 18px;    }
.footer-left dl dt{ margin: 10px 0; display: block;overflow: hidden}
.footer-left dl dt span{ display: block;overflow: hidden;position: relative;}
.footer-left dl dt a{ display: inline-block;font-size: 13px;line-height: 24px;color: #999; font-weight: normal; letter-spacing: 1px; }
.footer-left dl dt a:hover{color:#00bcd2;}
.footer-left h3:nth-child(3n){margin-right:0; }

.footer-left dl dt #a{color: #eee;font-weight: bold;}
.footer-left dl dt #a-b{margin-bottom: 1em;}

.footer-right{ width: 20%;display: block;float: right;overflow: hidden;    border-left: 1px solid #555; padding-left: 10%;}
.footer-right h3{ display: block;color: #fff;font-size: 18px;margin-bottom: 10px;}
.footer-right h4{ display: BLOCK;overflow: hidden;    margin-bottom: 20px;border-bottom: 1px solid #666;border-top: 1px solid #666;padding: 10% 0;}
.footer-right h4 span{ display: block;color: #fff;font-size: 18px;margin-bottom: 10px;}
.footer-right h4 a{ display: block;float: left;margin-right: 5%;}
.footer-right h4 a img{}
.footer-right h5{}
.footer-right h5 img{ display: block;width: 90px;}
.footer-right h5 span{ display: block;font-size: 12px; color: #999;line-height: 30px;}
.footer-bottom{ padding: 1% 0;display: block;width: 100%;float: left;border-top: 1px solid #666;overflow: hidden;}
.footer-bottom h3{float: right;display: inline-block;} 
.footer-bottom h3 a{ display: block;color: #999;float: right;border-right: 1px solid #999;font-size: 12px;margin-right: 10px;padding-right: 10px;font-weight: normal;} 
.footer-bottom h3 a:first-of-type{ margin: 0;padding: 0;border: 0;}
.footer-bottom h4{ color: #999;font-size: 14px;font-weight: normal;    display: inline-block;}

.footer #share{}
.footer #share a{background: none !IMPORTANT; background: none !IMPORTANT;width: 34px;height: 34px;display: block;float: left;border: 1px solid #fff;border-radius: 50%;color:#999;padding: 0;text-align: center;line-height: 34px;font-size: 1em;}
.footer #share a:hover{ color:#fff; }






.p-w-title{ display: block;overflow: hidden;margin: 135px 0 0 3%;}
.p-w-title a{ display: inline-block;color: #333;font-size: 14px;margin-right: 0;}
.p-w-title .fa{display: inline-block;color: #666;font-size: 14px;margin: 0 10px;}
.p-w-title span{display: inline-block;color: #999;font-size: 14px;margin-right: 0;}
.p-w-title .fa:nth-child(1){margin: 0 10px 0 0;}

.p-title{ display: block;margin: 60px 3%;font-size: 2.2em;}

.p-contact{ display: block;overflow: hidden;}
.p-contact form{ float: left;width: 44%;overflow: hidden;display: block;background: #009EB0;padding: 5% 3%;}
.p-contact form h6{ color: #fff;font-size: 1.6em;margin-bottom: 40px;font-weight: normal;}
.p-contact form input{ display: block;border: 0;width: 100%;height: 2.4em;text-indent: 1em;line-height: 2.4em;margin-bottom: 10px;}
.p-contact form .wpcf7-submit{transition: all .3s;background: none;color: #fff;border: 1px solid;width: 26%;height: 2.4em;line-height: 2.4em;text-indent: 0;margin:1em 0 0 0;border-radius: 2em;}
.p-contact form .form-title{ color: #eee;font-size: 14px;letter-spacing: 2px;margin-bottom: 5px;}

.p-contact form .wpcf7-submit:hover{background-color: #fff;color: #009EB0;}

.p-contact .fade-left20200330 { float: left;width: 44%;overflow: hidden;display: block;padding: 5% 3%;}
.p-contact .fade-left20200330  h3{ font-size: 1.4em;margin-bottom: 40px;font-weight: normal; letter-spacing: 2px;}
.p-contact .fade-left20200330  h4{ letter-spacing: 2px;font-size: 1em;    font-weight: bold; margin-bottom: 30px;}
.p-contact .fade-left20200330 .contactam{display: block;width: 70% }
.p-contact .fade-left20200330 .contactam .amongleft{display: block;float: left;width: 50%;margin:10px 0;}

.p-contact .fade-left20200330 .contactam .amongright{display: block;float: right;width: 50%}
.p-contact .fade-left20200330 .contactam .amongright h5{display: block; width: 50%;float: left;margin: 10px 0;}
.p-contact .fade-left20200330 .contactam .amongright h5 img{width: 100%}
.p-contact .fade-left20200330 .contactam .amongright h5 span{    display: block;font-size: 1em;color: #666;text-align: center;}
.p-contact .fade-left20200330 .contactam .amongleft h5{ letter-spacing: 2px;font-size: 1em;margin: 10px 0;color: #666;}

.p-contact .fade-right20200330 { float: right;width: 44%;overflow: hidden;display: block;padding: 5% 3%;}
.p-contact .fade-right20200330  h3{ font-size: 1.4em;margin-bottom: 40px;font-weight: normal; letter-spacing: 2px;}
.p-contact .fade-right20200330  h4{ letter-spacing: 2px;font-size: 1em;    font-weight: bold; margin-bottom: 30px;}
.p-contact .fade-right20200330  h5{ letter-spacing: 2px;font-size: 1em;margin: 10px 0;color: #666;}
.p-contact-bottom{display: block;overflow: hidden;}
.p-contact-bottom dd{ float: left;width: 44%;overflow: hidden;display: block; padding: 4% 3% 0;    text-align: center;}
.p-contact-bottom dd span{ font-size: 1.4em;margin-bottom: 30px;font-weight: normal;letter-spacing: 2px;text-align: center;display: block;}
.p-contact-bottom dd font{    color: #666;font-size: 1em;margin: 0 auto 30px;width: 80%;display: block;letter-spacing: 2px;}
.p-contact-bottom dd strong{ font-weight: normal;text-align: center;letter-spacing: 2px;display: block;color: #999;}
.p-contact-bottom dd a{ transition: all .3s;display: block;font-size: 1em;line-height: 2em;color: #fff;background: #009EB0;text-align: center;border-radius: 2em;width: 30%;margin: 0 auto;}
.p-contact-bottom dt{display: block;float: right;width: 50%;overflow: hidden;}
.p-contact-bottom dt img{display: block; width:100%;}
.p-contact-bottom dd a:hover{border:1px solid #009EB0;background-color: #fff;color:#009eb0;}


.news{display: block;overflow: hidden;    padding: 0 3%;}
.news dl{ display: block;padding: 0;overflow: hidden;margin: 0 auto 50px;    float: left; width:80%;}
.news dl a{ display: block;float: left;width:100%;overflow: hidden; border-bottom: 1px solid #cce0ec;padding-bottom: 2%;   margin: 0 0 2% 0;}
.news dl a img{display: block; width:20%;float: left;}
.news dl a dd{  float: left;width: 75%;margin-left: 5%;display: block;overflow: hidden;}
.news dl a dd span{ color: #009eb0;display: block;font-size: 1.1em;letter-spacing: 1px;margin-bottom: 20px;font-weight: bold; }
.news dl a dd font{color: #000;display: block;font-size: 1em;letter-spacing: 1px;margin-bottom: 20px;}
.news dl a dd .fa{ color: #000;display: inline-block;margin-left: 10px;font-weight: normal;}
.news dl a dd strong{ transition: all .3s;   border: 1px solid #ddd;color: #333;font-weight: normal;padding: 0.5em 1.6em;display: inline-block;font-size: 0.9em;}
.news dl a:hover dd strong{color: #fff; border: 1px solid #009eb0;background-color:#009eb0; }
.news dt{ display: block;float: right;width: 17%;}
.news dt h3{ display: block;color: #777;font-size: 1.2em;border-bottom: 1px solid #eee;padding-bottom: 5px;line-height: 1em;margin-bottom: 16px;}
.news dt h4{ display: block;color: #999;letter-spacing: 1px;line-height: 1.2em;margin-bottom: 20px; font-size:0.9em;}
.news dt h5{display: block;overflow: hidden;    margin-bottom: 2em; }
.news dt h5 a{display: block;overflow: hidden; margin-bottom: 5px;}
.news dt h5 a .fa{ display: inline-block;color: #009eb0;margin-right:5px; }
.news dt h5 a font{ display: inline-block;color: #009eb0;letter-spacing: 1px;}
.news dt img{display: block; width:100%;margin-bottom: 16px;}




.p-about{display: block;overflow: hidden;}
.p-about dd{ padding: 3%;display: block; overflow: hidden;background:#f2fafd;}
.p-about dd h3{display: block;float: left;width:45%;overflow: hidden; padding:5% 5% 0 0;}
.p-about dd h3 span{ display: block;font-size: 18;letter-spacing: 2px;line-height: 26px;    color:#009EB0;}
.p-about dd h3 font{ display: block;font-size: 20px;font-weight: normal;letter-spacing:1px;margin: 1em 0;    color: #666;}
.p-about dd h3 strong{ display: block;font-weight: normal;letter-spacing: 2px;font-size: 1.2em;      color: #666;  margin-bottom: 2em;}
.p-about dd h3 a{ padding: 0.6em 1.2em; text-align: center;display: inline-block;background: #009EB0;width: auto;overflow: hidden;transition: all .3s;}
.p-about dd h3 a .fa{ margin: 0 5px; display: inline-block;font-size: 1.2em;font-weight: normal;line-height: 24px;}
.p-about dd h3 a .a{ margin: 0 5px; display: inline-block;font-size: 1em;font-weight: normal;line-height: 24px; }
.p-about dd h4{position: relative;display: block;float: left;width:45%;overflow: hidden;}
.p-about dd h4 img{display: block; width:100%;}
.p-about dt{ display: block;overflow: hidden;font-size: 1.1em;letter-spacing: 1px;padding:8% 3%;}
.p-about dt span{ display: block;font-size: 1.1em;letter-spacing: 1px; color:#009EB0; }
.p-about dt font{ display: block;width: 80%; color:#666; line-height:28px; text-align: justify;    font-size: 16px; }
.p-about dt strong{ display: block;font-size: 1.4em;margin:0.2em 0 1em; color:#666; font-weight: normal;}






.p-about dd h4 #box{display: block; width:100%;overflow: hidden;position: relative;}
.p-about dd h4 #box video{display: block;width: 100%;}
.p-about dd h4 #box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;     padding: 0;   transition: 0.8s;}
.p-about dd h4 #box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: #07589A; z-index: 2;}
.p-about dd h4 #box .cover #imgbg{opacity: 0.5; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.p-about dd h4 #box .fa{     z-index: 2;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 36px;font-weight: normal;width: 80px;height: 80px;text-align: center;line-height: 80px;border: 2px solid #fff;border-radius: 50%;margin: -40px 0 0 -40px;}
.p-about dd h4 #box .fa:before{ margin-left: 15px;}
.p-about dd h4 #box dt:hover #imgbg{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}







.p-about-bottom{ display: block;overflow: hidden;padding: 5% 3%;background: #eee;}
.p-about-bottom a{ display: block;float: left;width:18.4%;overflow: hidden;    margin: 0 2% 0 0;}
.p-about-bottom a:nth-child(5n){margin:0;}
.p-about-bottom a img{ display: block;width: 100%;overflow: hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.p-about-bottom a dd{ background: #009EB0;padding: 10% 0 10% 5%;overflow: hidden;}
.p-about-bottom a dd span{    display: inline;font-size: 1.1em;letter-spacing: 1px;margin-bottom: 30px;font-weight: bold;border-bottom: 1px solid #009EB0;}
.p-about-bottom a dd h3{background: #fff;padding: 0.5em 0;width:66%;float: right;transition:all .5s;      margin-top: 30px;  display: block;}
.p-about-bottom a dd h3 .fa{color: #009EB0;float: left;margin: 0 1em 0 1em;font-size: 1.2em;line-height: 24px;}
.p-about-bottom a dd h3 strong{color: #009EB0;float: left; font-size: 1em;    font-weight: normal;    height: 24px;line-height: 24px;}
.p-about-bottom a:hover dd span{ border-bottom: 1px solid #fff;-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;   }
.p-about-bottom a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}


.p-about-news{ display: block;overflow: hidden;padding: 5% 3%; }
.p-about-news h3{display: block;font-size: 1.2em;margin: 0 0 1em;color: #666;}
.p-about-news dl{display: block;overflow: hidden;}
.p-about-news dl a{ display: block;width: 22.75%;float: left;overflow: hidden;margin: 0 3% 0 0;}
.p-about-news dl a:nth-child(4n){margin:0;}
.p-about-news dl a span{display: inline;color: #000;font-weight: bold;letter-spacing: 1px; font-size:16px;       border-bottom: 1px solid #fff;  min-height: 60px;}
.p-about-news dl a font{ display: block;color: #999;font-size: 0.9em;letter-spacing: 1px;margin: 1em 0;}
.p-about-news dl a h4{}
.p-about-news dl a h4 .fa{display: inline-block;float: left;color: #009EB0;font-size: 1.1em;margin-right: 10px;line-height: 30px;}
.p-about-news dl a h4 strong{display: inline-block;float: left;color: #009EB0;font-size: 1.em;margin-right: 0;    font-weight: normal;line-height: 30px;}
.p-about-news dl a h5{ color: #999;font-size: 0.8em;margin-bottom: 1em; letter-spacing: 1px; }
.p-about-news dl a:hover span{color:#009EB0;-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;    border-bottom: 1px solid #ccc; }



.p-about2{display: block;overflow: hidden;padding: 5% 3%; background: #eee;}
.p-about2 dd{display: block;overflow: hidden;margin-bottom: 0; float: left; width: 22%;}
.p-about2 dd img{ display: block; width:100%;}
.p-about2 dd h3{display: block; width:100%; margin:5% 0 0 0;}
.p-about2 dd h3 img{    width: 60%;}
.p-about2 dd h3 span{ display: block;font-size: 1.2em;letter-spacing: 1px;color: #444;    margin-bottom: 20px;}
.p-about2 dd h3 font{ display: block;width: 60px;height: 1px;background: #ccc;margin-bottom: 1em;}
.p-about2 dd h3 strong{ display: block;font-weight: normal;font-size: 1.3em;letter-spacing: 2px;line-height: 1em;margin-bottom: 1em;}
.p-about2 h4{display: block;letter-spacing: 1px;line-height: 32px; text-align: justify;font-size:18px; float:right; width:70%; color:#444;  }


.p-about2-bottom{ display: block;overflow: hidden;padding: 5% 3%; }
.p-about2-bottom dd{ display: block;float: left;width: 30%;margin: 0 5% 0 0;overflow: hidden;}
.p-about2-bottom dd:nth-child(3n){ margin:0; }
.p-about2-bottom dd h3{ display: block;font-size: 1.2em;font-weight: bold;line-height: 1em;margin-bottom: 1em;}
.p-about2-bottom dd h4{ display: block;font-size: 1em;letter-spacing: 1px;color: #999;margin-bottom: 1em;}
.p-about2-bottom dd h5{ display: block;overflow: hidden;margin-bottom: 5px;}
.p-about2-bottom dd h5 span{ display: inline-block;color: #0096ad;font-size: 1em;margin-right: 5px;line-height: 30px;}
.p-about2-bottom dd h5 strong{ display: inline-block;color: #0096ad;font-size: 1.1em;margin-right: 5px;line-height: 30px;}
.p-about2-bottom dd h5 font{ display: inline-block;color: #999;font-size: 0.9em;margin-right: 5px;line-height: 30px;}




.p-about3{background:#009EB0; padding:5% 3%; display: block;overflow: hidden;}
.p-about3 p{ display: block;width: 50%;overflow: hidden;margin: 1em auto;}
.p-about3 p span{display: block;letter-spacing: 1px;color:#fff;line-height: 26px;margin-bottom: 1em;font-size: 16px;}
.p-about3 p strong{ display: block;letter-spacing: 1px;color: #fff;line-height:26px;font-size: 16px;margin-bottom: 1em; font-weight: normal;}
.p-about3 p font{ font-size:20px;color: #fff;margin-bottom: 1em;display: block;letter-spacing: 1px;}
.p-about3 img{ display: none;width: 50%;margin: 0 auto;}


.p-about3-1{background:#e9ecec; padding:5% 3%; display: block;overflow: hidden;}
.p-about3-1 h3{ display: block;float: left;width: 22.75%;margin: 0 3% 0 0;}
.p-about3-1 h3 span{ display: block;letter-spacing: 1px;font-size: 16px;line-height: 1em;margin-bottom: 1em;color: #000;font-weight: bold;}
.p-about3-1 h3 font{ display: block;letter-spacing: 1px;color: #555;text-align: justify;font-size:15px;line-height: 26px;}
.p-about3-1 h3 img{ margin-bottom: 1.2em; display: block; width:100%; }
.p-about3-1 h3:nth-child(4n){margin:0;}


.p-about3-2{padding:5% 3%;}
.p-about3-2 h3{display: block;width: 50%;overflow: hidden;margin: 0 auto;letter-spacing: 1px;color:#fff;line-height: 26px;font-size:16px; }



.p-about4{  padding:3%; display: block;overflow: hidden; background: #ddd;}
.p-about4 a{ display: block;float: left;width:22.75%;margin: 0 3% 3% 0;background: #fff;}
.p-about4 a h3{display: block;float: left;width: 50%; overflow: hidden;}
.p-about4 a h3 img{ display: block; width:100%; }
.p-about4 a h4{ text-align: justify;  display: block;float: left;width: 40%;line-height: 30px;color: #000;font-size:15px;letter-spacing: 1px;margin: 12% 5% 0;position: relative;min-height: 100px;}
.p-about4 a:nth-child(4n){margin:0;}
.p-about4 a span{ display: block;position: absolute;bottom:-9px;width: 80%;height: 30px;border: 1px solid #009EB0;line-height: 30px;text-align: center;font-size: 13px;color: #009eb0;float: left;margin: 5% 5% 0 0;transition: all .3s;}
.p-about4 a:hover span{border: 1px solid #009EB0; color:#fff; background:#009EB0; }
 


.p-job-bottom{ padding:0 3% 0; display: block;overflow: hidden; }
.p-job-bottom a{ text-align: center;display: block;float: left;width: 25%;background: #eee;padding:2% 0;}
.p-job-bottom a span{    opacity: 0;transition:all .3s; display: block;width: 30%;height: 1px;background: #ddd;margin: 0 auto;}
.p-job-bottom a font{ display: block;font-size: 1.4em;letter-spacing: 1px;color: #009EB0;line-height: 1em;margin:6px 0;}
.p-job-bottom a strong{ display: block;color: #999;font-weight: normal;font-size: 14px;letter-spacing: 1px;margin-top: 20px;}
.p-job-bottom a:hover span{opacity: 1;transition:all .3s; width:5%;}
.p-job-bottom a:hover strong{color: #009EB0;}
.p-job-bottom a:nth-child(2n){background: #fff;}


.p-job-img{ display: block;padding: 3%;background: #009EB0;overflow: hidden;}
.p-job-img h3{}
.p-job-img h3 span{ display: block;font-size: 1.8em;color: #fff;line-height: 1em;letter-spacing: 1px;margin-bottom: 10px;}
.p-job-img h3 font{ display: block;font-size: 1.1em;color: #fff;letter-spacing: 1px;margin-bottom: 30px;}
.p-job-img dl{}
.p-job-img dl img{display: block;width: 23.5%;float: left;margin: 0 2% 0 0;}
.p-job-img dl img:nth-child(4n){ margin: 0; }


.p-job{ padding:0 3%; display: block;overflow: hidden;}
.p-job dd{ display: block;float: left;width:32%;overflow: hidden; margin: 0 2% 2% 0;}
.p-job dd:nth-child(3n){ margin: 0; }
.p-job dd span{ display: block;border-bottom: 1px solid #eee;letter-spacing: 1px;font-size: 1.4em;line-height: 1em;margin-bottom: 1em;padding-bottom: 1em;color: #009eb0;font-weight: bold;}
.p-job dd h3{    min-height: 400px; display: block;letter-spacing: 1px;line-height: 26px;color: #666;}
.p-job dd h3 p{}


.p-job-list{ display: block;overflow: hidden;padding: 3% 3%;}
.p-job-list .recuite-info{display: block;overflow: hidden;  border-bottom: 1px solid #ddd;margin-bottom: 1em;padding-bottom: 1em;}
.p-job-list .recuite-info .recuite-top{cursor:pointer;  }
.p-job-list .recuite-info .recuite-top span{ font-size: 1.2em;line-height: 1em;color: #009eb0;font-weight: normal;display: inline-block;letter-spacing: 1px;}
.p-job-list .recuite-info .recuite-top h3{display: inline-block;float: right;}
.p-job-list .recuite-info .recuite-top h3 .fa{    display: inline-block;color: #666;font-size: 1.2em;font-weight: normal;}
.p-job-list .recuite-info .recuite-top h3 .fa-long-arrow-up{display: none;}
.p-job-list .recuite-info .on  h3 .fa-long-arrow-up{display: block;}
.p-job-list .recuite-info .on  h3 .fa-long-arrow-down{display: none;}
.p-job-list .recuite-info .recuite-li{ display: none;    border-top: 1px solid #ddd;padding-top: 1em;margin-top: 1em;}
.p-job-list .recuite-info .recuite-li p{ min-height: 400px;display: block;letter-spacing: 1px;line-height: 30px;color: #444;font-size: 14px;    padding:2% 0 5% 0;}



.p-job-mail{ padding: 3%;background: #eee;font-size: 1.1em;letter-spacing: 1px;}
.p-job-mail a{display: inline;color: #009eb0;border-bottom: 1px solid;margin: 0 5px;}
.p-job-mail h3{    display: block;font-size: 1.2em;letter-spacing: 1px;color: #999;margin-bottom:0.5em;}


.job-title{ padding:2%;display: block;overflow: hidden;background: #05398a;width:91%;margin: 0 auto 4em; }
.job-title img{ display: block;float: left;width: 26%;}
.job-title h3{float: left;width: 70%;margin-left: 2%;overflow: hidden;}
.job-title h3 span{display: block;color: #fff;font-size: 1.1em;letter-spacing: 6px;line-height: 1em;margin-bottom: 1em;}
.job-title h3 font{ display: block;letter-spacing:2px;color: #fff;font-size:1.2em;line-height: 1.4em; text-align: justify;}
.job-title h3 strong{ display: inline-block;border-top: 1px solid #eee;color: #fff;letter-spacing: 2px;font-weight: normal;font-size: 1.2em;    padding-top: 1em; margin-top: 1em;}


.p-pro-1{padding: 3%; display: block;overflow: hidden;background: #eee; }
.p-pro-1 img{ display: block;float: left;width: 30%;}
.p-pro-1 h3{display: block;float: left;width: 68%; margin: 0 0 0 2%; }
.p-pro-1 h3 span{ color: #18b0c1;letter-spacing: 1px;font-size: 1.6em;}
.p-pro-1 h3 font{display: block; font-size: 15px;letter-spacing: 1px;margin:0 0 20px;line-height: 26px;text-align: justify;color: #444;}
.p-pro-1 h3 strong{ display: block;width: 50px;height: 1px;background: #ccc;margin: 1em 0;}
.p-pro-1 h3 a{ padding: 0.6em 1.2em;text-align: center;display: inline-block;background: #009EB0;width: auto;overflow: hidden;transition: all .3s;}
.p-pro-1 h3 a .fa{margin: 0 5px;display: inline-block;font-size: 1.2em;font-weight: normal;line-height: 24px;}
.p-pro-1 h3 a .a{margin: 0 5px;display: inline-block;font-size: 1em;font-weight: normal;line-height: 24px;}

.p-pro-1-1{padding: 3%; display: block;overflow: hidden;}
.p-pro-1-1 h3,.p-pro-1-2 h3{display: block;color: #666;font-size:1.6em;letter-spacing: 2px;border-bottom: 1px solid #ddd;}
.p-pro-1-1 dl,.p-pro-1-2 dl{ display: block;overflow: hidden;margin-top: 40px;}
.p-pro-1-1 dl dd{ display: block;float: left;width: 48%;overflow: hidden;}
.p-pro-1-1 dl dd:nth-child(2n){margin:0;float: right}
.p-pro-1-1 dl dd h4{ display: block; letter-spacing: 1px;line-height: 2em;color: #009eb0;font-size: 1.2em;}
.p-pro-1-1 dl dd h4 strong{ font-weight: normal;font-size: 14px;margin-left: 5px;}
.p-pro-1-1 dl dd h5{ display: block;overflow: hidden;margin-top: 1em;}
.p-pro-1-1 dl dd h5 a{ display: block;color: #666;letter-spacing: 1px;line-height: 1em;margin-bottom: 12px;    border-bottom: 1px solid #eee;padding-bottom: 12px;font-size: 15px;}
.p-pro-1-1 dl dd h5 strong{ color: #009eb0;display: inline-block;margin-right: 5px;font-weight: normal;}
.p-pro-1-1 dl dd h5 a:hover{color: #009eb0;}


.p-pro-1-2{padding: 3%; display: block;overflow: hidden;background: #eee; }
.p-pro-1-2 dl a{background: #f2fafd;float: left;width: 23.5%;margin: 0 2% 0 0;display: block;overflow: hidden;}
.p-pro-1-2 dl a:nth-child(4n){margin:0; }
.p-pro-1-2 dl a img{display: block;float: left;width: 50%;}
.p-pro-1-2 dl a h4{ display: block;float: left;width: 45%;overflow: hidden;padding: 15% 0 0 5%;}
.p-pro-1-2 dl a h4 span{ display: block;color: #000;letter-spacing: 1px;line-height: 1em;font-size:15px;margin-bottom: 30px;}
.p-pro-1-2 dl a h4 font{display: block;width: 50%;height: 30px;border: 1px solid #009EB0;line-height: 30px;text-align: center;font-size: 13px;color: #009eb0;float: left;margin: 0;transition: all .3s;}
.p-pro-1-2 dl a:hover h4 font{color: #fff;background: #009EB0;}




.p-pro-2{ display: block;background:#eef2f5;overflow: hidden;padding: 3%;}
.p-pro-2 dl{ display: block;float: left;width: 76%;overflow: hidden;}
.p-pro-2 dl dd{ display: block;overflow: hidden; width:auto; padding:2%;   margin-bottom: 30px;    background: #fff; }
.p-pro-2 dl dd img{ display: block;float: left;width: 50%;}
.p-pro-2 dl dd h3{ display: block;float: left;padding:8% 5% 0; width: 40%;}
.p-pro-2 dl dd h3 span{ color: #009EB0;letter-spacing: 2px;display: block;line-height: 1em;margin-bottom: 5px;}
.p-pro-2 dl dd h3 font{ display: block;color: #009EB0;font-size: 1.6em;letter-spacing: 2px; }
.p-pro-2 dl dd strong{ display: block;letter-spacing: 2px;color: #666;font-size: 15px;text-align: justify;    font-weight: normal;margin-top: 1em;}
.p-pro-2 dl dd:nth-child(2n) img{float: right;}
 
.p-pro-2 .p-pro-2-right{ display: block;float: right;width: 20%;overflow: hidden;}
.p-pro-2 .p-pro-2-right #r-a{display: block;overflow: hidden; margin-bottom:30px;  position: relative;}
.p-pro-2 .p-pro-2-right #r-a img{ display: block;width: 100%; transition: all .3s;}
.p-pro-2 .p-pro-2-right #r-a strong{ position: absolute;width: 100%;bottom: 0;height: auto;background: rgba(0, 158, 176, 0.8);padding: 5%; font-weight: normal; letter-spacing: 1px;}
.p-pro-2 .p-pro-2-right #r-a .fa{ margin-left: 2%; transition: all .3s;opacity: 0;}
.p-pro-2 .p-pro-2-right #r-a:hover .fa{ opacity:1;margin-left: 10%;}
.p-pro-2 .p-pro-2-right #r-a:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
.p-pro-2 .p-pro-2-right dd{ display: block;overflow: hidden;}
.p-pro-2 .p-pro-2-right dd h4{ display: block;font-size: 1.2em;color: #666;letter-spacing: 2px;border-bottom: 1px solid #ddd;line-height: 2em;margin-bottom: 1em;}
.p-pro-2 .p-pro-2-right dd a{ display: block;overflow: hidden;margin-bottom: 10px; }
.p-pro-2 .p-pro-2-right dd a .fa{ display: inline-block;color: #009EB0;float: left;margin: 0 6px 0 0;}
.p-pro-2 .p-pro-2-right dd a font{ display: inline-block;float: left;color: #666;letter-spacing: 1px;text-align: justify;width: 80%;}
.p-pro-2 .p-pro-2-right dd a:hover font{color: #009EB0;}



.p-pro-3{display: block;background:#009EB0;overflow: hidden;padding: 3%;}
.p-pro-3 dd{ display: block;float: left;width:17.6%;color: #fff;letter-spacing: 1px;font-size: 15px;line-height: 28px;margin: 0 3% 0 0;text-align: justify;}
.p-pro-3 dd:nth-child(5n){margin:0;}
.p-pro-3 dd span{display: inline-block;border-bottom: 1px solid #23b3c3;margin-bottom: 1em;letter-spacing:1px;text-transform: uppercase;}
.p-pro-3 dd font{ display: block;overflow: hidden;    font-size: 14px;line-height: 24px;}


.p-pro-3-1{ display: block;overflow: hidden;padding: 3%;}
.p-pro-3-1 dd{ position: relative;display: block;float: left;width:31.333%;margin: 0 3% 0 0;overflow: hidden;}
.p-pro-3-1 dd:nth-child(3n){ margin:0; }
.p-pro-3-1 dd img{     margin-bottom: 20px;display: block;width: 100%;}
.p-pro-3-1 dd h3{display: block;overflow: hidden;}
.p-pro-3-1 dd h3 span{font-weight: bold;color: #009eb0;font-size: 1.4em;display: block;letter-spacing: 2px;line-height: 1em;margin-bottom: 20px;}
.p-pro-3-1 dd h3 font{ display: block;font-size: 14px;letter-spacing: 1px;color: #444;line-height:24px;}
.p-pro-3-1 dd h3 strong{ position: absolute;top: 50%;font-size: 1.4em;letter-spacing: 2px;font-weight: normal;padding: 0 10%;width: 80%;margin-top: -35px;color: #009eb0;}
.p-pro-3-1 dd:nth-child(1){    background: #eee;}


.p-pro-3-2{display: block;overflow: hidden;padding: 3%;}
.p-pro-3-2 h3{ color: #009eb0;font-size: 1.4em;letter-spacing: 2px;border-bottom: 1px solid #ddd;margin-bottom:20px;}
.p-pro-3-2 h4{ display: block;font-size: 15px;letter-spacing: 1px;color: #444;text-align: justify;line-height: 24px;}
.p-pro-3-2 h4 span{ font-size: 1.2em;letter-spacing: 2px;}

.p-pro-3-3{background:#eee;}
.p-pro-3-3 dl{ display: block;overflow: hidden;margin-top: 20px;}
.p-pro-3-3 dl h5{display: block;color: #009eb0;font-size: 1em;letter-spacing: 1px;margin-bottom: 30px;}
.p-pro-3-3 dl .p-pro-3-3-dl{ display: block;overflow: hidden;}
.p-pro-3-3 dl .p-pro-3-3-dl dd{ display: block;float: left;width: 22.75%;margin: 0 3% 0 0;overflow: hidden;}
.p-pro-3-3 dl .p-pro-3-3-dl dd:nth-child(4){ margin:0; }
.p-pro-3-3 dl .p-pro-3-3-dl dd span{ display: inline-block;color: #009eb0;letter-spacing: 1px;border-top: 1px solid;border-bottom: 1px solid;margin-bottom: 10px;}
.p-pro-3-3 dl .p-pro-3-3-dl dd font{ display: block;color: #666;letter-spacing: 1px;text-align: justify;font-size: 14px;line-height: 24px;}


.p-pro-3-4{display: block;overflow: hidden;padding: 3%;}
.p-pro-3-4 h3{ color: #009eb0;font-size: 1.4em;letter-spacing: 2px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.p-pro-3-4 h4{ display: block;overflow: hidden;}
.p-pro-3-4 h4 span{    display: block;float: right;width: 22%;background: #009eb0;padding: 4%;color: #fff;letter-spacing: 1px;font-size: 1em;}
.p-pro-3-4 h4 font{    display: block;font-size: 15px;letter-spacing: 1px;color: #666;text-align: justify;line-height: 24px;float: left;width: 65%;}

.p-pro-3-5{    border-top: 1px solid #eee;display: block;overflow: hidden;padding: 3%;}
.p-pro-3-5 dd{ display: block;float: left;width: 30%;margin: 0 3% 0 0;font-size: 14px;letter-spacing: 1px;color: #666;text-align: justify;line-height: 24px;}
.p-pro-3-5 dd h3{    display: block;float: left;width: 20%;letter-spacing: 4px;color: #009eb0;}
.p-pro-3-5 dd h4{ line-height: 24px; font-size: 14px;display: block;float: left;width: 70%;margin-bottom: 10px;}

.p-pro-4{margin-bottom: 3%;display: block;overflow: hidden;padding:0 3%;}
.p-pro-4 h3{float: left; display: block;font-size: 15px;letter-spacing: 1px;color: #444;text-align: justify;line-height: 26px;    width:68%;margin-left: 2%;}
.p-pro-4 img{    display: block;float: left;width: 30%;}


.p-pro-4-1{display: block;overflow: hidden;padding: 3%;background:#009EB0;}
.p-pro-4-1 h3{color: #fff;font-size:18px;letter-spacing: 2px;border-bottom: 1px solid #66d2de;margin-bottom:30px;}
.p-pro-4-1 dl{display: block;overflow: hidden;}
.p-pro-4-1 dl dd{    float: left;width: 31.333%;margin: 0 3% 0 0;overflow: hidden;}
.p-pro-4-1 dl dd:nth-child(3){ margin:0; }
.p-pro-4-1 dl dd img{ display: block;width:45%;float: left;}
.p-pro-4-1 dl dd span{ display: block;font-size: 14px;letter-spacing: 1px;color: #fff;float: left;width: 53%;margin-left: 2%;line-height: 24px;text-align: justify;}

.p-pro-4-2{display: block;overflow: hidden;padding: 3%;background:#eee;}
.p-pro-4-2 h3{  color: #00bcd2;font-size: 18px;letter-spacing: 2px;border-bottom: 1px solid #ddd;margin-bottom:30px;}
.p-pro-4-2 dd{display: block;overflow: hidden;}
.p-pro-4-2 dd h4{ display: block;float: left;width:17.6%;margin: 0 3% 0 0;overflow: hidden;}
.p-pro-4-2 dd h4:nth-child(5){ margin:0; }
.p-pro-4-2 dd h4 span{    letter-spacing: 2px;display: inline-block;color: #00bcd2;border-bottom: 1px solid;border-top: 1px solid;margin-bottom:20px;}
.p-pro-4-2 dd h4 font{    display: block;font-size: 15px;letter-spacing: 1px;color: #444;}


.p-pro-5{display: block;overflow: hidden;padding: 3%;background:#eee;}
.p-pro-5 span{ display: block;float: left;width:41.333%;margin: 0 3% 0 0;letter-spacing: 1px;line-height:32px;font-size: 15px;text-align: justify;}
.p-pro-5 span:nth-child(3){margin:0;width:26.333%;    float: right;}
.p-pro-5 span:nth-child(1){font-size: 17px;width:26.333%;}
.p-pro-5 span img{display: block; width:100%;}



.p-pro-5-1{display: block;overflow: hidden;padding: 3%;}
.p-pro-5-1 dd{ display: block;float: left;width: 22.75%;margin: 0 3% 0 0;overflow: hidden;}
.p-pro-5-1 dd span{ letter-spacing: 2px;display: inline-block;color: rgb(0, 188, 210);margin-bottom: 20px;border-bottom: 1px solid;border-top: 1px solid;}
.p-pro-5-1 dd font{ display: block;font-size: 14px;letter-spacing: 1px;color: #666;text-align: justify;line-height: 24px;}
.p-pro-5-1 dd:nth-child(1),.p-pro-5-1 dd:nth-child(3){    width: 17.75%;}
.p-pro-5-1 dd:nth-child(2),.p-pro-5-1 dd:nth-child(4){width: 27.75%;}
.p-pro-5-1 dd:nth-child(1) font,.p-pro-5-1 dd:nth-child(3) font{font-size: 14px;}
.p-pro-5-1 dd:nth-child(4){margin:0;}


.p-pro-5-2{ display: block;overflow: hidden;padding: 3%;background: #009EB0;}
.p-pro-5-2 img{ display: block;float: left;width: 30%;overflow: hidden;}
.p-pro-5-2 h3{ display: block;float: left;width: 58%;margin:2% 0 0 2%;overflow: hidden;}
.p-pro-5-2 h3 span{ display: block;color: #fff;letter-spacing: 1px;font-size:18px;line-height: 1em;}
.p-pro-5-2 h3 strong{ display: block;width: 100px;height: 1px;background: #fff;opacity: 0.5;margin: 20px 0;}
.p-pro-5-2 h3 font{ color: #fff;letter-spacing: 1px;line-height: 26px;font-size:15px;}

.p-pro-5-3{ display: block;overflow: hidden;padding: 3%;background: #eee;}
.p-pro-5-3 dd{ display: block;width: 100%;overflow: hidden;}
.p-pro-5-3 dd h3{ display: block;overflow: hidden;width:31.333%;margin: 0 3% 0 0;float: left;}
.p-pro-5-3 dd h3:nth-child(3){    margin: 0;}
.p-pro-5-3 dd h3 span{ display: inline-block;color: #009eb0;letter-spacing: 1px;font-size:18px;margin-bottom: 10px;line-height: 1em;}
.p-pro-5-3 dd h3 font{     display: block;color: #444;letter-spacing: 1px;line-height: 24px;font-size:15px;}

.p-pro-5-4{display: block;overflow: hidden;padding: 3%;}
.p-pro-5-4 span{ display: block;float: left;width: 33.333%;overflow: hidden;    color: #009eb0;letter-spacing: 1px;font-size: 20px;}
.p-pro-5-4 font{ display: block;float: left;width: 33%;color: #555;font-size: 15px;letter-spacing: 1px;text-align: justify;line-height: 28px;margin-left: 1%;}
.p-pro-5-4 img{ display: block;float: right;width: 22%;}


.p-pro-6-1{    display: block;overflow: hidden;padding: 3%;background: #eee;}
.p-pro-6-1 img{ float: right;}
.p-pro-6-1 h3{    margin: 2% 0 0 0;}
.p-pro-6-1 h3 strong{background: #009eb0;}
.p-pro-6-1 h3 span{ color:#009eb0;}
.p-pro-6-1 h3 font{font-size: 15px;color:#444;}


.p-pro-6-2{ display: block;overflow: hidden;padding: 3%;background: #009EB0;}
.p-pro-6-2 h4{ display: block;color: #fff;letter-spacing: 2px;font-size: 15px;margin-bottom: 20px;width: 50%;}
.p-pro-6-2 dd{display: block;overflow: hidden;}
.p-pro-6-2 dd h3{display: block;float: left;width: 22.75%;margin: 0 3% 0 0;}
.p-pro-6-2 dd h3:nth-child(4){    margin: 0;}
.p-pro-6-2 dd h3 span{color: #fff;font-size: 20px;letter-spacing: 2px;display: inline-block;border-bottom: 1px solid;margin-bottom: 20px;}
.p-pro-6-2 dd h3 font{ display: block;color: #eee;letter-spacing: 1px;font-size: 14px;line-height: 24px;}


.p-pro-6-3{display: block;overflow: hidden;padding: 3%;}
.p-pro-6-3 h3{display: block;color: #009eb0;letter-spacing: 1px;font-size: 1.4em;line-height: 1em;margin-bottom: 20px;}
.p-pro-6-3 h4{ margin-bottom: 20px; letter-spacing: 1px;line-height:26px;font-size: 15px;color: #444;}
.p-pro-6-3 dl{ display: block;overflow: hidden;}
.p-pro-6-3 dl h5{ float: left;display: block;width: 29.333%;font-size: 14px;letter-spacing: 1px;color: #555;margin: 0 3% 0 0;line-height: 24px;text-align: justify;border-top: 1px solid #eee;padding: 1% 0;}


.p-pro-6-4{display: block;overflow: hidden;padding: 3%;background: #eee; }
.p-pro-6-4 h3{ display: block;color: #009eb0;letter-spacing: 1px;font-size: 1.4em;line-height: 1em;margin-bottom: 20px;}
.p-pro-6-4 dl{display: block;overflow: hidden;}
.p-pro-6-4 dl span{display: block;float: left;width: 30%;color:#009eb0;letter-spacing: 1px;font-size: 16px;text-align: justify;line-height: 30px;}
.p-pro-6-4 dl font{ display: block;font-size: 16px;width:50%;float: left;letter-spacing: 1px;color: #555;line-height: 28px; margin-left:5%;}
 
.p-pro-6-5 dl h5{width:17.6%;}
.p-pro-6-5 dl h5:nth-child(5){    margin: 0;}




.p-tech-0{ display: block;position: relative; overflow: hidden;   background: #f8f8f8;}
.p-tech-0 h4{ padding: 3% 0; display: block;overflow: hidden;float: left;width: 45%;position: relative; }
.p-tech-0 h4 img{  display: block; width:90%;position: relative;z-index: 2; }
.p-tech-0 h4 p{ position: absolute;height: 100%;top: 0;left: 0;width: 70%;background: #f2f2f2;z-index: 1;}
.p-tech-0 h3{ float: left;width: 45%;font-size: 16px;letter-spacing: 1px;color: #444;line-height: 30px;margin: 5% 0;text-align: justify;}
.p-tech-0 h3 a{ display: block;background: #009eb0;width: 20%;text-align: center;font-size: 14px;line-height: 2.4em;margin-top: 30px;}




.p-tech-1{padding: 0 3% 3%;}
.p-tech-1 .p-tech-1-left{ width:70%;float: left;display: block;overflow: hidden;}
.p-tech-1 dl{ display: block; width:100%;overflow: hidden; margin:0 0 50px;}
.p-tech-1 dl h6{ display: block;overflow: hidden;margin-bottom: 20px;letter-spacing: 2px;color: #555;}
.p-tech-1 dl .recuite-li img{ display: block;float: left;width: 20%;margin-right: 3%; }
.p-tech-1 dl .recuite-li h5{    width: 77%;float: left;margin: 10% 0 0;letter-spacing: 1px;font-size: 18px;}
.p-tech-1 dl .recuite-info .recuite-li p{    float: left;width: 100%;line-height: 24px;text-align: justify;font-size: 15px;    padding: 5px 0; min-height: auto;}


.p-tech-1 dt{ display: block;float: right;width: 17%;}
.p-tech-1 dt h3{ display: block;color: #777;font-size: 1.2em;border-bottom: 1px solid #eee;padding-bottom: 5px;line-height: 1em;margin-bottom: 16px;}
.p-tech-1 dt h4{ display: block;color: #999;letter-spacing: 1px;line-height: 1.2em;margin-bottom: 20px; font-size:0.9em;}
.p-tech-1 dt h5{display: block;overflow: hidden;    margin-bottom: 2em; }
.p-tech-1 dt h5 a{display: block;overflow: hidden; margin-bottom: 5px;}
.p-tech-1 dt h5 a .fa{ display: inline-block;color: #009eb0;margin-right:5px; }
.p-tech-1 dt h5 a font{ display: inline-block;color: #009eb0;letter-spacing: 1px;}
.p-tech-1 dt img{display: block; width:100%;margin-bottom: 16px;}



.p-tech-2{display: block;overflow: hidden;padding: 0 0 0 3%;    background: #eee;}
.p-tech-2 h3{ display: block;float: left;width: 40%;font-size: 16px;line-height: 30px;letter-spacing: 1px;text-align: justify;margin:3% 0 3% 0;}
.p-tech-2 dl{display: block;float: right;background: #009EB0;width: 55%;padding: 3% 0; }
.p-tech-2 dl img{ display: block;width:25%;margin:0 0 0 5%;float: left; }
 


.p-tech-2-1{display: block;overflow: hidden;padding:3%;  }
.p-tech-2-1 dd{ display: block;float: left;width: 31.333%;overflow: hidden;margin: 0 3% 0 0;}
.p-tech-2-1 dd:nth-child(3){    margin: 0;}
.p-tech-2-1 dd h3{ display: block;overflow: hidden;margin-bottom: 30px;min-height: 220px;}
.p-tech-2-1 dd h3 span{ display: block;letter-spacing: 1px;color: #666;font-size: 16px;margin-bottom: 10px;}
.p-tech-2-1 dd h3 font{ display: block;letter-spacing: 1px;color: #009eb0;line-height: 26px;font-size: 15px;    text-align: justify;}
.p-tech-2-1 dd img{display: block;width: 100%;}


.p-tech-2-3{ display: block;overflow: hidden;background: #009eb0;padding: 3% 3% 3% 0;}
.p-tech-2-3 dd{ display: block;float: left;width: 70%;overflow: hidden;}
.p-tech-2-3 dd h3{ color: #fff;border-bottom: 1px solid #eee;padding: 0 0 0 4%;letter-spacing: 1px;font-size: 18px;margin-bottom: 20px;line-height: 1em;padding-bottom: 20px;}
.p-tech-2-3 dd .p-tech-2-3-left{display: block;overflow: hidden;padding: 0 0 0 4%;}
.p-tech-2-3 dd .p-tech-2-3-left h4{overflow: hidden;display: block;float: left;width: 50%;}
.p-tech-2-3 dd .p-tech-2-3-left h4 a{transition: all .3s; display: block;font-size: 14px;letter-spacing: 1px;line-height: 1em;margin-bottom: 15px;}
.p-tech-2-3 dd .p-tech-2-3-left h5{ display: block;float: left;width: 50%;overflow: hidden;}
.p-tech-2-3 dd .p-tech-2-3-left h5 span{ display: block;color: #fff;font-size: 17px;letter-spacing: 1px;line-height: 24px;margin-bottom: 20px;}
.p-tech-2-3 dd .p-tech-2-3-left h5 font{ display: block;letter-spacing: 1px;color: #fff;font-size: 14px;margin-bottom: 20px;}
.p-tech-2-3 dd .p-tech-2-3-left h5 a{display: inline-block;color: #fff;font-size: 14px;border: 1px solid #ccc;border-radius: 2em;padding: 5px 10px;}
.p-tech-2-3 dt{display: block;float: left;width: 25%;overflow: hidden;margin: 0 0 0 5%;}
.p-tech-2-3 dt a{ transition: all .3s; display: inline-block;color: #fff;font-size: 16px;border: 1px solid #fff;border-radius: 2em;padding: 5px 20px;letter-spacing: 1px;margin-bottom: 30px;}
.p-tech-2-3 dt h4{ display: block;background: #1fd7ec;text-align: center;padding: 20px 0;}
.p-tech-2-3 dt h4 span{ display: block;color: #fff;font-size: 20px;line-height: 30px;}
.p-tech-2-3 dt h4 font{ display: block;color: #fff;letter-spacing: 2px;font-size: 14px;}

.p-tech-2-3 dd .p-tech-2-3-left h4 a:hover{    color: #1fd7ec;}
.p-tech-2-3 dd .p-tech-2-3-left h5 a:hover,.p-tech-2-3 dt a:hover{ border: 1px solid #1fd7ec;background: #1fd7ec;}


.p-tech-3{ display: block;overflow: hidden;background: #eee;padding:3% 3%;}
.p-tech-3 dd{ display: block;float: left;width: 40%;overflow: hidden;position: relative;}
.p-tech-3 dd img{ display: block;width:100%; }
.p-tech-3 dd h3{ position: absolute;width: 100%;bottom: 0;left: 0;background: #009eb0cf;padding:3% 5%;}
.p-tech-3 dd h3 span{ display: block;font-size:16px;color: #fff;letter-spacing: 1px;line-height: 1em;margin-bottom: 10px;}
.p-tech-3 dd h3 font{ color: #fff;letter-spacing: 1px;font-size: 16px;}
.p-tech-3 dt{ display: block;float: right;width:50%;letter-spacing: 1px;line-height: 30px;font-size: 16px;color: #444;margin:3% 5% 0 0;text-align: justify;}


.p-tech-3-1{display: block;overflow: hidden;padding: 0 0 0 3%;}
.p-tech-3-1 dd{ display: block;float: left;width: 35%;letter-spacing: 1px;line-height: 30px;font-size: 16px;color: #444;margin: 5% 2.6% 0 3%;text-align: justify;}
.p-tech-3-1 img{ display: block;float: right;width: 56.4%;}


.p-tech-3-2{ background: #e9f8ff;padding: 3%;overflow: hidden;}
.p-tech-3-2 h3{ display: block;font-size: 1.2em;margin: 0 0 1em;color: #666;}
.p-tech-3-2 h4{display: block;}
.p-tech-3-2 h4 a{overflow: hidden; width:17.6%; float: left; margin:0 3% 0 0;position: relative;}
.p-tech-3-2 h4 a:nth-child(5){ margin:0; }
.p-tech-3-2 h4 a img{display: block; width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.p-tech-3-2 h4 a span{transition: all .3s; position: absolute;z-index: 0;bottom: 0;right: 0;background: rgba(255, 255, 255, 09);color: #10909e;padding: 10%;letter-spacing: 1px;font-size: 17px;}
.p-tech-3-2 h4 a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.p-tech-3-2 h4 a:hover span{ background: #10909e; color:#fff; }



.p-tech-4{ background: #e9f8ff;padding:3% 3% 5% 3%;overflow: hidden;}
.p-tech-4 dd{overflow: hidden; width:31.333%; float: left; margin:0 3% 0 0;position: relative;}
.p-tech-4 dd:nth-child(3){ margin:0; }
.p-tech-4 dd img{display: block; width:100%;margin-bottom: 30px;}
.p-tech-4 dd span{display: inline-block;font-size:18px;letter-spacing: 2px;border-bottom: 1px solid #009EB0;border-top: 1px solid #009EB0;color: #009EB0;margin-bottom:30px;}
.p-tech-4 dd font{ display: block;font-size: 15px;letter-spacing: 1px;text-align: justify;line-height: 28px;color: #444;}


.p-tech-4-1{ background: #eee;padding: 3%;overflow: hidden;}
 

.page-tech-reagent-bottom{position: relative;background:#e9f8ff;display: block;overflow: hidden; padding: 3%; }
.page-tech-reagent-bottom p{ position: absolute;width: 1px;height: 100%;background:#d7eaf3;top: 0;left: 21%;}
.page-tech-reagent-bottom p:nth-child(1){}
.page-tech-reagent-bottom p:nth-child(2){ left: 40.2%;}
.page-tech-reagent-bottom p:nth-child(3){ left: 59.6%;}
.page-tech-reagent-bottom p:nth-child(4){left: 79%;}
.page-tech-reagent-bottom dl{ display: block;overflow: hidden}
.page-tech-reagent-bottom dl a{    display: block;overflow: hidden;float: left;width: 17.6%;margin: 0 3% 0 0;}
.page-tech-reagent-bottom dl a:nth-child(5){ margin:0; }
.page-tech-reagent-bottom dl a h3{display: block;overflow: hidden;margin-bottom: 50px;}
.page-tech-reagent-bottom dl a h3 span{font-weight: bold; display: block;font-size: 16px;letter-spacing: 1px;color: #0064be;margin-bottom: 20px;}
.page-tech-reagent-bottom dl a h3 font{ color: #0064be;font-size: 15px;letter-spacing: 1px;line-height: 28px;min-height: 100px;display: block;}
.page-tech-reagent-bottom dl a img{ transition: all .3s;    background: #f1f1f1; padding: 1%;   display: block;width:98%; }
.page-tech-reagent-bottom dl a:hover img{opacity: 0.7;}



.page-tech-reagent-title{ display: block;overflow: hidden;padding: 3%;border-top: 1px solid #eee;}
.page-tech-reagent-title .page-tech-reagent-title-left{display: block;float: left;width:25%;overflow: hidden;}
.page-tech-reagent-title .page-tech-reagent-title-left h3{ display: block;overflow: hidden;margin-bottom: 30px;}
.page-tech-reagent-title .page-tech-reagent-title-left h3 span{color: #009eb0;display: inline-block;border-bottom: 1px solid;margin-bottom: 10px;letter-spacing: 1px;}
.page-tech-reagent-title .page-tech-reagent-title-left h3 font{ display: block;font-size: 18px;letter-spacing: 1px;color: #444;}
.page-tech-reagent-title .page-tech-reagent-title-left a{ background: #009eb0;color: #fff;font-size: 14px;display: inline-block;padding: 5px 24px;letter-spacing: 1px;}

.page-tech-reagent-title .page-tech-reagent-title-right{ display: block;float: right;width: 70%;overflow: hidden;border-left: 1px solid #eee;padding-left: 4%;}
.page-tech-reagent-title .page-tech-reagent-title-right #img{ display: block;overflow: hidden;width: auto;margin-bottom: 50px;border: 1px solid #ccc;}
.page-tech-reagent-title .page-tech-reagent-title-right .pageimg{width: 50%!important;}
.page-tech-reagent-title .page-tech-reagent-title-right p{ border-top: 1px solid #eee;padding-top: 50px;overflow: hidden;    font-size: 15px;letter-spacing: 1px;color: #444;line-height: 26px;}
.page-tech-reagent-title .page-tech-reagent-title-right p strong{font-weight: normal;color: #009eb0;display: inline-block;border-bottom: 1px solid;margin-bottom:5px;letter-spacing: 1px;}



.p-tech-5{ display: block;overflow: hidden;padding: 3%; border-top: 1px solid #eee; }
.p-tech-5 dd{ display: block;overflow: hidden;margin-bottom: 30px;}
.p-tech-5 dd img{ display: block;float: left;width: 30%; }
.p-tech-5 dd span{ display: block;float: left;font-size: 15px;letter-spacing: 1px;line-height: 26px;width: 60%;text-align: justify;margin: 0 0 0 3%; color: #444; }
.p-tech-5 dt{ display: block;float: left;font-size: 16px;letter-spacing: 1px;line-height: 28px;width: 80%;text-align: justify;margin: 0; color: #444; }


.p-tech-5-1{ display: block;overflow: hidden;padding: 3%;  background: #e9f8ff;}
.p-tech-5-1 h3{ display: block;font-size: 1.2em;margin: 0 0 1em;color: #666;}
.p-tech-5-1 dl{ display: block;overflow: hidden;}
.p-tech-5-1 dl a{ position: relative; display: block;overflow: hidden;float: left;width: 17.6%;margin: 0 3% 0 0;}
.p-tech-5-1 dl a:nth-child(5){ margin:0; }
.p-tech-5-1 dl a img{ display: block;width:100%;  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; -webkit-filter: grayscale(100%);}
.p-tech-5-1 dl a h4{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 158, 176, 0.76);}
.p-tech-5-1 dl a h4 span{ position: absolute;font-size: 17px;letter-spacing: 1px;top: 20px;left: 20px;}
.p-tech-5-1 dl a h4 .fa{ position: absolute;bottom: 20px;right: 20px;font-weight: normal;font-size: 40px;}
.p-tech-5-1 dl a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.p-tech-5-2{ display: block;overflow: hidden;padding: 3%; }
.p-tech-5-2 dd{display: block;float: left;width: 65%;}
.p-tech-5-2 dd h3{ display: block;font-size: 1.2em;margin: 0 0 1em;color: #666;}
.p-tech-5-2 dd h4{ display: block;font-size: 20px;margin:0 0 6px;color: #000;letter-spacing:2px;}
.p-tech-5-2 dd h5{ display: block;color: #666;letter-spacing: 1px;font-size: 16px;}
.p-tech-5-2 dt{ display: block;float: right;width: 30%;overflow: hidden;    padding: 2% 0 0 0;}
.p-tech-5-2 dt h3{    margin-bottom: 10px; display: block;letter-spacing: 1px;color: #666;font-size: 16px;}
.p-tech-5-2 dt a{ display: block;background: #009eb0;width: 40%;text-align: center;height: 30px;line-height: 30px;}
.p-tech-5-2 dt a .fa{ margin: 0 5px 0 0;font-size: 18px;}
.p-tech-5-2 dt a span{font-size: 16px;letter-spacing: 1px;margin-left: 5px;}



.fenye{display: block;overflow: hidden;padding: 0 3% 3%;}
.fenye a,.fenye span{ display: inline-block;color: #009eb0;font-size: 14px;background: #eee;padding: 5px 15px;margin: 0 10px 0 0;border-radius: 2px;}
.fenye a:hover{background: #009eb0;color: #fff;}
.fenye .current{background: #009eb0;color: #fff;}


.news-show-center hr{height: 1px !important;background-color: #666;margin: 20px 0;} 

.news-show dl{ width:70%;}
.news-show dl h6{ display: block;overflow: hidden;border-bottom: 1px solid #eee;font-size: 24px;letter-spacing: 1px;margin-bottom: 20px;color: #009eb0;}
.news-show dl h5{display: block;overflow: hidden;margin-bottom: 50px;}
.news-show dl h5 span{ float: left;display: block;margin-right: 20px;overflow: hidden;    letter-spacing: 1px;font-size: 14px;color: #555;}
.news-show dl .news-show-center{display: block; width: 100%;overflow: hidden;}
.news-show dl .news-show-center p{ display: block;letter-spacing: 1px;color: #666;text-align: justify;line-height: 28px;}
.news-show dl .news-show-center img{ display: block;width:auto;max-width: 80%;  margin:0 auto; }

.news-show dl .shangxia{display: block;overflow: hidden;border-top: 1px solid #eee;padding-top: 3%;margin-top: 3%;}
.news-show dl .shangxia .shang{ color: #999;font-size: 14px;letter-spacing: 1px;display: block;overflow: hidden;}
.news-show dl .shangxia .shang a,.news-show dl .shangxia .xia a{ display: inline-block;letter-spacing: 1px;float: none;width: auto;border: 0;padding: 0;margin: 0 0 0 5px;vertical-align: top;color: #666;}
.news-show dl .shangxia .xia{display: block;overflow: hidden;color: #999;font-size: 14px;letter-spacing: 1px;margin-top: 10px;}
.news-show dl .shangxia .shang a:hover,.news-show dl .shangxia .xia a:hover{ color:#009eb0; }


.aligncenter {display: block; width: auto;margin: 0 auto;} 



@media screen and (max-width:1400px)
{
 .p-pro-2 dl dd h3{padding:5% 5% 0;}
 .p-pro-2 dl dd strong{letter-spacing: 1px;}
 .p-pro-1 img{ width:40%; }
 .p-pro-1 h3{ width:58%; }
 .p-pro-1 h3 font{ font-size:14px;line-height: 26px; }
 .p-pro-1-2 dl a h4 span,.p-about-news dl a span,.p-pro-4 h3 {    font-size: 1em;}
 .p-pro-1-1 dl dd h5 a{ font-size:14px;}
 .p-pro-4-1 dl dd span{font-size:14px;    line-height: 22px;}
 .p-about dd h3 font{font-size: 1.3em;}
 .p-about4 a span{ font-size:12px;}
 .p-about4 a h4{font-size:1em;}
 .p-tech-2 h3{ width:50%;    font-size: 15px;line-height: 26px;}
 .p-tech-2 h3 br{display: none;}
 .p-tech-2 dl{ width:45%;    padding: 5% 0;}
 .p-tech-2-1 dd h3 font{ line-height: 28px;font-size: 16px;}
 .p-tech-2 dl img{ width:28%;}
 .p-tech-2-1 dd h3{ min-height:240px;}
 .page-tech-reagent-bottom dl a h3 font{ font-size:13px;letter-spacing: 0;}
 .page-tech-reagent-bottom dl a h3 span{font-size:15px;}
 .p-about2 h4{ font-size:16px;}
 .p-tech-0 h3{ margin:3% 0;     width: 50%;}
 .p-tech-3 dd{ width:50%;}
 .p-tech-3 dt{ width: 45%;margin: 0 0 3% 3%;line-height: 28px;}
.p-tech-3-1 dd{ width:40%;margin: 3% 3% 0 3%; }
.p-tech-3-1 img{ width:51.5%; }
.in-company dd h3 span{font-size:1.6em; }
.in-company dd h3 font,.in-company dd a font{font-size:16px;}
.in-std dt a h3 font, .in-std dd .a1 h3 font, .in-std .in-std-1-right a h3 font{font-size: 1.6em;}
}