*{-webkit-transition: all .3s linear;

-moz-transition: all .3s linear;

-o-transition: all .3s linear;

transition: all .3s linear;}



html, body {

    -webkit-text-size-adjust: none;

}

li { list-style: none; }

body{ background:#fff; color:#333;font-family:Arial, Helvetica, sans-serif; }

.row-flex{

	display: flex;

	flex-wrap: wrap;

	align-items: stretch;

}

.row-flex-center{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.container-fluid {

    

}

.narrow{ max-width:1130px !important;}

h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;  }

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



a{ color:#333;}

a:hover{ text-decoration:none;color:#026cb7; }

.fullHeight{ 

  width: 100%;

  /*height: calc(100vh);*/

  position:relative;

  overflow:hidden;

  

}



.header{  z-index:30; width:100%; background-color:transparent; padding:30px 0 0; position:absolute; top:0; left:0; right:0;}

.header.pageHeader{ position:relative;}

.head-top { text-align: right; padding-right: 45px;}

.head-top a {

	padding: 0 8px;

    font-size: 14px;

    color: #646464;

}

.language{float:right; cursor: pointer; font-size: 14px; margin-left: 10px; position: relative; color: #646464;}

.language ul {

	display: none;

    background: #e0f1fe;

    position: absolute;

    right: -20px;

    top: 100%;

    z-index: 10;

    padding: 10px;

    text-align: center;

}

.language:hover ul { display: block; }

.language ul li { margin-bottom: 5px; }

.navbar {

    margin-bottom: 0;

    border-radius: 0;

	position:relative;

	min-height: auto !important;

	

}

#navbar{/*float: right;*/ text-align:left; }



.navbar-header{ position:relative; float:left;}





.navbar-brand {

	height:auto;

	padding:0 10px 0;

	margin-top:0;

}



.brand-txt{ margin:30px 0 10px;}



.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}



.navbar-toggle {

    position:absolute;

	right:0;

	margin-right: 10px;

    background-color: #666;

    background-image: none;

    border: 0 solid transparent;

	margin-top:-16px;

	margin-bottom:0;

	top:50%;

	padding:5px 4px;

	border-radius:2px;

}

.navbar-toggle .icon-bar {

    background-color: #fff;

}

.main_menu {padding:0; margin:0; margin-top:15px; margin-bottom:10px; float:left}

.main_menu > li{ list-style:none; margin:0; border-right:1px solid #ccc; line-height:2;}



.main_menu > li{ float:left;/* border-right:1px solid #fff;*/padding:0 15px 0; }

.main_menu.left  > li{ border-right:0; /*border-left:1px solid #fff;*/}

.main_menu.left > li:first-child{ border-left:0;}

.main_menu > li > a{ display:block; color:#fff; float:left; font-size:18px;text-transform:capitalize; text-shadow:0 0 3px #000; border-bottom:1px solid transparent; }

/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/

.main_menu > li > a:hover{ text-decoration:none; color:#fff; border-bottom:1px solid #fff;}

.main_menu > li.active > a,.main_menu > li > a.now{ color:#fff; }

.main_menu > li.searchico{ margin-left:30px; color:#fff; padding-right:0; border-right:0; margin-top:-5px;}

.main_menu > li.languageIco{ margin-left:0; color:#fff; padding-right:0; border-right:0;  margin-top:-5px;}

.main_menu > li.searchico a,.main_menu > li.languageIco a{border:1px solid #fff; font-size:14px; width:32px; line-height:30px; border-radius:50%; text-align:center; display:inline-block;}

.main_menu > li.psm{ position:relative;}

.main_menu > li.psm .nav-sm{ position:absolute; left:50%; top:calc(100% - 2px); margin-left:-50%;background:#f8f8f8; display:none;  width:auto; text-align:center; font-size:14px; padding:7px 0;  border-top:2px solid #026cb7; border-radius:3px; box-shadow:0 2px 3px  rgba(0,0,0,0.3);}

.main_menu > li.psm .nav-sm a{ display:block; border-bottom:1px solid #ddd; margin:5px 20px; line-height:2.5; white-space:nowrap;}

.main_menu > li.psm:hover .nav-sm{ display:block;}

.main_menu > li.psm .nav-sm a:hover{ color:#026cb7;}

.main_menu > li.psm .nav-sm:before{

	position:absolute; 

    content:""; 

    top:-14px; left:50%;

    width:0;

    height:0;

    overflow:hidden;

    font-size: 0;     /*鏄洜涓? 铏界劧瀹介珮搴︿负0, 浣嗗湪IE6涓嬩細鍏锋湁榛樿鐨 */

    line-height: 0;  /* 瀛椾綋澶у皬鍜岃楂? 瀵艰嚧鐩掑瓙鍛堢幇琚拺寮€鐨勯暱鐭╁舰 */

    border-width:6px 6px 8px 6px;

    border-style:dashed dashed solid dashed;/*IE6涓? 璁剧疆浣欎笅涓夋潯杈圭殑border-style涓篸ashed,鍗冲彲杈惧埌閫忔槑鐨勬晥鏋?/

    border-color:transparent transparent #026cb7 transparent ;

}

.main_menu > li li{ list-style:none;}

.main_menu .nav-sub{position:absolute; left:0; top:calc(100% - 1px); width:100%; background:#fff; margin:0; display:block;text-align:center; z-index:100; }

.main_menu .bluebtn{ display:inline-block; padding:10px 30px; border-radius:20px; background:#113466; color:#fff; margin:calc(20px + 2%) auto; font-size:25px;}

.main_menu .bluebtn:hover{background:#e03432;}



.main_menu .probox{ display:inline-block; position:relative; overflow:hidden; margin-bottom:calc(5% + 15px)}

.main_menu .sub-left:after{ content:""; position:absolute; right:0; top:5%; width:1px; height:80%; background:#999;}

.main_menu .probox a{ display:block;}

.main_menu .probox a p{ margin:0; width:100%; position:absolute; bottom:0; left:0; right:0; background:rgba(255,255,255,0.6); font-size:25px; color:#22517b; padding:10px 0;}

.main_menu .probox a:hover p{ background:rgba(10,53,107,0.6); font-size:25px; color:#fff; padding:10px 0;}

.main_menu .probox a:hover img{ transform:scale(1.08,1.08)}



.main_menu .btn-group > a{color:#fff;}





.languages{float:right; margin-top:20px;margin-left:20px;  color:#fff;}

.languages > a{ margin:0 5px; color:#fff;}



#carousel-index{ margin-bottom:40px;}

#carousel-index .container{  padding-top:40%;}

#carousel-index .item{ background-size:cover;  background-position:center center;}



.search-send{

	float: right;

    border-radius: 20px;

    border: 1px solid #ccc;

    background: #fff;

    position: relative;

    width: 280px;

    margin-top: 10px;

}

.search-send input {

	outline: none;

    border: 0;

    background: none !important;

    box-shadow: none;

    border-radius: 20px;

    font-size: 14px;

    height: auto;

    -webkit-tap-highlight-color: rgba(255,255,255,0);

    width: 100%;

    padding: 8px 10px;

}

input:-internal-autofill-selected { background: none !important; }

.search-send .input-group { float: right; }

.search-send button {

	background: none;

    border: 0;

    position: absolute;

    right: 5px;

    top: 0;

    z-index: 9;

    outline: none;

    padding: 4px;

    font-size: 20px;

    color: #008cd7;

}

.search-send select {

	border: 0;

    line-height: 36px;

    padding: 9px 2px 9px 6px;

    background: none;

    outline: none;

    border-right: 1px solid #ccc;
	text-align:center;

}


.carousel-indicators li {

    display: inline-block;

    width: 80px;

    height: 5px;

    margin: 0 5px;

    text-indent:0;

    border: 0;

    border-radius: 0%;

    cursor: pointer;

    background-color:#d9d9d9;

	text-align:center;

}

.carousel-indicators .active {

    width: 80px;

    height: 5px;

    margin: 0 5px;

	border-radius:0;

    background-color: #fff;

}



.carousel-control.left {

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);

  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .0001)));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-control.right {

  right: 0;

  left: auto;

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);

  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .3)));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-control:hover,

.carousel-control:focus {

  color: #fff;

  text-decoration: none;

  filter: alpha(opacity=90);

  outline: 0;

  opacity: .9;

}



.header-section{ text-align:center; margin:4% 0 2%;}

.header-section h2{ font-size:32px; position:relative; color:#333;}

.header-section h2:after{ content:""; position:absolute; top:50%; left:50%; width:300px; height:1px; background:#e0e0e0; transform:translate(-50%,-50%); z-index:1;}

.header-section h2 span{ display:inline-block; padding:0 15px; background:#fff; position:relative; z-index:2;}

.header-section p{ color:#777; font-size:16px;}

.header-section a.linkto{ float:right;}



#proshow .container:first-child{ text-align:center;}

#proshow .tabli{ display:inline-block; font-size:17px; margin:0 0 4%; vertical-align:top; min-width:170px;}

#proshow .tabli a{ color:#848484; padding-bottom:8px;  }

#proshow .tabli.active a{ color:#026cb7; }

#proshow .tabli a span{ display:block; width:41px; height:41px; margin:10px auto;background:url(../images/categoryico_03.png) no-repeat -2px 0; transform:scale(1.15,1.15)}

#proshow .tabli a.icon01 span{ background-position:-2px -41px;}

#proshow .tabli a.icon02 span{ background-position:-202px -41px;}

#proshow .tabli a.icon03 span{ background-position:-407px -41px;}

#proshow .tabli a.icon04 span{ background-position:-612px -41px;}

#proshow .tabli a.icon05 span{ background-position:-816px -41px;}

#proshow .tabli a.icon06 span{ background-position:-1022px -41px;}

#proshow .tabli a.icon01:hover span,#proshow .tabli.active a.icon01 span{ background-position:-2px 0;}

#proshow .tabli a.icon02:hover span,#proshow .tabli.active a.icon02 span{ background-position:-202px 0;}

#proshow .tabli a.icon03:hover span,#proshow .tabli.active a.icon03 span{ background-position:-407px 0;}

#proshow .tabli a.icon04:hover span,#proshow .tabli.active a.icon04 span{ background-position:-612px 0;}

#proshow .tabli a.icon05:hover span,#proshow .tabli.active a.icon05 span{ background-position:-816px 0;}

#proshow .tabli a.icon06:hover span,#proshow .tabli.active a.icon06 span{ background-position:-1022px 0;}

.tabdiv{ display:none;}

.tabdiv.selected{ display:block;}



#proshow .tabdiv .box {

	padding: 41px 0;

	background: #eff1f3;

	margin-bottom:30px;

}



#proshow .tabdiv .box .pic img {

	transition: .5s

}



#proshow .tabdiv  .box .pic:after {

	padding-bottom: 90.6%

}



#proshow .tabdiv .box .bt {

	font-size: 16px;

	padding: 10px 20px;

	text-align: center;

	line-height: 24px;

	min-height:60px;

}

#proshow .tabdiv .box .pic {

    width: 100%;

    overflow: hidden;

    position: relative;

}

#proshow .tabdiv .box .pic:after {

	content: "";

	display: block;

	padding-bottom: 80%

}

#proshow .tabdiv .box .middleCenter {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    max-height: 100%;

    display: block;

    vertical-align: middle;

    text-align: center;

    margin: auto;

}

#proshow .tabdiv .box:hover .pic img {

		transform: scale(1.05)

	}



#proshow .tabdiv .box:hover .bt {

		color: #026cb7;

	}

#proshow .tabdiv .box .pro-tab {

		color: #026cb7;

		position:absolute;

		top:20px;

		left:35px;

		z-index:2;

		font-weight:bold;

	}

	

#denggao{ padding:4% 0 1%;}

#denggao .col-xs-12{ position:relative; margin:20px 0;}

#denggao .jieshao:before{ position:absolute; z-index:-1; content:""; top:0; left:15px; right:15px; bottom:0; background:#008cd7 url(../images/blueimg.jpg) no-repeat 0 bottom;  }	

.about-index{  color:#fff; padding:5% 7%; line-height:1.7;}

.about-index a{ color:#fff;}

.about-index a:hover{ text-decoration:underline;}

.about-index h3{ font-size:32px; margin-bottom:20px;}

.video-index{ position:relative; background:#000; padding-top:calc(390/625 * 100%);}

/*.video-index a{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}*/

.video-index video{ position:absolute; top:0; left:0; width:100%; height:100%; margin-top:0;}



#home-application{ margin:30px 0 40px;}

#home-application .col-xs-6{

	padding-left:0;

	padding-right:0;

	background: #008cd7;

	border-right: 1px solid rgba(255,255,255,0.2);

	border-bottom: 1px solid rgba(255,255,255,0.2)

}



#home-application .col-xs-6 .box {

	padding: 126px 0 118px 0;

	transition: .5s

}



#home-application .col-xs-6 .box .pic {

	width: 157px;

	height: 157px;

	margin: 0 auto;

	/*background: rgba(239,241,243,0.1);*/

	border-radius: 50%;

	transition: .8s;

	border:2px solid #fff;

}

#home-application .col-xs-6 .box .pic img{ max-width:100%;}

#home-application .col-xs-6 .box .text {

	text-align: center;

	padding: 20px 35px 0 35px

}



#home-application .col-xs-6 .box .text .bt {

	color: #fff;

	font-size: 24px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin-bottom: 19px

}



#home-application .col-xs-6 .box .text .jsh {

	font-size: 15px;

	color: #fff;

	line-height: 26px;

	height: 130px;

	overflow: hidden;

	margin-bottom: 25px

}



#home-application .col-xs-6 .box .text .more {

	width: 122px;

	height: 37px;

	line-height: 37px;

	text-align: center;

	border-radius: 5px;

	margin: 0 auto;

	font-size: 14px;

	color: #008cd7;

	transition: .5s;

	background: #008cd7

}

#home-application .col-xs-6 .box:hover {

		background: #26bb4a

	}



	#home-application .col-xs-6 .box:hover .pic {

		transform: rotateY(360deg);

		-moz-transform: rotateY(360deg);

		-webkit-transform: rotateY(360deg)

	}



	#home-application .col-xs-6 .box:hover .text .more {

		background: #fff;

		color: #666

	}



.news-section{ padding:2% 0 4%}



.focusItem{ background:#eff1f3; }

.focusItem .txt{ padding:20px 20px 30px;}

.focusItem .txt h4{ font-size:14px; margin-bottom:10%; padding-right:80px; position:relative;}

.focusItem .txt h4 i{ background:#333; color:#fff; border-radius:50%; padding:5px;}

.focusItem .txt h4 .date{ color:#888; position:absolute; top:6px; right:0;}

.focusItem .txt  p{ font-size:14px; color:#666;}



.nitem{ background:#fff; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee; }

.nitem h4{font-size:14px; line-height:1.6; margin-bottom:10px; margin-top:0;}

.nitem h4 i{ background:#026cb7; color:#fff; border-radius:50%; padding:5px;}

.nitem h4 .date{ float:right; color:#888;}

.nitem .ndes{ display:block; color:#888; margin-bottom:10px; font-size:14px;}



.foot-icon{ text-align:center; color:#777; border-top:1px solid #dfdfdf; padding:1% 0;background:#f2f2f2;}

.foot-icon .items img{ display:block; margin:5px auto;}

.foot-icon .items h5{ font-size:16px; color:#333;}



.footlogo{ border-bottom:1px solid #111; padding:1% 0; background:#252625; color:#fff;}





.contact-map{ margin:5% 0;}



/*.contact-form{ margin:3% 0;}

.contact-form > div{ position:relative;}



.contact-form > div label{ font-weight:normal; position:absolute; top:12px; left:25px; font-size:16px;}



.contact-form .form-control{  margin-bottom:30px;



    height: 45px;

    padding: 10px 15px 10px 80px;

	background-color: #fff;

	border: 1px solid #ccc;

	box-shadow:none;

}



.contact-form textarea.form-control{ height:auto;}



.contact-form .btn-black{ color:#fff; background-color:#313131; padding-top:10px; padding-bottom:10px;}



.contact-form .btn-blue{ color:#fff; background-color:#0c376d;}



.contact-form > div i{ position:absolute; top:10px; right:25px; font-size:24px; color:#0c376d}*/





.contact-top > div{ position:relative;}



.contact-top > div label{ position:relative; top:0; left:0; font-size:18px; color:#0a3054; text-transform:uppercase;}

.contact-top > div label em{ color:red; font-weight:bold; font-size:24px;}



.contact-top .form-control{  margin-bottom:15px;

    padding: 0 5px 0 0;

	background-color:transparent;

	border:0;

	border-radius:0;

	border-bottom: 2px solid #0a3054;

	box-shadow:none;

}



.contact-top textarea.form-control{ height:auto;}

.contact-top .btn{font-size:30px; text-transform:uppercase; font-weight:bold;}



.cuctom-form { margin-top:50px;}



.cuctom-form .form-control{ margin-bottom:20px;



    height: 42px;



    padding: 10px 15px;



	background-color: #fff;



	border: 1px solid #e0e0e0;



    border-radius: 0;



	box-shadow:none;



}



.cuctom-form .btn-black{ color:#fff; background-color:#313131; padding:10px 25px; margin-right:15px;}



.cuctom-form .btn-red{ color:#fff; background-color:#b1252f;  padding:10px 25px; }





.section-header{ text-align:center; position:relative; margin-top:40px; margin-bottom:40px; color:#333;}

.section-header .section-tit{ font-size:32px; font-weight:bold; margin:0 0 15px;}

.section-header p{ font-size:18px;}

.section-header .section-menu{ color:#999;}

.section-header .section-menu a{ margin:0 10px;}

.section-header.no-border{ margin-bottom:0}

.section-header.no-border:after{ width:0; height:0}







.section-product{ padding:calc(4% + 30px) 0 0;}

.section-product .pleft{ max-width:600px; margin:0 0 0 auto; padding:0 10% 5% 0; line-height:1.6}

.section-product .pleft .tratxt{ margin-bottom:7%;}



.section-product .col-md-6.last{ padding-left:0; padding-right:3%;}

.section-product .col-sm-4 {



    padding-left: 0;

    padding-right: 0;



}



.owl-carousel .owl-dots{ text-align:center;}

 .owl-carousel button.owl-dot {

    background: none;

    color: inherit;

    border: 2px solid #ccc;

	width:16px;

	height:16px;

	border-radius:50%;

	margin:0 4px;

	position:relative;

 }

 .owl-carousel button.owl-dot.active{ border: 2px solid #009ee0;}

  .owl-carousel button.owl-dot span{width:6px; height:6px; display:inline-block;border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}

  .owl-carousel button.owl-dot.active span{  background:#009ee0;}



.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.98; position:fixed !important;}

/*.navbar-fixed-top .navbar-brand{ background:url(../img/top100.png) no-repeat 0 0; background-size:cover; }*/



 .navbar.navbar-fixed-top{ margin-top:0;}

 .navbar.navbar-fixed-top .navbar-brand {padding-top:10px;}

 .navbar.navbar-fixed-top .navbar-brand img{ height: calc(100% - 10px);}

 





.footer{  color:#fff; background:#252625;}

.copyright{  padding:12px 0; background-color:#252625; color:#fff; border-top:1px solid #444; line-height:32px;}

.copyright a{ color:#fff;vertical-align:middle; }

.copyright a i{ display:inline-block; width:32px; height:32px; text-align:center; line-height:32px; color:#333; background:#fff; border-radius:50%; margin-left:10px; vertical-align:middle;}

.copyright a:hover i{ background:#0275b6; color:#fff;}



.footLink{  padding:30px 0 15px; border-top:1px solid #444;border-bottom:1px solid #111;}

.fwidget{ display:inline-block; margin-right:20px; vertical-align:top; flex: 1;}

.fwidget a{color:#fff;}

.fwidget a:hover{color:#026cb7;}

.fwidget ul{ list-style:none; margin:0; padding:0; margin-bottom:20px;}

.footLink .container {

	display: flex;

    flex-wrap: wrap;

}



.fcontact{  }

.fcontact p{ padding:3px 0 3px 20px; margin:0; position:relative;}

.fcontact p i{ position:absolute; top:7px; left:0; width:20px; color:#fff;}



.footer .fpmenu {color:#fff;}

.fpmenu ul{ font-size:14px; text-transform:capitalize;}

.fpmenu li{ padding:2px 0;}

.fpmenu li a{ color:#fff;}

.fpmenu li a:hover{ color:#026cb7;}



.flast{ margin-right:0;}



.fwidget h3{ font-size:16px; margin:10px 0 15px 0; color:#fff; font-weight:bold;}

.bluefont{ color:#026cb7;}



.footer address{ max-width:360px; }

.fwidget form, .fwidget input {

    width: 100%;

}

.fwidget input, .fwidget textarea {

    width: 100%;

    outline: none;

    border: 1px solid #ccc;

    margin-bottom: 5px;

    line-height: 30px;

    border-radius: 3px;

    padding-left: 5px;

    color: #333;

}

.fwidget button {

    background: #026cb7;

    border: 0;

    outline: none;

    padding: 5px 15px;

    border-radius: 3px;

}

.fwidget button:hover {

    background: #098dea;

}



.pro-tab-list{ margin:0; padding:0;}

.pro-tab-list li{ width:50%; float:left; list-style:none; margin:0; padding:0;}

.dbt{ position:relative; border:1px solid #ddd; padding-top:80%; margin:0 0 30px 30px; overflow:hidden;}

.dbt img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}

.dbt p{ position:absolute; bottom:0; left:0; right:0; background-color:rgba(17,52,102,0.6); color:#fff; text-align:center; line-height:1.6; padding:5px 0; margin:0; }

.dbt:hover img{ transform:translate(-50%,-50%) scale(1.1,1.1)}

.dbt.active p{background-color:rgba(0,0,0,0.5); }



.sendBtn{background: #0a356b;color: #fff; display:inline-block; padding:12px 25px; margin:10px 0;}

.sendBtn:hover{background: #e03432;color: #fff;}





.gotop{ position:fixed; right:10px; bottom:10%; width:50px; height:50px;}

.gotop a{ display:block; width:50px; height:50px; line-height:40px; border-radius:5px; background:#f2f2f2; text-align:center; font-size:24px; box-shadow:1px 1px 3px #555;}

.gotop a:hover{}



.proTop{ text-align:center;}

.proTop .row{ margin:0;}

.proTop .row .col-xs-6{height: calc(100vh);

  position:relative;

  overflow:hidden;

  background:#49678d;

}

.proTop .row .col-xs-6:last-child{background:#113466;}

.proTop h2{ font-size:36px; color:#fff; margin-top:calc(80px + 10%); }

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



.fbar{ position:absolute; width:100%; bottom:0; left:0; right:0; background:#898989; color:#113466; font-size:42px; text-align:center; line-height:2;}

.fbar em{ color:#fff; font-weight:bold; font-style:italic; font-size:1.3em;}



.lujing{ padding:2% 0; border-bottom:1px solid #eee; font-size:16px; box-shadow:5px 5px 10px #ccc; margin-bottom:20px;}



.banner{position:relative; background-position:center 0; background-repeat:no-repeat; background-size:cover; margin-bottom:2%; color:#fff;}

/*.banner .container{ text-align:left; position:relative; top:50%; transform:translateY(-50%);}*/

.banner .container h2{ font-size:35px; line-height:1.6; padding:0; font-weight:bold; margin-bottom:30px;}

.banner .container p{ font-size:21px;}

.banner .container a { color:#fff; margin:0 20px; padding-bottom:10px;}

.banner .container a:hover{ border-bottom:2px solid #fff;}

.banner.about{ background-image:url(../images/About-us_02.jpg); margin-bottom:0}

.banner.contact{ background-image:url(../images/Contact-banner.jpg); background-size:100% auto; background-repeat:repeat-y;}

.banner.news{ background-image:url(../images/news-banner.jpg); background-color:#0f417c; background-size:contain; background-position:center center; margin-bottom:0;}

.banner.case{ background-image:url(../images/case-banner.jpg); background-color:#0f417c; background-size:contain; background-position:center center; margin-bottom:0;}









.font16{font-size:16px; line-height:1.8; font-family:"瀹嬩綋";}

.font16 p{ margin-bottom:25px;}

.aprofile{ margin-bottom:50px;}



.cerNum{ text-align:center; font-size:24px; vertical-align:middle; margin:30px 0}

.cerNum span{ background:#fff; color:#113466; width:70px; height:70px; line-height70px; text-align:center; display:inline-block; font-size:50px; margin-right:10px; vertical-align:middle; font-weight:bold;}



.pmenu{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0;}

.pmenu .pull-left{ font-size:15px;}

.pmenu .pull-left a{ padding:0 20px 0 22px; position:relative; display:inline-block;}

.pmenu .pull-left a:before{ position:absolute; content:""; top:2px; left:2px; width:15px; height:15px; border-radius:50%; border:1px solid #ccc;}

.pmenu .pull-right span{ color:#b2252d}



.page{ padding-top:50px; padding-bottom:50px;}

.aboutpic{ float:right; margin:0 0 20px 5%;}

.page-content{ line-height:1.7}

.page-content p{ margin-bottom:25px;}

.mainContent{ margin-bottom:10%;}





.page-tab a{ display:inline-block; border:1px solid #ddd; padding:10px 20px; margin:0 20px 0 0;}







.pageTit{ color:#333; font-size:36px; margin:0 0 50px 0;}





.post-title {

    text-align: center;

    margin: 4% auto 2%;

}

.post-title h2 {

    font-size: 28px;

    color: #000;

}

.post-meta{ text-align:center; margin:30px auto; color:#888;}

.post-meta .date{  background:#3790db;  color:#fff; padding:5px 12px; border-radius:10px; margin-right:30px;}

.postbody{ max-width:1000px; margin:0 auto; margin-bottom:30px; line-height:1.8; font-size:16px; font-family:"瀹嬩綋";}

.postbody p{ margin-bottom:25px;}



.pnline{ padding-top:20px;  padding-bottom:20px; margin-bottom:4%; color:#888;}

.pnline strong{ font-weight:normal; color:#222;}

.pnline span{ margin-right:60px;}

.pnline  a{color:#888;}

.pnline  a:hover{color:#3790db;}







.contact-info{ margin:3% auto 3%; text-align:left; line-height:1.8; font-size:16px;}

.contact-info .col-md-3,.contact-info .col-md-4,.contact-info .col-md-5{ padding-left:100px; position:relative; min-height:110px; }

.contact-info i{ font-size:36px; display:block; margin:0; width:80px; height:80px; line-height:80px; color:#fff; border:1px solid #0a3054; border-radius:50%; text-align:center;  background:#0a3054; position:absolute; top:10px; left:0;}

.contact-info h4{ font-size:24px; text-transform:capitalize; color:#0a3054; font-weight:bold;}

.contact-info p.marker{ font-weight:bold;color:#0a3054; margin:10px 0; font-size:20px;}



.about-cer{ padding:0 0 60px;}

.owl-carousel-cer-warpe{ padding:0 0 0;}

.owl-carousel-cer{  margin:0 auto; width:calc(100% - 120px);}

.owl-theme .owl-controls{

	margin-top: 30px;

	text-align: center;

	z-index:4;

}

.owl-carousel-cer .item{ text-align:center; margin:0 10px;}

.owl-carousel-cer .item .pic{ margin:10px auto 15px; padding:5px; box-shadow:0 0 5px #ccc; border:1px solid #ccc;}





/* Styling Next and Prev buttons */



.owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);

transform: translateY(-50%); left:-60px; width:34px; height:100px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.jpg) no-repeat -3px 0 !important; transition:none; border-top-left-radius:10px; border-bottom-left-radius:10px;}

.owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);

transform: translateY(-50%); right:-60px; width:34px; height:100px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.jpg) no-repeat -3px -100px !important;transition:none;border-top-right-radius:10px; border-bottom-right-radius:10px;}

.owl-prev:hover{  background:url(../images/xijiantou.jpg) no-repeat -45px -100px !important; }

.owl-next:hover{  background:url(../images/xijiantou.jpg) no-repeat -45px 0 !important; }

/* Styling Pagination*/



.location{ padding:15px 0;}

.location .cur{ color:#026cb7;}



.redborderLink{ border:1px solid #b1252f; display:inline-block; padding:10px 30px; font-size:16px;}

.redborderLink:hover{ background:#b1252f; color:#fff;}



.page-banner{ background-position: center 0; background-color:#1e1e1e; background-size:cover; text-align:center; color:#fff; margin:0; position:relative; }

.page-banner h2{ font-size:48px; text-transform:uppercase;  margin-top:0;  font-weight:700; letter-spacing:5px; /*display:none;*/ text-align: right;}

.page-banner .container{ padding-top:40%; position:relative;}

.page-banner .container .inner{ position:absolute; width:100%; top:20%; display:none; /*transform:translate(0,-50%);*/}





.header.pageHeader{ padding:10px 0 10px;}

.pageHeader .main_menu{ margin-top:33px; margin-left: 15%;}

.pageHeader .main_menu > li{ border-right:0;}

.pageHeader .main_menu > li > a{ color:#333;  text-shadow:none; transition:none; border-bottom:2px solid #fff; font-weight:bold;}

/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/

.pageHeader .main_menu > li > a:hover{ color:#026cb7; border-bottom:2px solid #026cb7;}

.pageHeader .main_menu > li.active > a,.main_menu > li > a.now{ color:#333; }

.pageHeader .main_menu > li.searchico{ margin-left:30px; color:#333;}

.pageHeader .main_menu > li.languageIco{ margin-left:0; color:#333; }

.pageHeader .main_menu > li.searchico a,.main_menu > li.languageIco a{border:1px solid #333; padding-top:0 !important; padding-bottom:0 !important; }



.location{ margin-bottom:2%;}



.bluelineTit-center{ font-size:30px; text-align:center; position:relative; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px; color:#026cb7; }

.bluelineTit-center:after{ position:absolute; content:""; left:50%; bottom:0; width:220px; height:3px; background:#026cb7;margin-left:-110px;}



.bluelineTit{ font-size:30px; position:relative; padding-bottom:10px;margin-bottom:20px;}

.bluelineTit:after{ position:absolute; content:""; left:0; bottom:0; width:60px; height:3px; background:#026cb7; }



.bluebtn{ background:#0c376d url(../images/about1_05.png) no-repeat 0 0; font-size:16px; padding:14px 50px; color:#fff; display:inline-block; margin:20px 0; line-height:1.4 !important}

.bluebtn:hover{ color:#ff0;}



.about-history{ background:url(../images/shebei.jpg) no-repeat; padding:30px 0; margin:3% 0; background-size: cover;}

.about-history .container{  min-height:300px;}





#selectbox select{ margin-bottom:30px; line-height:40px; height:40px; background:#f2f2f2;}

.pageNum{ font-size:16px; margin-bottom:60px;}

.pageNum a{ display:inline-block; border:1px solid #ddd; padding:6px 13px; margin:0 0 0 -6px;}

.pageNum a.cur{ background:#333; color:#fff;}











.img-responsive {

    display: block;

    max-width: 100%;

    height: auto;

}





.post-date{ margin:20px auto; font-size:16px;}

.post-date i{ color:#999; font-size:20px}





.pages{ text-align:center; padding:2% 0 5%;}

.pages a{ display:inline-block; padding:8px 15px; border:1px solid #e0e0e0; margin:0 5px; }

.pages a i{ font-size:18px;}

.pages a:hover{ background:#026cb7;  color:#fff;}



    .row-flex{

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    }



@media (max-width: 991px) {

    

}





@media (max-width: 1366px) {

	#home-application .col-xs-6 .box .pic {

		width: 100px;

		height: 100px

	}

	#home-application .col-xs-6 .box .text .bt{ font-size:20px;}

	#home-application .col-xs-6 .box{ padding:60px 0 50px;}

	}





/* xin zeng nei ye */

.npitem{max-width:405px; margin:0 auto 35px auto; }

.npitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(280/405*100%);}

.npitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 

.npitem .pic .inner img{ width:100%; height:auto;}

.npitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}

.npitem .ntext{padding:10px 0 ;}

.npitem .ntext h3{ font-size:21px; margin:10px auto; line-height:1.5}

.npitem .ntext .meta{  margin-top:10px; font-size:15px; margin-bottom:10px; color:#026cb7;}

.npitem .ntext .ndes{ color:#646464; font-size:15px;}

.npitem .ntext .ndes a{ color:#646464;}

.npitem .ntext .ndes a:hover{ color:#bc0007;}



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

.app-menu a{ padding:7px 30px; border-radius:18px; white-space:nowrap; margin-right:15px; display:inline-block; border:2px solid #ccc; margin-bottom:20px; font-size:16px;}

.app-menu a:hover,.app-menu a.now{ color:#026cb7; border:2px solid #026cb7}



.app-content{ margin:5% 0;}



.pull-right a{ margin:0 6px; display:inline-block; padding-bottom:5px;}

.pull-right a.cur{ border-bottom:3px solid #026cb7}



.downItem{ padding-left:55px; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px; background:url(../images/Catalogue_03.jpg) no-repeat 0 0; color:#666;}

.downItem h3{ font-size:18px; color:#000; font-weight:bold;}

.downItem .downMeta{ margin:30px 0 0; position: relative;}



.downItem .downMeta a,.downItem .downMeta span{ margin-right:20px;}

.downItem .downMeta a.downbtn{background:#026cb7; color:#fff; padding:5px 20px; display:inline-block;}

.downItem .downMeta a.downbtn:hover{ background:#0696fc;}

.downItem .downMeta .views i{ color:#026cb7;}

.downItem .downMeta .date{ font-weight:bold;}



/* faq */

.panel.panel-faq { box-shadow:none;border-bottom:1px dotted #ccc;}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {

    border-top: 0 solid #ddd;	

}

.panel-faq .panel-heading {

    padding: 10px 0 30px 45px;

	position:relative;	

	margin-top:20px;

}

.panel-faq .panel-heading .panel-title{font-size:17px;}

.panel-faq .panel-heading i.fa{ position:absolute; top:5px; left:0;  color:#fff; font-size:20px; width:30px; line-height:1.5; background:#026cb7; text-align:center;}

.panel-faq .panel-body{ padding:0 0 20px; position:relative; padding-left:45px;}

.panel-faq .panel-body i.fa{ position:absolute; top:5px; left:0;  color:#666; font-size:20px; width:30px; line-height:1.5; border:1px solid #999; text-align:center;}



.address{ max-width:570px; margin:40px auto; text-align:center; font-size:15px;}

.address i{ color:#999; font-size:20px; margin-right:5px; vertical-align:middle; }

.address p{ padding:7px 0;}


.contact-form .col-sm-6, .contact-form p{ position:relative;}
.contact-form .form-control{ margin-bottom:20px;

    height: 42px;

    padding: 10px 15px;

	background-color: #f8f8f8;

	border: 1px solid #e0e0e0;

    border-radius: 0;

	box-shadow:none;

}
.contact-form i {
    font-size: 20px;
    color: #026cb7;
    position: absolute;
    right: 25px;
    top: 10px;
}

.contact-form textarea.form-control{ height:auto;}

.contact-form .btn-black{ color:#fff; background-color:#026cb7; padding:10px 0; text-align:center; width:220px; display:block; margin:3% auto;}



.map-block{ border:1px solid #ddd; border-radius:10px; overflow:hidden; margin-bottom:8%; width: 100%;

    height: 434px;}

.map-block iframe {

    width: 100%;

    height: 100%;

}



.jobtit{}

.jobtit th{ background:#b4b4b4; color:#fff; line-height:2.6; font-size:16px; text-align:center;}

.jobtit td{ padding:10px 0;}

.jobDetails{ background:#f2f2f2; margin:0 4%; padding:2% 5%;}

.jobDetails hr{ border-top:1px solid #ddd;}

.jobt{ font-size:18px; text-align:center;}

.jobd{  text-align:center;}



.cate-title{ line-height:1; padding-left:18px; position:relative;  margin-bottom:20px;}

.cate-title:before{ position:absolute; content:""; left:0; top:5px; width:3px; height:18px; background:#026cb7;}

.cate-title h3{font-size:24px;}



/* product details */

.picFocus{ position: relative; overflow: hidden; padding: 0 0 8px 0;margin:0 auto;}

.picFocus .bigImg{position: relative; margin:0; padding:0; }

.picFocus .bigImg li{position: relative;  margin:0 auto; padding:0 0 20px 0;list-style:none; text-align:center;}

.picFocus .bigImg li img{ vertical-align:middle;  margin: 0 auto; padding: 0; }

.picFocus .smallScroll{ position:relative;}

.picFocus .sPrev,.picFocus .sNext{  display: block; width: 24px; height:60px; background:#ccc; line-height:60px; font-size:20px; color:#999; margin:0 auto; position:absolute; top:3px;  text-align:center;}

.picFocus .sPrev{ left:0;}

.picFocus .sNext{ right:0;}

.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#026cb7;}

.picFocus .smallImg{  overflow: hidden; margin-top:10px; padding-left:25px; padding-right:30px; }

.picFocus .smallImg > div{ margin:0 auto;}

.picFocus .smallImg ul{ overflow: hidden; }

.picFocus .smallImg ul * {

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    -o-box-sizing: content-box;

    -ms-box-sizing: content-box;

    box-sizing: content-box;

}

.picFocus .smallImg li{  cursor:pointer; margin:0 7px 15px; list-style:none; width:100px; float:left;  text-align:center;border: 1px solid #ccc;}

.picFocus .smallImg img{  max-width:100%;  margin: 0; padding: 0;  }

.picFocus .smallImg li.on { border: 1px solid #026cb7; }







.pro-info{ margin:0 auto;  }

.pro-info h1{ font-size:28px; margin-top:2%; margin-bottom:5%; color:#000; }

.pro-info p{ line-height:1.8;margin-bottom:6%; color:#555;font-family:"榛戜綋"; font-size:16px;}

.pro-info .linkto{ display:block;}

.pro-info .linkto a{ display:inline-block; font-size:14px; padding:7px 20px; background:#026cb7;color:#fff; margin-right:15px; margin-bottom:15px;}

.pro-info .linkto a i{ font-size:18px; margin-right:8px;}

.pro-info .linkto a:hover{ background:#26bb4a; color:#fff;}

.pro-info .back{ color:#026cb7;}

.pro-info .back:hover{ text-decoration:underline;}

.pro-info .share {

	font-size: 18px;

	color: #333;

}

.pro-info .share a { font-size: 30px; }

.pro-info .share a:first-child {color: #305790; }

.pro-info .share a:last-child { color: #4498C7; }

.chat-box {
    width: 350px;

    border-top: 10px solid #026cb7;

    box-shadow: 5px 5px 10px 8px #eee;

    z-index: 99;

    background:#FFF;

    position:fixed;

    left: 50%;

    top: 0;

    display: none;

}
.container .chat-box {

	top: 50%;
	transform:translate(-50%,-50%)

}

.downMeta .chat-box {

	top: -150px;

}

.chat-box .close {

    outline: none;

    border: 0;

    margin-bottom: 10px;

    padding-right: 10px;

}

.chat-box h1 {

    background: #026cb7;

    margin-top: 0;

    color: #fff;

    font-size: 20px;

    padding: 15px;

    margin-bottom: 0;

}

.chat-box form {

    width: 100%;

    height: 100%;

    padding: 15px;

}

.chat-box input {

    width: 100%;

    margin-bottom: 10px;

    line-height: 35px;

    box-shadow: none;

    border: 1px solid #ccc;

    padding-left: 10px;

    outline: none;

}

.chat-box textarea {

    width: 100%;

    border: 1px solid #ccc;

    padding-left: 10px;

    margin-bottom: 15px;

    resize: none;

}

.chat-box .btn {

    background: #333;

    color: #fff;

    border-radius: 0;

    padding: 6px 20px;

    font-size: 16px;

    outline: none;

}

.chat-box .btn:hover {

    background: #026cb7;

}



.pro-tab{width:100%; margin-bottom:40px;}

.nav-tabs-news {

	border-bottom: 0;

	float:none;

	width:100%;

	display:block;

	padding:0;

	margin:0;

	border-bottom:1px solid #026cb7;

	text-align:left;

}

.nav-tabs-news > li {

   padding:0;

	margin:0;

	width:auto;

	display:inline-block;

	position:relative;

	list-style:none;

	float:none;

}

.nav-tabs-news > li > a{color:#333; border:0; display:block; text-align:center; line-height:40px;  font-size:18px;  padding:5px 20px 5px; background:#e8e8e8; letter-spacing:1px;}

.nav-tabs-news > li > a:hover{ color:#026cb7; background:#ccc}

.nav-tabs-news > li.active > a, .nav-tabs-news > li.active > a:hover, .nav-tabs-news > li.active > a:focus {

    color: #fff;

    background-color: #026cb7;

    border: 0;

	text-decoration:none;



}

.nav-tabs-news > li i{ background:#fff; padding:7px 5px 5px; border-radius:5px; vertical-align:middle; margin-right:5px;}

.nav-tabs-news > li.active > a{ font-size:22px;}

.nav-tabs-news > li.active > a i{ color:#026cb7}



.tab-content-news{ border-top:0; padding:40px 30px 50px; position:relative; background:#fff; border:1px solid #ddd;}



.tab-content-news .news-content{ padding:0 0 0 0; font-size:16px; color:#333; line-height:2; font-family:"瀹嬩綋"; }

.tab-content-news .news-content p{ margin-bottom:25px; vertical-align:middle;}

.tab-content-news h2{ font-size:24px; margin-bottom:20px; color:#333; font-weight:bold;}

.tab-content-news h3{ font-size:20px; margin-bottom:20px; color:#333; font-weight:bold;}

.tab-content-news h4{ font-size:18px; margin-bottom:20px; color:#333; font-weight:bold;}



.tab-content-news table {

  border: 1px solid #ddd;

}

.tab-content-news table tr th,

.tab-content-news table tr td {

  border: 1px solid #ddd;

}

.tab-content-news table > thead > tr > th,

.tab-content-news table > thead > tr > td {

  border-bottom-width: 2px;

}

.tab-content-news table td{ padding:7px 15px;}



.fontblue{ color:#026cb7; vertical-align:middle;}

h4.bluedot{ padding-left:20px; position:relative; color:#333;}

h4.bluedot:before{ content:""; position:absolute; top:4px; left:0; width:10px; height:10px; background:#026cb7;}

.ds-box{ margin-bottom:30px;}

.ds-box img{ display:block; margin-bottom:15px;}



.history-box{ padding:4% 2% 4% 5%; overflow:hidden; margin:20px 0 40px 0;position:relative; background:#fff;}

.swiper-history {

  width: 100%;

  /*height: 350px;*/

}

.swiper-history .swiper-slide { border-left:4px solid #999; padding-left:50px; padding-top:10px; padding-bottom:20px; position:relative; margin-left:160px;}

.swiper-history .swiper-slide:before{ content:""; width:30px; height:30px; background:url(../images/About-circle.jpg) no-repeat 0 0; position:absolute; top:10px; left:-17px;}

.swiper-history .swiper-slide .year {

  font-size: 32px;

  position:absolute;

  left:-160px;

  top:0;

  margin-bottom: 30px;

  color:#333;

  letter-spacing:-2px;

}

.swiper-history .swiper-slide p, .history p {

  font-size: 16px;

  color:#666;

  line-height: 24px;

}

.swiper-history img{ max-height:160px; margin-right:15px; margin-bottom:10px; background:#fff; padding:5px; box-shadow:0 0 6px #ccc;}

.history { margin-bottom: 30px; }

.history h3:before {

  content: '';

  width: 15px;

  height: 15px;

  background: #026cb7;

  border-radius: 15px;

  display: inline-block;

  margin-right: 10px;

}

.his-wrap { border-left: 2px solid #026cb7; padding: 0 0 50px 20px;}

.history-box img { margin-top: -22%; }



.about-history .container{ position:relative;}

.about-history .container .bluelineTit{  }



.page-nav { background: #fff; width: 100%; box-shadow: 5px 5px 10px #ccc; margin-bottom: 60px; }

.page-nav a { font-size: 20px; color: #323232; line-height:80px; padding: 0 40px; display: inline-block; font-family: Calibri; position:relative;}

.page-nav a:hover, .page-nav a.active { background:#026cb7; color: #fff; }



.page-nav-color { background: #008cd7; width: 100%; box-shadow: 5px 5px 10px #ccc; margin-bottom: 60px;  }

.page-nav-color a { font-size: 20px; color: #fff; line-height:80px; padding: 0 2%; display: inline-block; font-family: Calibri; position:relative; width: 16%; text-align: center;}

.page-nav-color a:hover ,.page-nav-color a.active, .page-tit a.active{ background:#26bb4a; color: #fff; }

.page-nav-color .container { /*display: flex;*/ }

.page-tit {

    display: inline-block;

    position: relative;

   /* flex: 1;*/

}

.page-tit a {

    font-size: 20px;

    color: #fff;

    line-height: normal;

    padding: 20px;

    display: inline-block;

    font-family: Calibri;

    height: 100%;

    width: 100%;

    text-align: center;

}

.page-tit ul {

    margin: 0;

    padding: 10px 0;

    position: absolute;

    top: 100%;

    left: 0;

    /*transform: translateX(-50%);*/

    display: none;

    z-index: 9;

    background: #008cd7;

    border-top: 1px solid #999;

    width: 360px;

}

.page-tit li a {

    display: inline-block;

    width: 100%;

    padding: 10px 0 10px 5px;

    background: #008cd7;

    color: #fff;

    font-size: 16px;

    line-height: normal;

    z-index: 999999;

    text-align: left;

}

.page-tit li a:hover { background:#26bb4a; }

.page-tit:hover ul { display: block; }

.c_active { background:#26bb4a; }

/* 2020 .11.19鏂板*/

.contact-fangn{ text-align:center; font-size:16px; padding:2% 0 5%}

.contact-fangn p{ margin-bottom:20px;}

.contact-fangn .bhui{ color:#777;}



.Suspension {

    position: fixed;

    bottom: calc(10% + 49px);

    right: 5px;

    width: 50px;

    height: auto;

    z-index: 9998;

	border-bottom:0;

}



.Suspension a,.sFrame{ display:block; width:48px; height:48px; line-height:48px; background:#ccc; text-align:center; font-size:24px; position:relative; margin-bottom:1px;  }

.Suspension a.color01{ background-color:#17cedd;}

.Suspension a.color02{ background-color:#f5b13c;}

.Suspension a.color03{ background-color:#3dbb2b;}

.Suspension a.color04{ background-color:#de1918;}

.sFrame div{ position:absolute; right:30px; top:0; overflow:hidden; z-index:-1;}

.f-skybox,.f-whatbox{position: absolute;

top: 0;

right: 100%;

padding:0 10px;

width:120px;

background:none;

height:auto;

border-bottom:0;

font-size:12px;

line-height:1.8;

display:none;

}

.f-skybox .inner,.f-whatbox .inner{ padding:10px; border:1px solid #ddd; background:#fff; position:relative; right:auto;}

.f-skype img,.f-whatbox img{ width:100%}

.f-skype:hover .f-skybox,.f-what:hover .f-whatbox{ display:block; color:#333;}



div.subFrame_03{width:0px; height:48px; background-color:#026cb7; font-size:16px; line-height:47px; color:#fff; border-radius:60px 0 0 60px; text-align:left;}

.sFrame:hover div.subFrame_03{width:180px; padding-left:20px;}



.Suspension a{ color:#fff; }

.Suspension a.f-email{ font-size:21px;}

.Suspension a i{line-height:50px !important;}

.Suspension a:hover{ color:#fff; background:#026cb7}



.news-list {

	margin: 70px 0 0;

	overflow: hidden

}



.news-list ul {

	margin-bottom: 40px;

	padding:0;

	overflow: hidden

}



.news-list ul li {

	position: relative;

	padding-bottom: 43px;

	border-bottom: 1px solid #eee;

	margin-bottom: 43px;

	overflow: hidden

}

.news-list ul li .pic {

	width: 435px;

	height: 252px;

	position: absolute;

	top: 0;

	left: 0

}



.news-list ul li .pic img {

	transition: .5s

}



.news-list ul li .text {

	height: 252px;

	padding-left: 480px;

	position: relative;

	padding-top: 20px

}



.news-list ul li .text .date {

	float: left;

	width: 77px;

	position: absolute;

	top: 0;

	left: 0;

	border-right: 2px solid #026cb7

}



.news-list ul li .text .date h3 {

	color: #1b232c;

	font-size: 32px;

	font-weight: bold;

	font-family: arial;

	line-height: 30px;

	margin:0;

}



.news-list ul li .text .date span {

	font-size: 17px;

	color: #1b232c

}



.news-list ul li .text .date p {

	font-size: 16px;

	color: #1b232c;

	font-family: arial

}



.news-list ul li .text .info {

	padding-left: 93px;

	position: relative

}



.news-list ul li .text .info .bt {

	font-size: 24px;

	color: #333;

	margin-bottom: 11px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.news-list ul li .text .info .span {

	font-size: 16px;

	color: #026cb7;

	margin-bottom: 11px

}



.news-list ul li .text .info .jsh {

	font-size: 16px;

	color: #555;

	line-height: 24px;

	height: 72px;

	overflow: hidden;

	margin-bottom: 18px;

	font-family:"瀹嬩綋";

}



.news-list ul li .text .info .more {

	background: url("../images/more.png") no-repeat center right;

	display: inline-block;

	padding-right: 75px;

	font-size: 15px;

	font-family: arial;

	text-transform: uppercase;

	color: #026cb7;

	transition: .5s

}

.news-list ul li:hover .pic img {

		transform: scale(1.02)

	}



	.news-list ul li:hover .text .info .bt {

		color: #0079a8

	}



	.news-list ul li:hover .text .info .more {

		padding-right: 85px

	}

@media (max-width: 768px){

	.news-list {

		margin: 30px 0;

	}

	.news-list ul {

		margin: 0 -5px 10px -5px

	}



	.news-list ul li {

		width: 50%;

		float: left;

		padding: 0 5px;

		margin-bottom: 20px;

	}



	.news-list ul li .pic {

		width: 100%;

		height: auto;

		position: relative;

		left: auto;

		top: auto

	}



	.news-list ul li .pic:after {

		padding-bottom: 50%

	}



	.news-list ul li .text {

		padding-left: 0;

		height: auto;

		padding-top: 10px;

		padding-bottom: 10px

	}



	.news-list ul li .text .info .bt {

		font-size: 16px;

		font-weight: bold

	}



	.news-list ul li .text .info .span {

		font-size: 14px;

		margin-bottom: 5px

	}



	.news-list ul li .text .info .jsh {

		font-size: 12px;

		margin-bottom: 10px

	}



	.news-list ul li .text .info .more {

		font-size: 13px

	}



	.news-list ul li .text .info {

		padding-left: 0

	}



	.news-list ul li .text .date {

		position: relative;

		top: auto;

		left: auto;

		float: none;

		width: 100%;

		overflow: hidden;

		line-height: 30px;

		border: 0

	}



	.news-list ul li .text .date h3 {

		font-size: 20px;

		float: right;

		margin-left: 5px

	}



	.news-list ul li .text .date span {

		font-size: 13px;

		float: right;

		display: block

	}



	.news-list ul li .text .date p {

		font-size: 12px;

		float: left

	}

	.fwidget { flex: unset; }

  .page-nav-color .container { flex-wrap: wrap; }



}

@media (max-width: 520px){

	.news-list ul li {

		width: 100%;

	}

}

.cerItem{ padding:10px; background:#fff; box-shadow:0 0 5px #ccc; border:1px solid #ccc;}

.v-fixed-top{ position:fixed; top:0; left:0; right:0; z-index:100;}
/*2023.6 鎶曡瘔寤鸿琛ㄥ崟*/
.pup-box{}
.pup-box .info{ background:#008cd7; color:#fff; text-align:center;padding:2% 2% 2%; line-height:1.8;}
.pup-box .info .inner{ max-width:720px; margin:0 auto; }
.pup-box .info .inner h3{ margin-bottom:20px; font-size:28px;}
.pup-box .form{padding:3% 2% 2%;}
.pup-box .form .inner{ max-width:700px; margin:0 auto;}
.pupForm p{ position:relative; display:flex;  align-items: center; margin-bottom:15px;}
.pupForm p label{ width:90px; text-align:right; font-weight:normal;}