@charset "utf-8";* {margin:0px;padding:0px;}
/*by chenyaowen*/
body,html {width:100%;height:100%;font-family:"PingFangHK-Regular","PingFangHK-Semibold","PingFangSC-Medium","Microsoft Yahei","黑体"}
img {border:none;}
a {text-decoration:none;color:#333333; cursor: pointer;}
a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
a:hover {text-decoration:none;color:#FF946E;}
li {list-style:none;}
.clear {clear:both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
/*html5*/
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}
address {display:inline;}
/*public*/.fl {float:left;}
.fr {float:right;}
.fr.fl {display:inline;}
.mauto {margin:0 auto;width:1300px;}
.only-phone{ display: none !important;}
.only-pc{ display:inline-block !important;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}
.txt-l {text-align:left;}
body{ background: #fff;}
body.bg{background:rgba(246,247,248,1);}
/**/
.index-header{ height: 104px; padding:0 150px; position: relative; z-index: 10000;}
.index-header a{ display:inline-block;}
.index-header img{ padding:32px 0;}
.index-banner{ position: relative; z-index: 1; width: 100%; margin-top: -104px; height: 800px; background:#1F61D8; overflow: hidden;}
.index-banner .mauto{ height: 100%; position: relative;}
.index-banner .banner-left{ color: #fff; width: 537px; position: absolute; left: 0; top:50%; margin-top: -180px; height: 360px;}
.index-banner .banner-left h2{font-size: 50px; margin-bottom: 15px; line-height: 80px; font-weight: normal;}
.index-banner .banner-left p{ line-height: 28px; font-size: 20px; margin-bottom: 120px;}
.index-banner .banner-left .btns{ padding-left: 5px;}
.index-banner .banner-left .btns a{ display: block; width: 230px; height: 60px; line-height: 60px; text-align: center; background: #0ABCB9 url(../images/btnimg.png) 170px center  no-repeat;box-shadow:0px 4px 40px 0px rgba(0,0,0,0.18); border-radius: 3px; font-size: 18px; color: #fff; transition:background-position .3s,box-shadow .3s;
-webkit-transition:background-position .3s,box-shadow .3s;}
.index-banner .banner-left .btns a:hover{background-position: 180px center;box-shadow:0px 4px 40px 0px rgba(0,0,0,0.4);}
.index-banner .banner-right{ height:680px; position: absolute; bottom: 0; right: 0;}

/**/
.index-virtue{}
.index-virtue .title{font-family:"PingFangHK-Semibold","PingFang SC","幼圆","黑体",sans-serif; font-weight:300; text-align: center; font-size: 40px; color: #333; line-height: 104px; position: relative; margin-top: 120px; margin-bottom: 130px;}
.index-virtue .title:after{ content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -40px; width: 80px; height: 6px; background:#1F61D8;}
.index-virtue .box{text-align: center; font-size: 0;}
.index-virtue .box .item{width: 28.6%; height: 388px; font-size: 0; float: left; background: #fff; margin: 0 2.35%; display: inline-block; font-size: 16px; transition:box-shadow .3s; -webkit-transition:box-shadow .3s; box-shadow:0 0 0 0 rgba(72,93,151,0.2); border-radius: 8px;}
.index-virtue .box .item:hover{box-shadow:0px 4px 23px 5px rgba(72,93,151,0.2);}
.index-virtue .box .item img{ width: 83px; height: 92px; margin-top: 84px;}
.index-virtue .box .item h3{ padding: 36px 0 30px; line-height: 22px; font-size: 16px; font-weight:bold; color: #333;}
.index-virtue .box .item p{ font-size: 14px; color: #333; font-weight: 400;}
.virtuetext{ line-height: 35px; font-size: 16px; padding: 70px 0 170px}

.index-switch{ background:#151D2B; padding-bottom: 255px;}
.index-switch .title{ text-align: center; color: #fff; padding: 123px 0 137px;}
.index-switch .title h2{font-family:"PingFangHK-Semibold","PingFang SC","幼圆","黑体",sans-serif; font-size: 40px; line-height: 56px; margin-bottom: 24px; font-weight:normal; font-weight: 300}
.index-switch .title p{ line-height: 24px; font-size: 16px;}
.index-switch .box{ position: relative;}
.index-switch .box .left,.index-switch .box .right{ margin-top: -25px; cursor: pointer; position: absolute; top: 50%; width: 60px; height: 60px; background-color: rgba(255,255,255,0); background-size: cover; background-position:center center; background-repeat: no-repeat; border-radius: 99999px; overflow: hidden; transition: background-color .2s; -webkit-transition: background-color .2s;}
.index-switch .box .left{ background-image:url(../images/left1.png); left: 0;}
.index-switch .box .left:hover{ background-color: rgba(255,255,255,1); }
.index-switch .box .right{ background-image:url(../images/right1.png); right: 0;}
.index-switch .box .right:hover{ background-color: rgba(255,255,255,1);}
.index-switch .box .switchbox{ width: 1114px; height: 463px; margin: 0 auto;}
.switchbox{ overflow: hidden;}
.switchbox .late{ height: 100%; transition:all .5s; -webkit-transition:all .5s;}
.switchbox .item{ width: 340px; height: 100%; text-align: center; margin: 0 15.5px; float: left; background: #fff;box-shadow:0px 10px 20px 0px rgba(33,28,255,0.2);border-radius:8px;}
.switchbox .item .pic{ width: 152px; height: 0; padding-bottom: 152px; display: inline-block; position: relative; margin: 60px auto;}
.switchbox .item .pic img{ width: 100%; height: 100%; box-sizing: border-box; padding: 4px; border-radius: 99999px; position: absolute; left: 0; top: 0; transition:transform .5s; -webkit-transition:transform .5s;}
.switchbox .item:hover .pic img{ transform: rotate(-25deg); -webkit-transform: rotate(-25deg);}
.switchbox .item .pic .bg{ width:100%; height: 100%; box-sizing: border-box;border:1px solid #20235E;  border-radius: 99999px;position: absolute; left: 0; top: 0;}
.switchbox .item .pic .bg div{width: 50%; height: 100%; padding:4px 2px; position: absolute; top: -4px; overflow: hidden;}
.switchbox .item .pic .bg1{ left: -4px;}
.switchbox .item .pic .bg2{ right: -4px;}
.switchbox .item .pic .bg div i{display: block; background: #fff; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.switchbox .item .pic .bg1 i{-webkit-transform-origin: right center; transform-origin: right center;}
.switchbox .item .pic .bg2 i{-webkit-transform-origin: left center; transform-origin: left center;}
.switchbox .item .pic .dianbox{ width: 100%; height: 0; padding-bottom: 100%; left: 0; top:0; position: relative;}
.switchbox .item .pic .dian{ width:6px; height: 6px; border:1px solid #20235E; border-radius: 99px; position: absolute; left: 50%; bottom: 0; margin: 0 0 -4px -4px;}
.switchbox .item .pic .dian:after{ content: ""; background:#0ABCB9; display: block; height: 4px; width: 4px; border:1px solid #fff; border-radius: 99px;}
.switchbox .item .txt{ text-align: center;}
.switchbox .item .txt h2{ line-height: 25px; font-size: 18px; color: #333; height: 55px;}
.switchbox .item .txt p{ line-height: 20px; font-size: 14px; color: #333;}

.index-kehu{ background:#EDF1F2;}
.index-kehu .title{ text-align: center; color: #333; padding-top: 123px; margin-bottom: 70px;}
.index-kehu .title h2{font-family:"PingFangHK-Semibold","PingFang SC","幼圆","黑体",sans-serif; font-size: 40px; line-height: 56px; margin-bottom: 24px; font-weight: normal; font-weight: 300}
.index-kehu .title p{ font-size: 16px; line-height: 22px;}
.index-kehu .box{ font-size: 0; text-align: center; padding-bottom:100px ;}
.index-kehu .box .item{ width:22%; display: inline-block; line-height: 80px; height: 80px; margin: 30px 1.25%; background: #fff; transition: box-shadow .2s;}
.index-kehu .box .item:hover{box-shadow:0px 7px 12px 0px rgba(99,136,146,0.2);}
.index-kehu .box .item img{ vertical-align: middle; max-height: 80%; max-width: 80%;}

.footer{ }
.footer .footer-top{ background:#212A38; font-family:PingFangSC-Regular; padding-top: 17px; height: 386px;}
.footer .footer-top .mauto{ height: 100%;}
.footer .footer-top .item{ width: 25%; height: 100%; box-sizing: border-box; border-right:1px solid #1B2432; float: left;}
.footer .footer-top .item4{ border: none;}
.footer .footer-top .item1{ color:rgba(91,100,115,1); font-size: 14px;}
.footer .footer-top .item1 a{color:rgba(91,100,115,1);}
.footer .footer-top .item1 .logo{ padding: 68px 0 94px; height: 39px;}
.footer .footer-top .item1 h2{color: #fff; line-height: 25px; font-size: 18px; margin-bottom: 42px; display: none;}
.footer .footer-top .item1 .plist{ padding-bottom: 45px;}
.footer .footer-top .item1 .plist p{ padding: 10px 0; line-height: 20px;}
.footer .footer-top .item1 .plist img{ vertical-align: middle; margin-top: -3px; padding-right: 13px;}
.footer .footer-top .item .navlist{ padding-left: 42px;}
.footer .footer-top .item .navlist h2{ padding-top: 65px; color: #fff; line-height: 25px; font-size: 18px; margin-bottom: 42px;}
.footer .footer-top .item .navlist p{ margin-bottom: 42px; font-size: 14px;}
.footer .footer-top .item .navlist p a{ color:#828C9B;}
.footer .footer-top .item .navlist p a:hover{ color:#fff;}
.footer .footer-top .item .share{ padding-left: 42px;}
.footer .footer-top .item .share h2{ padding-top: 65px; color: #fff; line-height: 25px; font-size: 18px; margin-bottom:15px;}
.footer .footer-bottom{ background: #313E50; height: 60px; line-height: 60px; font-size: 14px; color: #fff;}
.footer .footer-top .box{ display: inline;}
.footer .inline{ display: inline;}

.page-header{ height: 104px; padding:0 150px; position: relative; z-index: 10000; background: #1F61D8; overflow: hidden;}
.page-header a{ display:inline-block;}
.page-header img{ padding:32px 0;}
.page-header .logo,.page-header .nav{ display: inline-block; vertical-align: middle;}
.page-header .nav{ margin-left: 100px;}
.page-header .nav a{ color: #fff;}
.page-header .nav a:hover{ color: #f1f1f1;}

.buzhou{ font-size: 0; text-align: center; line-height: 32px; padding: 48px 0;}
.buzhou .item{ font-size: 14px; display: inline-block; vertical-align: middle; color:#353E49;}
.buzhou .item .yuan{ width: 32px; height: 32px; border-radius: 9999px; background: #fff; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.08); line-height: 32px; vertical-align: middle; display: inline-block; margin-top: -3px; margin: 0 15px;}
.buzhou .xian{ display: inline-block; border-bottom:1px dashed rgba(184,184,184,1); width: 88px; vertical-align: middle; height: 0; font-size: 0; margin-top: -3px; margin: 0 15px;}

.xuqiutitle .title{ font-size: 28px; color:#1F61D8; line-height: 37px; font-weight:100;}
.xuqiutitle .tip{ font-size: 12px; color: #BEC7D5; line-height: 14px; margin: 16px 0;}
.xuqiutitle .tip img{ vertical-align: middle; margin-top: -3px;  margin-right: 5px;}

.border{ border: 1px solid #f1f1f1; border-radius: 5px;}
.text{ background-color:#F7F9FB; font-size: 13px; width: 400px; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0 16px; color: #666; -webkit-appearance: none;appearance: none;}
.submit{ display: inline-block; text-align: center; width: 200px; height: 44px; line-height: 44px; border-radius: 22px; background: #1F61D8; border: none; font-size: 14px; color: #fff; margin: 65px auto; -webkit-appearance: none; appearance: none;}
.submit:hover{ color: #fff;}

.demandbox{ font-size: 16px; background: #fff; box-sizing: border-box; padding: 40px 126px 0; margin-bottom: 72px;}
.demandbox .item .tip{ display: inline-block; font-size: 12px; color: red; padding-left: 15px; display: none;}
.demandbox .item .name{ color: #1F61D8; font-size: 18px; line-height: 24px; padding: 30px 0 24px; font-weight: 100}
.demandbox .item .name span{ color: red; padding: 0 5px; font-weight: bold;}
.select{ width: 400px; height: 50px; position: relative; display: inline-block; cursor: pointer;}
.select input{ background:#F7F9FB url(../images/select.png) right center no-repeat; cursor: pointer; -webkit-appearance: none;appearance: none;}
.select .list{ display: none; position: absolute; top: 50px; left: 0; width: 100%; line-height: 34px; box-shadow:0px 1px 4px 0px rgba(0,0,0,0.21);border-radius:3px;border:1px solid rgba(224,224,224,1); background: #fff; box-sizing: border-box; z-index: 9999;}
.select .list li{ padding: 0 16px;font-size: 12px;}
.select .list li:hover{ background:#E4F3FF; }
textarea{ font-size: 13px; resize: none; width: 100%; height: 100px; box-sizing: border-box; padding: 16px; color: #666; font-family: "微软雅黑";background: #F7F9FB; -webkit-appearance: none;appearance: none;}
.demandbox .textareabox{ position: relative; height: 250px;background: #fff;}
.demandbox .textareabox textarea{background: #F7F9FB; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; border: none; resize: none;}
.demandbox .textareabox .placeholder{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; box-sizing: border-box; padding-left: 16px; color: #7588A2;}
.demandbox .textareabox .placeholder .title{ font-size: 14px; font-weight: bold; line-height: 20px; padding: 24px 0 16px;}
.demandbox .textareabox .placeholder .txt{ font-size: 12px; line-height: 16px;}

.mytip{ margin: 140px auto;}
.mytipforcontact{margin: 240px auto 40px}
.mytip .mytip_l{padding-top: 6px;}
.mytip .mytip_l,.mytip .mytip_r{ display: inline-block; vertical-align: middle;}
.mytip .mytip_r{ font-size: 12px; color:#38404B;}
.mytip .mytip_r h2{ font-size: 28px; margin-bottom: 5px;}
.mytip .mytip_r a{ color: #1F61D8; padding: 0 10px;}

.infodemand{ color:#6F83A0; margin-bottom: 150px;}
.infodemand .item{ height: 100%; width: 25%; float: left; box-sizing: border-box; padding-right: 30px;   display: table; vertical-align: middle; font-size: 14px;}
.infodemand .item .box{ height: 100%; border-right:1px solid rgba(234,234,234,1); padding-right: 20px;}
.infodemand .item.item1{ border-left: 0;}
.infodemand .item.item1 .box{ vertical-align: middle; display: table-cell;}
.infodemand .item.item4 .box{ border: none}
.infodemand .item h2{ font-size: 16px; font-weight: bold; line-height: 52px; color:#38404B;}


.contact{ position: relative; padding-top: 47px;}
.contact .bg{ height: 355px; background:#1F61D8 url(../images/contactbg.png) center right no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; width: 100%;}
.contact .box{background: #fff; position: relative; z-index: 2; box-shadow:0px 2px 8px 0px rgba(0,0,0,0.2);}
.contact .box .item{width: 100%; min-height: 135px;}
.contact .box .item .tip{ color: red; font-size: 12px; line-height: 30px;}
.contact .box .nameitem{ width: 46%;}
.contact .box .zy .item { width: 46%;}
.contact .box .item .name{ font-size: 14px; color: #1F61D8; line-height: 20px; margin: 0 0 16px;}
.contact .box .item .name span{ color: red;}
.contact .box .item input.text{ width: 100%;}
.contact .select{ width: 100%;}
.contact .formbox{ box-sizing: border-box; margin: 0 120px;}
.contact .formbox .submit{ margin: 70px 0 30px;}
.contact .title h2{ color: #38404B; font-size: 28px; line-height: 37px; padding: 86px 0 7px; font-weight: normal}
.contact .title .tip1{ color: #38404B; font-size: 14px; line-height: 20px;}
.contact .title .tip2{ font-size: 12px; color:#BEC7D5; line-height: 14px; margin:25px auto 45px;}
.contact .title img{ vertical-align: middle; margin-top: -3px; margin-right: 10px;}

.contactbottom{ padding-bottom: 80px;}
.contactbottom .title img{ vertical-align: middle; margin-top: -3px;}
.contactbottom .title { font-size: 14px; color: #5E7494; line-height: 20px; margin: 80px 0 20px;}
.contactbottom .cb_l{ width: 600px; height: 234px; float: left;}
.contactbottom .cb_r{ width: 600px; font-size: 12px; padding-top: 25px;}
.contactbottom .cb_r .item{ width: 50%; float: left; line-height: 40px; color: #38404B; margin-bottom: 10px;}
.contactbottom .cb_r .item h2{ font-weight:normal; font-size: 16px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.newspage .banner{ height: 370px; color: #fff; background:#1F61D8 url(../images/newsbanner.png) center right no-repeat; background-size:auto 100%;width: 100%;}
.newspage .banner h2{ font-size: 42px; font-weight: normal; line-height: 55px; padding-bottom: 16px; padding-top: 110px;}
.newspage .banner p{ font-size: 24px;}

.newspage .newslist{ padding-top: 60px;}
.newspage .newslist .item:hover{background:rgba(246,247,248,1);}
.newspage .newslist .item .mauto{ display: block; padding: 37px 0; border-bottom:1px solid rgba(215,223,235,1);}
.newspage .newslist .title{ font-size: 20px; line-height: 26px; margin-bottom: 31px; color: #38404B;}
.newspage .newslist .title span{ display: inline-block; height: 21px; line-height: 21px; vertical-align: middle;  font-size: 12px; border: 1px solid #1F61D8; padding: 0 12px; color: #1F61D8; margin: 0 4px; margin-top: -3px;}
.newspage .newslist .txt{ font-size: 12px; color: #5E7494; line-height: 16px;}

.page{ line-height:28px; font-size: 12px; color: #000000; text-align: center; padding: 40px 0;}
.page a{ display: inline-block; padding: 0 10px; margin: 0 2px; background: #fff; border-radius: 5px;border:1px solid rgba(217,217,217,1);}
.page a.active,.page a:hover{background: #1F61D8; color: #fff}
.page a.disibled{ background: #f1f1f1; color: #ccc}

.aboutpage .banner{ height: 370px; color: #fff; background:#1F61D8 url(../images/aboutbg.png) right bottom no-repeat; background-size:auto 100%;width: 100%;}
.aboutpage .banner h2{ font-size: 42px; font-weight: normal; line-height: 55px; padding-bottom: 16px; padding-top: 110px;}
.aboutpage .banner p{ font-size: 24px;}
.aboutpage .aboutbox{}
.aboutpage .aboutbox .item{ height: 350px; float: left; width: 50%; box-sizing: border-box; padding: 77px 109px 0 78px;}
.aboutpage .aboutbox .item h2{ font-weight: bold; font-size: 14px; color: #38404B; padding: 23px 0 10px;}
.aboutpage .aboutbox .item p{ line-height: 24px; font-size: 14px;}
.aboutpage .aboutbox .item p a{ color: #1F61D8;}

@media screen and (max-width: 1600px) {
	.index-header{ padding: 0; margin: 0 auto; width: 1300px;}
	.footer .footer-top .item1 .plist{ padding-right: 10px;}
}

@media screen and (max-width: 1400px) {
	.index-header{width: 1000px;}
	.mauto{ width: 1000px;}
	.index-banner{ height: 650px;}
	.index-banner .banner-right{ height: 85%;}
	.index-banner .banner-left{ height: 220px; margin-top: -110px;}
	.index-banner .banner-left h2{ font-size: 34px; line-height: 40px; margin-bottom: 10px;}
	.index-banner .banner-left p{ font-size: 14px; margin-bottom: 60px;}
	.index-banner .banner-left .btns a{ height: 50px; line-height: 50px; width: 160px; background-position: 120px center; font-size: 14px;}
	.index-banner .banner-left .btns a:hover{ background-position: 140px center;}
	.index-virtue .title{ margin: 80px 0;}
	.index-virtue .box .item{ height: 360px;}
	.index-virtue .box .item img{ margin-top: 54px;}
	.index-virtue{ padding-bottom: 0;}
	.virtuetext{ line-height: 30px; font-size: 14px; padding: 60px 0 120px}
	.index-switch{ padding-bottom: 120px;}
	.index-switch .title{ padding: 80px 0;}
	.index-switch .box .switchbox{ width: 814px; height: 356px;}
	.switchbox .item .pic{ margin: 50px auto;}
	.index-switch .box .switchbox .item{ width: 241px;}
	.index-kehu .title{ padding: 80px 0; margin-bottom: 0;}
	.index-kehu .box .item{ margin: 15px 1.25%; height: 50px; line-height: 50px;}
	.footer .footer-top .item1{ width: 31%;}
	.footer .footer-top .item2,.footer .footer-top .item3{ width: 22%;}
	.footer .footer-top .item .share,.footer .footer-top .item .navlist{ padding-left: 18px;}
	.contactbottom .cb_l{ width: 480px;}
	.contactbottom .cb_r{ width: 480px;}
	.contact .title h2{ padding-top: 60px;}
}

@media screen and (max-width: 1080px) {
	.index-header{ width: 750px;}
	.mauto{ width: 750px;}
	.index-banner{ height: 500px;}
	.index-virtue .title{ margin: 40px 0;}
	.index-virtue .box .item{ height: 300px;}
	.index-virtue{ padding-bottom: 60px;}
	.virtuetext{ line-height: 30px; font-size: 14px; padding: 45px 0}
	.index-switch{ padding-bottom: 60px;}
	.index-switch .title{ padding: 50px 0;}
	.index-kehu .box{ padding-bottom: 60px;}
	.index-switch .box .switchbox{ width: 814px; height: 356px;}
	.index-switch .box .switchbox .item{ width: 241px;}
	.index-kehu .title{ padding: 50px 0; margin-bottom: 0;}
	.index-switch .box .switchbox{ width: 620px;}
	.index-switch .box .switchbox .item{ width: 175px;}
	.index-switch .box .switchbox{ height: auto;}
	.switchbox .item .pic{ width: 60%; padding-bottom: 60%; margin: 20% 0;}
	.switchbox .item .txt h2{ height: 40px; font-size: 14px; line-height: 20px; padding: 0 14px;}
	.switchbox .item .txt p{ font-size: 12px; padding-bottom: 20px;}
	.index-kehu .box .item{ height: 30px; line-height: 30px;}
	.buzhou{ padding: 30px 0;}
	.buzhou .xian{ width: 40px;}
	.demandbox{padding: 30px 50px 0;}
	.contact .formbox{ margin: 0 50px;}
	.contact .title h2{ padding-top: 40px;}
	.contact .title .tip2{ margin: 16px 0;}
	.contactbottom .cb_l{ width: 100%; float: none;}
	.contactbottom .cb_r{ width: 100%; float: none;}
	.contactbottom .cb_r .item{ width: 33.33%;}
	.contactbottom .title{ margin-top: 40px;}
	.contactbottom{ padding-bottom: 50px;}
	.infodemand .item{ width: 33.33%;}
	.infodemand .item1{ width: 100%; height: auto !important; margin-top: 0 !important;}
	.infodemand .item1 .box{ border: none}
	.infodemand .item1 h2{ font-size: 20px;}
	.mytip{ margin: 100px 0;}
	.mytipforcontact{ margin: 160px auto 40px}
	.infodemand{ margin-bottom: 100px;}
	.aboutpage .aboutbox .item{ padding: 50px 20px 0;}
	.newspage .banner{ background-size: auto 60%;}
}

@media screen and (max-width: 750px) {
	.index-header{ width: 620px;}
	.mauto{ width: 620px;}
	.index-header{ height: 70px;}
	.page-header{ height: 70px;}
	.index-header img{ padding: 15px 0;}
	.page-header img{ padding: 15px 0;}
	.index-banner{ height: 380px; margin-top: -70px;}
	.index-banner .banner-left h2{ font-size: 28px; line-height: 30px; margin-bottom:5px;}
	.index-banner .banner-left p{ font-size: 12px; margin-bottom: 36px;}
	.index-banner .banner-left .btns a{ height: 40px; line-height: 40px; width: 130px; background-position: 90px center; font-size: 12px; background-size: 12px auto;}
	.index-banner .banner-left .btns a:hover{ background-position: 100px center;}
	.index-banner .banner-left{ height: 140px; margin-top: -70px;}
	.index-virtue .title{ margin: 20px 0; font-size: 30px; line-height: 60px;}
	.index-switch .box .switchbox{ width: 530px;}
	.index-switch .box .left, .index-switch .box .right{ width: 30px; height: 30px; margin-top: -15px;}
	.index-switch .box .switchbox .item{ width: 160px; margin: 0 8px;}
	.index-virtue .title:after{ content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -40px; width: 80px; height: 3px; background:#231FD8;}
	.index-virtue .box .item{ height: 220px;}
	.index-virtue .box .item img{ margin-top: 30px; width: 60px; height:66.5px;}
	.index-virtue .box .item h3{ padding: 15px 0;}
	.index-virtue .box .item p{ font-size: 12px;}
	.index-virtue{ padding-bottom: 40px;}
	.virtuetext{ padding: 10px 0}
	.index-switch .title{ padding: 30px 0;}
	.index-switch .title h2{ font-size: 30px; line-height: 40px; margin-bottom:5px;}
	.index-kehu .title{ padding: 30px 0;}
	.index-kehu .title h2{ font-size: 30px; line-height: 40px; margin-bottom: 5px;}
	.footer .footer-top{ height: auto; padding-top: 0;}
	.footer .footer-top .mauto{ height: auto; margin: auto; width: auto;}
	.footer .footer-top .item1{ float: none;height: auto; width: 100%; padding-bottom: 10px;}
	.footer .footer-top .item1 h2{display: block; margin: 0; padding: 15px 0; line-height: 25px;}
	.footer .footer-top .item1 .plist{ width: 620px; margin: 0 auto; padding-bottom: 0;}
	.footer .footer-top .item1 .plist p{ padding: 0; margin-bottom: 15px;}
	.footer .footer-top .item1 .logo{display: none;}
	.footer .inline{ display:block; width: 100%; background: #1f2937}
	.footer .inline:after {content:".";display:block;height:0;clear:both;visibility:hidden}
	.footer .footer-top .box{ width: 620px; margin:0 auto; display: block;;}
	.footer .footer-top .box:after {content:".";display:block;height:0;clear:both;visibility:hidden}
	.footer .footer-top .item2,.footer .footer-top .item3{ width:50%; height: 160px;}
	.footer .footer-top .item .navlist{ padding-left: 0;}
	.footer .footer-top .item .navlist h2{ margin: 0; padding:15px 0;}
	.footer .footer-top .item .navlist p{ margin-bottom:15px;}
	.footer .footer-top .item2{ float: right; border: none;}
	.footer .footer-top .item3{ float: left;}
	.footer .footer-top .item2 .navlist{ padding-left: 10%;}
	.footer .footer-top .item4{ height: auto; width: 100%; text-align: center;}
	.footer .footer-top .item .share h2{ padding-top: 15px;}
	.footer .footer-top .item .share{ padding-bottom: 10px; padding-left: 0;}
	.buzhou .xian{ width: 20px;}
	.buzhou .item .yuan{ margin: 0 10px;}
	.page-header{ padding: 0;}
	.page-header .box{ margin: 0 auto; width: 620px;}
	.page-header .nav{ margin-left:50px;}
	.demandbox .item .tip{ display: block; display: none; white-space: nowrap; line-height: 30px; padding-left: 0;}
	.border{ border: 1px solid #e7e7e7;}
	.mytip{ margin: 80px 0;}
	.mytipforcontact{ margin: 80px auto 0px}
	.infodemand{ margin-bottom: 50px;}
	.aboutpage .banner{ height: 260px;}
	.aboutpage .banner h2{ padding-top: 70px;}
	.newspage .banner{ height: 260px;}
	.newspage .banner h2{ padding-top: 70px;}
	.newspage .newslist .title font{display: block;}
	.newspage .newslist .title span{ margin: 0;}
	.newspage .newslist .title{ margin-bottom: 15px;}
}

@media screen and (max-width: 640px) {
	.index-header{ width: 520px;}
	.mauto{ width: 520px;}
	.page-header .box{width: 520px;}
	.index-header{ height: 50px;}
	.index-header img{ height: 30px; padding: 10px 0;}
	.page-header{ height: 50px;}
	.page-header img{ height: 30px; padding: 10px 0;}
	.index-banner{ height: 300px; margin-top: -50px;}
	.index-virtue .box .item p{ padding: 0 8px;}
	.index-switch .box .switchbox{ width: 450px;}
	.switchbox .item .txt h2{ font-size: 12px;}
	.index-switch .box .switchbox .item{ width: 134px;}
	.footer .footer-top .item1 .plist{ width: 520px;}
	.footer .footer-top .inline .box{ width: 520px;}
	.buzhou .item{ font-size: 12px;}
	.buzhou .xian{ width: 20px;}
	.buzhou .item .yuan{margin: 0 5px;}
	.contactbottom .cb_r .item{ width:50%;}
	.contact .formbox .submit{ margin: 30px 0;}
	.contact .title h2{ font-size: 28px; font-weight: normal; padding-top:30px;}
	.contact .box .item .name{ margin:0px 0 10px;}
	.infodemand .item{ width: 100%; margin-bottom: 10px; height: auto !important;}
	.infodemand .item .box{ border: none;}
	.mytip{ margin: 80px 0;}
	.mytipforcontact{ margin: 100px auto 10px}
}
@media screen and (max-width: 540px) {
	.index-header{ width: 420px;}
	.mauto{ width: 420px;}
	.page-header .box{width: 420px;}
	.index-banner{ height: 240px;}
	.index-banner .banner-left{ height: 108px; margin-top:-40px;}
	.index-banner .banner-left h2{ font-size: 20px; line-height: 20px; margin-bottom:4px; padding-left: 6px;}
	.index-banner .banner-left p{ font-size: 12px; margin-bottom: 20px; line-height: 16px;}
	.index-banner .banner-left p span{ display: block; padding-left: 8px;}
	.index-banner .banner-left .btns a{ height: 30px; line-height: 30px; width: 110px; background-position: 85px center; font-size: 12px; background-size: 12px auto;}
	.index-banner .banner-left .btns a:hover{ background-position: 90px center;}
	.index-switch .box .switchbox{ width: 350px;}
	.index-switch .box .switchbox .item{ width: 160px;}
	.index-virtue .box .item{ height: 180px;}
	.index-virtue .box .item img{ margin-top: 15px;}
	.index-virtue .box .item h3{ padding:8px 0; font-size: 16px; font-weight: normal;}
	.index-virtue .box .item p{ font-size: 12px;}
	.footer .footer-top .item1 .plist{ width: 420px;}
	.footer .footer-top .inline .box{ width: 420px;}
	.footer .footer-bottom{ font-size: 12px; text-align: center; height: auto; line-height: 20px; padding: 15px 0;}
	.buzhou { line-height: 25px;}
	.buzhou .item .yuan{ width: 25px; height: 25px; line-height: 25px;}
	.buzhou .xian{ width: 15px; margin: 0 5px;}
	.xuqiutitle .title{ font-size: 24px;}
	.buzhou{ padding:20px 0;}
	.submit{ margin:20px 0;}
	.demandbox{ padding: 20px 30px 0;}
	.demandbox .item .name{ font-size: 16px; padding: 20px 0 10px;}
	.select,.text{ width: 100%;}
	.contact .box .nameitem{ width: 100%;}
	.contact .box .zy .item{ width: 100%;}
	.contact .title h2{ font-size: 24px;}
	.aboutpage .aboutbox .item{ width: 100%; height: auto; padding: 15px 0;}
	.aboutpage .aboutbox .item .pic{ width: 100px; height: 100px; float: left; padding-top: 20px;}
	.aboutpage .aboutbox .item .boxs{ width: 300px; height: 100px; float: left; padding-left: 20px;}
	.aboutpage .aboutbox{ padding-bottom: 50px;}
	.aboutpage .banner{ height: 200px;}
	.aboutpage .banner h2{ font-size: 28px; padding: 50px 0 0;}
	.aboutpage .banner p{ font-size: 14px;}
	.newspage .banner{ height: 200px;}
	.newspage .banner h2{ font-size: 28px; padding: 50px 0 0;}
	.newspage .banner p{ font-size: 14px;}
	.newspage .newslist .item .mauto{ padding: 20px 0;}
	.newspage .newslist{ padding-top: 30px;}
}
@media screen and (max-width: 440px) {
	.index-header{ width: 320px;}
	.mauto{ width: 320px;}
	.page-header .box{width: 320px;}
	.index-banner{ height: 220px;}
	.index-virtue .title{ margin: 26px 0; line-height: 40px; font-size: 18px;}
	.index-virtue .box .item{ height:160px;}
	.index-switch .title{ padding: 36px 0;}
	.index-switch .title h2{ font-size: 18px; line-height: 30px; margin-bottom: 0;}
	.index-switch .title p{ font-size: 12px;}
	.index-kehu .title{ padding: 36px 0;}
	.index-kehu .title h2{ font-size: 18px; line-height: 30px; margin-bottom: 0;}
	.index-kehu .title p{ font-size: 12px;}
	.index-kehu .box .item{ margin: 5px 1.25%;}
	.index-kehu .box{ padding-bottom: 40px;}
	.index-virtue{ padding-bottom: 15px;}
	.index-virtue .box .item img{ width: 40px; height: auto}
	.virtuetext{ padding:15px 0; font-size: 12px; line-height: 24px}
	.index-switch .box .switchbox{ width: 250px;}
	.index-switch .box .switchbox .item{ width: 109px;}
	.footer .footer-top .item1 .plist{ width: 320px;}
	.footer .footer-top .inline .box{ width: 320px;}
	.buzhou { line-height: 25px;}
	.buzhou .item{ padding-right:10px;}
	.buzhou .item .yuan{ width: auto; height: auto; border: none; background: none; box-shadow:none}
	.buzhou .item .yuan:after{ content: ".";}
	.buzhou .xian{ display: none;}	
	.xuqiutitle .title{ font-size: 18px;}
	.demandbox{ width: 100%; padding: 0; padding-top: 20px;}
	.demandbox .demandmauto{width: 320px;  margin:0 auto;}
	.xuqiutitle .tip{ margin: 8px 0;}
	.xuqiutitle font{ display: block;}
	.demandbox .item .name{ font-size: 14px;}
	.buzhou{ padding: 20px 0;}
	.contact .box{ box-shadow: none; width: 100%;}
	.contact .formbox{ margin: 0 auto; width: 320px;}
	.contact .bg{display: none;}
	.contact{ padding-top: 0;}
	.contactbottom .cb_r .item{ width: 100%; line-height: 30px; padding-bottom: 10px;}
	.demandbox{ margin-bottom: 0; padding-bottom: 50px;}
	.mytip{ width: 320px; margin: 50px auto; }
	.mytipforcontact{margin: 80px auto 30px}
	.mytip .mytip_l{ width: 50px; float: left;}
	.mytip .mytip_l img{ width: 50px; height: 50px;}
	.mytip .mytip_r{ width: 260px; float: left; padding-left: 10px;}
	.mytip .mytip_r h2{ font-size: 18px;}
	.aboutpage .banner{ height: 180px;}
	.aboutpage .banner h2{ font-size: 28px; padding: 50px 0 0;}
	.aboutpage .banner p{ font-size: 14px;}
	.aboutpage .aboutbox .item .boxs{ width: 210px; padding-left: 10px;}
	.demandbox .textareabox textarea{ font-size: 12px;}
	.newspage .banner{ height: 180px;background-size:auto 50%;}
	.newspage .newslist .title{ margin-bottom: 15px;}
	.newspage .banner h2{ font-size: 28px; padding: 50px 0 0;}
	.newspage .banner p{ font-size: 14px;}
	.newspage .aboutbox .item .boxs{ width: 210px; padding-left: 10px;}
}