@charset "utf-8";

.pop-code{}

.pop-code .pop-dialog{ width: 135px; height: 135px;}

.pop-code .pop-dialog img{ display: block; width: 100%;}



.sidebar{ position: fixed; right: 0; z-index: 9; border:1px solid #776cb0; background-color:rgba(255,255,255,0.4); padding:10px; border-radius:10px;}
.sidebar ul{ position:relative;}
.sidebar li{ position: relative; cursor: pointer;}

.sidebar li + li{ margin-top: 8px;}

.sidebar .ico{ position: relative; width: 50px; height: 50px; overflow: hidden;

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	transform: rotate(0deg);

}
.sidebar .clo{ position:absolute; right:-11px; top:-32px; width:28px; height:28px;}
.sidebar .clo .ico{ width:28px; height:28px;}
.sidebar .ico img{ display: block; width: 100%;}

.sidebar .p{ position: absolute; top: 0; right: 0; padding: 0 50px 0 25px; border-radius: 25px; white-space: nowrap; color: #fff; line-height: 50px; opacity: 0; visibility: hidden;

	-webkit-transform: translateX(-20px) rotate(0deg);

	-moz-transform: translateX(-20px) rotate(0deg);

	transform: translateX(-20px) rotate(0deg);

	-webkit-transition: opacity 0.2s, transform 0.2s;

	-moz-transition: opacity 0.2s, transform 0.2s;

	transition: opacity 0.2s, transform 0.2s;

}
.sidebar .l1 .p{ background-color: #38b9c3;}

.sidebar .l2 .p{ background-color: #776cb0;}

.sidebar .l3 .p{ background-color: #38b9c3;}

.sidebar .l4 .p{ background-color: #776cb0;}

.sidebar .l5 .p{ background-color: #776cb0;}

.sidebar .l6 .p{ background-color: #38b9c3;}


@-webkit-keyframes twinkling{

  0% {

      opacity: 0; 

  }

  100% {

      opacity: 1; 

  }

}

#shan {

    -webkit-animation: twinkling 1.1s infinite ease-in-out; 

}

.sidebar li:hover .p{ opacity: 1; visibility: visible;

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transform: translateX(0px);

}



.article{ padding: 50px 0 43px;}

.article .title{ margin-bottom: 16px; text-align: center;}

.article .title .h22{ margin-bottom: 5px; font-size: 26px; font-weight:bold;}
.article .title .h22 span{ font-size: 22px; font-weight:normal;}

.article .title .date{ font-family: Arial;}

.article .cont{ margin-bottom: 35px; color: #707070; border: 1px solid #d4d4d4; padding-left:5%; padding-right: 5%; padding-top:3%; padding-bottom:3%;}
.article .cont .smalltext{line-height: 4;font-size: 16px;}
.article .cont table{ }
.article .cont p:nth-child(1){
	/* width: 232px;
	height: 297px;
	overflow: hidden; */
	margin: 0 auto;
	text-align: left;
}

.article .cont .p + .p{ margin-top: 9px;}

.article .cont .imgs{ margin: 25px 0; overflow: hidden;}

.article .cont .imgs li{ float: left; width: 400px; height: 225px; overflow: hidden;}

.article .cont .imgs li + li{ margin-left: 10px;}

.article .cont .imgs li img{ display: block; width: 100%;}

.article .other{ padding-top: 36px; border-top: 1px solid #d4d4d4; color: #333; overflow: hidden;}

.article .other .h16{ margin-bottom: 13px; font-size: 16px;}

.article .other .list{ margin-left: -180px; overflow: hidden;}

.article .other .list li{ float: left; margin-left: 180px; margin-bottom: 12px; width: 520px; overflow: hidden;}

.article .other .list .p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.article .other .list .date{ float: right; margin-left: 20px; font-family: Arial;}

.article .other .list a:hover{ color: #2b7bad;}

.article .cont img{ max-width: 100% !important; height: auto !important;background-image: linear-gradient(45deg,white,#c9c9c975, #c9c9c9,#c9c9c95f,white);border-radius: 10px;}



.infolist{ padding: 54px 0 50px;}

.infolist .h22{ margin-bottom: 21px; font-size: 22px; text-align: center;}

.infolist .h22 span{ font-family: 'avian';}

.infolist .list{ margin-bottom: 32px; border-bottom: 1px solid #d4d4d4;}

.infolist .list li{ overflow: hidden;}

.infolist .list .date, .infolist .list .box{ border-top: 1px solid #d4d4d4;}
.infolist .list .date{ display:none;}
/*.infolist .list .date{ padding: 18px 0; float: left; margin-right: 50px; width: 170px; overflow: hidden; font-family: 'avian'; font-size: 0; line-height: 1;}*/

.infolist .list .date .d{ display: inline-block; margin-right: 15px; vertical-align: text-top; font-size: 72px;}

.infolist .list .date .y{ display: inline-block; margin-top: 10px; vertical-align: text-top; font-size: 16px;}

.infolist .list .box{ padding: 25px 0; overflow: hidden;}

.infolist .list .img{ float: left; margin-right: 34px; width: 320px; height: 180px; overflow: hidden;}

.infolist .list .img img{ display: block; width: 100%;}

.infolist .list .cont{ overflow: hidden;}

.infolist .list .cont .h18{ margin-bottom: 9px; font-size: 18px;}

.infolist .list .cont .p{ margin-bottom: 22px; color: #707070;}

.infolist .list .cont .more{ display: inline-block; padding: 0 32px; background-color: #6261a9; border-radius: 20px; line-height: 38px; color: #fff;}

.infolist .list .cont .h18:hover{ color: #776cb0;}

.infolist .list .cont .more:hover{ background-color: #776cb0;}



.doclist{ padding: 53px 0 50px;}

.doclist .h22{ margin-bottom: 20px; font-size: 22px; text-align: center;}

.doclist .query{ margin-bottom: 30px; text-align: center; font-size: 0;}

.doclist .query .ul{ display: inline-block; vertical-align: middle;}

.doclist .query .li{ float: left;}

.doclist .query .li + .li{ margin-left: 35px;}

.doclist .query .label{ float: left; font-size: 14px; line-height: 44px;}

.doclist .query .input{ float: left; padding: 10px 22px; width: 166px; border: 1px solid #d4d4d4; border-radius: 22px;}

.doclist .query .input input{ display: block; width: 100%; height: 22px; font-size: 14px; line-height: 22px;}

.doclist .query .submit{ display: inline-block; margin-left: 12px; width: 92px; background-color: #6261a9; vertical-align: middle; font-size: 14px; line-height: 44px; color: #fff; border-radius: 22px; cursor: pointer;}

.doclist .select-mod{ float: left; width: 212px; font-size: 14px;}

.doclist .list{ margin-left: -15px; overflow: hidden;}

.doclist .list li{ float: left; width: 232px; margin-left: 15px; text-align: center;}

.doclist .list .img{ margin-bottom: 15px; height: 297px; overflow: hidden;background: url(../images/comnbg.jpg);background-size: 100% 100%;background-repeat: no-repeat;}

.doclist .list .img img{ display: block; width: 100%;background-image: linear-gradient(45deg,white,#c9c9c9, white);}

.doclist .list .h18{ margin-bottom: 5px; font-size: 16px;}

.doclist .list .p{ height: 46px; overflow: hidden;}

.doclist .list li:hover{ color: #09a7b4;}



.contact{ position: relative;}

.contact:before{ content: ''; position: absolute; left: 0; right: 50%; top: 0; bottom: 0; background-color: #fff;}

.contact .mapwrap{ position: relative; height: 450px;}

.contact .map{ width: 100%; height: 100%;}

.contact .query{
	position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: 173px;
    padding: 44px 23px 46px 30px;
    width: 327px;
    background-color: #3a3993;
}
.contact .query .list{}

.contact .query .list li{ color: #fff; cursor: pointer;}

.contact .query .list li + li{ margin-top: 12px;}

.contact .query .list li:hover, .contact .list li.cur{ color: #fff;}

.contact .query .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #a2a2e5;}

.contact .query .mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff;}

.contact .path{ float: left; padding: 40px 0 35px; width: 730px; background-color: #fff;}

.contact .path .h18{ margin-bottom: 16px; font-size: 18px;}

.contact .path .list{ margin-right: 35px; height: 258px;}

.contact .path .list dl{ padding: 17px 0 13px; border-top: 1px solid #d4d4d4;}

.contact .path .list dt{}

.contact .path .list dd{ color: #707070; line-height: 26px;}

.contact .path .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #3a3993;}

.contact .path .mCSB_scrollTools .mCSB_draggerRail{ background-color: #d5d8df;}

.contact .codes{ padding: 120px 35px 0; text-align: center;  overflow: hidden;}
.contact .codes img{ width:40px; margin-bottom:5px; padding-right:10px;}
.contact .codes p{ font-size:36px; color:#000;}
.contact .codes .h16{ margin-bottom: 25px; font-size: 16px;}

.contact .codes .list{ display: inline-block; overflow: hidden;}

.contact .codes .list li{ float: left; margin: 0 30px; width: 142px;}

.contact .codes .list .img{ margin-bottom: 10px; height: 142px; overflow: hidden;}

.contact .codes .list .img img{ display: block; width: 100%;}

.contact .codes .list .p{ color: #707070;}

.contact .tab-item{ display: none;}

.contact .tab-item.act{ display: block;}


.home1{ position: relative; margin-bottom: 50px;}

.home1 .carousel{ position: relative; overflow: hidden;}

.home1 .carousel .list{ height: 450px; overflow: hidden;}

.home1 .carousel li{ position: relative; float: left; width: 1920px; height: 450px;}

.home1 .carousel li div.imgpc{ display: block; width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;float: left;position: relative;}
.home1 .carousel li div.imgpc img {width: 100%;height: auto;display: block;max-width: 600px;margin: 0 auto;margin-top: 100px;position: absolute;margin-left: 350px;}
.home1 .carousel li div.imgw{ display:none;}
/*6.10*/
.home1 .carousel .txt{ position: absolute; right: 50%; top: 148px; width: 610px; color: #646464; display:none}

.home1 .carousel .txt .h30{ margin-bottom: 11px; font-size: 27px; font-weight: bold; line-height: 40px;}

.home1 .carousel .txt .p{ font-family: Arial; font-size: 16px; line-height: 24px;}

.home1 .carousel .paging{ position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 2;}

.home1 .carousel .paging a{ display: inline-block; margin: 0 10px; padding: 8px; background-color: #fff; border-radius: 999px;}

.home1 .carousel .paging a.selected{ background-color: #3a3993;}

.home1 .carousel .paging span{ display: none;}

.home1 .query{ position: absolute; left: 50%; top: 32px; margin-left: 320px; padding: 22px 0; width: 290px; background-color:rgba(239,243,248,0.8); z-index: 2;display: block;}

.home1 .query dl{ margin: 0 19px;}

.home1 .query dl:first-child{ margin-bottom: 10px;}

.home1 .query dt{ position: relative; padding-left: 14px; padding-right: 50px; background-color: #3a3993; border-radius: 5px; overflow: hidden; color: #fff; line-height: 38px; cursor: pointer;}

.home1 .query dt:after{ content: '\e804'; position: absolute; right: 0; top: 0; bottom: 0; width: 40px; background-color: #7575b4; font-family: "xfont"; color: #fff; text-align: center;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}

/*.home1 .query .cur dt:after{ content: '\e803';}*/

.home1 .query dd{ padding: 22px 15px 0 22px; height: 214px; display: none;}

.home1 .query .list{ height: 100%; color: #fff;}

.home1 .query .list li{ padding: 0 12px; color:#646464;}

.home1 .query .list li + li{ margin-top: 13px;}

.home1 .query .list li:hover{ color: #2d7bad;}

.home1 .query .form{}

.home1 .query .form .li{ margin-bottom: 10px; background-color: #fff; border-radius: 5px;}

/*

.home1 .query .form .input{ padding: 10px 15px; overflow: hidden;}

.home1 .query .form .input input{ display: block; width: 100%; font-size: 12px; color: #707070;}

*/

.home1 .query .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #7575b4;}

.home1 .query .mCSB_scrollTools .mCSB_draggerRail{ background-color: #d5d8df;}



.home1 .query .submit{ display: block; margin: auto; width: 92px; background-color: #2d7bad; vertical-align: middle; font-size: 14px; line-height: 44px; color: #fff; border-radius: 22px; cursor: pointer;}

.home1 .query .input{ padding: 10px 15px; border: 1px solid #d4d4d4; border-radius: 5px; background-color: #fff;}

.home1 .query .input input{ display: block; width: 100%; height: 22px; font-size: 14px; line-height: 22px;}

.home1 .select-mod .select-bar::before{ border-radius: 5px;}
.mCSB_scrollTools{ width:10px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:7px;}

.home2{ margin-bottom: 15px;}

.home2 .list{ overflow: hidden;}

.home2 .list li{ position: relative; float: left; width: 295px; height: 334px; overflow: hidden; color: #fff;}

.home2 .list li:first-child{ width: 600px;}

.home2 .list li + li{ margin-left: 15px;}

.home2 .list li img{ display: block; width: 100%;}
.home2 .list li img{-webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; transition:all .5s ease 0s;}

.home2 .list li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.home2 .list .cont{ position: absolute; left: 0; bottom: 0; padding: 32px;}

.home2 .list .cont .h18{ font-size: 18px;}

.home2 .list .cont .h30{ margin-bottom: 5px; font-family: Arial; font-size: 30px; line-height: 1;}

.home2 .list .cont .p{ font-size: 12px;}

.home21{ margin-bottom: 50px;}

.home21 .list{ overflow: hidden;}

.home21 .h22{ margin-bottom: 22px; font-size: 22px;}

.home21 .h22 span{ margin-left: 10px; font-family: Arial;}

.home21 .list li{ position: relative; float: left; width: 390px; height: 340px; overflow: hidden; color: #fff; background-color:#fff;}

.home21 .list li:first-child{ width: 390px; margin-left:0;}

.home21 .list li + li{ margin-left: 25px;}

.home21 .list li .img{ width: 100%; height:240px; overflow:hidden;}

.home21 .list li .img img{ display: block; width: 100%; height:240px;}

.home21 .list li .img img{-webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; transition:all .5s ease 0s;}

.home21 .list li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.home21 .list li .meng{ width: 100%; height:240px; position:absolute; top:0; left:0; opacity:0.4;}

.home21 .list .cont{ width:100%; height:100px;}

.home21 .list .cont .p{ font-size: 16px; padding:17px 24px; color:#010101; height:40px;}

.home21 .list .cont .p1{ font-size: 14px; color:#8f8f8f; text-align:left; margin-left:24px;}





.home3{ margin-bottom: 50px; margin-top:50px;}

/*.home3 .inner{ padding: 42px 15px 0; background-color: #fff;}*/

.home3 .h22{ margin-bottom: 40px; font-size: 22px; line-height: 30px; overflow: hidden;}

.home3 .h22 > span{ margin-left: 10px; font-family: Arial;}

.home3 .handle{ float: right; white-space: nowrap; font-size: 0; text-align: right;display: none;}

.home3 .prev, .home3 .next{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: left no-repeat; cursor: pointer;}

.home3 .prev{ background-image: url(../image/prev1.png);}

.home3 .next{ margin-left: 10px; background-image: url(../image/next1.png);}

.home3 .prev:hover, .home3 .next:hover{ background-position: right;}

.home3 .disabled, .home3 .disabled:hover{ background-position: left; cursor: default;}

.home3 .carousel{}

.home3 .list{ overflow: hidden;}

.home3 .list li{ float: left; width: 239px; text-align: center;}

.home3 .list .ico{ margin: 0 auto 17px; width: 80px; height: 80px; overflow: hidden;}

.home3 .list .ico img{ display: block; width: 100%;}

.home3 .list .i1{}

.home3 .list .i2{ display: none;}

.home3 .list .p{ height: 62px; font-size: 16px;}

/*.home3 .list li:hover{ color: #2d7bad;}*/

.home3 .list li:hover .i1{ display: none;}

.home3 .list li:hover .i2{ display: block;}



.home4{ padding-bottom: 63px;}

.home4 .h22{ margin-bottom: 22px; font-size: 22px;}

.home4 .h22 span{ margin-left: 10px; font-family: Arial;}

.home4 .list{ padding: 0 1px; overflow: hidden;}

.home4 .list li{ float: left; margin-left: 2px; padding: 37px 0 34px; width: 303px; text-align: center; color: #fff;}

.home4 .list .ico{ margin: 0 auto 7px; width: 66px; height: 66px;}

.home4 .list .ico img{ display: block; width: 100%;}

.home4 .list .p{ font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.home4 .list .l1{ margin-bottom: 2px; margin-left: 0; background-color: #3a3993; opacity:0.8;}

.home4 .list .l2{ margin-bottom: 2px; background-color: #09a7b4; opacity:0.8;}

.home4 .list .l3{ margin-bottom: 2px; background-color: #3a3993; opacity:0.8;}

.home4 .list .l4{ margin-bottom: 2px; background-color: #09a7b4; opacity:0.8;}

.home4 .list .l5{ margin-bottom: 2px; background-color: #12679d;}

.home4 .list .l6{ margin-left: 0; background-color: #3a3993; opacity:0.4;}

.home4 .list .l7{ background-color: #3a3993; opacity:0.8;}

.home4 .list .l8{ background-color: #3a3993; opacity:0.4;}

.home4 .list .l9{ background-color: #2d4f66;}

.home4 .list .l10{ background-color: #3a3993; opacity:0.8;}
.home4 .list li:hover{ opacity:1;}



.ocenter1{ margin-bottom: 55px; height: 400px; background: center top no-repeat;}

.ocenter1 .cont{ position: absolute; left: 0; right: 0; top: 148px; padding: 0 80px; text-align: center; color: #fff;}

.ocenter1 .cont .h22{ margin-bottom: 10px; font-size: 22px;}

.ocenter1 .cont .p{}



.ocenter2{ margin-bottom: 55px;}

.ocenter2 .title{ margin-bottom: 28px; text-align: center;}

.ocenter2 .title .h22{ margin-bottom: 15px; font-size: 22px;}

.ocenter2 .title .list{ display: inline-block; overflow: hidden;}

.ocenter2 .title .list li{ float: left; margin: 0 6px; min-width: 210px; border-radius: 999px; border: 1px solid #d4d4d4; line-height: 42px;}

.ocenter2 .title .list .ico{ display: inline-block; vertical-align: middle; margin-right: 12px; width: 22px; height: 23px; overflow: hidden;}

.ocenter2 .title .list .ico img{ display: block; width: 100%;}

.ocenter2 .title .list li:hover{ border-color: #2d7bad;}

.ocenter2 .tab-mod{ height: 330px; overflow: hidden;}

.ocenter2 .tab-bar{ position: relative; float: left; width: 300px; height: 100%; background: #2d7bac url(../image/temp/img19.jpg) right bottom no-repeat; color: #fff; z-index: 1;}

.ocenter2 .tab-bar ul{ padding: 35px 0; height: 260px;}

.ocenter2 .tab-term{ position: relative; margin-right: 8px; padding: 0 40px; cursor: pointer;}

.ocenter2 .tab-term + .tab-term{ margin-top: 13px;}

.ocenter2 .tab-term:after{ content: '0'; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto; border-left: 8px solid #2d7bac; border-top: 8px solid transparent; border-bottom: 8px solid transparent; width:0; height:0; font-size: 0; visibility: hidden;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

	-webkit-transition: transform 0.2s;

	transition: transform 0.2s;

}

.ocenter2 .tab-term:hover:after, .ocenter2 .tab-term.cur:after{ content: '1'; visibility: visible;

	-webkit-transform: translateX(0%);

	transform: translateX(0%);

}

.ocenter2 .tab-cont{ position: relative; height: 100%; background-color: #fff; overflow: hidden;}

.ocenter2 .tab-item{ position: absolute; left: 0; right: 0; top: 0; padding: 35px 50px 0; opacity: 0; visibility: hidden;

	-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

}

.ocenter2 .tab-item.act{ opacity: 1; visibility: visible;}

.ocenter2 .tab-item .h18{ margin-bottom: 8px; font-size: 18px;}

.ocenter2 .tab-item .p{ margin-bottom: 15px; color: #707070;}

.ocenter2 .carousel{ position: relative; width: 681px; overflow: hidden;}

.ocenter2 .carousel .list{ height: 123px; overflow: hidden;}

.ocenter2 .carousel .list li{ float: left; width: 217px; height: 123px; margin-right: 10px;}

.ocenter2 .carousel .list li img{ display: block; width: 100%;}

.ocenter2 .carousel .prev, .ocenter2 .carousel .next{ display: block !important; position: absolute; top: 0; bottom: 0; margin: auto; width: 35px; height: 50px; border-radius: 5px; color: #fff; line-height: 50px; text-align: center; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.39); cursor: pointer; opacity: 0.8; filter: alpha(opacity=80);

	-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

}

.ocenter2 .carousel .prev:after, .ocenter2 .carousel .next:after{ font-family: "xfont" !important; font-size: 2em;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}

.ocenter2 .carousel .prev:after{ content: '\e821';}

.ocenter2 .carousel .next:after{ content: '\e822';}

.ocenter2 .carousel .prev{ left: 0;}

.ocenter2 .carousel .next{ right: 10px;}

.ocenter2 .carousel .prev:hover, .ocenter2 .carousel .next:hover{ background: #000; opacity: 0.5; filter: alpha(opacity=50);}

.ocenter2 .carousel .disabled, .ocenter2 .carousel .disabled:hover{ background: none; opacity: 0.2; filter: alpha(opacity=20); cursor: default;}

.ocenter2 .mCSB_inside > .mCSB_container{ margin-right: 0;}

.ocenter2 .mCSB_scrollTools{ left: 10px;}

.ocenter2 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff;}

.ocenter2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #00a0e9;}

.ocenter2 .mCustomScrollBox{ max-width: none; margin-right: -8px;}



.ocenter3{ padding-bottom: 55px; text-align: center;}

.ocenter3 .h22{ margin-bottom: 20px; font-size: 22px;}

.ocenter3 .list{ display: inline-block; overflow: hidden;}

.ocenter3 .list li{ float: left; margin: 0 6px; min-width: 210px; border-radius: 999px; border: 1px solid #d4d4d4; line-height: 42px;}

.ocenter3 .list .ico{ display: inline-block; vertical-align: middle; margin-right: 12px; width: 22px; height: 23px; overflow: hidden;}

.ocenter3 .list .ico img{ display: block; width: 100%;}

.ocenter3 .list li:hover{ border-color: #2d7bad;}

.ocenter3 .step{ margin-bottom: 30px; overflow: hidden;}

.ocenter3 .step li{ position: relative; float: left; width: 195px; height: 146px;}

.ocenter3 .step li:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 100%; margin: auto; border-left:5px solid; border-top:5px solid transparent; border-bottom:5px solid transparent; width:0; height:0;}

.ocenter3 .step li + li{ margin-left: 10px;}

.ocenter3 .step .h36{ margin-top: 26px; font-family: 'avian'; font-size: 36px; color: #fff;}

.ocenter3 .step .p{ color: #fff;}

.ocenter3 .step span{ font-family: Arial; color: #fff;}

.ocenter3 .step .l1{ background-color: #244053; color: #244053;}

.ocenter3 .step .l2{ background-color: #2d7bad; color: #2d7bad;}

.ocenter3 .step .l3{ background-color: #133984; color: #133984;}

.ocenter3 .step .l4{ background-color: #00a0e9; color: #00a0e9;}

.ocenter3 .step .l5{ background-color: #12679d; color: #12679d;}

.ocenter3 .step .l6{ background-color: #2d4f66; color: #2d4f66;}

.ocenter3 .step .l6:after{ display: none;}



.ocenter4{ margin-bottom: 55px;}
.ocenter4 .img1{ float:left; width:605px;}
.ocenter4 .img2{ float:left; width:605px; margin-left:10px;}
.ocenter4 .h22{ margin-bottom: 11px; font-size: 22px; text-align: center;}

.ocenter4 .p{ margin: 0 168px 25px; color: #707070; text-align: center;}

.ocenter4 .img{}

.ocenter4 .img img{ display: block; width: 100%;}



.ocenter5{ padding-bottom: 60px;}

.ocenter5 .h22{ margin-bottom: 22px; font-size: 22px; text-align: center;}
.ocenter5 .p{ color: #707070; text-align: center;}
.ocenter5 .tab_click{ padding:25px 0 40px; text-align: center; }

.ocenter5 .tab_click a{ display: inline-block; height:46px; width:168px; line-height:46px; font-size:16px; color:#474747; border:1px solid #e3e3e3; border-radius:30px; margin:0 10px; }

.ocenter5 .tab_click a.on,.tab_click a:hover{ background:#3e8ddc; border-color:#3e8ddc; color:#fff; }
.ocenter5 .tab_ul li{ width:1261px; margin-left:-15px; display:none; }
.ocenter5 .tab_ul li.on{ display: block; }
.ocenter5 .tab_ul .li{ float:left; width:390px; margin:0 15px; text-align: center; cursor: pointer; }
.ocenter5 .tab_ul .li img{ display: block; width:100%; }
.ocenter5 .tab_ul .li .tit h3{ padding:30px 0 10px; font-size:24px; color:#474747; line-height:1; font-weight:normal; }
.ocenter5 .tab_ul .li .tit p{ line-height:1.5; }
.ocenter5 .tc_doct{ position: fixed; z-index:99999; width:100%; height:100%; top:0; left:0; overflow: hidden; display: none; }
.ocenter5 .tc_doct .bg{ position: absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; cursor: pointer; }
.ocenter5 .tc_doct  .cont{ width: 1230px; top:50%; left:50%; background:#fff; position: relative; transform: translateY(-50%) translateX(-50%); overflow:hidden; padding-bottom:50px; }
.ocenter5 .tc_doct  .li{ padding:50px; display: none; }
.ocenter5 .tc_doct  .li.on{ display: block; }
.ocenter5 .tc_doct .li .img{ float: left; width:333px; }
.ocenter5 .tc_doct .li .img img{ display: block; width:100%; height:auto; }
.ocenter5 .tc_doct .li .con{ overflow: hidden; padding: 0 0 40px 40px; }
.ocenter5 .tc_doct .li .con .t{ padding:20px 0 30px; border-bottom: 1px solid #ddd; }
.ocenter5 .tc_doct .li .con .t h3{ font-size:24px; line-height:1.1; padding-bottom: 8px; font-weight:normal;}
.ocenter5 .tc_doct .li .con .txt{ margin-top: 30px; line-height:1.6; text-align: justify; }
.ocenter5 .tc_doct .li .con .txt h4{ font-size: 16px; line-height: 1.5; margin-bottom: 10px; font-weight:normal;}
.ocenter5 .tc_doct .close{ background: rgba(0, 0, 0, 0) url("../image/close.png") no-repeat scroll center center; cursor: pointer; height: 80px; position: absolute; right: 0; top: 0; width: 80px; }
.ocenter5 .tc_doct .li .con .txt p{ color:#707070; }

.ocenter5 .list{ overflow: hidden; text-align: center;}

.ocenter5 .list li{ float: left; width: 232px; height: 392px;}

.ocenter5 .list li + li{ margin-left: 15px;}

.ocenter5 .list .img{ position: relative; margin-bottom: 15px; height: 297px;overflow: hidden;}

.ocenter5 .list .img img{ display: block; width: 100%;}

.ocenter5 .list .h18{ margin-bottom: 4px; font-size: 18px;}

.ocenter5 .list .p{}

.ocenter5 .list .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #2d7bad url(../image/temp/img31.jpg) right bottom no-repeat; opacity: 0; visibility: hidden;

	-webkit-transition: opacity 0.3s;

	transition: opacity 0.3s;

}

.ocenter5 .list .more{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 80px; height: 21px; padding-top: 27px; color: #fff; text-align: center;}

.ocenter5 .list .more:before, .ocenter5 .list .more:after{ content: ''; position: absolute; left: 50%; right: 0;}

.ocenter5 .list .more:before{ top: 0; border-left: 1px solid #fff; height: 21px;}

.ocenter5 .list .more:after{ top: 10px; margin-left: -10px; border-top: 1px solid #fff; width: 21px;}

.ocenter5 .list li:hover .mask{ opacity: 1; visibility: visible;}

.ocenter5 .list .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 4px;}

.ocenter5 .list .mCSB_scrollTools.mCSB_scrollTools_horizontal{ margin: 0 280px; height: 4px;}

.ocenter5 .list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ margin: 0; background-color: #2d4f66;}

.ocenter5 .list .mCSB_scrollTools .mCSB_draggerRail{ margin: 1px 0; background-color: #d5d8df;}



.ocenter6{ margin-bottom: 55px; height: 698px;}

.ocenter6 .left{ float: left; margin-right: 50px; padding: 0 40px; width: 460px; height: 100%; background-color: #fff; text-align: center;}

.ocenter6 .left .h22{ padding-top: 32px;}

.ocenter6 .img{ margin-bottom: 25px; height: 515px; overflow: hidden;}

.ocenter6 .img img{ display: block; width: 100%;}

.ocenter6 .cont{ padding-top: 32px; overflow: hidden;}

.ocenter6 .h22{ margin-bottom: 20px; font-size: 22px;}

.ocenter6 .list{ display: inline-block; overflow: hidden;}

.ocenter6 .list li{ float: left; margin: 0 6px; min-width: 210px; border-radius: 999px; border: 1px solid #d4d4d4; line-height: 42px;}

.ocenter6 .list .ico{ display: inline-block; vertical-align: middle; margin-right: 12px; width: 22px; height: 23px; overflow: hidden;}

.ocenter6 .list .ico img{ display: block; width: 100%;}

.ocenter6 .list li:hover{ border-color: #2d7bad;}

.ocenter6 .scrolllist{ height: 612px;}

.ocenter6 .scrolllist li{ margin-top: 20px; padding-bottom: 22px; border-bottom: 1px solid #d4d4d4;}

.ocenter6 .scrolllist .h18{ margin-bottom: 9px; font-size: 18px;}

.ocenter6 .scrolllist .p{ margin-bottom: 13px; color: #707070;}

.ocenter6 .scrolllist .more{}

.ocenter6 .scrolllist a:hover{ color: #2d7bad;}

.ocenter6 .mCSB_inside > .mCSB_container{ border-top: 1px solid #d4d4d4;}

.ocenter6 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #2d4f66;}

.ocenter6 .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; background-color: #d4d4d4;}

.ocenter6 .mCSB_scrollTools{ width: 4px;}



.ocenter7{ overflow: hidden;}

.ocenter7 .h22{ margin-bottom: 20px; font-size: 22px; text-align: center;}

.ocenter7 .carousel{ position: relative; margin-right: -33px;}

.ocenter7 .list{ overflow: hidden;}

.ocenter7 .list li{ float: left; margin-right: 33px; width: 280px; height: 472px; overflow: hidden;}

.ocenter7 .list .img{ margin-bottom: 15px; height: 380px; overflow: hidden;}

.ocenter7 .list .img img{ display: block; width: 100%;}

.ocenter7 .list .p{ text-align: center;}

.ocenter7 .carousel .prev, .ocenter7 .carousel .next{ display: block !important; position: absolute; top: 0; bottom: 92px; margin: auto; width: 42px; height: 100px; border-radius: 5px; color: #fff; line-height: 100px; text-align: center; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.39); cursor: pointer; opacity: 0.8; filter: alpha(opacity=80);

	-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

}

.ocenter7 .carousel .prev:after, .ocenter7 .carousel .next:after{ font-family: "xfont" !important; font-size: 3em;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}

.ocenter7 .carousel .prev:after{ content: '\e821';}

.ocenter7 .carousel .next:after{ content: '\e822';}

.ocenter7 .carousel .prev{ left: 0;}

.ocenter7 .carousel .next{ right: 33px;}

.ocenter7 .carousel .prev:hover, .ocenter7 .carousel .next:hover{ background: #000; opacity: 0.5; filter: alpha(opacity=50);}

.ocenter7 .carousel .disabled, .ocenter7 .carousel .disabled:hover{ background: none; opacity: 0.2; filter: alpha(opacity=20); cursor: default;}



.aboutus1{ 
	/* height: 549px;  */
	background: center top no-repeat;}
/*6.10*/
.aboutus1 .cont{ position: absolute; left: 0; right: 0; top: 162px; padding: 0 80px; text-align: center; color: #fff; display:none;}

.aboutus1 .cont .h30{ margin-bottom: 5px; font-size: 30px;}

.aboutus1 .cont .p18{ font-size: 18px;}



.aboutus2{ padding: 73px 0; background: url(../image/temp/img33.jpg) center top no-repeat;}

.aboutus2 .h22{ margin-bottom: 45px; font-size: 22px; text-align: center;}

.aboutus2 .list{ }

.aboutus2 .list li{ float: left; width: 20%;}

.aboutus2 .list .ico{ margin-bottom: 15px; width: 70px; height: 66px; overflow: hidden;

	-webkit-transition: transform 0.5s;

	-moz-transition: transform 0.5s;

	transition: transform 0.5s;

}

.aboutus2 .list .ico img{ display: block; width: 100%;}

.aboutus2 .list .h18{ position: relative; margin-bottom: 15px; font-size: 18px;}

.aboutus2 .list .h18:after{ content: '0'; position: absolute; left: 0; top: 100%; margin-top: 7px; width: 30px; border-bottom: 2px solid #3a3993; font-size: 0;

	-webkit-transition: width 0.5s;

	-moz-transition: width 0.5s;

	transition: width 0.5s;

}

.aboutus2 .list .p{ margin-right: 34px; min-height: 162px;}

.aboutus2 .list li:hover .h18:after{ content: '1'; width: 30%;}

.aboutus2 .list li:hover .ico{

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	transform: scale(1.2);

}



.aboutus3{ padding: 24px 0 115px; background: url(../image/temp/img34.jpg) center top no-repeat;background-position-y: 20px;background-color: rgba(241, 249, 252, 1);}

.aboutus3 .title{ text-align: center;}

.aboutus3 .title .h22{ margin-bottom: 40px; font-size: 22px;}

.aboutus3 .title .h22 span{
	display: block;width: 100%;line-height: 40px;text-align: center;
}
.aboutus3 .title .h22 span:nth-child(2){font-size: 18px;}
.aboutus3 .title .p{ padding: 0 50px;}



.aboutus3 .list-mobile{ display: none;}

.aboutus3 .list{ }

.aboutus3 .carousel{ position: relative; padding:0px; height: 545px; overflow: hidden; margin-top:13px;padding-left: 80px;}

.aboutus3 .carousel:before {
    content: '';
    position: absolute;
    top: 46.5%;
    left: 0;
    right: 0;
    border-top: 3px solid #3a3993;
}

.aboutus3 .prev, .aboutus3 .next{ position: absolute; top: -35px; bottom: 0; margin: auto; width: 43px; height: 43px; background: center no-repeat; cursor: pointer; z-index: 2; opacity: 0;

	-webkit-transition: transform 0.5s, opacity 0.5s;

	-moz-transition: transform 0.5s, opacity 0.5s;

	transition: transform 0.5s, opacity 0.5s;

}

.aboutus3 .prev{ left: 0; background-image: url(../image/prev2.png);

	-webkit-transform: translateX(-100%);

	-moz-transform: translateX(-100%);

	transform: translateX(-100%);

}

.aboutus3 .next{ right: 0; background-image: url(../image/next2.png);

	-webkit-transform: translateX(100%);

	-moz-transform: translateX(100%);

	transform: translateX(100%);

}

.aboutus3 .disabled, .aboutus3 .disabled:hover{ cursor: default;}

.aboutus3 .box{ position:relative; float: left; width: 1220px; height: 545px;}

.aboutus3 .box .h3{ font-family: Arial; font-size: 37px; line-height: 1.25; font-weight: bold;}

.aboutus3 .box .p{}

.aboutus3 .box .div{ 
	position: absolute; padding-left: 28px; width: 150px; background: no-repeat; opacity: 0;

	-webkit-transition: transform 1s, opacity 1s;

	-moz-transition: transform 1s, opacity 1s;

	transition: transform 1s, opacity 1s;

}
.aboutus3 .box2 .div{ 
	position: absolute; padding-left: 28px; width: 160px; background: no-repeat; opacity: 0;

	-webkit-transition: transform 1s, opacity 1s;

	-moz-transition: transform 1s, opacity 1s;

	transition: transform 1s, opacity 1s;

}

.aboutus3 .box .div1,.aboutus3 .box .div3,.aboutus3 .box .div5,.aboutus3 .box .div7,.aboutus3 .box .div9,.aboutus3 .box .div11,.aboutus3 .box .div13{ bottom: 50%; margin-bottom: 12px; padding-bottom: 13px; background-position: left bottom;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	transform: translateY(-100px);
}
.aboutus3 .box .div2,.aboutus3 .box .div4,.aboutus3 .box .div6,.aboutus3 .box .div8,.aboutus3 .box .div10,.aboutus3 .box .div12{ top: 50%; margin-top: -26px; padding-top: 40px; background-position: left top;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	transform: translateY(100px);
}

.aboutus3 .box .div1{ left: 0px; background-image: url(../image/temp/line1.png);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}
.aboutus3 .box .div2{ left: 25px; background-image: url(../image/temp/line5.png);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.aboutus3 .box .div3{ left: 155px; background-image: url(../image/temp/line2.png);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.aboutus3 .box .div4{ left: 198px; background-image: url(../image/temp/line6.png);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.aboutus3 .box .div5{ left: 325px; background-image: url(../image/temp/line3.png);
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.aboutus3 .box .div6{ left: 358px; background-image: url(../image/temp/line7.png);
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.aboutus3 .box .div7{ left: 489px; background-image: url(../image/temp/line4.png);
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.aboutus3 .box .div8{ left: 800px; background-image: url(../image/temp/line8.png);
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.aboutus3 .box .div9{ left: 673px; background-image: url(../image/temp/line1.png);
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.aboutus3 .box .div10{ left: 710px; background-image: url(../image/temp/line5.png);
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	transition-delay: 1s;
}
.aboutus3 .box .div11{ left: 860px; background-image: url(../image/temp/line2.png);
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.aboutus3 .box .div12{ left: 970px; background-image: url(../image/temp/line6.png);
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.aboutus3 .box .div13{ left: 1038px; background-image: url(../image/temp/line3.png);
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
.aboutus3 .box2 .div1{ left: 0px;
}
.aboutus3 .box2 .div2{ 
	padding-top: 73px;
	left: 35px; 
}
.aboutus3 .box2 .div3{ 
}
.aboutus3 .box2 .div4{ 
	padding-top: 66px;
}
.aboutus3 .box2 .div5{
	 left: 369px;
}
.aboutus3 .box2 .div6{ 
	left: 560px; 
}
.aboutus3 .box2 .div7{ 
	left: 560px; 
}
.aboutus3 .box2 .div8{ 
	left: 800px; 
}

.aboutus3 .box .div1 .h3,.aboutus3 .box .div3 .h3,.aboutus3 .box .div5 .h3,.aboutus3 .box .div7 .h3,.aboutus3 .box .div9 .h3,.aboutus3 .box .div11 .h3,.aboutus3 .box .div13 .h3{ color: #3a3993;}
.aboutus3 .box .div2 .h3,.aboutus3 .box .div4 .h3,.aboutus3 .box .div6 .h3,.aboutus3 .box .div8 .h3,.aboutus3 .box .div10 .h3,.aboutus3 .box .div12 .h3{ color: #fff;}
.aboutus3 .box .div1 .p,.aboutus3 .box .div3 .p,.aboutus3 .box .div5 .p,.aboutus3 .box .div7 .p,.aboutus3 .box .div9 .p,.aboutus3 .box .div11 .p,.aboutus3 .box .div13 .p{}
.aboutus3 .box .div2 .p,.aboutus3 .box .div4 .p,.aboutus3 .box .div6 .p,.aboutus3 .box .div8 .p,.aboutus3 .box .div10 .p,.aboutus3 .box .div10 .p,.aboutus3 .box .div12 .p{ color:#fff;}

.aboutus3 .box .div1 .p{ height: 198px;}

.aboutus3 .box .div2 .p{ margin-top: 20px;}

.aboutus3 .box .div3 .p{ height: 110px;}

.aboutus3 .box .div4 .p{ margin-top: 70px;}

.aboutus3 .box .div5 .p{ height: 160px;}

.aboutus3 .box .div6 .p{ margin-top: 40px;}

.aboutus3 .box .div7 .p{ height: 120px;}

.aboutus3 .box .div8 .p{ margin-top: 100px;}
.aboutus3 .box .div9 .p{ height: 198px;}
.aboutus3 .box .div10 .p{ margin-top: 63px;}
.aboutus3 .box .div11 .p{ height: 110px;}
.aboutus3 .box .div12 .p{ margin-top: 70px;}
.aboutus3 .box .div13 .p{ height: 160px;}

.aboutus3 .box2 .div1 .p{ height: 198px;}

.aboutus3 .box2 .div2 .p{ margin-top: 20px;}

.aboutus3 .box2 .div3 .p{ height: 110px;}

.aboutus3 .box2 .div4 .p{ margin-top: 70px;}

.aboutus3 .box2 .div5 .p{ height: 160px;}

.aboutus3 .box2 .div6 .p{ margin-top: 40px;}

.aboutus3 .box2 .div7 .p{ height: 120px;}

.aboutus3 .box2 .div8 .p{ margin-top: 100px;}
.aboutus3 .box2 .div9 .p{ height: 198px;}
.aboutus3 .box2 .div10 .p{ margin-top: 63px;}
.aboutus3 .box2 .div11 .p{ height: 110px;}
.aboutus3 .box2 .div12 .p{ margin-top: 70px;}
.aboutus3 .box2 .div13 .p{ height: 160px;}

.aboutus3.show .prev, .aboutus3.show .next, .aboutus3.show .box .div{ opacity: 1;

	-webkit-transform: translate(0);

	-moz-transform: translate(0);

	transform: translate(0);

}
.aboutus3:before{ display:none;}


.aboutus4{ margin-bottom: 60px; height: 795px;}

.aboutus4 .title{ position: absolute; left: 0; top: 0; padding-top: 10px; width: 490px;}

.aboutus4 .title .h22{ margin-bottom: 35px; font-size: 22px;}

.aboutus4 .title .h22 span{ font-family: "avian";}

.aboutus4 .title .p14{}

.aboutus4 .box{}

.aboutus4 .item{ position: absolute; border-radius: 50%; border: 2px solid #e1e1e1; background-clip: padding-box;

	-webkit-transition: background 0.3s;

	-moz-transition: background 0.3s;

	transition: background 0.3s;

}

.aboutus4 .ico{ margin: 0 auto 15px; width: 65px; height: 70px; overflow: hidden;}

.aboutus4 .ico img{ width: 100%;}

.aboutus4 .ico .i1{ display: block;}

.aboutus4 .ico .i2{ display: none;}

.aboutus4 .h18{ margin-bottom: 8px; font-size: 18px; text-align: center;}

.aboutus4 .list{ margin: auto;}

.aboutus4 .list li{ position: relative; padding-left: 15px; color: #707070;}

.aboutus4 .list li:before{ content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; border: 1px solid; color: #707070;}

.aboutus4 .list li + li{ margin-top: 9px;}

.aboutus4 .arrow{ position: absolute; width: 50px; height: 50px; background: #fff center no-repeat; border-radius: 50%; border: 4px solid;}

.aboutus4 .item1{ left: 5px; top: 320px; width: 380px; height: 380px;}

.aboutus4 .item1 .ico{ margin-top: 48px;}

.aboutus4 .item1 .list{ width: 245px;}

.aboutus4 .item1 .list li:before{ border-color: #2d7bac;}

.aboutus4 .item1 .arrow{ left: 348px; top: 200px; border-color: #3a3993; background-image: url(../image/temp/arrow1.png);}

.aboutus4 .item2{ left: 342px; top: 170px; width: 274px; height: 274px;}

.aboutus4 .item2 .ico{ margin-top: 20px;}

.aboutus4 .item2 .list{ width: 200px;}

.aboutus4 .item2 .list li:before{ border-color: #2d7bac;}

.aboutus4 .item2 .arrow{ left: -10px; top: 35px; border-color: #3a3993; background-image: url(../image/temp/arrow1.png);}

.aboutus4 .item3{ left: 550px; top: 355px; width: 348px; height: 348px;}

.aboutus4 .item3 .ico{ margin-top: 56px;}

.aboutus4 .item3 .list{ width: 245px;}

.aboutus4 .item3 .list li:before{ border-color: #12679d;}

.aboutus4 .item3 .arrow{ left: -20px; top: 200px; border-color: #3a3993; background-image: url(../image/temp/arrow1.png);}

.aboutus4 .item4{ left: 802px; top: 40px; width: 408px; height: 408px;}

.aboutus4 .item4 .ico{ margin-top: 76px;}

.aboutus4 .item4 .list{ width: 225px;}

.aboutus4 .item4 .list li:before{ border-color: #55a7e1;}

.aboutus4 .item4 .arrow{ left: 0px; top: 70px; border-color: #3a3993; background-image: url(../image/temp/arrow1.png);}

.aboutus4 .item5{ left: 900px; top: 500px; width: 284px; height: 284px;}

.aboutus4 .item5 .ico{ margin-top: 12px;}

.aboutus4 .item5 .list{ width: 205px;}

.aboutus4 .item5 .list li:before{ border-color: #2d5066;}

.aboutus4 .item5 .arrow{ left: 255px; top: 148px; border-color: #3a3993; background-image: url(../image/temp/arrow1.png);}

.aboutus4 .item:hover{ background-color: #3a3993;}

.aboutus4 .item:hover .i1{ display: none;}

.aboutus4 .item:hover .i2{ display: block;}

.aboutus4 .item:hover, .aboutus4 .item:hover li{ color: #fff;}

.aboutus4 .item:hover li:before{ border-color: #fff;}

.aboutus4 .item:hover .arrow{ background-color: #07abb5; background-image: url(../image/temp/arrow0.png); border-color: #fff;}


.aboutus5{ margin-bottom: 55px;}

.aboutus5 .box{ padding: 45px 34px 34px; background: #fff url(../image/temp/img39.jpg) right bottom no-repeat; overflow: hidden;}

.aboutus5 .title{ margin-bottom: 15px; overflow: hidden;}

.aboutus5 .title .h22{ float: left; font-size: 22px;}

.aboutus5 .title .h22 span{ font-family: "avian";}

.aboutus5 .title .more{ float: right; font-family: Arial; line-height: 33px;}

.aboutus5 .title .more b{ margin-left: 5px; font-size: 22px; font-weight: normal; vertical-align: middle;}

.aboutus5 .title .more:hover{ color: #2b7bad;}

.aboutus5 .list{ margin-right: -65px;; overflow: hidden;}

.aboutus5 .list li{ position: relative; float: left; margin-right: 65px; padding: 22px 5px; width: 330px; border-top: 1px solid #d4d4d4;}

.aboutus5 .list li:after{ content: '0'; position: absolute; left: 0; right: 100%; top: -1px; border-top: 2px solid #2d7bad; font-size: 0;

	-webkit-transition: right 0.5s;

	-moz-transition: right 0.5s;

	transition: right 0.5s;

}

.aboutus5 .list .h14{ margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.aboutus5 .list .date{ font-family: "avian"; color: #707070;}

.aboutus5 .list li:hover:after{ content: '1'; right: 0;}

.aboutus5 .list .h14:hover{ color: #2b7bad;}



.aboutus6{ padding-bottom: 62px;}

.aboutus6 .title{ margin-bottom: 21px; text-align: center;}

.aboutus6 .title .h22{ margin-bottom: 45px; font-size: 22px;}

.aboutus6 .title .p14{}

.aboutus6 .list{ overflow: hidden;}

.aboutus6 .list li{ float: left; width: 25%; height: 470px; color: #fff; text-align: center;}

.aboutus6 .list li.l1{ background-color: #6261a9;}

.aboutus6 .list li.l2{ background-color: #38b9c3;}

.aboutus6 .list li.l3{ background-color: #6261a9;}

.aboutus6 .list li.l4{ background-color: #38b9c3;}

.aboutus6 .list .img{ position: relative; height: 50%; overflow: hidden;}

.aboutus6 .list .img:after{ content: '0'; position: absolute; left: 0; right: 0; margin: auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; font-size: 0; visibility: hidden;

	-webkit-transition: transform 0.5s;

	-moz-transition: transform 0.5s;

	transition: transform 0.5s;

}

.aboutus6 .list .img img{ display: block; width: 100%;}

.aboutus6 .list li.l1 .img:after{ bottom: 0; border-bottom: 10px solid #6261a9;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	transform: translateY(100%);

}

.aboutus6 .list li.l2 .img:after{ top: 0; border-top: 10px solid #38b9c3;

	-webkit-transform: translateY(-100%);

	-moz-transform: translateY(-100%);

	transform: translateY(-100%);

}

.aboutus6 .list li.l3 .img:after{ bottom: 0; border-bottom: 10px solid #6261a9;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	transform: translateY(100%);

}

.aboutus6 .list li.l4 .img:after{ top: 0; border-top: 10px solid #38b9c3;

	-webkit-transform: translateY(-100%);

	-moz-transform: translateY(-100%);

	transform: translateY(-100%);

}

.aboutus6 .list .cont{ height: 50%; overflow: hidden;}

.aboutus6 .list .h16{ position: relative; margin-top: 85px; margin-bottom: 20px; font-size: 16px; display:none;}

.aboutus6 .list .h16:after{ content: '0'; position: absolute; top: 100%; left: 0; right: 0; margin: 8px auto; width: 40px; border-top: 1px solid #fff; font-size: 0;

	-webkit-transition: width 0.5s;

	-moz-transition: width 0.5s;

	transition: width 0.5s;

}

.aboutus6 .list .p14{ margin-top:85px;}

.aboutus6 .list li:hover .h16:after{ content: '1'; width: 30%;}

.aboutus6 .list li:hover .img:after{ content: '1'; visibility: visible;

	-webkit-transform: translateY(0%);

	-moz-transform: translateY(0%);

	transform: translateY(0%);

}



/*	下、上、左、右箭头	*/

.arrDown:after{ border-top:10px solid #aeaeae; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0; content:'';}

.arrUp:after{ border-bottom:10px solid #aeaeae; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0; content:'';}

.arrLeft:after{ border-right:10px solid #aeaeae; border-top:5px solid transparent; border-bottom:5px solid transparent; width:0; height:0; content:'';}

.arrRight:after{ border-left:10px solid #aeaeae; border-top:5px solid transparent; border-bottom:5px solid transparent; width:0; height:0; content:'';}



.arrTopleft:after{ border-top: 100px solid red; border-right: 100px solid transparent; width:0; height:0; content:'';}

.arrTopright:after{ border-top: 100px solid red; border-left: 100px solid transparent; width:0; height:0; content:'';}

.arrBottomleft:after{ border-bottom: 100px solid red; border-right: 100px solid transparent; width:0; height:0; content:'';}

.arrBottomright:after{ border-bottom: 100px solid red; border-left: 100px solid transparent; width:0; height:0; content:'';}



/*	弹窗	*/

.pop-alert .pop-dialog{ width:500px; height:350px; background-color: #fff; z-index:1;}

.pop-alert .head h1{ font-size:14px; line-height:30px;}

.pop-alert .btnWarp{ padding:8px 20px;}

.pop-alert .btnWarp button{ font-size:12px; line-height:1; padding:8px 20px; margin:0 10px;}



/*	视频弹窗	*/

.pop-video{}

.pop-video .pop-dialog{ width:842px; height:536px; z-index:1;}

#vPlayer{ width:100%; height:100%;}

.jwlogo { display: none !important;}

	

/*	复用图片包裹	*/

.scaleimg{ overflow:hidden;

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	transform: rotate(0deg);

}

.scaleimg img{ width:100%; height:auto;

	-webkit-transition:all .5s ease 0s;

	transition:all .5s ease 0s;

}

.scaleimg:hover img{

	-webkit-transform:scale(1.1);

	transform:scale(1.1);

}

	

/*	搜索结果页	*/

.results .title{ padding:45px 0 14px; font-size:26px;}

.results .title span{ font-family:Arial; margin-left:10px; color:#707070;}

.results .word{ font-size:18px; color:#707070;}

.results .word span{ color:#166e31;}

.results .list{ padding:12px 0;}

.results .list li{ padding-bottom:20px; border-bottom:dashed 1px #cacaca; margin-bottom:20px;}

.results .list li h1{ font-size:16px; line-height:1.2; margin-bottom:8px;}

.results .list li h1 span{ color:#166e31;}

.results .list li p{ position:relative; color:#707070; padding:4px 0;}

.results .list li .more{ position:absolute; right:0; bottom:0; color:#707070; background-color:#FFF;}

.results .list li a:hover{ color:#333;}



.transition{ opacity:0;

	-webkit-transition:all 2s;

	-moz-transition:all 2s;

	transition:all 2s;

	}

	

.translateX-100{

	-webkit-transform:translateX(-100%);

	-moz-transform:translateX(-100%);

	transform:translateX(-100%);

	}



.translateX_100{

	-webkit-transform:translateX(100%);

	-moz-transform:translateX(100%);

	transform:translateX(100%);

	}



.translateY-100{

	-webkit-transform:translateY(-100px);

	-moz-transform:translateY(-100px);

	transform:translateY(-100px);

}



.translateY_100{

	-webkit-transform:translateY(100px);

	-moz-transform:translateY(100px);

	transform:translateY(100px);

}



.s .transition{ opacity:1;

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

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

	transform:translate(0,0);

	}



	



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

	.m-show{ display: none;}
	.wap{display: none;}
	.pc{display: block;}


}



@media screen and (min-width: 751px) and (max-width: 1229px) {

	.m-show{ display: none;}
	.wap{display: none;}
	.pc{display: block;}
	

}



@media screen and (max-width: 750px){
	.wap{display: block;}
	.pc{display: none;}

	.p-show{ display: none;}

	.pop-code .pop-dialog{ width: 3rem; height: 3rem;}

	

	.sidebar li + li{ margin-top: 0.1rem;}

	.sidebar .ico{ width: 0.7rem; height: 0.7rem;}

	.sidebar .p{ padding: 0 0.8rem 0 0.4rem; border-radius: 0.4rem; line-height: 0.7rem;}



	.article{ padding: 0.5rem 0;}

	.article .title{ margin-bottom: 0.2rem;}

	.article .title .h22{ margin-bottom: 0.1rem; font-size: 0.32rem;}
	.article .title .h22 span{ font-size: 0.28rem;}

	.article .cont{ margin-bottom: 0.5rem;}
.article .cont table{ width:100%;}
	.article .cont .p + .p{ margin-top: 0.1rem;}

	.article .cont .imgs{ margin: 0.3rem 0;}

	.article .cont .imgs li{ float: none; width: 100%; height: auto;}

	.article .cont .imgs li + li{ margin-left: 0; margin-top: 0.2rem;}

	.article .other{ padding-top: 0.5rem;}

	.article .other .h16{ margin-bottom: 0.2rem; font-size: 0.26rem;}

	.article .other .list{ margin-left: 0;}

	.article .other .list li{ float: none; margin-left: 0; margin-bottom: 0.2rem; width: 100%;}

	.article .other .list .date{ margin-left: 0.2rem;}



	.infolist{ padding: 0.5rem 0;}

	.infolist .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.infolist .list{ margin-bottom: 0.3rem;}

	.infolist .list .date, .infolist .list .box{ padding: 0.2rem 0; border-top: 1px solid #d4d4d4;}

	.infolist .list .date{ float: none; margin-right: 0; width: 100%;}

	.infolist .list .date .d{ margin-right: 0; font-size: 0.26rem;}

	.infolist .list .date .d:after{ content: '.';}

	.infolist .list .date .y{ margin-top: 0; font-size: 0.26rem;}

	.infolist .list .box{ border-top: 0; padding-top: 0;}

	.infolist .list .img{ float: none; margin-right: 0; margin-bottom: 0.2rem; width: 100%; height: auto;}

	.infolist .list .cont{ padding: 0;}

	.infolist .list .cont .h18{ margin-bottom: 0.1rem; font-size: 0.28rem;}

	.infolist .list .cont .p{ margin-bottom: 0.2rem;}

	.infolist .list .cont .more{ padding: 0 0.3rem; border-radius: 0.3rem; line-height: 0.5rem;}



	.doclist{ padding: 0.5rem 0;}

	.doclist .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.doclist .query{ margin-bottom: 0.3rem;}

	.doclist .query .ul{ display: block;}

	.doclist .query .li{ float: none; margin-bottom: 0.2rem;}

	.doclist .query .li + .li{ margin-left: 0;}

	.doclist .query .label{ font-size: 0.24rem; line-height: 0.5rem;}

	.doclist .query .input{ float: none; padding: 0.07rem 0.2rem; width: auto; border-radius: 0.3rem; overflow: hidden;}

	.doclist .query .input input{ height: 0.36rem; font-size: 0.24rem; line-height: 1.5;}

	.doclist .query .submit{ margin-left: 0; width: 1.8rem; font-size: 0.24rem; line-height: 0.5rem; border-radius: 0.3rem;}

	.doclist .select-mod{ float: none; width: auto; overflow: hidden; font-size: 0.24rem;}

	.doclist .select-mod .select-btn{ padding: 0.07rem 0.2rem; height: auto;}

	.doclist .select-mod .select-native{ padding: 0 0.2rem;}

	.doclist .list{ margin-left: 0;}

	.doclist .list li{ float: left; width: 3.4rem; margin-left: 0;}

	.doclist .list li:nth-child(even){ margin-left: 0.2rem;}

	.doclist .list .img{ margin-bottom: 0.2rem; height: 4.35rem;}

	.doclist .list .h18{ margin-bottom: 0.1rem; font-size: 0.28rem;}

	.doclist .list .p{ height: 0.8rem;}



	.contact:before{ display: none;}

	.contact .x-wrap{ padding: 0;}

	.contact .mapwrap{ height: auto;}

	.contact .map{ height: 5rem;}

	.contact .query{ position: static; margin-left: 0; padding: 0.5rem; width: 100%; height: 5rem;}

	.contact .query .list li + li{ margin-top: 0.1rem;}

	.contact .path{ float: none; padding: 0.5rem; width: 100%;}

	.contact .path .h18{ margin-bottom: 0.2rem; font-size: 0.28rem;}

	.contact .path .list{ margin-right: 0; height: 5rem;}

	.contact .path .list dl{ padding: 0.2rem;}

	.contact .path .list dd{ line-height: 1.5;}

	.contact .codes{ padding: 0.5rem;}

	.contact .codes .h16{ margin-bottom: 0.2rem; font-size: 0.26rem;}

	.contact .codes .list li{ margin: 0 0.2rem; width: 1.5rem;}

	.contact .codes .list .img{ margin-bottom: 0.1rem; height: 1.5rem;}



	.home1{ margin-bottom: 0.5rem;}

	.home1 .carousel{ margin-bottom: 0.5rem;}

	.home1 .carousel .list{ height: 4.5rem;}

	.home1 .carousel li{ width: 7.5rem; height: 4.5rem;}
	.home1 .carousel li div.imgpc{ display:none;}
	.home1 .carousel li img.div{ display:block;}
	.home1 .carousel li div.imgw{display: block;float: left;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
	.home1 .carousel li div.imgw img{width: 60%;margin-top: 1rem;margin-left: 0.7rem;}
	.home1 .carousel .txt{ left: 50%; right: auto; top: 50%; width: 7rem;

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

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

	}

	.home1 .carousel .txt .h30{ margin-bottom: 0.1rem; font-size: 0.32rem; line-height: 1.3;}

	.home1 .carousel .txt .p{ font-size: 0.24rem; line-height: 1.3;}

	.home1 .carousel .paging{ bottom: 0.2rem;}

	.home1 .carousel .paging a{ margin: 0 0.1rem; padding: 0.1rem;}

	.home1 .query{ position: static; margin-left: 0; padding: 0; width: 100%; background: none;}

	.home1 .query dl{ margin: 0 0.25rem;}

	.home1 .query dl:first-child{ margin-bottom: 0.1rem;}

	.home1 .query dt{ padding-left: 0.2rem; padding-right: 0.8rem; line-height: 0.6rem;}

	.home1 .query dt:after{ width: 0.6rem;}

	.home1 .query dd{ padding: 0.2rem 0; height: auto;}

	.home1 .query .list{ height: 2.8rem; color: #474747;}

	.home1 .query .list li{ padding: 0 0.2rem;}

	.home1 .query .list li + li{ margin-top: 0.2rem;}

	.home1 .query .form li + li{ margin-top: 0.1rem;}

	.home1 .query .input{ padding: 0.07rem 0.2rem;}

	.home1 .query .input input{ height: 0.36rem; font-size: 0.24rem; line-height: 1.5;}

	.home1 .query .submit{ width: 1.8rem; font-size: 0.24rem; line-height: 0.5rem; border-radius: 0.3rem;}

	.home1 .select-mod{ font-size: 0.24rem;}

	.home1 .select-mod .select-btn{ padding: 0.07rem 0.2rem; height: auto;}

	.home1 .select-mod .select-native{ padding: 0 0.2rem;}



	.home2{ margin-bottom: 0.5rem;}

	.home2 .list li{ width: 3.4rem; height: 3.85rem;}

	.home2 .list li:first-child{ margin-bottom: 0.2rem; width: 7rem; height: 3.9rem;}

	.home2 .list li + li{ margin-left: 0;}

	.home2 .list li:last-child{ margin-left: 0.2rem;}

	.home2 .list .cont{ padding: 0.2rem;}

	.home2 .list .cont .h18{ font-size: 0.28rem;}

	.home2 .list .cont .h30{ margin-bottom: 0.1rem; font-size: 0.4rem;}

	.home2 .list .cont .p{ font-size: 0.24rem;}

	.home2 .list .cont .p br{ display: none;}

	

	.home21{ margin-bottom: 0.15rem;}

	.home21 .list{ overflow: hidden;}

	.home21 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.home21 .h22 span{ margin-left: 0.1rem;}

	.home21 .list li{ position: relative; float: left; width: 7rem; height: auto; overflow: hidden; color: #fff;  background-color:#fff;}

	.home21 .list li:first-child{ width: 7rem; margin-left:0;}

	.home21 .list li + li{ margin-left: 0; margin-top:0.2rem;}

	.home21 .list .l2{ display:none;}

	.home21 .list li .img{ height:auto;}

	.home21 .list li .img img{ display: block; width: 100%; height:auto;}

	.home21 .list li .meng{ display:none;}

	.home21 .list .cont{  width:100%; height:auto;}

	.home21 .list .cont .p{ font-size: 0.28rem; padding:0.1rem 0.3rem; float:left; width:100%; height:auto}

	.home21 .list .cont .p1{ font-size: 0.3rem; padding:0.15rem 0.3rem; float:left; line-height:0.3rem; text-align:center; margin-left:0;}







	.home3{ margin-bottom: 0.5rem;}

	.home3 .inner{ padding: 0.5rem 0.2rem 0;}

	.home3 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem; line-height: 1.5;}

	.home3 .h22 > span{ margin-left: 0.1rem;}

	.home3 .prev, .home3 .next{ width: 0.48rem; height: 0.48rem; background-size: cover;}

	.home3 .next{ margin-left: 0.1rem;}

	.home3 .list li{ width: 2.2rem;}

	.home3 .list .ico{ margin-bottom: 0.2rem; width: 1rem; height: 1rem;}

	.home3 .list .p{ height: auto; font-size: 0.26rem;}



	.home4{ padding-bottom: 0.5rem;}

	.home4 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.home4 .h22 span{ margin-left: 0.1rem;}

	.home4 .list{ padding: 0 1px; overflow: hidden;}

	.home4 .list li{ margin-left: 0; padding: 0.3rem; width: 50%; border: 1px solid #fff;}

	.home4 .list .ico{ margin-bottom: 0.1rem; width: 0.8rem; height: 0.8rem;}

	.home4 .list .p{ font-size: 0.26rem;}

	.home4 .list .l1{ margin-bottom: 0;}

	.home4 .list .l2{ margin-bottom: 0;}

	.home4 .list .l3{ margin-bottom: 0;}

	.home4 .list .l4{ margin-bottom: 0;}

	.home4 .list .l5{ margin-bottom: 0;}



	.ocenter1{ margin-bottom: 0.5rem; height: 4rem; background-size: cover;}

	.ocenter1 .cont{ top: 50%; padding: 0 0.5rem;

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%);

	}

	.ocenter1 .cont .h22{ margin-bottom: 0.1rem; font-size: 0.32rem;}



	.ocenter2{ margin-bottom: 0.5rem;}

	.ocenter2 .title{ margin-bottom: 0.2rem;}

	.ocenter2 .title .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.ocenter2 .title .list li{ margin: 0 0.1rem; min-width: 3rem; line-height: 0.5rem;}

	.ocenter2 .title .list .ico{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem;}

	.ocenter2 .tab-mod{ height: auto;}

	.ocenter2 .tab-bar{ float: none; width: 100%; height: auto; background-size: 1rem;}

	.ocenter2 .tab-bar ul{ padding: 0.3rem 0; height: 3rem;}

	.ocenter2 .tab-term{ margin-right: 0; padding: 0 0.5rem;}

	.ocenter2 .tab-term + .tab-term{ margin-top: 0.12rem;}

	.ocenter2 .tab-term:after{ left: 0.2rem; border-left-color: #fff;}

	.ocenter2 .tab-cont{ height: 6rem;}

	.ocenter2 .tab-item{ padding: 0.5rem;}

	.ocenter2 .tab-item .h18{ margin-bottom: 0.1rem; font-size: 0.28rem;}

	.ocenter2 .tab-item .p{ margin-bottom: 0.2rem;}

	.ocenter2 .carousel{  width: 100%;}

	.ocenter2 .carousel .list{ height: 3.4rem;}

	.ocenter2 .carousel .list li{ width: 6rem; height: 3.4rem; margin-right: 0;}

	.ocenter2 .carousel .prev, .ocenter2 .carousel .next{ width: 0.5rem; height: 0.8rem; line-height: 0.8rem;}

	.ocenter2 .carousel .next{ right: 0;}

	.ocenter2 .mCSB_scrollTools{ left: auto; right: 0.1rem;}

	.ocenter2 .mCustomScrollBox{ margin-right: 0;}



	.ocenter3{ margin-bottom:0; padding-bottom:0.5rem;}

	.ocenter3 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.ocenter3 .list li{ margin: 0 0.1rem; min-width: 3rem; line-height: 0.5rem;}

	.ocenter3 .list .ico{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem;}

	.ocenter3 .step{ margin-bottom: 0.5rem;}

	.ocenter3 .step li{ width: 30%; height: 2rem;}

	.ocenter3 .step li:after{ border-left: 10px solid; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}

	.ocenter3 .step li + li{ margin-left: 5%;}

	.ocenter3 .step .h36{ margin-top: 0.3rem; font-size: 0.46rem;}

	.ocenter3 .step .l1{ margin-bottom: 0.1rem;}

	.ocenter3 .step .l2{ margin-bottom: 0.1rem;}

	.ocenter3 .step .l3{ margin-bottom: 0.1rem;}

	.ocenter3 .step .l3:after{ display: none;}

	.ocenter3 .step .l4{ margin-left: 0;}





	.ocenter4{ margin-bottom: 0.5rem;}
.ocenter4 .img2,.ocenter4 .img1{ width:100%;}
.ocenter4 .img2{ margin-top:0.1rem; margin-left:0;}
	.ocenter4 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.ocenter4 .p{ margin: 0 0 0.2rem;}



	.ocenter5{ margin-bottom: 0.5rem;}

	.ocenter5 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}
.ocenter5 .tab_click a{ width:31%; height:30px; line-height:30px; font-size:0.32rem; margin:0 1% 0.1rem;}
.ocenter5 .tab_click{ padding:0.2rem 0;}
.ocenter5 .tab_ul li{ width:100%; margin-left:0;}
.ocenter5 .tab_ul .li{ width:100%; margin:0;}
.ocenter5 .tab_ul .li .tit h3{ padding:0.1rem 0; font-size:0.36rem;}
.ocenter5 .tab_ul .li .tit p{ padding-bottom:0.3rem;}
.ocenter5 .tc_doct .cont{ width:80%;}
.ocenter5 .tc_doct .li .img{ display:none;}
.ocenter5 .tc_doct .li .con{ padding:0;}
.ocenter5 .tc_doct .li{ padding:0.2rem;}
.ocenter5 .tc_doct .close{ width:0.4rem; height:0.4rem; top:0.3rem;}
.ocenter5 .tc_doct .li .con .t{ padding:0.2rem 0 0.3rem;}
	.ocenter5 .list li{ width: 2.2rem; height: 4.5rem;}

	.ocenter5 .list li + li{ margin-left: 0.2rem;}

	.ocenter5 .list .img{ margin-bottom: 0.2rem; height: 2.82rem;}

	.ocenter5 .list .h18{ margin-bottom: 0.05rem; font-size: 0.28rem;}

	.ocenter5 .list .mask{ background-size: 1rem;}

	.ocenter5 .list .more{ width: 1rem; height: 0.36rem; padding-top: 0.5rem;}

	.ocenter5 .list .more:before{ height: 0.4rem;}

	.ocenter5 .list .more:after{ top: 0.2rem; margin-left: -0.2rem; width: 0.4rem;}

	.ocenter5 .list .mCSB_scrollTools.mCSB_scrollTools_horizontal{ margin: 0;}



	.ocenter6{ margin-bottom: 0.5rem; height: auto;}

	.ocenter6 .left{ float: none; margin-right: 0; padding: 0 0.2rem 0.5rem; width: 100%; height: auto;}

	.ocenter6 .left .h22{ padding-top: 0.5rem;}

	.ocenter6 .list li{ margin: 0 0.1rem; min-width: 3rem; line-height: 0.5rem;}

	.ocenter6 .list .ico{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem;}

	.ocenter6 .img{ margin-bottom: 0.3rem; height: 7.39rem;}

	.ocenter6 .cont{ padding-top: 0.5rem;}

	.ocenter6 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.ocenter6 .scrolllist{ height: 5rem;}

	.ocenter6 .scrolllist li{ margin-top: 0.2rem; padding-bottom: 0.2rem;}

	.ocenter6 .scrolllist .h18{ margin-bottom: 0.1rem; font-size: 0.28rem;}

	.ocenter6 .scrolllist .p{ margin-bottom: 0.2rem;}

	.ocenter6 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #2d4f66;}

	.ocenter6 .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; background-color: #d4d4d4;}

	.ocenter6 .mCSB_scrollTools{ width: 4px;}



	.ocenter7{ padding-bottom: 0.5rem;}

	.ocenter7 .h22{ margin-bottom: 0.2rem; font-size: 0.32rem;}

	.ocenter7 .list li{ margin-right: 0.2rem; width: 3.4rem; height: auto;}

	.ocenter7 .list .img{ margin-bottom: 0.2rem; height: 4.61rem;}

	.ocenter7 .list .p{ padding: 0 0.2rem;}

	.ocenter7 .carousel{ margin-right: -0.2rem;}

	.ocenter7 .carousel .prev, .ocenter7 .carousel .next{ bottom: 0.8rem; width: 0.8rem; height: 1rem; line-height: 1rem;}

	.ocenter7 .carousel .next{ right: 0.2rem;}



	.aboutus1{ height: 4rem; background-size: cover;background-position: left;}

	.aboutus1 .cont{ top: 50%; padding: 0 0.5rem;

			-webkit-transform: translateY(-50%);

			transform: translateY(-50%);

		}

	.aboutus1 .cont .h30{ margin-bottom: 0.1rem; font-size: 0.4rem;}

	.aboutus1 .cont .p18{ font-size: 0.26rem;}



	.aboutus2{ padding: 0.5rem 0; background: none;}

	.aboutus2 .h22{ margin-bottom: 0.5rem; font-size: 0.32rem;}

	.aboutus2 .list li{ width: 50%; text-align: center;}

	.aboutus2 .list .ico{ margin: 0 auto 0.2rem; width: 1rem; height: 0.94rem;}

	.aboutus2 .list .h18{ margin-bottom: 0.2rem; font-size: 0.28rem;}

	.aboutus2 .list .h18:after{ right: 0; margin: 0.1rem auto; width: 0.3rem;}

	.aboutus2 .list .p{ margin-right: 0.2rem; min-height: 2rem;}

	.aboutus2 .list li:hover .h18:after{ content: '1'; width: 30%;}



	.aboutus3{ margin-bottom: 0.5rem; padding: 0.8rem 0 0.2rem; background: #fff;}

	.aboutus3 .title{ margin-bottom: 0.5rem;}

	.aboutus3 .title .h22{ margin-bottom: 0.1rem; font-size: 0.32rem;}

	.aboutus3 .title .p{ padding: 0;}



	.aboutus3 .list{ display: none;}

	.aboutus3 .list-mobile{ display: block; overflow: hidden;}

	.aboutus3 .list-mobile li{ float: left; padding: 0.2rem; width: 6rem; text-align: center;}

	.aboutus3 .list-mobile .h3{ font-family: Arial; font-size: 0.5rem; line-height: 1.25; font-weight: bold;}

	.aboutus3 .list-mobile .p{}

	.aboutus3 .carousel{ padding: 0 0.5rem; height: auto;}

	.aboutus3 .carousel:before{ display: none;}

	.aboutus3 .prev, .aboutus3 .next{ width: 0.4rem; height: 0.4rem; background-size: 0.4rem;}

	

	.aboutus4{ margin-bottom: 0.5rem; height: auto;}

	.aboutus4 .title{ position: static; margin-bottom: 0.5rem; padding-top: 0; width: 100%; text-align: center;}

	.aboutus4 .title .h22{ margin-bottom: 0.1rem; font-size: 0.32rem;}

	.aboutus4 .box{}

	.aboutus4 .item{ position: static; padding: 0.2rem; width: 100%; height: auto; border-radius: 0;}

	.aboutus4 .item + .item{ margin-top: 0.2rem;}

	.aboutus4 .ico{ margin-bottom: 0.2rem; width: 1rem; height: 1rem;}

	.aboutus4 .h18{ margin-bottom: 0.2rem; font-size: 0.28rem;}

	.aboutus4 .list{}

	.aboutus4 .list li{ padding-left: 0.4rem;}

	.aboutus4 .list li:before{ top: 0.08rem; width: 0.2rem; height: 0.2rem;}

	.aboutus4 .list li + li{ margin-top: 0.1rem;}

	.aboutus4 .arrow{ display: none;}

	.aboutus4 .item .ico{ margin-top: 0;}

	.aboutus4 .item .list{ width: 100%;}



	.aboutus5{ margin-bottom: 0.5rem;}

	.aboutus5 .box{ padding: 0.5rem 0.2rem; background-size: 1rem;}

	.aboutus5 .title{ margin-bottom: 0.5rem;}

	.aboutus5 .title .h22{ font-size: 0.32rem;}

	.aboutus5 .title .more{ line-height: 0.48rem;}

	.aboutus5 .title .more b{ margin-left: 0.05rem; font-size: 0.32rem;}

	.aboutus5 .list{ margin-right: 0;}

	.aboutus5 .list li{ float: none; margin-right: 0; padding: 0.2rem 0.1rem; width: 100%;}

	.aboutus5 .list li:after{ display: none;}

	.aboutus5 .list .h14{ margin-bottom: 0.1rem;}



	.aboutus6{ padding-bottom: 0.5rem;}

	.aboutus6 .title{ margin-bottom: 0.5rem;}

	.aboutus6 .title .h22{ margin-bottom: 0.1rem; font-size: 0.32rem;}

	.aboutus6 .list li{ width: 50%; height: 5.4rem;}

	.aboutus6 .list .cont{ padding: 0.2rem;}

	.aboutus6 .list .h16{ margin-top: 0.5rem; margin-bottom: 0.2rem; font-size: 0.26rem;}

	.aboutus6 .list .h16:after{ margin: 0.1rem auto; width: 0.5rem;}
	
	.aboutus6 .list .p14{ margin-top:0.5rem;}



	

	

}



.xinz{

position: fixed;right: 0;z-index: 9;margin-top: 7px;

}

@media screen and (min-width:751px) {
	.sevcontainer {
        width: 1220px;
        height: 270px;
		padding-top: 5px;
        display: block;
        float: left;
        position: relative;
        right: 0px;
        top: 0;
        overflow: hidden;
    }

    .sevswiper-pagination {
        position: absolute;
        right: 0px;
        width: 10px;
        top: 50%;
        z-index: 10000;
    }



    .sevcontainer .iconzone:hover {
        /* background-color: #fff; */
    }

	
    .sevcontainer a .icon {
        width: 60px;
        height: 60px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        background-size: auto 55%;
        background-repeat: no-repeat;
        background-position: center;
		background-color: #fff;
		border-radius: 40px;
    }
	.sevcontainer .iconzone:hover .icon{
		background-color: rgba(255, 255, 255, 0.8);
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.39);
	}
    .sevcontainer .iconzone .text {
        width: 100%;
        position: absolute;
        top: 66px;
        text-align: center;
        left: 0;
    }

    .sevcontainer .swiper-slide {
        width: 16.6%;
        /* background-color: rgba(0, 0, 0, 0.15); */

    }

    .sevcontainer .swiper-slide h2 {
        font-size: 16px;
		font-weight: normal;
    }

    .sevcontainer .swiper-slide h3 {
        font-size: 10px;
    }

    .sevcontainer .swiper-slide:nth-child(1) .icon {
        background-image: url('/jtym/image/servicon/icon1.png');
    }

    .sevcontainer .swiper-slide:nth-child(2) .icon {
        background-image: url('/jtym/image/servicon/icon2.png');
    }

    .sevcontainer .swiper-slide:nth-child(3) .icon {
        background-image: url('/jtym/image/servicon/icon3.png');
    }

    .sevcontainer .swiper-slide:nth-child(4) .icon {
        background-image: url('/jtym/image/servicon/icon4.png');
    }

    .sevcontainer .swiper-slide:nth-child(5) .icon {
        background-image: url('/jtym/image/servicon/icon5.png');
    }

    .sevcontainer .swiper-slide:nth-child(6) .icon {
        background-image: url('/jtym/image/servicon/icon6.png');
    }

    .sevcontainer .swiper-slide:nth-child(7) .icon {
        background-image: url('/jtym/image/servicon/icon7.png');
    }

    .sevcontainer .swiper-slide:nth-child(8) .icon {
        background-image: url('/jtym/image/servicon/icon8.png');
    }

    .sevcontainer .swiper-slide:nth-child(9) .icon {
        background-image: url('/jtym/image/servicon/icon9.png');
    }

    .sevcontainer .swiper-slide:nth-child(10) .icon {
        background-image: url('/jtym/image/servicon/icon10.png');
    }

    .sevcontainer .swiper-slide:nth-child(11) .icon {
        background-image: url('/jtym/image/servicon/icon11.png');
    }

    .sevcontainer .swiper-slide:nth-child(12) .icon {
        background-image: url('/jtym/image/servicon/icon12.png');
    }

    .sevcontainer .swiper-slide:nth-child(13) .icon {
        background-image: url('/jtym/image/servicon/icon13.png');
    }

    .sevcontainer .swiper-slide:nth-child(14) .icon {
        background-image: url('/jtym/image/servicon/icon14.png');
    }

    .sevcontainer .swiper-slide:nth-child(15) .icon {
        background-image: url('/jtym/image/servicon/icon15.png');
    }

    .sevcontainer .swiper-slide:nth-child(16) .icon {
        background-image: url('/jtym/image/servicon/icon16.png');
    }

    .sevcontainer .swiper-slide:nth-child(17) .icon {
        background-image: url('/jtym/image/servicon/icon17.png');
    }

    .sevcontainer .swiper-slide:nth-child(18) .icon {
        background-image: url('/jtym/image/servicon/icon18.png');
    }
}

@media screen and (max-width:750px) {
    .sevcontainer {
        width: 99%;
        height: 366px;
        display: block;
        float: left;
        right: 0px;
        top: 0;
        overflow: hidden;
        padding-bottom: 14px;
    }

    .sevswiper-pagination {
        width: 100%;
        text-align: center;
        right: 0px;
        width: 100%;
        top: 50%;
        z-index: 10000;
    }
    .sevswiper-pagination .swiper-pagination-bullet{
        margin-right: 20px;

    }


    .sevcontainer .iconzone:hover {
        /* background-color: #fff; */
    }

    .sevcontainer a .icon {
        width: 60px;
        height: 60px;
        display: block;
        position: absolute;
		background-color: #fff;
        left: 50%;
        margin-left: -30px;
		border-radius: 30px;
        background-size: auto 55%;
        background-repeat: no-repeat;
        background-position: center;
    }

	.sevcontainer .iconzone:hover .icon{
		background-color: rgba(255, 255, 255, 0.8);
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.39);
	}

    .sevcontainer .iconzone .text {
        width: 100%;
        position: absolute;
        top: 66px;
        text-align: center;
        left: 0;
    }

    .sevcontainer .swiper-slide {       
        
        text-align: center;
        font-size: 0.25rem;
        /* background-color: rgba(0, 0, 0, 0.15); */
        height: 200px;
        width: auto;
        height: auto;
        
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }

    .sevcontainer .swiper-slide h2 {
        font-size: 0.25rem;
		font-weight: normal;
    }

    .sevcontainer .swiper-slide h3 {
        font-size: 10px;
    }

    .sevcontainer .swiper-slide:nth-child(1) .icon {
        background-image: url('/jtym/image/servicon/icon1.png');
    }

    .sevcontainer .swiper-slide:nth-child(2) .icon {
        background-image: url('/jtym/image/servicon/icon2.png');
    }

    .sevcontainer .swiper-slide:nth-child(3) .icon {
        background-image: url('/jtym/image/servicon/icon3.png');
    }

    .sevcontainer .swiper-slide:nth-child(4) .icon {
        background-image: url('/jtym/image/servicon/icon4.png');
    }

    .sevcontainer .swiper-slide:nth-child(5) .icon {
        background-image: url('/jtym/image/servicon/icon5.png');
    }

    .sevcontainer .swiper-slide:nth-child(6) .icon {
        background-image: url('/jtym/image/servicon/icon6.png');
    }

    .sevcontainer .swiper-slide:nth-child(7) .icon {
        background-image: url('/jtym/image/servicon/icon7.png');
    }

    .sevcontainer .swiper-slide:nth-child(8) .icon {
        background-image: url('/jtym/image/servicon/icon8.png');
    }

    .sevcontainer .swiper-slide:nth-child(9) .icon {
        background-image: url('/jtym/image/servicon/icon9.png');
    }

    .sevcontainer .swiper-slide:nth-child(10) .icon {
        background-image: url('/jtym/image/servicon/icon10.png');
    }

    .sevcontainer .swiper-slide:nth-child(11) .icon {
        background-image: url('/jtym/image/servicon/icon11.png');
    }

    .sevcontainer .swiper-slide:nth-child(12) .icon {
        background-image: url('/jtym/image/servicon/icon12.png');
    }

    .sevcontainer .swiper-slide:nth-child(13) .icon {
        background-image: url('/jtym/image/servicon/icon13.png');
    }

    .sevcontainer .swiper-slide:nth-child(14) .icon {
        background-image: url('/jtym/image/servicon/icon14.png');
    }

    .sevcontainer .swiper-slide:nth-child(15) .icon {
        background-image: url('/jtym/image/servicon/icon15.png');
    }

    .sevcontainer .swiper-slide:nth-child(16) .icon {
        background-image: url('/jtym/image/servicon/icon16.png');
    }

    .sevcontainer .swiper-slide:nth-child(17) .icon {
        background-image: url('/jtym/image/servicon/icon17.png');
    }

    .sevcontainer .swiper-slide:nth-child(18) .icon {
        background-image: url('/jtym/image/servicon/icon18.png');
    }
}