@charset "UTF-8";



body {



	overflow-x: hidden;



	overflow-y: auto;



}



body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {



	margin: 0px;



}



input, button, ul, ol {



	margin: 0px;



	padding: 0px;



}



body, input, button, form {



	font-size: 14px;



	line-height: 28px;



	font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;



	color: #333;



}



h1, h2, h3, h4, h5, h6, font {



	font-weight: normal;



}



ul, ol, li {



	list-style: none;



}



input {



	background: none;



	border: 0 none;



}


img{ max-width:100%;}


img, iframe {



	border: 0px;



}



em, i {



	font-style: normal;



}



button, input, select, textarea {



	font-size: 100%;



}



table {



	border-collapse: collapse;



	border-spacing: 0;



}
table {

            width: 100%;

            border-collapse: collapse;

            font-size: 13px;

        }



        th, td {

            border: 1px solid #e0e0e0;

            padding: 10px;

            text-align: center;

        }



        /* First column specific styling */

        td:first-child {

            font-weight: bold;

            width: 30%;

            background-color: #fafafa;

        }



.red {



	color: #e74037;



}



.fl {



	float: left;



}



.fr {



	float: right;



}



.tac {



	text-align: center;



}



.tar {



	text-align: right;



}



.poa {



	position: absolute;



}



.por {



	position: relative;



}



.hidden {



	display: none;



}



.hide {



	display: none !important;



}



.w1200 {



	width: 1200px;



	margin: 0 auto;



}



.g-ico {



	background: url(../images/g-ico.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



.icon {



	vertical-align: middle;



	background: url(../images/icon.png) no-repeat;



	display: inline-block;



}



a {



	color: #333;



	text-decoration: none;



}



a:hover {



	color: #17569f;



	text-decoration: none;



}



a:visited {



	text-decoration: none;



}



.ease, .ease * {



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.noease, .noease * {



	-webkit-transition: none;



	-moz-transition: none;



	-ms-transition: none;



	-o-transition: none;



	transition: none;



}



:-moz-placeholder {



color: #cccccc;



}



::-moz-placeholder {



color: #cccccc;



}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {



color: #cccccc;



}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {



color: #cccccc;



}



/*清除浮动*/



.clearfix {



*zoom: 1;



}



.clearfix:after {



	visibility: hidden;



	display: block;



	font-size: 0;



	content: " ";



	clear: both;



	height: 0;



}



.global-wrap {



	position: relative;



	min-height: 100%;



	clear: both;



}



.ielt7 .global-wrap {



	height: 100%;



}



.content-wrapper {



	width: 1220px;



	margin: 0 auto;



}



@media screen and (min-width: 1460px) {



.content-wrapper {



	width: 1460px;



}



}



/***************top and bottom css*********************/



.dialog-layout {



	width: 100%;



	height: 100%;



	position: fixed;



	z-index: 100;



	top: 0;



	left: 0;



	background: #000;



	opacity: 0.3;



	filter: alpha(opacity=30);



}



/*header_main*/



.header_main {



	width: 100%;



	position: relative;



	z-index: 999;



	background: #595959;



	height: 30px;



	line-height: 30px;



	font-size: 12px;



	color: #b8b8b8;



}



.header_main .header {



	position: relative;



}



.header_main .ksdh {



	color: #b8b8b8;



}



.header_main .ksdh li {



	display: inline-block;



	color: #b8b8b8;



	line-height: 30px;



	position: relative;



}



.header_main .ksdh li a {



	display: inline-block;



	color: #b8b8b8;



}



.header_main .ksdh li s {



	display: block;



	width: 45px;



	height: 40px;



}



.header_main .ksdh a:hover {



	color: #17569f;



}



.header_main .ksdh .lxwm s {



	background-position: -60px 0;



	width: 18px;



	height: 18px;



	display: inline-block;



	margin-right: 5px;



}



.header_main .ksdh .wzmap s {



	background-position: -90px 0;



	width: 17px;



	height: 18px;



	display: inline-block;



	margin-right: 5px;



}



.header_main .ksdh .mobile s {



	background-position: 0 0;



	width: 18px;



	height: 18px;



	display: inline-block;



	margin-right: 5px;



}



.header_main .ksdh span {



	display: inline-block;



	padding: 0 10px;



	color: #999;



}



.header_main li .imgbox {



filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);



	opacity: 0;



	visibility: hidden;



	transition: all .6s ease 0s;



	transform: translate3d(0, 10px, 0);



	-moz-transform: translate3d(0, 10px, 0);



	-webkit-transform: translate3d(0, 10px, 0);



}



.header_main li:hover .imgbox {



	opacity: 1;



	visibility: visible;



	transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}



.header_main .imgbox {



	width: 160px;



	position: absolute;



	background: #fff;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	border-radius: 0 0 5px 5px;



	text-align: center;



	color: #17569f;



	padding: 10px;



	top: 30px;



	left: -15px;



	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);



}



.header_main .imgbox img {



	width: 160px;



	height: 160px;



	display: block;



	margin: 0 auto;



}



.header_main .imgbox p {



	font-size: 16px;



	line-height: 20px;



}



.header_main .imgbox p b {



	display: block;



	font-size: 14px;



	font-weight: normal;



	line-height: 20px;



}



/*top_mian*/



.top_main {



	width: 100%;



	background: #fff;



	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);



	position: relative;



	z-index: 10;



}



.top_main .top {



	padding: 20px 0;



	background:url(../images/topbg.png) top right no-repeat



}



.top_main .webtel {



	padding-top: 20px;



}



.top_main .webtel span {



	width: 32px;



	height: 32px;



	display: inline-block;



	margin-right: 8px;



	background-position: 0 -30px;



}



.top_main .webtel b {



	font-size: 40px;



	color: #17569f;



	display: inline-block;



	font-family: "AvantGardeITVbyBT Book", arial;



	line-height: 40px;



	vertical-align: middle;



}



.top_main .logo {



	display: block;



}



.top_main .logo a {



	display: block;



}



.top_main .logo img {



	width: 100%;



	height: 100%;



	display: block;



}



.top_main .nav {



	line-height: 55px; height:55px; width: 100%; background: #17569f;



}



.top_main .nav .navlist{width: 1200px;     }



.top_main .nav li {



	float: left;

font-weight:600;

	display: inline-block;



	list-style: none;



	font-size: 16px;



	text-align: center;



	position: relative;



	line-height: 55px;height: 55px;



}



.top_main .nav li a {



	width: 117px;



	display: block;

font-weight:600;

	text-align: center;



	position: relative;



	color: #fff;



	height: 55px;



	line-height: 55px;padding: 0 8px;



 



}



.top_main .nav li.hover a, .top_main .nav li:hover a {



	color: #fff;



	background: url(../images/navhover.png) center no-repeat;



}



.top_main .nav li .subnav {



	background: #fff;



	border-top: 2px solid #63b670;



	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);



	height: auto;



	left: 0;



	overflow: hidden;



	position: absolute;



	top: 100%;



	width: 100%;



	z-index: 199;



}



.top_main .nav li .subnav {



filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);



	opacity: 0;



	visibility: hidden;



	transition: all .6s ease 0s;



	transform: translate3d(0, 10px, 0);



	-moz-transform: translate3d(0, 10px, 0);



	-webkit-transform: translate3d(0, 10px, 0);



}



.top_main .nav li:hover .subnav {



	opacity: 1;



	visibility: visible;



	transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}



.top_main .nav li .subnav a {



	-moz-border-radius: 0;



	-webkit-border-radius: 0;



	border-radius: 0;



	color: #666;



	display: block;



	font-size: 13px;



	font-weight: 500;



	line-height: 50px;



	height: 50px;



	padding: 0;



	transition: all 0.2s ease-in-out 0s;



	width: 100%;



	border-bottom: 1px solid #eee;



	background: #fff;



}



.top_main .nav li .subnav a:hover {



	/*color: #63b670;



	background: #f9f9f9;
*/


	text-indent: 10px;
color: #fff;
  background: url(../images/navhover.png) center no-repeat;


}

