@charset "utf-8";
.pop-code{}
.pop-code .pop-dialog{ width: 135px; height: 135px;}
.pop-code .pop-dialog img{ display: block; width: 100%;}

@-webkit-keyframes twinkling{

  0% {

      opacity: 0; 

  }

  100% {

      opacity: 1; 

  }

}

#shan {

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

}

.article{ }
.article .title{ margin-bottom: 30px;}
.article .title .h22{ margin-bottom: 5px; font-size: 32px;font-weight: 600;color: #062949;}
.article .title .h22 span{ font-size: 22px; font-weight:normal;}

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

.article .cont{ margin-bottom: 35px; color: #707070;  padding-bottom:3%;}
.article .cont table{ width:420px;}
.article .cont .p{}

.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;overflow: hidden;margin: 0 auto}



.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{ 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: right;  width: 320px; overflow: hidden;}

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

.infolist .list .cont{ overflow: hidden;width: 70%;}

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

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

.infolist .list .cont .timemore .more{ display: inline-block; padding: 0 32px; background-color: #2d4f66; border-radius: 20px; line-height: 38px; color: #fff;float: right}
.infolist .list .cont .h18:hover{ color: #2d7bad;}

.infolist .list .cont .more:hover{ background-color: #2d7bad;}



.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: #2d7bad; 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;}

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

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

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

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


.contact{ position: relative;}

.contact:before{ content: ''; position: absolute; left: 0; right: 50%; top: 0; bottom: 0; }

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

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

.contact .query{ position: absolute; left: 50%; top: 0; bottom: 0; margin-left: 305px; padding: 44px 23px 46px 30px; width: 252px; background-color: #2d4f66;}

.contact .query .list{}

.contact .query .list li{ color: #a2adb5; 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: #2d7bac;}

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

.contact .path{ float: left; padding: 2%; width: 96%; background-color: #fff;margin: 15px auto}

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

.contact .path .list{  height: 458px;}

.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: #2d4f66;}

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

.contact .codes{ padding: 70px 35px 0; text-align: center;  overflow: hidden;}
.contact .codes img{ width:100px; margin-bottom:15px;}
.contact .codes p{ font-size:36px;}
.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; }

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

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

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

.home1 .carousel li img{ display: block; width: 100%;height:100%}

.home1 .carousel .txt{ position: absolute; right: 50%; top: 148px; width: 610px; color: #fff;}

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

.home1 .carousel .txt .p{ font-family: Arial; font-size: 20px; 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: #4090c3;}

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

.home1 .query{ position: absolute; left: 50%; top: 32px; margin-left: 320px; padding: 22px 0; width: 290px; background: url(../image/opacity-b60.png); z-index: 2;}

.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: #2d7bac; 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: #4090c3; font-family: "xfont"; color: #256a96; 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 0; height: 214px; display: none;}

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

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

.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: #2d7bac;}

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





.home2{ margin-bottom: 15px;}

.home2 .list{ overflow: hidden;}

.home2 .list li{ position: relative; float: left; width: 295px;  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 .cont{ position: absolute; left: 0; bottom: 0; padding: 32px;}

.home2 .list .cont .h18{ font-size: 18px;color: #093d64;padding-left: 30px}

.home2 .list .cont .h30{ margin-bottom: 5px; font-family: Arial; font-size: 27px; line-height: 1;background: url("../image/siyecao.png") no-repeat left center;background-size: 24px 23px;padding-left: 30px;color: #093d64;font-weight: 800}

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







.home11{ margin-bottom: 50px;background-color: #fff;}

.home11 .list{ overflow: hidden;}

.home11 .h22{ margin-bottom: 22px; font-size: 22px;float: left;margin-top: 20px;}

.home11 .h22 > span{ padding-left: 10px; font-family: Arial; display:table-cell; vertical-align:bottom;color:#999;padding-right: 5rem;float: left;padding-top: 5px;}
.home11 .h22> strong{ font-weight:300;display:table-cell; vertical-align:bottom;color:#333;float: left;}

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

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

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

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

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

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

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

.home11 .list li .meng{ width: 100%; height:240px; position:absolute; top:0; left:0; background-color:#000; opacity:0.4;}

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

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

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


















.home21{ margin-bottom: 50px;}

.home21 .list{ overflow: hidden;}

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

.home21 .h22 > span{ padding-left: 10px; font-family: Arial;border-bottom: 1px solid #8b8b8b;font-size:.14rem; display:table-cell; vertical-align:bottom;color:#999}
.home21 .h22> strong{ border-bottom: 2px solid #18325F;font-weight:300;text-align:bottom;display:table-cell; vertical-align:bottom;color:#333}

.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; background-color:#000; 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;}

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

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

.home3 .h22 > span{ padding-left: 10px; font-family: Arial;border-bottom: 1px solid #8b8b8b;font-size:.14rem; display:table-cell; vertical-align:bottom;color:#999}
.home3 .h22> strong{ border-bottom: 2px solid #18325F;font-weight:300;text-align:bottom;display:table-cell; vertical-align:bottom;color:#333}

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

.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: 169px; text-align: center; border-bottom: 2px solid #fff;}

.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{ border-color: #e70044; color: #e70044;}

.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{ padding-left: 10px; font-family: Arial;border-bottom: 1px solid #8b8b8b;font-size:.14rem; display:table-cell; vertical-align:bottom;color:#999}
.home4 .h22> strong{ border-bottom: 2px solid #18325F;font-weight:300;text-align:bottom;display:table-cell; vertical-align:bottom;color:#333}


.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: #e70044;}

.home4 .list .l2{ margin-bottom: 2px; background-color: #044a88;}

.home4 .list .l3{ margin-bottom: 2px; background-color: #1289cd;}

.home4 .list .l4{ margin-bottom: 2px; background-color: #244053;}

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

.home4 .list .l6{ margin-left: 0; background-color: #244053;}

.home4 .list .l7{ background-color: #1289cd;}

.home4 .list .l8{ background-color: #044a88;}

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

.home4 .list .l10{ background-color: #e70044;}



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

.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: 540px; background: center top no-repeat;margin-bottom: 30px;}

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

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

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



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

.aboutus2 .h22{ margin-bottom: 28px; 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 #2d7bac; 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: 20px 0 96px; background: url(../image/temp/img34.jpg) center top no-repeat;}

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

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

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



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

.aboutus3 .list{ }

.aboutus3 .carousel{ position: relative; padding:0px; height: 545px; overflow: hidden;}

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

.aboutus3 .prev, .aboutus3 .next{ position: absolute; top: 0; 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 .box .div1,.aboutus3 .box .div3,.aboutus3 .box .div5,.aboutus3 .box .div7,.aboutus3 .box .div9,.aboutus3 .box .div11,.aboutus3 .box .div13{ bottom: 50%; margin-bottom: -7px; 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: -6px; 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: 540px; 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: 904px; 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 .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: #1aa7e7;}
.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.show .prev, .aboutus3.show .next, .aboutus3.show .box .div{ opacity: 1;

	-webkit-transform: translate(0);

	-moz-transform: translate(0);

	transform: translate(0);

}



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

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

.aboutus4 .title .h22{ margin-bottom: 8px; 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: 100px; height: 86px; 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: 260px; 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: #2d7bac; background-image: url(../image/temp/arrow1.png);}

.aboutus4 .item2{ left: 342px; top: 130px; 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: #2d7bac; background-image: url(../image/temp/arrow1.png);}

.aboutus4 .item3{ left: 550px; top: 305px; 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: #12679d; background-image: url(../image/temp/arrow2.png);}

.aboutus4 .item4{ left: 802px; top: 0; 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: #55a7e1; background-image: url(../image/temp/arrow3.png);}

.aboutus4 .item5{ left: 900px; top: 420px; 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: #2d5066; background-image: url(../image/temp/arrow4.png);}

.aboutus4 .item:hover{ background-color: #1aa7e7;}

.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: #1aa7e7; 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: 12px; 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: #1289cd;}

.aboutus6 .list li.l2{ background-color: #2d7bad;}

.aboutus6 .list li.l3{ background-color: #2d4f66;}

.aboutus6 .list li.l4{ background-color: #12679d;}

.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 #1289cd;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	transform: translateY(100%);

}

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

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

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

	transform: translateY(-100%);

}

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

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	transform: translateY(100%);

}

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

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

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

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



}



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

	.m-show{ display: none;}

	

}



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

	.p-show{ display: none;}
	.pop-code .pop-dialog{ width: 3rem; height: 3rem;}
	.sidebar li + li{ margin-top: 0.1rem;}
	.article{ padding: 0.5rem 0;}
	.article .title{ margin-bottom: 0.2rem;}

	.article .title .h22{ margin-bottom: 0.1rem; font-size: 0.5rem;color: #062949;}

	.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;    background: #fff; margin-bottom: .3rem;border-radius: 10px;}

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

	.infolist .list .cont{ padding: 0;margin: 0 .2rem;}

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

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

	.infolist .list .cont .timemore .more{ padding: 0 0.3rem; border-radius: 0.3rem; line-height: 0.5rem;float: right;margin-right: .2rem}


	.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: 9.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: 8rem; height: 4.5rem;max-width: 750px;}

	.home1 .carousel .txt{ left: 50%; right: auto; top: 50%; width: 6rem;

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

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

	.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: left; margin-left: .2rem; width: 100%;}







	.home3{ margin-bottom: 0.5rem;}

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

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

	.home3 .h22 > span{ padding-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;}

	.aboutus1 .cont{  padding: 0 0.5rem;

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

			transform: translateY(-120%);

		}

	.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: 0.86rem;}

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

}



.xinz{position: fixed;right: 0;z-index: 9;margin-top: 7px;}

/*页码*/
.context{clear: both;margin: 30px 0 !important;/*text-align: center;*/overflow: inherit !important;}
.context span a:hover {color:#fff;background-color: #005197;}
.page-status,.context span a{padding:6px 15px;height:30px;line-height:30px;margin:0 2px;color:#333;font-size:15px;border:1px solid #e2e2e2;}
.page-num-current{background-color: #005197 !important;color:#fff !important;border: 1px solid #005197 !important;}
.page-numbar span{display:none;}
@media (max-width:640px) {.page-status,.page-pre,.page-next{display:none;}}