.in-pro dl dd/* 清除内外边距 */
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 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
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;
}
.clearfix:after{content: '';clear: both;display: block;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

body,html{ height:100%;margin: 0;width: 100%;}
@font-face{
	font-family:"time";
	src: url("../css/timesbd.ttf")	     
}



	.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;}
 

.drawer-hamburger{display: none;}


.header{ position: fixed;width: 100%;z-index: 99999;height:63px;background: #fff;top: 0;left: 0;    border-bottom: 1px solid #eee;}
.header dl>a{ display: block;float: left;}
.header dl>a>img{ display: block;height: 42px;margin: 10px 0;}
.header dl .h-nav{ display: block;float: right;}
.header dl .h-nav>ul>li{display: inline-block;position: relative;}
.header dl .h-nav>ul>li>a{transition: all .1s;display: inline-block;color: #666;font-size: 15px;line-height: 64px;margin: 0 0 0 16px;padding-left: 16px;}
.header dl .h-nav>ul>li>a:hover{color:#0064be;}
.header dl .h-nav>ul>li>ul{position:absolute;top:63px;padding: 22px 0 6px 29px;width: 98px;border-radius: 5px;background-color: #f5f5f5;z-index:999;left: 6px;opacity: 0;transition: all .5s;pointer-events: none;}
.header dl .h-nav>ul>li:hover ul{opacity: 1;pointer-events: auto;}
.header dl .h-nav>ul>li>ul>li>a{font-size: 14px;color: #888888;display: block;margin-bottom: 16px;transition: all .1s;}
.header dl .h-nav>ul>li>ul>li>a:hover{color: #0064be;}


.whites{position: relative; display: block;overflow: hidden;background: #fff;z-index: 10;}
.in-banner-f{    z-index: -1;position: relative;width: 100%;height: 100%;}
.in-banner{    position:fixed; display: block;overflow: hidden;width: 100%;height: 100%;}
.in-banner video{display: block;overflow: hidden;width: 100%;}
.in-banner .in-banner-txt{ position: absolute;width: 100%;top: 0;left: 0;z-index: 9;height: 100%;background: rgba(0, 0, 0, 0.5);}
.in-banner .in-banner-txt dl{ position: absolute;width: 100%;top: 50%;text-align: center;left: 0;    margin-top: -90px;}
.in-banner .in-banner-txt dl h3{text-transform: uppercase; color: #fff;font-size: 36px;letter-spacing: 2px;line-height: 50px;height: 50px;}
.in-banner .in-banner-txt dl h4{ color: #fff;letter-spacing: 2px;font-size: 20px;line-height: 30px;margin:30px 0;}
.in-banner .in-banner-txt dl h5{}
.in-banner .in-banner-txt dl h5 a{ transition: all .3s;   display: inline-block;   letter-spacing: 1px;border: 1px solid;border-radius: 2px;color: #eee;padding: 5px 30px;}


.in-news{  overflow: hidden;padding:6% 0 6% 0;}
.in-news dl{border-top: 1px solid #aaa;    padding: 6.5% 0 4%;}
.in-news dd{}
.in-news dd a{ display: block;float: left;width: 22.75%;margin: 0 3% 0 0;overflow: hidden;}
.in-news dd a:nth-child(4n){ margin:0; }
.in-news dd a img{    margin-bottom: 20px; display: block;width: 100%;}
.in-news dd a span{display: inline;letter-spacing: 1px;color: #666;font-size: 16px;line-height: 24px;margin: 15px 0;}
.in-news dd a font{    margin-top: 20px; display: block;letter-spacing: 1px;font-size: 12px;color: #999;}
.in-news dd a:hover span{    color: #0064be;}


.in-info{  overflow: hidden;padding:3.5% 0;}
.in-info dl{border-top: 1px solid #aaa;     padding-top: 6.5%;}
.in-info dl dt,.in-news dl dt{display: block; width:100%;overflow: hidden;margin-bottom: 30px;}
.in-info dl dt h3,.in-news dl dt h3{ display: block;width: 50%;overflow: hidden;float: left;    font-size: 20px;letter-spacing: 1px;color: #666;}
.in-info dl dt a,.in-news dl dt a{  transition: all .3s;  border-radius: 1px;display: block;width: auto;overflow: hidden;float: right;    border: 1px solid #ccc;padding: 4px 20px;border-radius: 2px;text-align: center;}
.in-info dl dt a span,.in-news dl dt a span{ transition: all .3s;display: inline-block;font-weight: normal;color: #999;margin-right: 5px;}
.in-info dl dt a font,.in-news dl dt a font{ transition: all .3s;display: inline-block;color: #666;letter-spacing: 1px;margin-left: 5px;font-size: 12px;font-family:Arial;}
.in-info dl dd{display: block; width:100%;overflow: hidden;}
.in-info dl dd a{display: block;overflow: hidden;float: left;width: 31.3333%;margin: 0 3% 0 0;}
.in-info dl dd a h4{display: block;overflow: hidden;}
.in-info dl dd a:nth-child(3n){ margin:0; }
.in-info dl dd a img{display: block; width:100%;transition: all .5s;}
.in-info dl dd a h3{ background: #fff;padding: 10% 0;overflow: hidden;display: block;}
.in-info dl dd a h3 span{ display: block;letter-spacing: 1px;color:#0064be;font-size: 22px;line-height: 1em;margin-bottom: 20px;}
.in-info dl dd a h3 font{ display: block;letter-spacing: 1px;color: #444;font-size: 16px;line-height: 1em;margin-bottom: 30px;}
.in-info dl dd a h3 strong{ font-weight: normal; display: block;letter-spacing: 1px;color: #999;font-size: 14px;line-height: 20px;margin-bottom: 10px;}


.in-info dl dt a:hover, .in-news dl dt a:hover,.in-pic dd a:hover{border: 1px solid #0064be;background: #0064be;}
.in-info dl dt a:hover span,.in-info dl dt a:hover font,.in-news dl dt a:hover font,.in-news dl dt a:hover span,.in-pic dd a:hover span,.in-pic dd a:hover font{ color:#fff;}
.in-info dl dd a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}


.in-pic{ display: block;overflow: hidden;padding: 3% 0 ;}
.in-pic dd{ display: block;overflow: hidden;float: left;width: 45%;margin: 5% 0 0 0;}
.in-pic dd h3{ display: block;font-size: 22px;line-height: 1em;margin-bottom: 20px;letter-spacing: 1px;color: #0064be;}
.in-pic dd h4{ display: block;letter-spacing: 1px;color: #666;margin: 30px 0;font-size: 15px;line-height: 26px;text-align: justify; }
.in-pic dd a{transition: all .3s; display: inline-block;width: auto;overflow: hidden;border: 1px solid #ccc;padding: 4px 20px;border-radius: 2px;text-align: center;}
.in-pic dd a span{transition: all .3s; color: #0064be;font-size: 12px;display: inline-block;margin: 0 5px 0 0;}
.in-pic dd a font{transition: all .3s; color: #0064be;font-size: 12px;display: inline-block;margin: 0 0 0 5px; font-family: Arial; letter-spacing:1px;}
.in-pic img{ display: block;float: right;width: 50%;}
.in-pic dl:nth-child(2) img{float: left;}
.in-pic dl:nth-child(2) dd{float: right;}
.in-pic dl:nth-child(1){margin-bottom: 0;padding-top: 3%;}


.in-pro{  overflow: hidden;padding: 0;}
.in-pro dl{padding-top: 6.5%;border-top: 1px solid #ddd;}
.in-pro dl #in-pro1{ display: block;float: left;width: 61.5%;overflow: hidden;position: relative;}
.in-pro dl #in-pro1 img{ display: block; width:100%; transition: all .5s;}
.in-pro dl #in-pro1 h3,.in-pro dl dd a h3{ position: absolute;bottom: 0;left: 0;background:rgba(255, 255, 255, 0.82);width: auto;height: auto;padding: 25px 30px;min-width:220px;}
.in-pro dl #in-pro1 h3 span,.in-pro dl dd a h3 span{ display: block;letter-spacing: 1px;color: #0064be;font-size: 22px;line-height: 1em;margin-bottom: 10px;}
.in-pro dl #in-pro1 h3 font,.in-pro dl dd a h3 font{display: block;letter-spacing: 1px;color: #999;font-size: 13px;line-height: 1em;margin-bottom: 20px;}
.in-pro dl #in-pro1 h3 strong,.in-pro dl dd a h3 strong{display: inline-block;width: auto;overflow: hidden;border: 1px solid #ccc;padding: 4px 20px;border-radius: 2px;text-align: center;transition: all .3s;}
.in-pro dl #in-pro1 h3 strong span,.in-pro dl dd a h3 strong span{   font-weight: normal; color: #0064be;font-size: 12px;display: inline-block;margin: 0 5px 0 0;}
.in-pro dl #in-pro1 h3 strong font,.in-pro dl dd a h3 strong font{color: #0064be;font-size: 12px;display: inline-block;margin: 0 0 0 5px;font-weight: normal; font-family:Arial;}
.in-pro dl dd{ display: block;overflow: hidden;position: absolute;right: 0;width: 36%;height: 570px;}
.in-pro dl dd a{position: absolute;width: 100%;height:47.5%;overflow: hidden;    top: 0;left: 0;}
.in-pro dl dd a img{transition: all .5s; display: block; width:100%; height:100%;}
.in-pro dl dd #in-pro3{ top:auto;left: 0;bottom:0;}

.in-pro dl a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.in-pro dl #in-pro1:hover h3 strong span,.in-pro dl #in-pro1:hover h3 strong font,.in-pro dl dd a:hover h3 strong span,.in-pro dl dd a:hover h3 strong font{ color:#fff}
.in-pro dl #in-pro1:hover h3 strong,.in-pro dl dd a:hover h3 strong{border: 1px solid #0064be;background: #0064be;}

.in-pro dl #in-pro1:hover h3, .in-pro dl dd a:hover h3{ background: #fff;transition: all .3s; }







.in-info1{background:none;padding: 5% 0 5%;}
.in-info1 dl dd a{ width: 48.5%;}
.in-info1 dl dd a:nth-child(2){margin:0;}
.in-info1 dl dd a img{ float: left;width: 50%;}
.in-info1 dl dd a h3{padding: 2% 3%;}
.in-info1 dl dd a h3 strong{ display: inline-block;width: auto;overflow: hidden;border: 1px solid #ccc;padding: 5px 25px;border-radius: 2px;text-align: center;}
.in-info1 dl dd a h3 strong span{ font-weight: normal;color: #0064be;font-size: 14px;display: inline-block;margin: 0 5px 0 0;}
.in-info1 dl dd a h3 strong font{ color: #0064be;font-size: 14px;display: inline-block;margin: 0 0 0 5px;font-weight: normal;}





.footer{ display: block;overflow: hidden; padding:2% 0 2%;background: linear-gradient(to right,#333,#333);    z-index: 10;
    position: relative;}
.footer .footer-top{ display: block;overflow: hidden;background: linear-gradient(to right,#333,#333); border-bottom: 1px solid #666;  padding:1% 0 1%;}
.footer .footer-top dl,.footer .footer-bottom dl,.in-info dl,.in-pic dl,.in-pro dl,.in-news dl,.header dl{display: block;width:1260px;margin: 0 auto;    position: relative;}
.footer .footer-top dl dd{ display: block;float: left;    width: 50%;}
.footer .footer-top dl dd h3{display: inline-block;text-transform: uppercase;letter-spacing: 1px;font-size: 13px;color: #666;    height: 36px;line-height: 36px;vertical-align: top;}
.footer .footer-top dl dd #share{ display: inline-block;overflow: hidden;}
.footer .footer-top dl dd #share a{ display: inline-block;width: 35px;height: 35px;border-radius: 50%;border: 1px solid #666;padding: 0;margin: 0 0 0 10px;line-height: 36px;text-align: center;background: none;font-size: 14px;color: #666;transition: all .2s;}
.footer .footer-top dl dt{ display: block; float: left; text-align: right; width: 50%;}
.footer .footer-top dl dt a{ display: inline-block;color: #666;font-size: 13px;margin-left: 10px;text-transform: uppercase;letter-spacing: 1px;  height: 36px;line-height: 36px;vertical-align: top;transition: all .2s;}

.footer .footer-bottom{background: linear-gradient(to right,#333,#333);    display: block;overflow: hidden;padding:2% 0 0;}
.footer .footer-bottom dl dd{ display: block;overflow: hidden;margin-bottom:80px;}
.footer .footer-bottom dl dd .f-title{ display: block;overflow: hidden;float: left;width: 8%; margin: 0 15% 0 0; }
.footer .footer-bottom dl dd .f-title:nth-child(5n){ margin:0; }
.footer .footer-bottom dl dd .f-title h3{display: block;overflow: hidden;line-height: 1em;margin-bottom: 16px;}
.footer .footer-bottom dl dd .f-title h3 a{ transition: all .2s;color: #eee;font-size: 14px;display: inline-block;letter-spacing: 1px;}
.footer .footer-bottom dl dd .f-title h4{display: block;overflow: hidden;line-height: 1em;margin-bottom:6px;}
.footer .footer-bottom dl dd .f-title h4 a{color: #b1b2b8;font-size: 13px;display: inline-block;letter-spacing: 1px;}
.footer .footer-bottom dl dt{ display: block; overflow: hidden; }
.footer .footer-bottom dl dt h3{    display: inline-block;float: left;color: #999;letter-spacing: 1px;font-size: 12px;}
.footer .footer-bottom dl dt h4{display: inline-block;float: right;color: #999;letter-spacing: 1px;font-size: 13px;}
.footer .footer-bottom dl dt h4 a{ color: #999;letter-spacing: 1px;border-left: 1px solid #999;line-height: 1em;margin-left: 10px;padding-left: 10px;    font-size: 12px;}
.footer .footer-bottom dl dt h4 a:nth-child(1){ border:0; margin:0; padding:0; }

.footer .footer-top dl dd #share a:hover,.in-banner .in-banner-txt dl h5 a:hover{border: 1px solid #0064be;color: #fff;background:#0064be;}
.footer .footer-top dl dt a:hover,.footer .footer-bottom dl dd .f-title h4 a:hover,.footer .footer-bottom dl dd .f-title h3 a:hover,.in-banner .in-banner-txt dl h5 a:hover span,.in-banner .in-banner-txt dl h5 a:hover font{color: #0064be;}





/*about*/

.ab_txt{width:1098px;margin: 224px auto 0;}
.ab_txt h3{width:90%;margin: 0 auto 61px;position: relative;}
.ab_txt h3>img{width: 100%;}
.ab_txt h3>p{font-size: 36px;color: #0075c1;text-align: center;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-weight: bold;}
.ab_txt i{display: block;width: 70%;height: 1px;background-color: #dcdcdc;margin:0 auto 61px;}
.ab_txt>span{text-align: center;width: 100%;display: block;font-size: 22px;color: #484848;margin-bottom: 45px;font-weight:bold;}
.ab_txt>h4{width: 100%;text-align: center;font-size: 16px;color: #777777;line-height:30px;margin: 0 auto;letter-spacing:1px;}
.ab_txt>h5{text-align: center;font-size: 22px;color: #484848;margin-bottom: 29px;}
.ab_txt>font{display: block;width: 1px;height: 78px;background-color: #dcdcdc;margin: 52px auto;}
.ab_txt>left{display: block;width: 100%;height: 1px;background-color: #dcdcdc;margin:70px auto 58px;}

.sc{width: 1260px;margin: 0 auto;}
.sc .sc_list{display: table;margin-bottom: 68px;}
.sc .sc_list h3{display: table-cell;vertical-align: middle;width:47%;}
.sc .sc_list h3>span{font-size: 20px;color: #0075c1;display:block;margin-bottom: 20px;font-weight: bold;}
.sc .sc_list h3>i{font-size:16px;color:#0075c1;margin-bottom:20px;font-style:normal;position:relative;padding-left:40px;}
.sc .sc_list h3>i:after{content:''; display:block; width:30px; position:absolute;top:12px; left:0;border-top: 1px solid #0075c1;}
.sc .sc_list h3>p{font-size: 14px;color: #777777;line-height: 24px;margin-top:20px;}
.sc .sc_list h4{float: right;width:90%;}
.sc .sc_list h4>img{width: 100%;}
.sc .sc_list:nth-child(2) h4{float: left;}

.line{width: 100%;height: 1px;background-color: #dddddd;}

.ts{width: 1098px;margin:53px auto 150px;}
.ts>span{text-align: center;display: block;font-size: 14px;color: #8b8b8b;}
.ts>p{font-size: 20px;color: #666666;margin: 20px auto;text-align: center;}
.ts>i{display: block;margin:0 auto;width: 1px;height: 32px;background-color: #ddd;}
.ts .ts_list{position: relative;margin: 27px auto 0;}
.ts .ts_list h3{    width: 52%; padding: 112px 0; text-align: center; text-align: center; margin-top: 44px; position: absolute; z-index: 5; bottom: -40px; left: 0; background: url(/style/images/ab_tuijie.jpg);}
.ts .ts_list h3>span{font-size: 24px;color: #fff; font-weight:bold;}
.ts .ts_list h3>p{font-size: 16px;color: #222222; opacity:0;}
.ts .ts_list h3>a{display:inline-block;width: 153px;height: 39px;text-align: center;line-height: 39px;border-radius:19.5px;font-size: 14px;color: #ffffff;letter-spacing: 2px;background-color: #0075c1;transition: all .5s;}
.ts .ts_list h3>a:hover{background-color: #004f82;}
.ts .ts_list h4{position: relative;float: right;z-index: 2;width:52%;text-align: center;}
.ts .ts_list h4>img{width: 100%;}
.ts .ts_list h4>left{position: absolute;display: block;width: 100%;text-align: center;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.ts .ts_list h4>left>span{font-size: 24px;color: #fff; font-weight:bold;}
.ts .ts_list h4>left>p{font-size:16px;color: #fff;opacity:0;}
.ts .ts_list h4>left>a{display:inline-block;width: 153px;height: 39px;text-align: center;line-height: 39px;border-radius:19.5px;font-size: 14px;color: #ffffff;letter-spacing: 2px;transition: all .5s;border: 1px solid #fff;}
.ts .ts_list h4>left>a:hover{color: #333;background-color: #fff;}
/*视频*/
#box{ width: 100%;height: auto;position: relative;margin: 4% auto;overflow: hidden; }
.cover{z-index: 10;position: absolute;width: 100%;height: 100%;cursor: pointer;opacity: 1;top: 0;left: 0;    text-align: CENTER;visibility: visible;}
.cover #imgbg{    position: absolute;width: 100%;top: 0;left: 0;z-index: -1;height: 100%;}


.cover dt>img:nth-child(1){    display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.cover dt{position: absolute;top: 0;width: 100%;height: 100%;left: 0;opacity: 1;transition: 0.2s;}
#box video{width: 100%;height: auto;}


.new{width: 1258px;margin: 164px auto 46px;padding-bottom: 37px;border-bottom: 1px solid #dfdfdf;text-align: center;}
.new h3{font-size: 40px;color:#0075c1;font-weight: bold;margin-bottom: 26px;letter-spacing: 2px;font-family:"time";}
.new p{font-size: 16px;color: #999999;}
.new>h4{margin-top: 34px;}
.new>h4>a{display: inline-block;width: 186px;height: 36px;border: 1px solid #909090;font-size: 14px;text-align: center;line-height: 38px;margin: 0 20px;color: #909090;background-color: #f2f2f2;transition: all .5s;}
.new>h4>.n_act{background-color: #0075c1;border-color: #0075C1;color: #FFFFFF;}
.new>h4>a:hover{background-color: #0075c1;border-color: #0075C1;color: #FFFFFF;}



.news{width: 1260px;margin: 0 auto 75px;}
.news h3{float: left;width: 48%;}
.news h3>img{width: 100%;}
.news>a{display:block;width:48%;float: right;}
.news>a>span{font-size: 14px;color: #909090;display: block;margin-bottom: 32px;}
.news>a>p{margin-bottom: 35px;}
.news>a>p>span{font-size: 24px;color: #0075c1;line-height: 28px;display: inline-block;width: 76%;letter-spacing: 1px;margin-right: 5%;font-weight: bold;transition: all .5s;}
.news>a>p:hover span{color: #0093f3;}
.news>a>p>i{font-size: 20px;color: #0075c1;vertical-align: 28px;transition: all .5s;display: inline-block;}
.news>a:hover i{transform: translateX(5px);-webkit-transform: translateX(5px);}
.news>a>font{width: 76%;display: block;font-size: 15px;color: #909090;line-height: 24px;}
.news_list{width: 1260px;margin: 0 auto;}
.news_list>a{width:100%;display: block;padding-bottom:44px;border-bottom: 1px solid #DFDFDF;margin-bottom: 44px;}
.news_list>a>h3{float: left;width: 25%;}
.news_list>a>h3>img{width: 100%;}
.news_list>a>h4{width: 56%;float: left;margin-left:4%;}
.news_list>a>h4>span{font-size: 13px;color: #909090;display: block;margin:0 auto 12px;}
.news_list>a>h4>p{margin-bottom: 37px;}
.news_list>a>h4>p>span{width:76%;font-size: 17px;color: #0075c1;display: inline-block;font-weight: bold;}
.news_list>a>h4>p>i{font-size: 14px;color: #909090;float: right;margin-top: 3px;display: block;margin-right: 5%;transition: all .5s;}
.news_list>a:hover i{transform: translateX(5px);-webkit-transform: translateX(5px);}
.news_list>a:hover p>span{color: #0093f3;}
.news_list>a>h4>font{display:block;font-size: 14px;color: #909090;line-height: 24px;width: 96%;margin-bottom: 29px;}

.fy{margin: 0 auto 73px;text-align: center;}
.fy a{display: inline-block;padding: 0 15px;height: 28px;text-align: center;line-height: 28px;transition: all .5s;background-color: #eeeeee;font-size: 14px;color: #0075c1;margin: 0 4px;border-radius: 5px;}
.fy .a_act{background-color:#0075c1;color: #FFFFFF;}
.fy a:hover{background-color: #0075C1;color: #FFFFFF;}

.screen-reader-text{display: none;}
.nav-links .current{cursor: pointer;background-color:#0075c1;color:#FFFFFF;display: inline-block;padding: 0 15px;height: 28px;text-align: center;line-height: 28px;transition: all .5s;margin: 0 4px;border-radius: 5px;font-size: 14px;}


.tit{width: 66%;margin: 147px auto 0;padding-bottom: 37px;text-align: center;border-bottom: 1px solid #dfdfdf;}
.tit>h3{font-size: 40px;color: #0075c1;margin-bottom: 22px; font-weight: bold;letter-spacing: 4px;}
.tit>p{font-size: 16px;color: #999999; letter-spacing:1.5px;text-transform: uppercase;}
.zz{width: 66%;margin: 65px auto 162px;position: relative;letter-spacing:1px;}
.zz>h3{width: 78%;float: right;}
.zz>h3>img{max-width: 100%;}
.zz>h4{position: absolute;padding:59px 0 61px 8%;width:57%;left: 0;bottom: -88px;
background: linear-gradient(left , rgb(28, 184, 235) 30% , rgb(0, 127, 193) 99%);
background: -o-linear-gradient(left , rgb(28, 184, 235) 30% , rgb(0, 127, 193) 99%);
background: -ms-linear-gradient(left , rgb(28, 184, 235) 30% , rgb(0, 127, 193) 99%);
background: -moz-linear-gradient(left , rgb(28, 184, 235) 30% , rgb(0, 127, 193) 99%);
background: -webkit-linear-gradient(left , rgb(28, 184, 235) 30% , rgb(0, 127, 193) 99%);


}
.aboutzz>h4{position: absolute;padding:59px 0 61px 8%;width:57%;left: 0;bottom: -88px;
background: linear-gradient(left , rgb(28, 184, 235,0.9) 30% , rgb(0, 127, 193,0.9) 99%);
background: -o-linear-gradient(left , rgb(28, 184, 235,0.9) 30% , rgb(0, 127, 193,0.9) 99%);
background: -ms-linear-gradient(left , rgb(28, 184, 235,0.9) 30% , rgb(0, 127, 193,0.9) 99%);
background: -moz-linear-gradient(left , rgb(28, 184, 235,0.9) 30% , rgb(0, 127, 193,0.9) 99%);
background: -webkit-linear-gradient(left , rgb(28, 184, 235,0.9) 30% , rgb(0, 127, 193,0.9) 99%);


}
.zz>h4>span{font-size: 16px;color: #ffffff;}
.zz>h4>font{display: block;font-size:30px;margin: 23px 0 27px;color: #fff;}
.zz>h4>p{font-size: 16px;color: #ffffff;line-height: 28px;}


.ln_big{width: 100%;height: auto;padding: 82px 0;background-color: #f3f3f3;position: relative;letter-spacing:1px;}
.ln_big .ln_l{width: 24%;height: 100%;background-color: #fafafa;position: absolute;left: 0;top: 0;z-index: 1;}
.ln_big .ln{width: 66%;margin: 0 auto;position: relative;z-index: 5;display: table;}
.ln_big .ln>h3{width:65%;display:table-cell;}
.ln_big .ln>h3>img{max-width: 100%;}
.ln_big .ln .ln_txt{width:40%;display: table-cell;vertical-align: middle;position: relative;padding-left:7%;}
.ln_big .ln .ln_txt>i{width: 40%;height: 1px;background-color: #c4c4c4;position: absolute; left: -34%;top: 28%;}
.ln_big .ln .ln_txt>h4>span{display: block;font-size: 18px;color:#333333; opacity:0.5;}
.ln_big .ln .ln_txt>h4>font{font-size: 30px;color: #333333;margin: 25px 0 31px;display: block;}
.ln_big .ln .ln_txt>h4>p{font-size: 16px;line-height: 24px;letter-spacing:1px;}


.core{width: 66%;margin:117px auto;position: relative; letter-spacing:1px;}
.core>img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.core>h3{width: 30%;float: left;position: relative;z-index: 5;margin-left: 10%;margin-right: 10%;}
.core>h3>span{font-size: 18px;color: #333333;}
.core>h3>p{font-size: 30px;color: #333333;margin: 19px 0 27px;}
.core>h3>i{display:block;width: 85px;height: 1px;background-color: #c4c4c4;margin-bottom: 29px;}
.core>h3>font{font-size: 18px;color: #333333;line-height:24px;}


.app{width: 66%;margin: 46px auto 80px;padding-bottom: 46px;border-bottom: 1px solid #DFDFDF;display: table;}
.app>h3{width: 46%;display: table-cell;}
.app>h3>img{width: 100%;}
.app>h4{width:54%;display: table-cell;vertical-align: middle;padding-left: 4%;}
.app>h4>span{font-size: 22px;color: #484848;display: block;margin-bottom: 53px; font-weight: bold;}
.app>h4>p{font-size: 16px;color: #999999;line-height: 28px;margin-bottom: 30px;}

.app_list{width: 66%;margin: 0 auto;padding-bottom: 42px;border-bottom: 1px solid #DFDFDF;}
.app_list>h4{font-size: 22px;color: #484848;text-align: center;margin-bottom: 41px; font-weight:bold;}
.app_list>a{width: 31%;float: left;display: block;position: relative;margin:0 3.5% 3.5% 0;}
.app_list>a:nth-of-type(3n){margin-right: 0;}
.app_list>a>img{width: 100%;}
.app_list>a>h3{width: 100%;height:98%;transition: all .5s;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.7);opacity: 0;z-index: 5;}
.app_list>a>h4{position: absolute;left: 8%;bottom:13%;z-index: 10;padding-bottom: 15px;border-bottom: 1px solid #fff;width:39%;transition: all .5s;}
.app_list>a>h4>span{font-size: 14px;color: #ffffff;display: block;margin-bottom: 10px;letter-spacing: 1px;}
.app_list>a>h4>font{font-size: 20px;color: #ffffff;letter-spacing: 1px;}
.app_list>a>p{position: absolute;left: 8%;bottom: 0%;color: #FFFFFF;font-size: 14px;line-height: 20px;transition: all .5s;opacity: 0;z-index: 10;    width: 70%;}
.app_list>a:hover h3{opacity:1;}
.app_list>a:hover h4{bottom:35%;}
.app_list>a:hover p{bottom:16%;opacity:1;}

.content{width: 57%;
    margin: 0 auto;
    background: #f3f3f3;
    padding: 90px 21.5% 78px;}
.content>.con_l{width:38%;float: left;position: relative;position: relative;}
.content>.con_l>img{position: absolute;left: -5%;bottom: 0;z-index: 2;}
.content>.con_l>span{font-size: 48px;color: #0075c1;font-weight: bold;display: block;margin-bottom: 44px;font-family:times;display:none;}
.content>.con_l>h4{z-index: 10;position: relative;margin-top: 25px;}
.content>.con_l>h4>font{display: block;font-size: 26px;color: #333333;padding-bottom: 10px;border-bottom: 1px solid #dddddd;margin-bottom: 33px;font-weight:bold;}
.content>.con_l>h4>p{font-size:15px;color: #666666;line-height: 24px;margin-bottom:15px;}
.content>.con_l>h4>p>span{display: block;}
.content>.con_l>h4>p>span:nth-of-type(2) font{opacity: 0;}
.content>.con_l>h4>p>span:nth-of-type(3) font{opacity: 0;}
.content>.con_r{width: 52%;float: right;height: auto;}
.content>.con_r .map{width: 100%;height: 443px;}

.zx_big{width:100%;padding:154px 0 90px;background-color: #fff;}
.zx_big .zx{width:56%;margin: 0 auto;}
.zx_big .zx .title{font-size: 48px;color: #222222;text-transform: uppercase;text-align: center;margin-bottom: 30px;font-family: times;letter-spacing:3px;}
.zx_big .zx .title span{display: inline-block;font-size: 64px;}
.zx_big .zx p{font-size: 18px;color: #222222;line-height: 28px;text-align: center;margin-bottom: 60px;}
.zx_big .zx .form{width: 100%;box-sizing: border-box;}
.zx_big .zx .form form .li{width: 48%;float: left;margin-right: 4%;display: block;outline: none;box-sizing: border-box;}
.zx_big .zx .form form .li:nth-of-type(5){width: 100%;}
.zx_big .zx .form form .li:nth-of-type(6){width: 100%;}
.zx_big .zx .form form .li h3{display: block;font-size: 14px;color: #222;margin-top: 30px;}
.zx_big .zx .form form .li h3 span{color: #ff0000;}
.zx_big .zx .form form .li:nth-of-type(2n){margin-right: 0;}
.zx_big .zx .form form .li input{display: block;width: 100%;height: 40px;border: none;border-bottom: 1px solid #ddd;outline: none;font-size: 14px;color: #222；}
.zx_big .zx .form form button{display: block;width: 164px;height: 42px;box-sizing: border-box;border: 1px solid #0075c1;color: #0075c1;font-size: 18px;margin-top: 30px;background-color: transparent;transition: all .3s;float: left;outline: none;}
.zx_big .zx .form form button:hover{background-color: #0075c1;color: #fff;cursor: pointer;}



.add{width: 67%;margin: 48px auto;position: relative;}
.add>img{width: 100%; opacity:0.5;}
.add .point-area{    text-align: center; -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;}
.add .point-area .point-dot{    z-index: 1;
    background-color: #0064be;
    border: 1px solid rgba(0,100, 190, 0.37)}
.add .point-area .point-name{font-size: 15px;color: #333;position: absolute;    top: 39%;left: 68%;width: 100%;text-align: left; font-family:arial; font-weight:bold;}
.add .point-area {top: 63%;left: 31%;position: absolute;width: 100px;height: 100px;visibility: visible;opacity: 1;}
.add .point-area:nth-of-type(2){top: 35%;left: 23%;display: none;}
.add .point-area:nth-of-type(3){top: 48%;left: 49%;}
.add .point-area:nth-of-type(4){top: 70%;left: 51%;}
.add .point-area:nth-of-type(5){top: 27%;left: 51%;}
.add .point-area:nth-of-type(6){top: 18%;left: 61%;}
.add .point-area:nth-of-type(7){top: 27%;left: 68%;}
.add .point-area:nth-of-type(8){top: 68%;left: 79%;}
.add .point-area:nth-of-type(9){top: 33%;left: 75%;}
.add .point-area:nth-of-type(10){top: 40%;left: 74%;}

.add .point-area:nth-of-type(9){}
.add .point-area .point{    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
}
.add  .point-area .point-10{width: 100%;height: 100%;}
.add  .point-area .point-40{width: 100%;height: 100%;}
.add .point-area .point-10:after{    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #0064be;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 225ms infinite;
    -moz-animation: ripple 4500ms ease-out 225ms infinite;
    -o-animation: ripple 4500ms ease-out 225ms infinite;
    animation: ripple 4500ms ease-out 225ms infinite;
}

.add  .point-area .point-40:after{content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #0064be;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 900ms infinite;
    -moz-animation: ripple 4500ms ease-out 900ms infinite;
    -o-animation: ripple 4500ms ease-out 900ms infinite;
    animation: ripple 4500ms ease-out 900ms infinite;
}
.add .point-area .point-80{width: 100%;height: 100%;}
.add .point-area .point-80:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #0064be;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
    -moz-animation: ripple 4500ms ease-out 1800ms infinite;
    -o-animation: ripple 4500ms ease-out 1800ms infinite;
    animation: ripple 4500ms ease-out 1800ms infinite;
}

.add .point-area .point-shadow:after{    -webkit-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
    -moz-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
    box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
}

lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}


.ry_js{width: 66%;margin:63px auto 0;padding-bottom: 69px;border-bottom: 1px solid #dfdfdf;display: table;}
.ry_js>.ry_l{display: table-cell;width: 50%;}
.ry_js>.ry_l>img{width: 100%;height: auto;}
.ry_js>.ry_r{display: table-cell;vertical-align: middle;width: 55%;padding-left: 4%;}
.ry_js>.ry_r>p{margin-left: -14%;}
.ry_js>.ry_r>p>span{font-size: 13px;color: #0075c1;}
.ry_js>.ry_r>p>i{display: inline-block;width: 100px;height: 1px;background-color: #0075c1;margin-right: 16px;}
.ry_js>.ry_r>h3{font-size: 24px;color: #0075c1;margin: 30px 0;font-weight:bold;}
.ry_js>.ry_r>h4{    font-size: 16px;color: #666666;line-height: 28px;letter-spacing: 1px;text-align: justify;}

.pdf_list{width: 66%;margin: 71px auto 0;}
.pdf_list .pd{width: 46%;float: left;margin-bottom: 122px;}
.pdf_list .pd:nth-child(2n){float: right;}
.pdf_list .pd>h3{width:201px;float: left;border: 1px solid #e2e2e2;border-radius: 50%;height: 201px;position:relative;}
.pdf_list .pd>h3>img{display:block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.pdf_list .pd>h4{width: 56%;float: right;padding-top: 30px;}
.pdf_list .pd>h4>span{font-size: 25px;color: #0075c1;display: block;margin-bottom: 30px;font-weight:bold;}
.pdf_list .pd>h4>p{font-size: 14px;color: #838383;line-height: 24px;margin-bottom: 35px;letter-spacing: 1px;text-align: justify;}
.pdf_list .pd>h4>a{display: block;width: 124px;height: 34px;text-align: center;line-height: 36px;font-size: 14px;color: #0075c1;border: 1px solid #0075C1;transition: all .5s;}
.pdf_list .pd>h4>a:hover{background-color: #0075c1;color: #fff;}


.tip{width: 66%;margin:69px auto 140px;position: relative;}
.tip>h3{font-size: 26px;color: #222222;margin-bottom: 43px;text-align: center;font-weight:bold}
.tip_list{margin-bottom: 60px;/*padding: 0 0 30px;*//*border-bottom: 1px solid #f0f0f0;*/}
.tip .tip_list:last-child{margin-bottom: 0;}
.tip_list>h3{font-size: 20px;color: #222222;margin-bottom: 46px;font-weight:bold;}
.tip_list>h4{margin-bottom: 29px;}
.tip_list>h4>span{font-size: 18px;color: #222222;display: block;margin-bottom: 45px;}
.tip_list>h4>left{display: block;float: right;width: 96%;}
.tip_list>h4>span{display: block;float: left;width:16px;height: 16px;border-radius: 50%;text-align:center;line-height: 15px;border: 1px solid #999999;font-size: 14px;color: #999999;margin-top: 5px;}
.tip_list>h4>left>p{font-size: 16px;color: #888888;line-height:28px;}

.pro{width:66%;margin:21px auto 0;}
.pro>p{font-size: 25px;color: #0075c1;margin-bottom: 32px;}
.pro>.pro_list{width: 100%;padding-bottom:35px;border-bottom: 1px solid #dfdfdf;}
.pro>.pro_list>a{display: block;float: left;width:30%;margin-right:5%;margin-bottom: 35px;background-color: #fafafa;overflow:hidden;}
.pro>.pro_list>a>img{width:100%;transition: all .5s;}
.pro>.pro_list>a:hover img{transform:scale(1.1);}
.pro>.pro_list>a>font{display: block;padding:26px 23px;width: 100%;}
.pro>.pro_list>a>font>span{font-size: 16px;display: block;margin-bottom: 10px;color: #333333;}
.pro>.pro_list>a>font>p{font-size: 14px;color: #a8a8a8;}
.pro>.pro_list>a:nth-child(3n){margin-right: 0;}
.pros{margin-bottom:60px;}

/*产品推介*/
.p-banner{width: 100%;height: auto;overflow: hidden;position: relative;margin-top: 63px;}
.p-banner img{display: block;width: 100%;}
.p-banner .pbanner-text{position: absolute;top: 50%;width: 100%;text-align: center;color: #FFFFFF;font-size: 60px;margin-top: -82.5px;}
.p-banner .pbanner-text span{display: block;font-size: 20px;margin-top: 60px; font-family:font2018;}

.p-product01{width: 1330px;margin: auto;padding: 145px 0px 145px 0px;}
.p-product01:after,.p-product02 .product02content:after{content: '';display: block;clear: both;}
.p-product01 .product01-l{width: 50%;float: left;box-sizing: border-box;padding-left: 5%; padding-top: 5%;}
.p-product01 .product01-r{width: 50%;float: right;}
.p-product01 .product01-r img{display: block;width: 100%;}
.p-product01 .product01-l p{font-size: 44px;color: #333333;font-weight: bold;margin-bottom: 60px;line-height: 56px;letter-spacing: 3px;}
.p-product01 .product01-l p span{color: #0075c1;}
.p-product01 .product01-l h3{font-size: 17px;color: #999999;line-height: 30px;letter-spacing: 2px;}

.p-product02{width: 100%;background-color: #f6f6f6;padding: 156px 0px 175px 0px;}
.p-product02 .product02content{width: 1330px;margin: auto;}
.p-product02 .product02content .product02-l{width: 50%;float: left;position: relative; padding-top:1.2%;min-height: 383px;}
.p-product02 .product02content .product02-l img{display: block;width: 100%;position: absolute;left: -10%;}
.p-product02 .product02content .product02-r{width: 50%;float: right;}
.p-product02 .product02content .product02-r p{font-size: 44px;color: #333333;font-weight: bold;margin-bottom: 35px;line-height: 56px;letter-spacing: 3px;}
.p-product02 .product02content .product02-r p span{color: #0075c1;}
.p-product02 .product02content .product02-r .product02-rst{font-size: 22px;color: #222222;letter-spacing: 3px;font-family:font2018;}
.p-product02 .product02content .product02-r h3 p{font-size: 17px;color: #999999;line-height: 40px;letter-spacing: 2px;font-weight: normal;margin-bottom: 0px;position: relative;box-sizing: border-box;padding-left: 20px;}
.p-product02 .product02content .product02-r h3 p img{display: block;position: absolute;top: 16px;left: 0px;}
.p-product02 .product02content .product02-r .p02-line{display: block;width: 95%;height: 1px;background-color: #dddddd;margin-top: 80px;margin-bottom: 35px;}

.p-product03 .product01-l p{margin-bottom: 35px;}
.p-product03 .product01-l .product03-rst{font-size: 22px;color: #333333;letter-spacing: 3px;font-family:font2018;}
.p-product03 .product01-l .p03-line{display: block;width: 100%;height: 1px;background-color: #dddddd;margin-top: 80px;margin-bottom: 35px;}
.p-product03 .product01-l h3{display: block;width: 90%;letter-spacing: 2px;}

.p-product04 .product02content .product02-r .product02-rst{font-size: 22px;color: #333333;font-family:font2018;}
.p-product04 .product02content .product02-r h3{display: block;width: 90%;letter-spacing: 2px;font-size: 17px;color: #999999;line-height: 30px;letter-spacing: 2px;}
.p-product04 .product02content .product02-l img{display: block;width: 100%;position: absolute;left: -10%;}

.p-product05{width: 1100px;margin: auto;padding: 110px 0px 110px 0px;}
.p-product05 .product05-title{display: block;width: 100%;border-bottom: 1px solid #cccccc;box-sizing: border-box;padding-bottom: 20px;letter-spacing: 2px;color: #333333;font-size: 26px;margin-bottom: 20px; font-weight:bold;}
.p-product05 .product05img01{display: block;width: 100%;margin-bottom: 110px;}

.p-product05 .p-tab{width: 100%;height: auto;margin-bottom: 25px;}
.p-product05 .p-tab:after{content: '';display: block;clear: both;}
.p-product05 .p-tab li{cursor: pointer;width: 33%;float: left;margin-right: 0.5%;height: 60px;line-height: 60px;font-size: 16px;color: #FFFFFF;background-color: #c7c7c7;text-align: center;}
.p-product05 .p-tab li:nth-of-type(3){margin-right: 0px;}
.p-product05 .p-tab .tabactiv{background-color: #0075c1;}
.p-product05 .tab-item{width: 100%;height: 521px;}
.p-product05 .tab-item li{display: none;width: 100%;opacity: 0;visibility: hidden;min-height: 411px;}
.p-product05 .tab-item li img{display: block;width: 100%;transition: all .5s;}
.p-product05 .tab-item .itemactiv{display: block;opacity: 1;visibility: visible;}


.tip>i{display: block;width: 1px;height: 100%;background-color: #ddd;position: absolute;top: 0;left:17%;}
.tip_r{width: 76%;float: right;}
.tip_l{width:auto;float: left;}
.tip_l>a{font-size: 15px;color: #888888;transition: all .5s;margin-bottom: 41px;vertical-align: middle;display: block;}
.tip_l>a>i{display: inline-block;vertical-align: -1;margin-left: 14px;font-size: 16px;color: #888;transition: all .5s;}
.tip_l>a:hover{color: #0075c1;}
.tip_l>a:hover>i{color: #0075c1;}

.tip_l>.t_act{color: #0075c1;}
.tip_l>.t_act>i{color: #0075c1;}


.xz_list{width: 100%;height:auto;}
.xz_list>a{display: block;padding-bottom:27px;border-bottom: 1px solid #dddddd;font-size: 16px;color: #333333;margin-bottom: 25px;}
.xz_list>a>i{float: right;}




.sever_list{width: 100%;padding-bottom:27px;border-bottom: 1px solid #dddddd;margin-bottom: 25px;}
.sever_list>h3{font-size: 16px;color: #333333;cursor: pointer;}
.sever_list>h3>span{float: right;width: 18px;height: 18px;text-align: center;line-height: 20px;border: 1px solid #0678c2;border-radius: 50%;}
.sever_list>h3>span>i{color: #0678C2;}
.sever_list>h4{padding: 38px 11%;font-size: 14px;color: #888888;line-height: 26px;display: none;}

.severfloor2{width:100%;background-color: #f0f0f0;padding: 100px 0 100px;}
.severfloor2>.tip_b{display:block;width:1260px;margin:0 auto;}
.severfloor2>.tip_b>h3{font-size:26px;color:#222;font-weight:bold;}
.severfloor2>.tip_b>i{display:block;width:100%; height:1px; background-color:#aaa;margin:15px 0 30px 0;}
.severfloor2>.tip_b>span{font-size:20px;color:#0678C2;margin-bottom:20px;display:block;}
.severfloor2>.tip_b>p{font-size:15px; line-height:36px;color:#666;}


.fz{width: 66%;margin: 65px auto;}
.fz .fz_l{width: 50%;float: left;}
.fz .fz_l>img{width: 100%;}
.fz .fz_r{width:54%;float: right;margin-left: -13%;margin-top: 5%;padding:64px 0 64px 9%;    background-color: #fff;position: relative;}
.fz .fz_r>span{font-size: 20px;color: #222222;font-family:'font2018';}
.fz .fz_r>p{font-size: 15px;color: #888888;line-height: 26px;margin-top: 26px;}
.fz .fz_r>i:nth-child(1){position: absolute;bottom: 0;left: 0;width: 13px;background-color: #3e9bd7;height: 91%;display: block;}
.fz .fz_r>i:nth-child(2){position: absolute;bottom: 0;left: 0;width:42%;background-color: #3e9bd7;height:13px;display: block;}
.line{width: 100%;height: 1px;background-color: #DFDFDF;}



.join{width: 66%;margin: 65px auto 100px;}
.join>p{font-size: 14px;color: #333333;}
.join>h3{font-size: 30px;color: #0075c1;margin: 19px 0 50px;}
.join .join_nav{padding: 20px 0;border-bottom: 1px solid #DFDFDF;border-top: 1px solid #DFDFDF;margin-bottom: 50px;}
.join .join_nav>a{display: inline-block;margin-right: 15px;width: 119px;height: 36px;text-align: center;line-height: 36px;border-radius: 5px;background-color: #f0f0f0;font-size: 14px;color: #333333;transition: all .5s;}
.join .join_nav>.join_act{background-color: #1c87cd;color: #FFFFFF;}
.join .join_nav>a:hover{background-color: #1c87cd;color: #FFFFFF;}
.join_tab_big{position: relative;height: auto;}

.join_tab_big .join_tab{top: 0;left: 0;width: 100%;display: block;}
.join_tab_big .join_tab .join_list{padding-bottom: 22px;margin-bottom: 22px;border-bottom: 1px solid #dddddd;}
.join_tab_big .join_tab .join_list h3{font-size: 18px;color: #666666;cursor: pointer;width: 100%;}
.join_tab_big .join_tab .join_list h3>span{float: right;width: 21px;height: 21px;text-align: center;line-height: 20px;border: 1px solid #ACACAC;border-radius: 50%;}
.join_tab_big .join_tab .join_list h3>span>i{color: #acacac;}
.join_tab_big .join_tab .join_list h4{width: 83%;margin: 40px auto;display: none;}
.join_tab_big .join_tab .join_list h4>p{font-size: 14px;color: #333333;line-height: 26px;}








.qt{width: 66%;margin: 68px auto 96px;position: relative;}
.qt .qt-l{width: 30%;float: left;box-sizing: border-box;padding-right: 20px;position: relative;}
.qt .qt-l img{display: block;width: 100%;position: relative;z-index: 2;}
.qt .qt-l:after{content: '';display: block;width: calc(100% - 20px);box-sizing: border-box;height: 70%;background-color: #ffffff;border: 10px solid #0075c1;position: absolute;right: 0;bottom: -20px;z-index: 0;border-top: none;border-left: none;}
.qt .qt-r{width: 70%;float: left;box-sizing: border-box;padding-left: 70px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);}
.qt .qt-r h3{font-size: 24px;color: #222222;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.qt .qt-r h4{font-size: 15px;line-height: 28px;color: #777777;text-align: justify;}


.hx_big{width: 100%;height: auto;background-color: #f3f3f3;padding: 82px 0;}
.hx_big .hx{width: 66%;margin: 0 auto;}
.hx_big .hx>h3{font-size: 23px;color: #0075c1;padding-bottom: 27px;border-bottom: 1px solid #aaaaaa;font-weight: bold;}
.hx_big .hx .hx_txt{margin-top: 33px;}
.hx_big .hx .hx_txt>h4{float: left;width:20%;margin-right:6.66667%;}
.hx_big .hx .hx_txt>h4:last-child{margin-right: 0;}
.hx_big .hx .hx_txt>h4>span{font-size: 17px;color: #000033;}
.hx_big .hx .hx_txt>h4>i{display: block;width: 60px;height: 1px;background-color: #dddddd;margin: 21px 0;}
.hx_big .hx .hx_txt>h4>p{font-size: 14px;color: #777777;line-height: 24px;letter-spacing: 2px;}

.qt02{width: 100%;box-sizing: border-box;background: url(../images/prospect_06.jpg) fixed no-repeat;background-size: 100%;box-sizing: border-box;padding: 130px 17%;}
.qt02 .text{width: calc(70% - 190px);float: right;}
.qt02 .text h3{font-size: 24px;color: #ffffff;font-weight: bold;margin-bottom: 20px;position: relative;}
.qt02 .text h3:before{content: '';display: block;width: 100px;height: 1px;background-color: #fff;position: absolute;left: -120px;top: 12px;}
.qt02 .text h4{font-size: 15px;color: #fff;line-height: 26px;}


.team{width: 66%;margin: 100px auto;}
.team>.team_txt{display:table;border-bottom: 1px solid #aaaaaa;padding-bottom: 80px;margin-bottom: 80px;}
.team>.team_txt>h3{display: table-cell;width: 40%;}
.team>.team_txt>h3>img{width:100%;display: block;}
.team>.team_txt>h4{width: 60%;padding-left: 0%;display: table-cell;vertical-align: middle;padding-right: 7%;}
.team>.team_txt>h4>span{font-size: 20px;color: #0075c1;font-weight: bold;}
.team>.team_txt>h4>p{font-size: 15px;color: #666666;line-height: 26px;margin-top: 32px;}
.team>.team_txt:nth-of-type(2) h4{padding-right: 0%;padding-left: 7%;text-align: justify;}
.team>.team_txt:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.team>.line{margin: 80px 0;}

.new_title{width: 81%;margin: 162px auto 21px;padding-bottom: 25px;border-bottom: 1px solid #dddddd;}
.new_title>h3{margin-left: 14.5%;font-size: 29px;color: #06b0ec;}

.new_txt{width: 57%;margin: 0 auto;}
.new_txt video {margin: auto; width:fit-content;}
.new_txt .wp-video {    display: block; margin: auto; width: fit-content!important; height: auto;}
.new_txt>h3{margin-bottom: 85px;}
.new_txt>h3>span{font-size: 14px;color: #888888;display: inline-block;margin-right: 73px;}
.new_txt>p{font-size: 16px;color: #888888;line-height: 26px;margin-bottom:30px;}
.new_txt>img{max-width: 100%;margin: 0 auto 50px;}
.new_txt>p>img{display: block;margin: auto;}
.new_line{width: 81%;margin: 30px auto;height: 1px;background-color: #dddddd;}
.new_fy{width: 57%;margin: 0 auto 77px;}
.new_fy>a{display: block;font-size: 14px;color: #888888;line-height: 20px;margin-bottom: 10px;}



.ry_txt{width: 66%;margin:55px auto 63px;padding-bottom: 51px;border-bottom: 1px solid #dfdfdf;}
.ry_txt>span{display: block;font-size: 24px;color:#0075c1;margin-bottom: 34px;text-align: center;}
.ry_txt>p{font-size: 16px;line-height: 28px;width:48%;margin: 0 auto;color: #666;text-align: center;}


.zs_list{width: 66%;margin: 0 auto;}
.zs_list .zs{width:31%;padding: 0.5%;border:3px solid #0075c1;float: left;margin-right:1.28%;margin-bottom: 64px;}
.zs_list .zs:nth-of-type(3n){margin-right: 0;}
.zs_list .zs>h3{padding: 25px 0 25px 29px;background-color: #0075c1;position: relative;}
.zs_list .zs>h3>span{font-size: 20px;color: #ffffff;margin-bottom: 10px;display: block;}
.zs_list .zs>h3>p{font-size: 14px;color: #fff;letter-spacing: 1px;}
.zs_list .zs>h3>img{height: 100%;position: absolute;top: 0;right: 0;}
.zs_list .zs>h4{padding: 21px 18px 16px 20px;background-color: #ffffff;}
.zs_list .zs>h4>font{display:inline-block;width: 39%;}
.zs_list .zs>h4>font>img{width: 100%;}
.zs_list .zs>h4>right{display: block;float: right;width:43%;margin-top: 27px;}
.zs_list .zs>h4>right>img{float: right;margin-bottom:13px;}
.zs_list .zs>h4>right>span{font-size: 12px;color: #222222;display: block;float:right;}


/*校园招聘*/
.campus01 .campus01-top{width: 100%;margin-bottom: 60px;}
.campus01 .campus01-top h3{display: block;width: 10%;float: left;font-size: 18px;color: #222222;font-weight: bold;line-height: 40px;}
.campus01 .campus01-top .list{width: 90%;float: left;}
.campus01 .campus01-top .list a{display: block;width: auto;min-width: 130px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;background-color: #e5e5e5;border: 1px solid #e5e5e5;font-size: 15px;color: #222222;float: left;box-sizing: border-box;margin-right: 20px;transition: all .3s;}
.campus01 .campus01-top .list a:hover{background-color: #0075c1;color:#fff;}
.campus01 .campus01-fot{width: 100%;box-sizing: border-box;}
.campus01 .campus01-fot h3{display: block;width: 10%;float: left;font-size: 18px;color: #222222;font-weight: bold;}
.campus01 .campus01-fot .list{width: 85%;float: left;}
.campus01 .campus01-fot .list li{width: 7.69%;float: left;display: block;}
.campus01 .campus01-fot .list li h3{display: block;width: 60px;height: 60px;border-radius: 50%;border: 1px solid #4ea6cc;box-sizing: border-box;padding: 14px;float: none;margin: auto;}
.campus01 .campus01-fot .list li h3 img{display: block;width: auto;margin: auto;max-width: 100%;}
.campus01 .campus01-fot .list li p{display: block;width: 100%;text-align: center;font-size: 16px;color: #222222;margin-top: 20px;}
.campus01 .campus01-fot .list li span{display: block;width: 100%;line-height: 60px;text-align: center;color: #dddddd;}
/*campus02warp*/
.campus02warp{width: 100%;box-sizing: border-box;border-top: 1px solid #ddd;padding-top: 50px;overflow: hidden;}
.campus02warp .campus02{margin-bottom: 100px;}
.campus02warp .campus02 .imgbox{width: 100%;position: relative;}
.campus02warp .campus02 .imgbox img{display: block;width: 100%}
.campus02warp .campus02 .imgbox .text{width: 100%;text-align: center;position: absolute;top: 25%;left: 0;}
.campus02warp .campus02 .imgbox .text h3{font-size: 32px;color: #ffffff;font-weight: bold;}
.campus02warp .campus02 .imgbox .text strong{display: block;width: 280px;height: 1px;background-color: #ffffff;margin: 20px auto;}
.campus02warp .campus02 .imgbox .text h4{font-size: 15px;color: #ffffff;}
.campus02warp .campus02 .imgbox:after{content: '';display: block;width: 100%;height: }
.campus02warp .campus02 .font{width: 90%;box-sizing: border-box;margin: auto;margin-top: -60px;position: relative;z-index: 2;background-color: #ffffff;padding: 60px 80px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.campus02warp .campus02 .font .tip_r{width: 100%;float: none;}
.campus02warp .campus02 .font .tip_r .sever_list:last-child{margin-bottom: 0;}

/*人才培育*/
.personnel01{box-sizing: border-box;padding: 0 5%;}
.personnel01 .personnel01-l{width: 30%;float: left;}
.personnel01 .personnel01-l h3{font-size: 34px;color: #222222;margin-bottom: 10px;text-transform: uppercase;}
.personnel01 .personnel01-l h4{font-size: 20px;color: #222222;font-weight: bold;}
.personnel01 .personnel01-r{width: 70%;float: right;}
.personnel01 .personnel01-r p{font-size: 15px;color: #666666;line-height: 28px;margin-bottom: 30px;text-align: justify;}
.personnel01 .personnel01-r p:last-child{margin-bottom: 0;}

/*personnel02*/
.personnel02{width: 100%;box-sizing: border-box;}
.personnel02 .imgbox{width: 100%;box-sizing: border-box;position: relative;}
.personnel02 .imgbox img{display: block;width: 100%;}
.personnel02 .imgbox h3{display: block;width: 100%;height: auto;font-size: 32px;color: #ffffff;text-align: center;position: absolute;left: 0;top: 25%;}
.personnel02 .min{width: 1260px;margin: auto;margin-top: -100px;background-color: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);position: relative;z-index: 2;box-sizing: border-box;padding: 50px;margin-bottom: 80px;}
.personnel02 .min .title{font-size: 20px;color: #222222;font-weight: bold;display: block;width: 100%;text-align: center;margin-bottom: 40px;}
.personnel02 .min .list{width: 100%;box-sizing: border-box;position: relative;overflow-x: hidden;}
.personnel02 .min .list li{display: block;width: 33.33%;float: left;text-align: center;box-sizing: border-box;padding: 40px 40px 60px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;margin-bottom: -1px;letter-spacing: 0.2px;}
.personnel02 .min .list li span{display: block;font-size: 12px;color: #222222;margin-bottom: 20px;}
.personnel02 .min .list li p{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.personnel02 .min .list li h3{font-size: 15px;color: #666666;line-height: 22px;  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;height: 44px; }
/*.personnel02 .min .list:before{content: '';display: block;width: 100%;height: 1px;background-color: #dddddd;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform:translateY(-50%);}*/
.personnel02 .min .list li:nth-of-type(3n){border-right: none;}

/*personnel03*/
.personnel03{margin-bottom: 100px;}
.personnel03 .title{width: 100%;font-size: 30px;color: #0075c1;padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;text-align: center;}
.personnel03 .min{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;}
.personnel03 .min li{width: 47.5%;float: left;margin-right: 5%;}
.personnel03 .min li:last-child{margin-right: 0;}
.personnel03 .min li .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.personnel03 .min li .imgbox img{display: block;width: 100%;transition: all .6s;}
.personnel03 .min li:hover .imgbox img{transform: scale(1.1);}
.personnel03 .min li .text{width: 100%;box-sizing: border-box;}
.personnel03 .min li .text h3{font-size: 20px;color: #222222;font-weight: bold;margin: 30px 0;}
.personnel03 .min li .text h4{font-size: 15px;color: #666666;line-height: 24px;text-align: justify;}

/*zjh*/

.product_banner{width: 100%;display: block;overflow: hidden;padding: 174px 0 110px;background-color: #f4f4f4;}
.product_banner .pr_box{width: 1260px;margin: auto;}
.product_banner .lef{width: 50%;float: left;}
.product_banner .lef img{margin: auto;display: block;max-width:100%;}
.product_banner .rig{width: 50%;float: right;box-sizing: border-box;padding: 0 70px;margin-top: 73px;}
.product_banner .rig h4{font-size: 30px;color: #222;}
.product_banner .rig .line{width: 100%;border-top: 1px solid #DDD;margin: 30px 0;}
.product_banner .rig p{font-size: 16px;color: #666;line-height: 26px;letter-spacing: 1px;}
.product_details{width: 100%;display: block;overflow: hidden;}
.product_details img{margin: 0 auto;display: block;}







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

.footer .footer-top dl,.footer .footer-bottom dl,.in-info dl,.in-pic dl,.in-pro dl,.in-news dl,.header dl,{display: block;width:90%;margin: 0 auto;    position: relative;}


.tit,.core,.zz,.ry_js,.pdf_list,.content,.zx_big .zx,.add,.app,.app_list,.tip,.sc,.qt,.hx_big .hx,.team,.fz,.join{width: 90%;}
.core>h3{width: 28%;}
.ln_big .ln{width: 89%;}
/*body{overflow:-Scroll;overflow-x:hidden}*/
html{overflow-x:hidden; overflow-y:auto;}

.ts{width:80%}
.ry_txt{width: 90%;}
.ry_txt>p{width: 52%;}

.zs_list{width: 90%;}
.zs_list .zs{margin-right: 1.2%;margin-bottom: 30px;}
.zs_list .zs>h4>right>span{font-size: 10px;}
.severfloor2>.tip_b {width: 90%;}


 }



@media screen and (max-width:1280px){
    .footer .footer-top dl, .footer .footer-bottom dl, .in-info dl, .in-pic dl, .in-pro dl, .in-news dl, .header dl{width: 90%;}
    .in-pro dl dd{height: 520px;}
    .content{width: 100%;box-sizing: border-box;padding: 90px 5% 78px;}
    .product01,.p-product02 .product02content,.p-product01{width: 90%;}
    .p-product01 .product01-l p,.p-product02 .product02content .product02-r p{font-size: 34px;margin-bottom: 40px;}
    .p-product01 .product01-l h3,.p-product02 .product02content .product02-r h3 p{font-size: 16px;}
    .p-product03 .product01-l .p03-line{margin-top: 50px;}
	
	.pro{width:90%;}
	.personnel02 .min{width: 90%;}
    .new,.news_list{width: 90%;}
    .new_txt>p img{width: 100%;height: auto;}


    .p-product02 .product02content .product02-l img { left: -8%; }



}