.scroll-wrapper {
            width: 100%;
            height: 520px; /* 固定高度，显示2行 (260px * 2) */
            overflow: hidden;
            position: relative;
            /* 添加遮罩让边缘过渡更柔和（可选） */
            /* mask-image: linear-gradient(to bottom, transparent, black 5%, black 95%, transparent); */
        }

        .scroll-content {
            display: flex;
            flex-direction: column;
            width: 100%;
            /* 移除 CSS animation，改用 JS 控制以实现无缝 */
            will-change: transform; 
        }

        .product-row {
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin-bottom: 20px; /* 行间距 */
            flex-shrink: 0; /* 防止被压缩 */
        }

        .product-item {
            width: 23%;
            aspect-ratio: 1 / 1; /* 强制 1:1 正方形 */
            background: #fff;
            /*border-radius: 8px;*/
            overflow: hidden;
            position: relative;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            cursor: pointer;
        }

        .product-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }

        /* 鼠标悬停时图片轻微放大 */
        .product-item:hover img {
            transform: scale(1.05);
        }

        /* 遮罩层：默认隐藏 */
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(38, 108, 160, 0.85); /* 蓝色透明背景 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 1;
        }

        /* 鼠标悬停显示遮罩 */
        .product-item:hover .overlay {
            opacity: 1;
        }

        .product-title {
            color: #fff;
            font-size: 18px;
            margin-bottom: 20px;
            font-weight: 500;
            text-align: center;
            padding: 0 10px;
            transform: translateY(10px);
            transition: transform 0.3s ease;
        }

        .view-btn {
            display: inline-block;
            padding: 8px 30px;
            border: 1px solid #fff;
            color: #fff;
            text-decoration: none;
            border-radius: 25px;
            font-size: 14px;
            transition: all 0.3s ease;
            transform: translateY(10px);
            transition: transform 0.3s ease, background 0.3s, color 0.3s;
        }

        /* 悬停时的文字上浮效果 */
        .product-item:hover .product-title,
        .product-item:hover .view-btn {
            transform: translateY(0);
        }

        .view-btn:hover {
            background: #fff;
            color: #266ca0;
        }

        @media (max-width: 768px) {
            .product-row {
                flex-wrap: wrap;
                justify-content: center;
            }
            .product-item {
                width: 48%;
                margin-bottom: 4%;
            }
            .scroll-wrapper {
                height: auto;
                max-height: 600px;
            }
        }

.contactPage {



	padding: 0 0 0;



}



.contactPage .bcontact {



	padding-top: 30px;



	margin-bottom: 30px;



}



.contactPage .txtcon img {



	max-width: 100%;



}



.contactPage .t2 {



	padding: 58px 0 48px;



	text-align: center;



}



.contactPage .t2 .titb {



	font-size: 30px;



	margin-bottom: 16px;



}



.contactPage .t2 .txt {



	font-size: 14px;



	line-height: 24px;



}



.contactPage .t2 .txt span {



	font-weight: bold;



	color: #17569f;



	padding: 0 5px;



}



.contactPage .t2 .entit {



	text-transform: uppercase;



	font-size: 18px;



	color: #999;



}



.contactPage .mapArea {



	width: 100%;



	height: 400px;



	margin-top: 40px;



}



.contactPage .mapArea #allmap {



	width: 100%;



	height: 400px;



}



.formData {



	padding-bottom: 20px;



}



.formData .item {



	float: left;



	color: #999;



	font-weight: normal;



	width: 425px;



	height: 56px;



	line-height: 56px;



	border: 1px solid #e5e5e5;



	margin-right: 76px;



	margin-bottom: 45px;



	position: relative;



}



.formData .item label {



	padding-left: 15px;



	position: absolute;



	left: 0;



	top: 0;



	z-index: 11;



	text-align: center;



	display: block;



	margin: 0;



	height: 56px;



	line-height: 56px;



	font-size: 18px;



	color: #cccccc;



}



.formData .item input {



	outline: none;



	line-height: 38px;



	height: 38px;



	font-size: 18px;



}



.formData .item .txt {



	width: 355px;



	height: 56px;



	line-height: 56px;



	display: block;



	background: none;



	padding-left: 70px;



	border: 0 none;



	color: #999;



}



.formData .item .red {



	position: absolute;



	right: 15px;



	top: 0;



	color: #ff0000;



	z-index: 11;



}



.formData .item.mr0 {



	margin-right: 0;



}



.formData .msg-box {



	position: absolute;



	left: 0;



	top: 0px;



}



.formData .liuyan {



	width: 928px;



	height: 260px;



	border: 1px solid #e5e5e5;



	float: left;



}



.formData .liuyan label {



	text-align: right;



	display: block;



}



.formData .liuyan textarea {



	width: 908px;



	height: 234px;



	line-height: 35px;



	padding: 12px 10px;



	text-indent: 100px;



	font-size: 18px;



	font-family: "microsoft yahei";



	color: #333;



	border: 0 none;



	overflow: hidden;



	background: none;



	resize: none;



	display: block;



	outline: none;



}



.formData .bot {



	width: 100%;



}



.formData .sub {



	width: 232px;



	line-height: 54px;



	margin-right: 2px;



	text-align: center;



	background: #17569f;



	border: 2px solid #17569f;



	color: #FFF;



	cursor: pointer;



	font-size: 18px;



	display: block;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.formData .sub:hover {



	color: #17569f;



	background: none;



}



.formData .yzm {



	width: 432px;



}



.formData .yzm .txt {



	padding-left: 80px;



}



.formData .yzm img {



	position: absolute;



	right: 0;



	top: 0;



	height: 56px;



	border: 0px;



	display: block;



}



/*footer_main*/



.footer_main {



	width: 100%;



	padding-bottom: 0;



	background: #317aaf;



	color: #fff;



	border-top: 8px solid #ed8e06;



}



.footer_main .links {



	padding: 20px 0;



	font-size: 16px;



	border-bottom: 1px solid #fff;



}



.footer_main .links span {



	color: #fff;



	font-weight: bold;



	display: inline-block;



}



.footer_main .links a {



	display: inline-block;



	font-size: 14px;



	color: #fff;



	padding-right: 10px;



}



.footer_main .links a:hover {



	color: #ed8e06;



}



.bottom_main {







	padding: 56px 0;



}



.bottom_main .bNav {



	width: 558px;



	height: 220px;



	border-right: 1px solid #fff;



}



.bottom_main .bNav dl {



	display: inline-block;



	float: left;



	width: 139px;



	overflow: hidden;



	text-align: left;



	padding-top: 10px;



}



.bottom_main .bNav dl dt {



	height: 16px;



	display: block;



	padding-bottom: 25px;



}



.bottom_main .bNav dl dt a {

font-size:20px;font-weight:600;

	display: block;






	color: #fff;



	line-height: 16px;



}



.bottom_main .bNav dl dd {



	display: block;



	height: 14px;



	padding-bottom: 14px;



}



.bottom_main .bNav dl dd a {



	display: block;



	font-size: 14px;



	color: #fff;



	line-height: 14px;



}



.bottom_main .bNav dl dd a:hover {



	color: #ed8e06;



}



.bottom_main .ewm {



	width: 140px;



	height: 180px;



	text-align: center;



	padding-left: 35px;







}



.bottom_main .ewm dl {



	float: left;



	display: block;



	margin-right: 30px;



}



.bottom_main .ewm dl:nth-child(2) {



	margin-right: 0px;



}



.bottom_main .ewm dl:first-child+dl {



	margin-right: 0px;



}



.bottom_main .ewm dl dt {



	width: 140px;



	height: 140px;



	background-color: #fff;



	text-align: center;



}



.bottom_main .ewm dl dt img {



	width: 130px;



	height: 130px;



	display: inline-block;



	background-size: 100%;



	margin-top: 5px;



}



.bottom_main .ewm dl dd {



	font-size: 14px;



	color: #fff;



	line-height: 24px;



	padding-top: 10px;



}



.bottom_main .contact_info {



	width: 350px;



	height: 180px;



	padding-left: 80px;







	border-right: 1px solid #ffffff;



}



.bottom_main .contact_info p.p1 {



	font-size: 14px;



	color: #fff;



	line-height: 14px;



	padding-top: 10px;



}



.bottom_main .contact_info p.dh {



	font-size: 36px;



	color: #ed8e06;



	font-family: "Arial";



	line-height: 36px;



	padding-top: 4px;



	font-weight: bold;



	padding-bottom: 12px;



}



.bottom_main .contact_info h3 {



	font-size: 20px;



	padding-top: 8px;



}



.bottom_main .contact_info p.tel {



	font-size: 14px;



	color: #fff;



	line-height: 22px;



	width: 250px;



}



.bottom_main .contact_info i {



	display: block;



	padding-top: 8px;



	font-size: 14px;



	color: #fff;



}



.bottom_main .contact_info i a {



	display: inline-block;



	color: #fff;



	padding-right: 12px;



}



.copyright_main {



	background: #17569f;



	height: 40px;



	line-height: 40px;



	color: #fff;



	font-size: 12px;



}



.copyright_main a {



	color: #ffffff;



}



.copyright_main a:hover {



	color: #ed8e06;



}



/***********top and bottom css end***********/



/***********index css ***********/



.banner_main {



	width: 100%;



	position: relative;



	z-index: 3;



}



.banner {



	width: 100%;



	min-width: 1000px;



	position: relative;



	overflow: hidden;



	z-index: 0;



	height: 550px;



}



.banner .list {



	max-height: 550px;



	overflow: hidden;



}



.banner li {



	width: 100%;



	position: absolute;



	z-index: 1;



	overflow: hidden;



}



.banner li img {



	width: 1920px;



	display: block;



	position: relative;



	/*left: 50%;*/



	/*margin-left: -960px;*/



	top: 0;

height: 550px;
  object-fit: cover;

}



.banner li a {



	width: 100%;



	display: block;



}



.banner .tip {



	width: 100%;



	height: 20px;



	text-align: center;



	position: absolute;



	left: 0;



	bottom: 4%;



	z-index: 10;



}



.banner .tip span {



	width: 15px;



	height: 15px;



	overflow: hidden;



	margin: 0 5px;



	display: inline-block;



	cursor: pointer;



	vertical-align: top;



	text-indent: -1000px;



	-moz-border-radius: 100%;



	-webkit-border-radius: 100%;



	border-radius: 100%;



	border: 3px solid #fff;



}



.banner .tip span.cur {



	background: #17569f;



}



.banner .prev, .banner .next {



	width: 24px;



	height: 44px;



	position: absolute;



	z-index: 12;



	top: 50%;



	margin-top: -22px;



	cursor: pointer;



	background-position: -48px -30px;



	display: none;



	-webkit-transition: all .0s ease-in-out 0s;



	-moz-transition: all .0s ease-in-out 0s;



	transition: all .0s ease-in-out 0s;



}



.banner .prev {



	left: 3%;



	background-position: -48px -30px;



}



.banner .prev:hover {



	background-position: -48px -80px;



}



.banner .next {



	right: 3%;



	background-position: -80px -30px;



}



.banner .next:hover {



	background-position: -80px -80px;



}



.index {



	width: 100%;



	overflow: hidden;



}



.index .title {



	text-align: center;



	width: 100%;



	margin-bottom: 40px;



	position: relative;



}



.index .title h3 {



	font-size: 48px;



	font-weight: bold;



	display: block;



	line-height: 60px;



}



.index .title h3 b {



	display: inline-block;



	color: #17569f;



}



.index .title h4 {



	font-size: 24px;



	font-weight: normal;



	padding-top: 20px;



	display: block;



	letter-spacing: 2px;



}



.index .title s {



	position: absolute;



	top: 12px;



	display: block;







	width: 250px;



	height: 42px;



}



.index .title .line_lef {



	left: 50%;
	background: url(../images/line.png) no-repeat;


	margin-left: -372px;



}



.index .title .line_rig {



	right: 50%;

	background: url(../images/lineright.png) no-repeat;

	margin-right: -372px;



}



.index .menu {



	overflow: hidden;



	padding-bottom: 20px;



	padding-top: 20px;



}



.index .menu ul {



	text-align: center;



}



.index .menu li {



	



	height: 40px;



	line-height: 40px;

font-size:16px;font-weight:600;

	margin: 0 5px 10px;



	display: inline-block;



}



.index .menu li:first-child {



	margin-left: 0;



}



.index .menu li:last-child {



	margin-right: 0;



}



.index .menu li a {



	display: block;



	border: 1px solid #dcdcdc;



	text-align: center;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	border-radius: 5px;



	overflow: hidden;



	height: 40px;



	line-height: 40px;



	padding:0 25px;



}



.index .menu li a:hover {



	border: 1px solid #17569f;



	color: #fff;



	background: #17569f;



}



.index .menu li.current a {



	border: 1px solid #17569f;



	color: #fff;



	background: #17569f;



}



.index .more {



	width: 510px;



	margin: 0 auto;



	display: block;



	text-align: center;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



	position: relative;



	height: 55px;



	line-height: 55px;



}



.index .more a {



	display: block;



	text-align: center;



	font-size: 18px;



	float: left;



	width: 250px;



	height: 50px;



	line-height: 50px;



}



.index .more .gd {



	color: #fff;



	background: #17569f;



	-moz-border-radius-topleft: 5px;



	-webkit-border-top-left-radius: 5px;



	border-top-left-radius: 5px;



	-moz-border-radius-bottomleft: 5px;



	-webkit-border-bottom-left-radius: 5px;



	border-bottom-left-radius: 5px;



	border: 2px solid #17569f;



}



.index .more .gd:hover {



	background: #ed8e06;



	border: 2px solid #ed8e06;



}



.index .more .zx {



	border: 2px solid #e5e5e5;



	color: #333;



	-moz-border-radius-topright: 5px;



	-webkit-border-top-right-radius: 5px;



	border-top-right-radius: 5px;



	-moz-border-radius-bottomright: 5px;



	-webkit-border-bottom-right-radius: 5px;



	border-bottom-right-radius: 5px;



	border-left: 0 none;



}



.index .more .zx:hover {



	background: #ed8e06;



	border: 2px solid #ed8e06;



	color: #fff;



	border-left: 0 none;



}



.index .floor_1_main {



	width: 100%;



	position: relative;



	z-index: 4;



}



.index .floor_1 {



	padding: 140px 0 80px;



	overflow: hidden;



}



.index .ipro {



	overflow: hidden;



	padding-bottom: 60px;



}



.index .ipro .cont {



	display: none;



}



.index .ipro .cont:first-child {



	display: block;



}



.index .ipro .bigimg {



	width: 585px;



	height: 585px;



	overflow: hidden;



}



.index .ipro .bigimg ul {



	width: 585px;



	height: 585px;



	overflow: hidden;



}



.index .ipro .bigimg ul li {



	width: 585px;



	height: 585px;



	overflow: hidden;



}



.index .ipro .bigimg ul li img {



	width: 100%;



	height: 100%;



	display: block;



}



.index .ipro .smalimg {



	width: 585px;



	overflow: hidden;



	height: 585px;



}



.index .ipro .smalimg .list {



	width: 108%;



}



.index .ipro .item {



	float: left;



	width: 280px;



	height: 280px;



	overflow: hidden;



	position: relative;



	margin-bottom: 20px;



	margin-right: 20px;



}



.index .ipro .item img {



	width: 100%;



	height: 100%;



	display: block;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.index .ipro .item .bg {



	background: url(../images/bghover.png) no-repeat left top;



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	z-index: 2;



	display: block;



	text-align: center;



	opacity: 0;



	color: #fff;



}



.index .ipro .item .bg h3 {



	font-size: 18px;



	padding-top: 30%;



}



.index .ipro .item .bg span {



	width: 100px;



	height: 30px;



	line-height: 30px;



	display: block;



	margin: 0 auto;



	border: 1px solid #85c0a2;



	text-align: center;



	-moz-border-radius: 20px;



	-webkit-border-radius: 20px;



	border-radius: 20px;



}



.index .ipro .item:hover .bg {



	opacity: 1;



}



.index .ipro .item:hover img {



	transform: scale(1.06, 1.06);



}



.index .floor_2_main {



	width: 100%;



}



.index .floor_2_main .floor_2 {



	padding: 80px 0;



}



.index .youshi .item {



	padding-bottom: 60px;



	position: relative;



	padding-top: 64px;



}



.index .youshi .item .tit {



	width: 194px;



	position: relative;



}



.index .youshi .item .tit img {



	width: 170px;



	height: 330px;



	display: block;



}



.index .youshi .item .tit h3 {



	font-size: 18px;



	text-transform: uppercase;



	position: absolute;



	left: 134px;



	top: 34px;



}



.index .youshi .item .txt {



	padding-top: 78px;



	width: 502px;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.index .youshi .item .txt h2 {



	font-size: 30px;



	font-weight: bold;



	color: #17569f;



	line-height: 32px;



}



.index .youshi .item .txt h4 {



	display: block;

font-size:16px;font-weight:600;

	line-height: 20px;



}



.index .youshi .item .txt .desc {



	padding-top: 20px;



}



.index .youshi .item .txt .cha {



	font-size: 18px;



	width: 200px;



	height: 54px;



	line-height: 54px;



	display: block;



	border: 2px solid #17569f;



	text-align: center;



	color: #17569f;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	border-radius: 5px;



	margin-top: 34px;



}



.index .youshi .item .txt .cha:hover {



	background: #17569f;



	color: #fff;



}



.index .youshi .item .img {



	position: absolute;



	right: -80px;



	top: 0;



}



.index .youshi .item .img img {



	max-width: 530px;



	display: block;



}



.index .youshi .item.it2 {



	padding-left: 490px;



}



.index .youshi .item.it2 .img {



	right: auto;



	left: 0;



}



.index .youshi .item:hover .txt {



	-webkit-transform: translate3d(0, -6px, 0);



	transform: translate3d(0, -6px, 0);



}



.index .floor_3_main {



	background: url(../images/liuc_bg.jpg) repeat center top;



	height: 150px;



}



.index .floor_3_main .title2 {



	width: 280px;



	height: 78px;



	border-right: 1px solid #fff;



	margin-top: 38px;



	color: #fff;



}



.index .floor_3_main .title2 h3 {



	font-size: 26px;



}



.index .floor_3_main .title2 h3 i {



	font-size: 18px;



	display: inline-block;



}



.index .floor_3_main .title2 p {



	font-size: 30px;



	font-family: "AvantGardeITVbyBT Book", arial;



	padding-top: 16px;



}



.index .floor_3_main .title2 p em {



	width: 26px;



	height: 28px;



	display: inline-block;



	background-position: 0 -110px;



	margin-right: 18px;



}



.index .floor_3_main .liuc {



	width: 888px;



	overflow: hidden;



	padding-left: 30px;



	color: #fff;



	padding-top: 38px;



}



.index .floor_3_main .liuc .list {



	width: 108%;



}



.index .floor_3_main .liuc li {



	float: left;



	width: 134px;



}



.index .floor_3_main .liuc li p {



	width: 80px;



	float: left;



	text-align: center;



	font-size: 16px;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.index .floor_3_main .liuc li p img {



	max-width: 100%;



	display: block;



	margin: 0 auto 12px;



	height: 44px;



}



.index .floor_3_main .liuc li .jt {



	width: 42px;



	height: 44px;



	float: left;



	display: block;



	background: url(../images/jtou1.png) no-repeat center;



}



.index .floor_3_main .liuc li:hover p {



	animation: flipInY 1.2s ease-out forwards;



	-webkit-animation: flipInY 1.2s ease-out forwards;



}



.index .textlist {



	width: 740px;



}



.index .newsBox {



	width: 430px;



	position: relative;



}



.index .newsBox .item {



	position: relative;



	z-index: 3;



}



.index .newsBox .item .img {



	height: 170px;



	overflow: hidden;



}



.index .newsBox .item .img img {



	width: 228px;



	height: 170px;



	display: block;



}



.index .newsBox .item .img .time {



	width: 202px;



	height: 170px;



	position: relative;



	overflow: hidden;



	background: url(../images/xw_time.jpg) no-repeat;



	text-align: center;



	color: #fff;



	font-size: 16px;



}



.index .newsBox .item .img .time b {



	font-size: 60px;



	line-height: 60px;



	display: block;



	padding-top: 40px;



}



.index .newsBox .item .img .time .yuan {



	position: absolute;



	width: 136px;



	height: 136px;



	display: block;



	left: 50%;



	margin-left: -68px;



	top: 50%;



	margin-top: -68px;



	background: url(../images/yuan.png) no-repeat;



}



.index .newsBox .item a {



	display: block;



}



.index .newsBox .item img {



	width: 100%;



	height: 100%;



	display: block;



}



.index .newsBox .item .txt {



	width: 100%;



}



.index .newsBox .item .txt h3 {



	font-size: 20px;



	font-weight:600;



	padding: 15px 0 0;



}



.index .newsBox .item .txt p {



	color: #999;



	overflow: hidden;



	height: 60px;



	line-height: 20px;



	padding-top: 5px;



}



.index .newsBox .item .txt span {



	width: 202px;



	height: 55px;



	line-height: 55px;



	border: 2px solid #17569f;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	border-radius: 5px;



	text-align: center;



	display: block;



	font-size: 18px;



	color: #17569f;



	margin-top: 15px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.index .newsBox .item .txt:hover span {



	background: #17569f;



	color: #fff;



}



.index .newsBox .di {



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	height: 100px;



	background: #ceeeff;



	-moz-border-radius-bottomleft: 15px;



	-webkit-border-bottom-left-radius: 15px;



	border-bottom-left-radius: 15px;



	z-index: 0;



}



.index .floor_4_main {



	background: url(../images/flo4.jpg) repeat left top;



	height: 427px;



}



.index .floor_4 {



	padding: 100px 0;



}



.index .floor_4 .bd {



	overflow: hidden;



}



.index .floor_4 .btn {



	width: 12px;



	height: 22px;



	display: block;



	position: absolute;



	top: 50%;



	cursor: pointer;



	margin-top: -31px;



	-webkit-transition: all .0s ease-in-out 0s;



	-moz-transition: all .0s ease-in-out 0s;



	transition: all .0s ease-in-out 0s;



}



.index .floor_4 .prev {



	background-position: -48px -130px;



	left: -5%;



}



.index .floor_4 .prev:hover {



	background-position: -48px -160px;



}



.index .floor_4 .next {



	background-position: -70px -130px;



	right: -5%;



}



.index .floor_4 .next:hover {



	background-position: -70px -160px;



}



.index .floor_5, .index .floor_6 {



	padding: 80px 0;



}



.index .iabout .lefnav {



	width: 200px;



}



.index .iabout .lefnav li {



	width: 40px;



	height: 180px;



	overflow: hidden;



	float: left;



	display: block;



	position: relative;



}



.index .iabout .lefnav li a {



	display: block;



	padding-top: 60px;



	text-align: center;



	background: #317aaf;



	color: #fff;



}



.index .iabout .lefnav li em {



	width: 10px;



	height: 10px;



	border: 2px solid #fff;



	-moz-border-radius: 100%;



	-webkit-border-radius: 100%;



	border-radius: 100%;



	position: absolute;



	left: 50%;



	margin-left: -7px;



	top: 30px;



}



.index .iabout .lefnav li h3 {



	width: 20px;



	height: 108px;



	line-height: 16px;



	margin: 0 auto;



}



.index .iabout .lefnav li.li1 a {



	background: #17569f;



}



.index .iabout .lefnav li.li2 a {



	background: #317aaf;



}



.index .iabout .lefnav li.li3 a {



	background: #217f40;



}



.index .iabout .lefnav li.li4 a {



	background: #258845;



}



.index .iabout .lefnav li.li5 a {



	background: #29944b;



}



.index .iabout .lefnav li a:hover {



	background: #ed8e06;



}



.index .iabout .lefnav .more1 {



	width: 150px;



	height: 125px;



	background: url(../images/fuhao1.jpg) no-repeat left top;



	position: relative;



	display: block;



}



.index .iabout .lefnav .more1 p {



	width: 23px;



	height: 60px;



	line-height: 14px;



	background: #17569f;



	color: #fff;



	position: absolute;



	right: -12px;



	bottom: -10px;



	text-align: center;



	padding-top: 5px;



	font-size: 12px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.index .iabout .lefnav .more1:hover p {



	background: #ed8e06;



}



.index .iabout .img {



	width: 510px;



	height: 330px;



	overflow: hidden;



}



.index .iabout .img img {



	width: 100%;



	height: 100%;



	display: block;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.index .iabout .img:hover img {



	transform: scale(1.06, 1.06);



}



.index .iabout .txt {



	width: 456px;



	position: relative;



}



.index .iabout .txt .yh {



	width: 90px;



	height: 50px;



	display: block;



	background: url(../images/fuhao2.jpg) no-repeat;



}



.index .iabout .txt a {



	position: relative;



	z-index: 2;



	width: 424px;



	height: 264px;



	display: block;



	background: #fff;



}



.index .iabout .txt a h2 {



	font-size: 24px;

font-weight:600;

	padding: 10px 0;



}



.index .iabout .txt a .desc {



	overflow: hidden;



	color: #333;



}



.index .iabout .txt a .cha {



	margin-top: 36px;



	width: 180px;



	height: 40px;



	line-height: 40px;



	text-align: center;



	background: #17569f;



	color: #fff;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	border-radius: 5px;



	display: block;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.index .iabout .txt a:hover .cha {



	background: #ed8e06;



}



.index .iabout .txt .bk {



	width: 364px;



	height: 330px;



	border: 1px solid #dfdfdf;



	display: block;



	position: absolute;



	right: 0;



	top: 0;



}



.index .ihonor {



	padding-top: 52px;



	position: relative;



}



.index .ihonor .bd {



	overflow: hidden;



}



.index .ihonor .list {



	width: 118%;



}



.index .ihonor .item {



	float: left;



	width: 280px;



	height: 215px;



	overflow: hidden;



	position: relative;



	margin-bottom: 20px;



	margin-right: 27px;



}



.index .ihonor .item img {



	width: 100%;



	height: 100%;



	display: block;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.index .ihonor .item .bg {



	background: url(../images/bghover.png) no-repeat left top;



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	z-index: 2;



	display: block;



	text-align: center;



	color: #fff;



	opacity: 0;



}



.index .ihonor .item .bg h3 {



	font-size: 18px;



	padding: 30% 3% 0;



}



.index .ihonor .item .bg span {



	width: 100px;



	height: 30px;



	line-height: 30px;



	display: block;



	margin: 0 auto;



	border: 1px solid #85c0a2;



	text-align: center;



	-moz-border-radius: 20px;



	-webkit-border-radius: 20px;



	border-radius: 20px;



}



.index .ihonor .item:hover .bg {



	opacity: 1;



}



.index .ihonor .item:hover img {



	transform: scale(1.06, 1.06);



}



.index .ihonor .btn {



	width: 42px;



	height: 72px;



	display: block;



	position: absolute;



	top: 50%;



	margin-top: -21px;



	cursor: pointer;



}



.index .ihonor .prev {



	background-position: -110px -210px;



	left: -5%;



}



.index .ihonor .prev:hover {



	background-position: -216px -210px;



}



.index .ihonor .next {



	background-position: -164px -210px;



	right: -5%;



}



.index .ihonor .next:hover {



	background-position: -270px -210px;



}



.index .floor_7_main {



	border-top: 1px solid #e9e9e9;



}



.index .floor_7 {



	padding: 100px 0;



}



.xunpan {



	width: 100%;



	background: url(../images/xunpan.jpg) no-repeat center top;



	height: 200px;



	color: #fff;



}



.xunpan .w1200 {



	height: 200px;



}



.xunpan .img {



	width: 355px;



	height: 250px;



	display: block;



	position: absolute;



	left: 0;



	bottom: 0;



}



.xunpan .img img {



	width: 100%;



	height: 100%;



	display: block;



}



.xunpan .zixun {



	width: 668px;



	margin-top: 30px;



	text-align: center;



	height: 132px;



	background: url(../images/kuang.png) no-repeat;



}



.xunpan .zixun .tit {



	font-size: 36px;



	line-height: 36px;



	padding-top: 14px;



	padding-bottom: 18px;



}



.xunpan .zixun .tit .en {



	font-size: 12px;



	text-transform: uppercase;



	line-height: 20px;



	display: block;



}



.xunpan .zixun .tel {



	font-size: 36px;



	color: #fff;



	font-family: "AvantGardeITVbyBT Book", arial;



}



.xunpan .zixun .tel em {



	width: 34px;



	height: 34px;



	display: inline-block;



	background-position: 0 -70px;



	margin-right: 10px;



	vertical-align: middle;



}



.xunpan .zixun .tel a {



	width: 112px;



	height: 27px;



	line-height: 27px;



	display: inline-block;



	text-align: center;



	background-position: -165px 0;



	font-size: 14px;



	font-weight: bold;



	color: #fff;



	-webkit-transition: all .0s ease-in-out 0s;



	-moz-transition: all .0s ease-in-out 0s;



	transition: all .0s ease-in-out 0s;



}



.xunpan .zixun .tel a:hover {



	background-position: -165px -34px;



}



.teamwork {



	position: relative;



}



.teamwork .item {



	float: left;



	width: 282px;



	margin-right: 42px;



	margin-bottom: 40px;



	display: block;



	position: relative;



	text-align: center;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.teamwork .item a {



	display: block;



	position: relative;



	z-index: 3;



}



.teamwork .item img {



	width: 282px;



	height: 80px;



	box-sizing: border-box;



	border: 2px solid #e5e5e5;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.teamwork .item a:hover img {



	border: 2px solid #17569f;



}



.indexTit {



	width: 100%;



	text-align: center;



	position: relative;



	margin-bottom: 46px;



	margin: 0 auto;



}



.indexTit h2 {



	font-size: 36px;



	line-height: 36px;



}



.indexTit .line {



	width: 74px;



	height: 1px;



	display: block;



	background: #17569f;



	margin: 40px auto 60px;



}



.indexTit .en {



	font-size: 60px;



	line-height: 60px;



	text-transform: uppercase;



	white-space: nowrap;



	display: block;



	color: #e1e1e1;



}



.indexTit h3 {



	font-size: 30px;



	font-weight: normal;



	color: #666;



	padding: 20px 0 0;



	text-transform: uppercase;



}



.thumblist {



	overflow: hidden;



}



.thumblist .list {



	width: 118%;



}



.thumblist .item {



	float: left;



	position: relative;



	width: 570px;



	height: 246px;



	margin-right: 50px;



	margin-bottom: 30px;



}



.thumblist .item a {



	width: 529px;



	height: 204px;



	border: 1px solid #e5e5e5;



	position: relative;



	z-index: 3;



	display: block;



	padding: 18px;



	background: #fff;



}



.thumblist .item img {



	width: 283px;



	height: 200px;



	display: block;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.thumblist .item .txt {



	width: 212px;



	height: 200px;



	overflow: hidden;



	position: relative;



}



.thumblist .item .txt h3 {



	font-size: 18px;

font-weight:600;

	display: block;



	border-bottom: 1px solid #ededed;



	height: 36px;



	line-height: 36px;



	overflow: hidden;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.thumblist .item .txt p {



	padding-top: 20px;



	color: #737373;



	line-height: 24px;



}



.thumblist .item .txt .jia {



	position: absolute;



	right: 0;



	bottom: 0;



	width: 40px;



	height: 40px;



	display: block;



	background-position: -140px -76px;



	text-align: center;



	vertical-align: middle;



	transition: all .3s ease-out 0s;



	-webkit-transition: all .0s ease-in-out 0s;



	-moz-transition: all .0s ease-in-out 0s;



	transition: all .0s ease-in-out 0s;



}



.thumblist .item .di {



	width: 565px;



	height: 240px;



	border: 1px solid #e5e5e5;



	position: absolute;



	right: -2px;



	bottom: -2px;



}



.thumblist .item a:hover img {



	filter: brightness(105%);



}



.thumblist .item a:hover .txt .jia {



	background-position: -190px -76px;



}



.textlist .item {



	margin-bottom: 26px;



	transition: all 0.2s linear 0s;



	width: 100%;



	position: relative;



}



.textlist .item a {



	display: block;



}



.textlist .item .img {



	width: 133px;



	height: 100px;



	overflow: hidden;



	margin-right: 22px;



}



.textlist .item .img img {



	width: 100%;



	height: 100%;



	display: block;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.textlist .item .txt {



	width: 480px;



}



.textlist .item h3 {

font-weight:600;

	font-size: 20px;



}



.textlist .item p {



	font-size: 14px;



	line-height: 20px;



	color: #999;



	height: 60px;



	overflow: hidden;



	padding-top: 10px;



}



.textlist .item .time {



	display: block;



	width: 66px;



	height: 100px;



	line-height: 50px;



	text-align: center;



	font-size: 14px;



	border-left: 1px solid #e9e9e9;



	padding-left: 20px;



}



.textlist .item .time b {



	display: block;



	font-size: 48px;



	color: #17569f;



	line-height: 60px;



}



.textlist .item:hover img {



	transform: scale(1.06, 1.06);



}



.announ_main {



	width: 100%;



	height: 76px;



	line-height: 76px;



	border-bottom: 1px solid #eee;



}



.announ_main .announ_right {



	width: 282px;



	padding-top: 20px;



}



.announ_main .announ_right .search {



	width: 282px;



	height: 35px;



	line-height: 35px;



	-moz-border-radius: 30px;



	-webkit-border-radius: 30px;



	border-radius: 30px;



	background: #f6f6f6;



	position: relative;



}



.announ_main .announ_right .search input {



	outline: none;



	border: 0 none;



	height: 35px;



	line-height: 35px;



	text-indent:1em



}



.announ_main .announ_right .search .txt {



	width: 200px;



	background: none;



	padding-left: 15px;



	display: block;



	color: #999;



}



.announ_main .announ_right .search .btn {



	width: 50px;



	background: url(../images/sou.png) no-repeat center #17569f;



	position: absolute;



	right: 0;



	top: 0;



	cursor: pointer;



	-moz-border-radius: 30px;



	-webkit-border-radius: 30px;



	border-radius: 30px;



}



.announ_main .announ_right .search .btn:hover {



	background-color: #ed8e06;



}



.announ_main .announ_left span {



	display: inline-block;



}



.announ_main .announ_left a {



	display: inline-block;



	padding: 0 10px 0 0;



}



.announ_main .announ_left a s {



	width: 1px;



	height: 16px;



	display: inline-block;



	margin-right: 10px;



	background: #e9e9e9;



	vertical-align: middle;



}



.announ_main .announ_left a:first-child s {



	display: none;



}



/**内页样式**/



.nybanner {



	width: 100%;



	position: relative;



	height: 550px;



	overflow: hidden;



	background-position: center;



	background-repeat: no-repeat;



	background-image: url(../images/nybanner.jpg);



}



.wrapper {



	position: relative;



	width: 100%;



	padding: 30px 0;



}



.wrapper .sitepath {



	color: #d9d9d9;



	text-transform: uppercase;



}



.wrapper .sitepath .home {



	width: 14px;



	height: 16px;



	display: inline-block;



	background-position: -114px -122px;



	margin-right: 10px;



}



.wrapper .sitepath a {



	display: inline-block;



	white-space: nowrap;



	color: #2f4056;



}



.wrapper .sitepath a:hover {



	color: #17569f;



}



.wrapper .sitepath span {



	color: #2f4056;



}



.wrapper .w1200 {



	position: relative;



	z-index: 5;



}



.wrapper .left {



	width: 240px;



}



.wrapper .left .submenubox {



	padding-bottom: 20px;



}



.wrapper .left .submenubox .left_title {



	height: 80px;



	background: #17569f;



	color: #fff;



}



.wrapper .left .submenubox .left_title h3 {



	font-size: 24px;



	font-weight: bold;



	line-height: 80px;



	padding-left: 26px;



	text-transform: uppercase;



}



.wrapper .left .submenubox .left_title s {



	background-position: -248px -76px;



	vertical-align: middle;



	width: 28px;



	height: 28px;



	margin-right: 30px;



	margin-top: 28px;



}



.wrapper .left .submenu {



	position: relative;



}



.wrapper .left .submenu li {



	display: block;



}



.wrapper .left .submenu li a.sub1 {



	height: 60px;



	line-height: 60px;



	display: block;



	padding-left: 28px;



	background: url(../images/jtou.png) no-repeat 90% center #fff;



	font-size: 18px;



	border: 1px solid #eeeeee;



	border-top: 0 none;



	overflow: hidden;



}



.wrapper .left .submenu li a.sub1:hover {



	background: url(../images/jtou_a.png) no-repeat 90% center #fff;



	border-left: 2px solid #17569f;



	border-right: 1px solid #f5f5f5;



	color: #17569f;



}



.wrapper .left .submenu li.hover a.sub1 {



	background: url(../images/jtou_a.png) no-repeat 90% center #fff;



	border-left: 2px solid #17569f;



	border-right: 1px solid #f5f5f5;



	color: #17569f;



}



.wrapper .left .submenu s {



	width: 2px;



	height: 61px;



	display: block;



	background: #17569f;



	position: absolute;



	left: 0;



	top: 0;



}



.wrapper .left .submenu .box {



	padding-bottom: 0;



	background: #f9f9f9;



	border: 1px solid #eeeeee;



	border-top: 0 none;



	display: none;



}



.wrapper .left .submenu .box a {



	color: #333;



	line-height: 40px;



	display: block;



	height: 40px;



	padding-left: 28px;



	overflow: hidden;



}



.wrapper .left .submenu .box a s {



	width: 10px;



	height: 10px;



	margin-right: 8px;



	display: inline-block;



	background-position: 2px -178px;



}



.wrapper .left .submenu .box a:hover, .wrapper .left .submenu .box a.hover {



	color: #17569f;



}



.wrapper .left .submenu li.hover .box {



	display: block;



}



.wrapper .left .leftbox {



	padding: 10px;



	position: relative;



	margin-bottom: 20px;



	border: 1px solid #eee;



}



.wrapper .left .leftbox .left_title {



	padding-bottom: 10px;



	border-bottom: 1px solid #eeeeee;



	padding-left: 5px;



}



.wrapper .left .leftbox .left_title h3 {



	font-size: 18px;
	font-weight:600;







	color: #17569f;



	display: block;



	text-transform: uppercase;



}



.wrapper .left .leftbox .leftprocomt {



	padding-top: 10px;



}



.wrapper .left .leftbox .leftprocomt li {



	float: left;



	text-align: center;



	width: 104px;



	margin-right: 10px;



}



.wrapper .left .leftbox .leftprocomt li img {



	width: 104px;



	height: 104px;



	border-radius: 3px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.wrapper .left .leftbox .leftprocomt li p {



	font-size: 12px;



	line-height: 30px;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.wrapper .left .leftbox .leftprocomt li:hover img {



	-webkkit-filter: brightness(105%);



	filter: brightness(105%);



}



.leftprocomt li:hover p {



	color: #17569f;



}



.wrapper .left .leftbox .cont {



	padding-top: 18px;



	white-space: normal;



}



.wrapper .left .leftbox .cont .img {



	float: left;



	display: block;



	border: 1px solid #e5e5e5;



	margin: 0 auto 10px;



}



.wrapper .left .leftbox .cont img {



	width: 216px;



	height: 216px;



}



.wrapper .left .leftbox .cont p {



	white-space: normal;



	word-break: break-all;



	word-wrap: break-word;



}



.wrapper .left .leftbox .cont .zx {



	width: 100%;



	height: 50px;



	font-size: 20px;



	line-height: 50px;



	background: #17569f;



	color: #fff;



	display: block;



	margin-top: 10px;



}



.wrapper .left .leftbox .cont .zx em {



	width: 50px;



	height: 50px;



	display: inline-block;



	background-position: -152px -152px;



	vertical-align: top;



	border-right: 1px solid #fff;



	margin-right: 35px;



}



.wrapper .left .leftbox .cont .zx:hover {



	background: #ed8e06;



}



.wrapper .right {



	width: 930px;



}



.wrapper .right .right_title {



	padding-bottom: 10px;



	border-bottom: 1px solid #eee;



	text-transform: uppercase;



}



.wrapper .right .right_title h3 {



	color: #17569f;


font-weight:600;
	font-size: 20px;



	border-left: 3px solid #17569f;



	height: 20px;



	line-height: 20px;



	padding-left: 14px;



	margin-top: 5px;



}



.wrapper .right .cont {



	padding: 40px 0;



	color: #666666;



}



.wrapper .right .cont .t1 {



	padding: 0 0 25px;



	color: #17569f;



	font-size: 20px;



}



.wrapper .right .cont .t2 {



	color: #17569f;



	font-size: 30px;



	display: block;



	padding: 30px 0;



}



.wrapper .Productlist {



}



.wrapper .Productlist .list {



	width: 100%;



}



.wrapper .Productlist .item {



	float: left;



	width: 288px;



	margin-right: 30px;



	margin-bottom: 30px;



	display: block;



	position: relative;



	text-align: center;



	border: 1px solid #eee;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.wrapper .Productlist .item a {



	display: block;



	width: 100%;



}



.wrapper .Productlist .item img {



	width: 288px;



	height: 288px;


    border: 1px solid #e1e1e1；display: inline-block;



}
.wrapper .caselist .item img {
  width: 288px;
  height: auto;
  display: block;
  aspect-ratio: 3/2;
}


.wrapper .Productlist .item h3 {



	display: block;/* border: 1px solid #eee; */

font-weight:600;

	border-top: 0 none;



	height: 66px;



	line-height: 66px;



	overflow: hidden;



	text-align: center;



	font-size: 18px;



}



.wrapper .Productlist .item:hover {



	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);



}



.wrapper .single img {



	max-width: 100%;



	display: inline;



}



.wrapper .showinfo img {



	max-width: 100%;



	display: inline;



}



.wrapper .showinfo .Article-title {



	border-bottom: 1px solid #92e9ff;



	padding-bottom: 20px;



	text-align: center;



}



.wrapper .showinfo .Article-title h1 {



	font-size: 24px;



}



.wrapper .showinfo .Article-title .mark span {



	font-size: 12px;



	padding: 0 5px;



}



.wrapper .showinfo .newsinfo {



	padding: 20px 0;



}



.wrapper .reLink {



	height: 48px;



	line-height: 48px;



	padding: 0;



	border-top: 2px solid #eee;



	border-bottom: 2px solid #eee;



	margin: 20px auto;



}



.wrapper .reLink .prevLink, .wrapper .reLink .nextLink {



	width: 50%;



}



.wrapper .reLink .nextLink {



	text-align: right;



}



.wrapper .thumblist .item {



	width: 430px;



	height: 144px;



	margin-right: 38px;



}



.wrapper .thumblist .item a {



	width: 414px;



	height: 128px;



	padding: 8px;



}



.wrapper .thumblist .item img {



	width: 180px;



	height: 127px;



	display: block;



}



.wrapper .thumblist .item .txt {



	width: 212px;



	height: 127px;



	overflow: hidden;



	position: relative;



}



.wrapper .thumblist .item .txt h3 {



	height: 30px;



	line-height: 30px;



	overflow: hidden;



}



.wrapper .thumblist .item .txt p {



	padding-top: 8px;



	color: #737373;



	line-height: 22px;



}



.wrapper .thumblist .item .txt .jia {



	display: none;



}



.wrapper .thumblist .item .di {



	width: 430px;



	height: 144px;



	border: 1px solid #e5e5e5;



	position: absolute;



	right: -10px;



	bottom: -10px;



}



.showproduct .tod {



	padding-bottom: 60px;



}



.showproduct .tiao {



	background: url(../images/tiao.jpg) repeat left bottom;



	height: 20px;



	width: 100%;



	margin-bottom: 40px;



}



.showproduct .showImg {



	width: 475px;



	height: 475px;



}



.showproduct .showImg .showImg_left {



	width: 473px;



	height: 473px;



	position: relative;



	overflow: hidden;



	border: 1px solid #e5e5e5;



}



.showproduct .showImg .showImg_left .hd {



	position: absolute;



	bottom: 30px;



	right: 20px;



	height: 12px;



	z-index: 1;



}



.showproduct .showImg .showImg_left .hd ul {



	display: inline-block;



}



.showproduct .showImg .showImg_left .hd ul li {



	display: block;



	float: left;



	width: 12px;



	height: 12px;



	background-color: #17569f;



	border-radius: 10px;



	text-indent: -999px;



	cursor: pointer;



	margin-left: 10px;



}



.showproduct .showImg .showImg_left .hd ul li.on {



	background-color: #ed8e06;



}



.showproduct .showImg .showImg_left .bd {



	width: 473px;



	height: 473px;



}



.showproduct .showImg .showImg_left .bd ul {



	display: inline-block;



}



.showproduct .showImg .showImg_left .bd ul li {



	float: left;



}



.showproduct .showImg .showImg_left .bd ul li img {



	width: 473px;



	height:473px;



}



.showproduct .baseInfo {



	width: 412px;



}



.showproduct .baseInfo .t {



	border-bottom: 1px dotted #dedede;



	display: block;



	font-size: 24px;



	color: #17569f;



	font-weight: bold;



	padding-bottom: 10px;



}



.showproduct .baseInfo .desc {



	padding-top: 18px;



	color: #999;



	line-height: 30px;



	height: 234px;



	border-bottom: 1px dotted #dedede;



	overflow: hidden;



}



.showproduct .baseInfo .webtel {



	padding-top: 23px;



	font-size: 18px;



	font-family: "AvantGardeITVbyBT Book", arial;



}



.showproduct .baseInfo .webtel strong {



	font-size: 40px;



	color: #17569f;



	font-weight: bold;



	line-height: 40px;



}



.showproduct .detaiInfo .title2 {



	border-bottom: 1px solid #eee;



	position: relative;



	padding-bottom: 12px;



	margin-bottom: 15px;



}



.showproduct .detaiInfo .title2 h3 {



	font-size: 20px;



	color: #333;
	font-weight:600;



}



.showproduct .detaiInfo .title2 s {



	width: 80px;



	height: 5px;



	display: block;



	position: absolute;



	left: 0;



	bottom: -2px;



	background: #17569f;



}



.showproduct .detaiInfo .info {



	padding: 0 0 30px;



}



/*showNews*/



.showNews .title {



	font-size: 24px;



	color: #333333;



	text-align: center;



	margin: 10px 0 22px;



	font-weight: bold;



}



.showNews .mark {



	color: #999999;



	height: 38px;



	line-height: 38px;



	text-align: center;



	margin-bottom: 20px;



	border-top: 1px dashed #e5e5e5;



	border-bottom: 1px dashed #e5e5e5;



}



.showNews .showContxt {



	color: #666666;



	padding: 0 0 30px;



	line-height: 30px;



}



.showNews .showContxt img {



	max-width: 100%;



}



.exhibition_hall {



	text-align: center;



	position: relative;



	overflow: hidden;



}



.thumblist1 .item {



	border-bottom: 1px dotted #b0b0b0;



	padding: 30px 0;



	font-family: 'PingFang SC', "microsoft yahei", "Arial";



}



.thumblist1 .item:first-child {



	padding-top: 0;



}



.thumblist1 .item a {



	display: block;



}



.thumblist1 .item .img {



	width: 200px;



	height: 150px;



	overflow: hidden;



}



.thumblist1 .item .img img {



	width: 100%;



	display: block;



	height: 100%;



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



.thumblist1 .item .img:hover img {



	transform: scale(1.06, 1.06);



}



.thumblist1 .item .txt {



	width: 700px;



}



.thumblist1 .item .txt h3 {



	font-size: 18px;
font-weight:600;


	line-height: 30px;



}



.thumblist1 .item .txt .desc {



	padding-top: 10px;



	color: #999;



	height: 70px;



	overflow: hidden;



	line-height: 24px;



	margin-bottom: 12px;



}



.thumblist1 .item .txt span {



	display: inline-block;



	font-size: 12px;



	color: #b7b7b7;



	padding-right: 26px;



}



.thumblist1 .item .txt span em {



	width: 20px;



	height: 18px;



	display: inline-block;



	margin-right: 10px;



	background-position: -196px -120px;



}



.thumblist1 .item .txt span .time {



	background-position: -174px -121px;



}



.leftnews .cont li {



	line-height: 30px;



	height: 30px;



	overflow: hidden;



}



.leftnews .cont li a {



	display: block;



}



@keyframes down-ico {



0% {



top: 0;



opacity: 1;



}



35% {



top: 20%;



opacity: 0;



}



65% {



top: -20%;



opacity: 0;



}



100% {



top: 0;



opacity: 1;



}



}



@-webkit-keyframes down-ico {



0% {



top: 0;



opacity: 1;



}



35% {



top: 20%;



opacity: 0;



}



65% {



top: -20%;



opacity: 0;



}



100% {



top: 0;



opacity: 1;



}



}



/***********index css end***********/



.toolbar {



	width: 52px;



	position: fixed;



	right: 1%;



	top: 44%;



	z-index: 999;



}



.toolbar dd {



	width: 51px;



	height: 51px;



	margin-bottom: 1px;



	position: relative;



	-webkit-border-radius: 100%;



	border-radius: 100%;



	margin-top: 4px;



	border: #ebebeb solid 1px;



	background-color: #fff;



	-webkit-border-radius: 100%;



	border-radius: 100%;



}



.toolbar dd i {



	width: 51px;



	height: 51px;



	display: block;



	position: absolute;



	left: 0;



	top: 0;



	cursor: pointer;



	text-align: center;



	-webkit-border-radius: 100%;



	border-radius: 100%;



}



.toolbar dd i span {



	width: 35px;



	height: 35px;



	display: block;



	margin: 8px 0 0 8px;



	background: url(../images/rightfixicon.png) no-repeat 0 0;



}



.toolbar dd.gottop {



	display: none;



}



.toolbar .slide-tel {



	display: block;



	width: 0;



	height: 53px;



	line-height: 53px;



	font-size: 24px;



	font-weight: bold;



	font-family: arial;



	color: #FFF;



	position: absolute;



	padding: 0 0 0 53px;



	top: -1px;



	right: -2px;



	-webkit-border-radius: 50px;



	border-radius: 50px;



	overflow: hidden;



}



.toolbar .pop {



	position: absolute;



	right: 90px;



	top: -65px;



	background: #17569f;



	display: none;



}



.toolbar .pop-code {



	width: 160px;



}



.toolbar .pop-code img {



	width: 120px;



	height: 120px;



	display: block;



	padding: 20px 20px 0;



}



.toolbar .pop-code h3 {



	height: 52px;



	line-height: 26px;



	text-align: center;



	color: #fff;



	font-size: 16px;



	font-weight: 400;



	white-space: nowrap;



}



.toolbar .pop-code h3 b {



	display: block;



	font-size: 14px;



	font-weight: normal;



}



.toolbar .qq span {



	background-position: -35px -47px;



}



.toolbar .qq a {



	width: 52px;



	height: 52px;



	cursor: pointer;



	display: block;



}



.toolbar .qq:hover {



	background-color: #17569f;



	border-radius: 100%;



}



.toolbar .qq:hover span {



	background-position: 0 -47px;



}



.toolbar .tel span {



	background-position: -35px 0;



}



.toolbar .tel:hover {



	background: #17569f;



}



.toolbar .tel:hover span {



	background-position: 0 0;



}



.toolbar .code span {



	background-position: -35px -95px;



}



.toolbar .code:hover {



	background-color: #17569f;



	border-radius: 100%;



}



.toolbar .code:hover span {



	background-position: 0 -95px;



}



.toolbar .top span {



	background-position: -35px -142px;



}



.toolbar .top:hover {



	background-color: #17569f;



	border-radius: 100%;



}



.toolbar .top:hover span {



	background-position: 0 -142px;



}



.toolbar dd:hover {



}



/**********alone css end**********/



/*******animated css******/



.active .animated {



	-webkit-animation-duration: 1.2s;



	animation-duration: 1.2s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both;



}



.delay100 {



	-webkit-animation-delay: 100ms;



	animation-delay: 100ms;



}



.delay200 {



	-webkit-animation-delay: 200ms;



	animation-delay: 200ms;



}



.delay300 {



	-webkit-animation-delay: 300ms;



	animation-delay: 300ms;



}



@-webkit-keyframes flipInY {



0% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);



transform: perspective(400px) rotate3d(0, 1, 0, 90deg);



opacity: 1;



}



40% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);



transform: perspective(400px) rotate3d(0, 1, 0, -20deg);



}



60% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);



transform: perspective(400px) rotate3d(0, 1, 0, 10deg);



opacity: 1;



}



80% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);



transform: perspective(400px) rotate3d(0, 1, 0, -5deg);



}



100% {



-webkit-transform: perspective(400px);



transform: perspective(400px);



}



}



@keyframes flipInY {



0% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);



-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);



transform: perspective(400px) rotate3d(0, 1, 0, 90deg);



opacity: 1;



}



40% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);



-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);



transform: perspective(400px) rotate3d(0, 1, 0, -20deg);



}



60% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);



-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);



transform: perspective(400px) rotate3d(0, 1, 0, 10deg);



opacity: 1;



}



80% {



-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);



-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);



transform: perspective(400px) rotate3d(0, 1, 0, -5deg);



}



100% {



-webkit-transform: perspective(400px);



-ms-transform: perspective(400px);



transform: perspective(400px);



}



}



@-webkit-keyframes fadeInUp {



from {



opacity: 0;



-webkit-transform: translate3d(0, 100%, 0);



transform: translate3d(0, 100%, 0);



}



to {



	opacity: 1;



	-webkit-transform: none;



	transform: none;



}



}



@keyframes fadeInUp {



from {



opacity: 0;



-webkit-transform: translate3d(0, 100%, 0);



transform: translate3d(0, 100%, 0);



}



to {



	opacity: 1;



	-webkit-transform: none;



	transform: none;



}



}



.active .fadeInUp {



	-webkit-animation-name: fadeInUp;



	animation-name: fadeInUp;



}



@keyframes down-ico {



0% {



top: 0;



opacity: 1;



}



35% {



top: 20%;



opacity: 0;



}



65% {



top: -20%;



opacity: 0;



}



100% {



top: 0;



opacity: 1;



}



}



@-webkit-keyframes down-ico {



0% {



top: 0;



opacity: 1;



}



35% {



top: 20%;



opacity: 0;



}



65% {



top: -20%;



opacity: 0;



}



100% {



top: 0;



opacity: 1;



}



}



@keyframes scale-three2 {



0% {



transform: scale(1);



opacity: .8;



}



100% {



transform: scale(1.3);



opacity: 0;



}



}



@-webkit-keyframes scale-three2 {



0% {



-webkit-transform: scale(1);



opacity: .7;



}



100% {



-webkit-transform: scale(1.3);



opacity: 0;



}



}



@-moz-keyframes scale-three2 {



0% {



-moz-transform: scale(1);



opacity: .7;



}



100% {



-moz-transform: scale(1.3);



opacity: 0;



}



}



@-o-keyframes scale-three2 {



0% {



-o-transform: scale(1);



opacity: .7;



}



100% {



-o-transform: scale(1.3);



opacity: 0;



}



}