*{margin:0;padding:0;list-style:none; transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
body,html{font-family:"Segoe UI",Arial,Tahoma,'微软雅黑',"宋体","黑体"; font-size:14px;}

a{text-decoration:none;color:#adaba8; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
a:hover{text-decoration:none;}
em,i,strong{font-style:normal;}
img{display: inline-block; border: 0; vertical-align: middle; max-width: 100%;}
input,textarea{ font-family: '微软雅黑'; font-size: 12px; outline: none;}
.middle{ display: table-cell; vertical-align: middle;}
.content{ width: 1240px; margin: 0 auto;}
.titleH4 { font-size: 24px; font-weight: normal;}
/*.transy{transform: translateY(60px);-webkit-transform: translateY(60px); transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.transx{ transform: translateX(-60px);
-o-transform: translateX(-60px);
-ms-transform: translateX(-60px);
-moz-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;
}
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}*/

ol li{list-style:decimal !important;}


.header{ height: 70px; padding: 0 40px; background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 20; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; border-bottom: 1px solid #ccc;}
.header .logo{ float: left; position: relative; z-index: 2;}
.header .middle{ height: 70px;}
.header .m_nav a.logos{ display: none;}
.header .nav{ overflow: hidden; position: absolute; top: -1px; left: 0; width: 100%; text-align: center; background: #fff;}
.header .nav ul li{ display: inline-block; line-height: 70px; margin: 0 25px;}
.header .nav ul li.cur a,.header .nav ul li:hover a{ color: #000;}
.header .header_btn{ float: right; position: relative; z-index: 2;}
.header .header_btn a{ display: inline-block; width: 29px; height: 29px; border: 1px solid #c3c3c3; line-height: 29px; text-align: center; border-radius: 50%; font-size: 16px; margin-left: 7px; }
.header .header_btn a.searchBtn{ background: url(../images/search_icon.png) no-repeat center;}
.header .header_btn a.signBtn{ background: url(../images/sign_icon.png) no-repeat center;}
.header .header_btn a.chinese{ margin-left: 20px;}
.header .header_btn a.cur{ border-color: #000; color: #000;}
.header .header_btn a:hover{ border-color: #000;}
.inpBox{ position: absolute; bottom: 100px; left: 0; height: 49px; width: 100%; background: rgba(0,0,0,0.5); padding: 0 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; z-index: -1; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.inpBox input{ width: 100%; height: 30px; line-height: 30px; border: 1px solid #ccc; margin-top: 10px; padding-left: 10px; font-size: 16px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inpBox.cur{ bottom: -50px;}
.inpBox i{ position: absolute; top: 50%; right: 30px; width: 30px; height: 30px; margin-top: -15px; background: url(../images/search_icon.png) no-repeat center; cursor: pointer;}




.banner{ position: relative; margin-top: 70px;}
.banner .swiper-container img{ width: 100%;}
.banner .swiper-container .swiper-wrapper,.banner .swiper-container .swiper-wrapper .swiper-slide{ height: auto!important;}
.banner .swiper-container .swiper-slide{ position: relative;}
.banner .swiper-container .swiper-slide a{ display: block;}
.banner .swiper-container .text{ position: absolute; top: 50%; left: 50%; color: #fff; font-size: 45px; width: 90%; text-align: center; transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.banner .pagination{ position: absolute; bottom: 25px; width: 100%; text-align: center; z-index: 2;}
.banner .pagination .swiper-pagination-switch{ width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; background: transparent; display: inline-block;  margin: 0 5px; cursor: pointer;}
.banner .pagination .swiper-pagination-switch.swiper-active-switch{ background: #fff;}
.banner a[class^='arrow']{ width: 50px; height: 100px; position: absolute; top: 50%; margin-top: -50px; z-index: 2;}
.banner a.arrow-left{ left: 40px; background: url(../images/arrow-left.png) no-repeat center;}
.banner a.arrow-right{ right: 40px; background: url(../images/arrow-right.png) no-repeat center;}
.modular{width:100%;clear:both}
.modular .title{ background: #fff; height: 80px; line-height: 80px; text-align: center; font-size: 30px; }
.modular .title a{ color: #232323;}

.modular div[class^='box2']{ background: #f1f1f1; overflow: hidden; padding: 40px 0;}
.box1{ text-align: center;}
.box1 .content{background:url(../images/pic01.jpg) center;height:584px;width:100%;margin:0 auto}
.box1 .content div{width:980px;margin:0 auto}
.box1 .content div a{width:300px;float:left;margin-right:38px;margin-top:17px}
.box1 .content div a img{width:100%;display:block}
.box1 .content div a:nth-child(3n){margin-right:0px}
.box1 .content div a:last-child{float:right;margin-right:0px}

/*.modular div[class^='box']{ background: #f1f1f1; overflow: hidden; padding: 40px 0;}*/
.box1{ text-align: center;}
.box1 .child{ height: 460px; display: table-cell; vertical-align: middle; text-align: left; position: relative; width: 600px; margin-left: 70px;}
.box1 .child .logos{ position: absolute; top: 40%; left: 70px;}
.box1 .child .links{ margin-left: 270px; float: left; position: relative;}
.box1 .child .links:before{ content: ''; position: absolute; top: 50%; width: 30px; left: -30px; height: 2px; margin-top: -1px; background: #939393;}
.box1 .child .links a{ display: block!important; height: 60px; line-height: 60px; color: #0099ff; position: relative; padding-left: 40px; }
.box1 .child .links a:after{ content: ''; position: absolute; top: 0; left: 0; width: 32px; height: 60px; background: url(../images/box_Line.png) no-repeat center;}
.box1 .child .links a:first-child:after{ background-image: url(../images/box_topLine.png);}
.box1 .child .links a:last-child:after{ background-image: url(../images/box_bottomLine.png);}
.box1 .child .links a:hover{ color: #000;}

.modular .box2 .dec:nth-child(1){ width: 20%;}
.modular .box2 .dec{ width: 17%; float: left; padding-right: 2%;}
.modular .box2 .dec h4{ font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.modular .box2 .dec .info{ line-height: 28px;}

.modular .box3{ background: url(../images/box3_bg.jpg) center no-repeat!important;  padding: 90px 0 75px!important; background-size: cover!important;}
.modular .box3 .child{ overflow: hidden; text-align: center;}
.modular .box3 .child .dec{ display: inline-block; width: 241px; height: 271px;  margin-right: 208px; position: relative;  transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;} 
.modular .box3 .child .dec:last-child{ margin-right: 0;}
.modular .box3 .child .dec a{ display: table-cell; width: 201px; height: 271px;background: url(../images/box3_border.png) no-repeat; vertical-align: middle; text-align: center; font-size: 24px; color: #fff; padding: 0 20px;}
.modular .box3 .child .dec:after{ content: ''; position: absolute; width: 208px; height: 271px; top: 0; right: -208px; background: url(../images/box3_border_jt.png) no-repeat center; }
.modular .box3 .child .dec:last-child:after{ content: ''; display: none;}
.modular .box3 .child .dec:hover a{ color: #3399ff; background-image: url(../images/box3_borderC.png);}

.modular .box3 .content>p{ text-align: center; color: #fff; font-size: 30px; margin-top: 50px;}

.modular .box4{ padding: 90px 0 75px!important;}
.modular .box4 .child{ overflow: hidden;}
.modular .box4 .child .dec{ float: left; overflow: hidden; width: 550px; margin-right: 120px;}
.modular .box4 .child .dec .day{ width: 98px; height: 98px; float: left; border-radius: 10px; border: 1px solid #9b9b9b; overflow: hidden;}
.modular .box4 .child .dec .day span{ display: block; text-align: center;}
.modular .box4 .child .dec .day span.month{ font-size: 20px; background: #9b9b9b; height: 35px; line-height: 35px; color: #fff;}
.modular .box4 .child .dec .day span.num{ font-size: 42px; line-height: 64px; color: #333;}
.modular .box4 .child .dec .text{ float: right; width: 415px;}
.modular .box4 .child .dec .text a{ color: #BA5730; font-size: 20px; display: block; margin-bottom: 10px;}
.modular .box4 .child .dec .text .info{ line-height: 30px;}
.modular .box4 .child .dec:nth-child(2n){ margin-right: 0;}

.modular .box4 .move{ text-align: center; margin-top: 65px;}
.modular .box4 .move a{ color: #BA5730;}

.footerNav { padding-top: 50px; border-top: 1px solid #ccc; background: #fff; position: relative; z-index: 3;}
.footerNav .header{ position: relative;}
.copy{ padding: 40px 0; font-size: 14px; color: #ccc; text-align: center; margin-bottom: 70px; background: #fff; position: relative; z-index: 2;}

.footerRequest{ height: 70px; background: #333; padding: 0 40px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.footerRequest .middle{ height: 70px;}
.footerRequest .logo{ float: left; position: relative; z-index: 2;}
.footerRequest .requestBtn { position: absolute; top: 0; left: 0; height: 70px; text-align: center; width: 100%;}
.footerRequest .requestBtn a{ display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 5px; background:#BA5730; color: #fff; margin-top: 17px;}
.footerRequest .rightShare{ float: right; position: relative; z-index: 2;}
.footerRequest .rightShare .links{ display: inline-block; margin-right: 10px;}
.footerRequest .rightShare .links a{ display: inline-block; width: 30px; height: 30px; background: url(../images/rightShare_mail.png) no-repeat center; margin-right: 10px;}
.footerRequest .rightShare .links a.iphone{ background-image: url(../images/rightShare_iphone.png); margin-right: 30px;}
.footerRequest .rightShare .links a.linkedin{ background-image: url(../images/rightShare_in.png);}
.footerRequest .rightShare .links a.youtube{ background-image: url(../images/rightShare_you.png);}
.footerRequest .rightShare .links a.weixin{ background-image: url(../images/rightShare_wx.png);}
.footerRequest .rightShare .wx{position:absolute;top:-150px;right:-25px;display:none;z-index:9999;}
.footerRequest .rightShare .wx img{width:150px;height:150px;}
/*.footerRequest .rightShare .share{ display: inline-block;}
.footerRequest .rightShare .share a{ margin-left: 10px; display: inline-block;}
.footerRequest .rightShare .share .jiathis_button_linkedin .jiathis_txt{ background: url(../images/rightShare_in.png) no-repeat;}
.footerRequest .rightShare .share .jiathis_button_weixin .jiathis_txt{ background: url(../images/rightShare_wx.png) no-repeat;}
.footerRequest .rightShare .jiathis_style_32x32 .jiathis_txt{ width: 30px; height: 30px; padding-left: 0!important;}
*/
/*leftNav*/

.InPage{ overflow: hidden; padding-top: 70px; background: #f1f1f1; position: relative;}
.leftNav,.InPage .rightNav{position: absolute; top: 0; left: 0; width: 340px; padding: 140px 40px 40px; background: #f1f1f1; height: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.InPage .rightNav{ left: auto; right: 0;}
.leftNav .linkList{ overflow: hidden;}
.leftNav .linkList a{ display: block; margin-bottom: 25px; font-size: 18px;}
.leftNav .linkList a.cur,.leftNav .linkList a:hover{ color: #000;}
.InPage .main{ overflow: hidden; min-height: 920px; float: left; padding: 0 380px 40px; background: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%;}
.InPage .main .crumbs{ border-bottom: 1px solid #ccc; line-height: 36px; font-size: 14px; color: #999; margin-bottom: 40px;}
.InPage .main .crumbs a:hover{ color: #000;}

.InPage .main .backToTop{ font-size: 12px; color: #999; text-align: center; margin-top: 25px;}
.InPage .main .backToTop .backBtn{ display: inline-block; cursor: pointer;}
.InPage .main .backToTop .backBtn i{ display: block; width: 11px; height: 6px; background: url(../images/back_jt.png) no-repeat; margin: 0 auto 6px;}
.InPage .main .backToTop .backBtn:hover{ color: #000;}

.InPage .rightNav{ left: auto; right: 0;}
.InPage .rightNav .dec{ position: relative; margin-bottom: 35px;}
.InPage .rightNav .dec .text{ position: absolute; top: 20px; left: 20px; font-size: 29px; color: #BA5730;}
.InPage .rightNav .dec .text:after{ content: ''; position: absolute; bottom: -60px; left: 0;}
.InPage .rightNav .dec:nth-child(1) .text:after{ width: 39px; height: 51px; background: url(../images/rightNav_icon1.png) no-repeat;}
.InPage .rightNav .dec:nth-child(2) .text:after{ width: 72px; height: 37px; background: url(../images/rightNav_icon2.png) no-repeat;}
.InPage .rightNav .dec:nth-child(3) .text:after{ width: 40px; height: 37px; background: url(../images/rightNav_icon3.png) no-repeat;}

.InPage .main .software .box1{ background: #f1f1f1;}
.InPage .main .software .box1 .content{background:none}
.InPage .main .software .box1 .child{ width: 370px;}
.InPage .main .software .box1 .content div{width:auto}
.InPage .main .software .box1 .content div a{margin-top:0px;margin-right:0px}
.InPage .main .software .box1 .content div a:last-child{float:left;margin-right:auto;}
.InPage .main .software .box1 .child .logos{ left: 10px;}
.InPage .main .software .box1 .child .links a{ height: 44px; line-height: 44px; font-size: 14px; padding-left: 24px;overflow:hidden}
.InPage .main .software .box1 .child .links a:after{ height: 44px; background: url(../images/box_Line1.png) no-repeat center; width: 22px;}
.InPage .main .software .box1 .child .links a:first-child:after{ background-image: url(../images/box_topLine1.png);}
.InPage .main .software .box1 .child .links a:last-child:after{ background-image: url(../images/box_bottomLine1.png);}
.InPage .main .software .box1 .child .links:before{ width: 20px; left: -20px;}
.InPage .main .software .box1 .child .links{ margin-left: 132px;}
.InPage .main .software .box1 .content{ width: 100%;}
.InPage .main .software .item{ margin-top: 35px;}
.InPage .main .software .Pimg{ text-align: center;}
.InPage .main .software .Pimg img{ max-width: 100%;}
.InPage .main .software .item h4{ font-weight: normal; font-size: 20px;}
.InPage .main .software .item p{ font-size: 14px; color: #333; line-height: 20px; margin-top: 10px;}

.InPage .main .software1{ color: #333;}
.InPage .main .software1 .dec{ margin-bottom: 20px;}
.InPage .main .software1 .dec h4{ font-weight: normal; font-size: 24px!important;}
.InPage .main .software1 .dec p{ font-size: 14px; line-height: 20px;}

.InPage .main .software1 .item{ overflow: hidden;}
.slideBox{ border-bottom: 1px solid #ccc; cursor: pointer;}
.slideBox h4.title{ font-size: 20px; font-weight: normal; line-height: 50px; color: #BA5730; display: inline-block; background: url(../images/software1_title_icon.png) no-repeat right center; padding-right: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.slideBox h4.title.cur{ background-image: url(../images/software1_title_iconC.png);}
.slideBox .info { font-size: 14px; line-height: 20px; display: none;}
.slideBox .info p{ margin-bottom: 10px;}
.slideBox .close{ text-align: center; margin-bottom: 10px;}
.slideBox .close .closeBtn{ display: inline-block; color: #999; cursor: pointer;}
.slideBox .close .closeBtn i{ display: block; width: 11px; height: 6px; background: url(../images/back_jt.png) no-repeat; margin: 20px auto 0px;}
.close .closeBtn:hover{ color: #000;}

.InPage .main div[class^='service'] .item{ margin-top: 30px;}
.InPage .main div[class^='service'] .item h4{ font-size: 24px; font-weight: normal;}
.InPage .main div[class^='service'] .item .info{ line-height: 20px; font-size: 14px; margin-top: 20px;}
.InPage .main div[class^='service'] .item .info p{ margin-bottom: 10px;}
form.bd{ overflow: hidden; margin-top: 20px;}
form.bd dl{ overflow: hidden; line-height: 30px; margin-bottom: 24px;}
form.bd dl dt,form.bd dl dd{ float: left;}
form.bd dl dt{ width: 120px; font-size: 14px;}
form.bd dl dd{ width: 60%;}
form.bd dl dd input{ width: 100%; height: 28px; border: 1px solid #9b9b9b; float: left; padding-left: 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
dl dd textarea{ height: 150px; width: 100%; padding-left: 10px; padding-top: 10px; border: 1px solid #9b9b9b;}
form.bd dl dd .submit{ display: block; float: none; width: 100px; height: 30px; background: #BA5730; color: #fff; border: 0; border-radius: 5px; font-size: 16px; padding-left: 0; margin: 0 auto; cursor: pointer;}

span.color{ color: #0099ff;}

.news .dec{ width: 49%; margin-right: 2%; float: left; margin-bottom: 25px;}
.news .dec:nth-child(2n){ margin-right: 0;}
.news .dec img{ width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.news .dec p{ color: #BA5730; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.news .dec:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);filter: none;}
.news .dec:hover p{ color: #000;}

.news_details .title{ margin-bottom: 30px; color: #333;}
.news_details .title p{ font-size: 30px;}
.news_details .title span{ font-size: 14px;}

.news_details .info{ line-height: 20px;}
.news_details .info p{ font-size: 14px; margin-bottom: 10px;}
p.end{ font-size: 12px; color: #999; text-align: center; margin-top: 30px;}
.news_details .other{ border-top: 1px solid #ccc;}
.news_details .other a{ font-size: 14px; color: #3399ff;}
.news_details .other a:hover{ color: #000;}

.agent h4{ font-size: 30px; font-weight: normal; margin-bottom: 30px;}
.agent .dec{ margin-bottom: 30px;}
.agent .dec h5{ font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.agent .dec p{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}

.about .dec{ border-bottom: 1px solid #ccc; padding-bottom: 15px; overflow: hidden;}
.about .dec.call{ padding: 0px;}
.about .dec.call .titleH4{ margin-bottom: 20px;}
.about .dec.call .info{ float: left; width: 33%; border-right: 1px solid #ccc; padding: 0 5%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.about .dec.call .info:nth-of-type(1){ padding-left: 0;}
.about .dec.call .info:nth-of-type(3n){ margin-right: 0; border-right: 0; padding-right: 0;}
.about .dec.call .info .flag{ float: left; width: 40px;}
.about .dec.call .info .text{ float: right; font-size: 14px;}

.about .dec.visit .titleH4{ margin: 25px 0;}
.about .dec.visit .item{ overflow: hidden; width: 80%; margin-bottom: 30px;}
.about .dec.visit .item .pic{ float: left; width: 55%;}
.about .dec.visit .item .pic img{ width: 100%;}
.about .dec.visit .item .text{ float: left; width: 45%; padding-left: 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.about .dec.visit .item .text .titleH4{ margin: 0; padding-left: 30px; background: url(../images/about_title_icon.png) no-repeat left center;}
.about .dec.visit .item .text h5{ font-size: 18px; font-weight: normal; margin-top: 20px; margin-bottom: 10px;}
.about .dec.visit .item .text p{ font-size: 16px;}
.about .dec.visit .item .text .flag{ margin-top: 20px;}

.about1 .titleH4{ background: url(../images/about_title_icon.png) no-repeat left center; padding-left: 30px;}
.about1 .slideBox .close .closeBtn p{ padding-left: 0;}
.about1 .slideBox .apply{ width: 100px; height: 39px; background: #4a90e2; color: #fff; font-size: 16px; text-align: center; line-height: 39px; border-radius: 3px; margin: 20px auto;}
.about1 .slideBox h5{ font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.about1 .slideBox p{ padding-left: 10px;}

.about2 .info{ font-size: 14px; margin-bottom: 70px;}

.about2 .dec{ overflow: hidden; margin-top: 25px;}
.about2 .dec a{ float: left; max-width: 200px; width: 32%; margin-right: 2%; height: 40px; font-size: 18px; color: #fff; text-align: center; line-height: 40px;border-radius: 3px; padding-left: 30px; background: url(../images/city_icon.png) 30px center #BA5730 no-repeat; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.about2 .dec a:last-child{ margin-right: 0;}

.menu-handler {
	width: 58px;
	height: 58px;
	cursor: pointer;
	position: fixed;
	top: 10px;
	right: 0;
	margin-left: 15px;
	z-index: 49;
	display: none;
}
.menu-handler .burger {
	width: 30px;
	height: 3px;
	background: #333;
	display: block;
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 50%;
	margin: 0px 0px 0px -15px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.menu-handler .burger-2 {
	top: 27px;
}
.menu-handler .burger-3 {
	top: 35px;
}
.menu-handler.active .burger-1 {
	top: 27px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
	top: 27px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.trans, .trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}
.trans-fast,.trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}


.ejectFrom,.ejectFrom1{ position: fixed; width: 100%; left: 0; top: 0; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 10; display: none;}
.ejectFrom .mask,.ejectFrom1 .mask{ width: 100%; height: 110%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; cursor: pointer;  padding-top: 100px;}
.ejectFrom .formBox,.ejectFrom1 .formBox{ position: absolute; width: 820px; padding: 40px 50px; background: #fff; border-radius: 5px; border: 1px solid #ccc; margin-top: 70px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; top: 50%; left: 50%;  transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.ejectFrom .formBox .closeBtn{
	position:absolute;
	top:0;
	right: 10px;
	font-size: 40px;
	cursor:pointer;
}
.ejectFrom .formBox h4{ font-size: 36px; font-weight: normal; margin-bottom: 30px;}
.ejectFrom .formBox dt{ float: left; font-size: 18px; width: 220px;}
.ejectFrom .formBox dd{ width: 65%;}
.ejectFrom .formBox form.bd dl dd input{ height: 38px; line-height: 38px; font-size: 16px;}
.ejectFrom .formBox form.bd dl.upload dt{ position: relative;}
.ejectFrom .formBox form.bd dl.upload dt:after{ content: ''; position: absolute; top: 50%; right: 15px; margin-top: -16px; width: 41px; height: 40px; background: url(../images/Upload_icon.png);}
.ejectFrom .formBox form.bd dl.upload dd{ border: 1px solid #9b9b9b; padding-left: 10px; height: 38px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.ejectFrom .formBox form.bd dl.upload dd input{ opacity: 0;}
.ejectFrom .formBox form.bd input.submit{ width: 130px; height: 40px; background: #4a90e2; color: #fff; font-size: 18px; border: 0; border-radius: 5px; margin: 0 auto; display: block; margin-top: 50px; cursor: pointer; text-align: center;}

.about3 .pic{ margin-top: 20px; margin-bottom: 20px;}
.about3 .pic img{ display: none; width: 100%;}
.about3 .pic img.cur{ display: block;}

.about3 .history{ width: 100%; overflow-x: auto; overflow-y: auto; background: url(../images/history_icon.png) left 3px repeat-x; }

.about3 .history span{ font-size: 16px; color: #0099ff; float: left; width: 80px; text-align: center; position: relative; padding-top: 20px; cursor: pointer;}
.about3 .history span:after{ content: ''; position: absolute; top: 0; left: 50%; margin-left: -5px;  width: 10px; height: 10px; background: #d8d8d8; border-radius: 50%;}
.about3 .history span:hover,.about3 .history span.cur{ color: #000;}
.about3 .history span:hover:after,.about3 .history span.cur:after{ background: #000;}

.about3 .history .year{ width: 200%; }
.about3 .info,.about4 .info{ margin-top: 25px; font-size: 14px; line-height: 20px; color: #666;}
.about3 .info .dec{ display: none;}
.about3 .info .cur{ display: block;}

.header .nav .slideDown{ display: none;}
.header .nav .slideDown a{ display: block; font-size: 18px; line-height: 35px;}

.about4 .info{ margin-bottom: 40px;}
.about4 .info p{ margin-bottom: 10px;}
.about4 .three{ text-align: center;}
.about4 .three .threeTop{ display: inline-block; position: relative; margin: 40px 0;}
.about4 .three .threeTop ul li{  position: absolute; display: none;}
.about4 .three .threeTop ul li.three1{ width: 141px; height: 82px; background: url(../images/three_1.png) no-repeat; top: 0; left: 50%; margin-left: -70.5px;}
.about4 .three .threeTop ul li.three2{ width: 75px; height: 122px; background: url(../images/three_2.png) no-repeat; top: 51px; left: 1px;}
.about4 .three .threeTop ul li.three3{ width: 71px; height: 121px; background: url(../images/three_3.png) no-repeat; top: 51px; right: 1px;}
.about4 .three .threeBottom{ text-align: left; }
.about4 .three .threeBottom h5{ font-size: 18px; font-weight: normal; color: #666;}
.about4 .three .threeBottom .info{ line-height: 20px; }
.about4 .three .threeBottom p.imgP{ text-align: center; margin: 10px 0 20px;}
.about4 .three .threeBottom .child{ display: none;}


.sign{ background: #f1f1f1; padding: 200px 0 100px;}

.sign .child{ width: 765px; background: #fff; border-radius: 5px; margin: 0 auto; padding: 50px 40px; overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sign .child .left{ float: left; width: 340px;}  
.sign .child .info{ border-right: 1px solid #ccc; padding-right: 40px; margin-top: 20px;}
.sign .child form dl{ overflow: hidden; margin-bottom: 10px;}
.sign .child form dl:last-child{ margin-bottom: 0;}
.sign .child form dl dt{ float: left; width: 65px; font-size: 14px; color: #333; line-height: 27px;}
.sign .child form dl dd{ float: left; overflow: hidden; font-size: 12px; width: 224px;}
.sign .child input{ width: 217px; height: 25px; border: 1px solid #d8d8d8; padding-left: 5px; float: left; font-size: 14px;}
.sign .child form dl dd input[type='checkbox']{ width: auto; height: auto;}
.sign .child form dl dd .rem{ float: left;}
.sign .child form dl dd .rem label{ margin-left: 5px;}
.sign .child form dl dd .for{ float: right;}
.sign .child form dl dd .for a{ color: #3399ff; }
.sign .child  input[type='button']{ width: 100px; height: 30px; background: #4a90e2; color: #fff; border: 0; border-radius: 5px; margin-bottom: 30px; cursor: pointer;}
.sign .child .xing{ width: 100%; float: left;}
.sign .child .xing a{ font-size: 12px; display: block; width: 100%; line-height: 20px;}
.sign .child .xing a:hover{ color: #0099ff;}
.sign .child .right{ float: right; width: 290px; padding-left: 50px;}
.sign .child .right .info{ border: 0; padding-right: 0; height: 111px;}
.sign .child .right .info p{ font-size: 14px;}

.register .child{ width: 410px;}
.register .child form{ margin-top: 20px;}
.register .child form dl dt{ width: 85px; text-align: left; font-size: 14px;}
.register .child form dl dd input[type='button']{ margin-top: 30px;}

.popup{ background: #f1f1f1; text-align: center;}
.popup .popupBox{ display: inline-block; background: #fff; border: 1px solid #d4d4d4; border-radius: 8px; width: 410px; margin: 250px 0 160px; padding: 50px; text-align: left; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.popup .popupBox h4{ font-weight: normal; font-size: 30px;}
.popup .popupBox .info{ line-height: 20px; font-size: 14px; margin-top: 20px;}
.popup .popupBox .info p{ margin-bottom: 10px;}

.easyDialog_wrapper .easyDialog_text{ color: #333; font-weight: normal; font-size: 30px; padding: 50px;}
.easyDialog_wrapper .easyDialog_text h4{ font-weight: normal;}
.easyDialog_wrapper{ width: auto; font-family: 'Segoe UI';}

.dh_table{width:670px;margin:0 auto;overflow:hidden;vertical-align:top;}
.dh_table td{vertical-align:top;}
.dh_table td:first-child{width:120px;}
.dh_table td:last-child{width:520px;padding-left:10px;}
.dh_table td:last-child input,.dh_table td:last-child textarea{width:250px;height:30px;padding:0px 5px;float:left;}
.dh_table td:last-child textarea{height:50px;padding:5px;}
.dh_table td:last-child p{font-size:12px;line-height:18px;width:180px;float:left;margin-left:14px;}
.dh_table td:last-child>a{color:#999;float:left;width:180px;margin-left:14px;font-size:12px;}
.dh_table td:last-child>div{width:100%;float:left;margin-top:20px;}
.dh_table td:last-child>div a{padding:0px 10px;line-height:24px;color:#333;background:#eee;float:left;border:1px solid rgb(169, 169, 169);margin-right:10px;}
.dh_table td:last-child>div a:hover{background:#BA5730;color:#fff;border-color:#BA5730;}
.dh_table td:first-child span em{color:red;}

@media screen and (max-width: 1660px){
	.about .dec.call .info .flag{ float: none;}
	.about .dec.call .info .text{ float: left;}
	.about .dec.visit .item{ width: 90%;}
}

@media screen and (max-width: 1440px){
	.box1 .content{width:100%}
    .InPage .main .software .box1 .content div{width:164px}
}

@media screen and (max-width:980px){
	.box1{padding-bottom:40px;background: #f1f1f1;width:100%;float:left}
	.box1 .content{background:none;height:auto}
	.box1 .content div .picimg{display:none !important}
	.box1 .content div {width:96%;margin-left:2%}
	.box1 .content div a{width:30%;margin-right:5%}
	.box1 .content div a img{width:100%}
	.box1 .content div a:last-child{float:left;margin-right:auto}
}
@media screen and (max-width:540px){
	.box1 .content div a{width:48%;margin-right:4%}
	.box1 .content div a:nth-child(2n){margin-right:0px}
	.box1 .content div a:nth-child(3n){margin-right:4%}
}


@media screen and (max-width: 1280px){
	body, html{ font-size: 16px;}
    .header,.header .middle{ height: 80px;}
    .header .nav ul li{ line-height: 80px;}
    .content{ width: 900px;}
    .modular .title{ height: 100px; line-height: 100px; font-size: 36px;}
    .box1 .child .links{ margin-left: 200px;}
    .box1 .child .logos{ left: 0;}
    .banner{ margin-top: 80px;}
	.InPage{ padding-top: 80px;}
	.modular .box2 .content,.modular .box4 .content{ width: 96%; padding: 0 2%;}
	.modular .box3{ padding: 60px 0 60px!important;}
	.modular .box3 .child .dec{ transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7);margin-right: 73px;}
	.modular .box3 .content>p{ font-size: 32px; margin-top: 10px;}

	.modular .box4 .child .dec{ width: 45%; margin-right: 5%;}
	.modular .box4 .child .dec .text{ width: 70%;}
	.header .nav ul li{ margin: 0 15px;}
	.banner .swiper-container .text{ font-size: 40px;}

	.InPage .rightNav{ display: none;}
	.InPage .main{ padding-right: 40px; padding-left: 340px;}
	.InPage .leftNav{ width: 300px;}
	.sign{ padding: 150px 0 70px;}
}

@media screen and (max-width: 1024px){
	.content{ width: 96%; padding: 0 2%;}
	.box1 .content{padding:0px}
	.menu-handler{ display: block;}
	.m_nav{ position: fixed; width: 100%; top: -130%; overflow-x: hidden;
    overflow-y: auto; left: 0; height: 100%; background: #fff; z-index: 10; text-align: center;}
	.header .m_nav a.logos{ display: inline-block; margin: 20px 0; }
	.m_nav .nav{ position: static;}
	.header .nav ul li{ display: block; font-size: 28px;}
	.header .header_btn{ float: none; display: inline-block;}
	

	.box1 .child{ width: 100%; height: auto; overflow: hidden; padding-bottom: 30px; display: block; margin-left: 0;}
	.box1 .child:last-child{ padding-bottom: 0;}
	.box1 .child .logos{ position: static;}
	.box1 .child .links{ margin-left: 0!important;}
	.box1 .child .links a{ float: left; padding-left: 0; padding-right: 40px;}
	.box1 .child .links a:after,.box1 .child .links:before{ display: none;}
	
	.InPage .main .software .box1{ padding: 20px 0;}
	.InPage .main .software .box1 .child{ width: 100%;}

	.modular .box2 .dec{ width: 100%!important; margin-bottom: 10px;}
	.modular .box3 .child .dec{ margin-right: 0;}
	.modular .box3 .child .dec:after{ display: none;}

	.modular .box4{ padding: 45px 0!important;}
	.modular .box4 .child .dec{ position: relative; width: 100%; margin-right: 0; margin-bottom: 20px;}
	.modular .box4 .child .dec .day{ position: absolute; left: 0; top: 0;}
	.modular .box4 .child .dec .text{ padding-left: 120px; width: 100%; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.modular .box4 .move{ margin-top: 40px;}
	.copy{ border-top: 1px solid #ccc;}
	.footerNav{ display: none;}
	.about2 .dec a{ margin-right: 15px;}

	.modular .box3 .child .dec:hover a{ background: none;}
}

@media screen and (max-width: 860px){
	.about2 .dec a{ margin-bottom: 10px; width: 200px;}

	.ejectFrom .formBox{ width: 100%;}
	.dh_table{width:100%;}
	.dh_table td{width:100% !important;float:left;padding:0px !important;margin:4px 0px !important;}
	.dh_table td:last-child>a,.dh_table td:last-child p{width:100% !important;margin:4px 0px 0px 0px !important;}
	#crmWebToEntityForm{width:100% !important;}
}

@media screen and (max-width: 640px){
	.dh_table{width:300px;}
	.header, .header .middle{ height: 60px;}
	.header{ padding: 0 20px;}
	.banner{ margin-top: 60px;}
	.menu-handler{ top: 0;}
	.banner .swiper-container .text{ font-size: 20px; width: 80%;}
	.banner a.arrow-left{ left: 0;}
	.banner a.arrow-right{ right: 0;}
	.banner .pagination{ bottom: 5px;}
	.banner a[class^='arrow']{ background-size: 17px 32px; width: 40px;}

	.modular .title{ height: 70px; line-height: 70px; font-size: 24px;}
	.header .nav ul li{ line-height: 50px; font-size: 24px;}

	.modular .box1 .child .logos img{ width: 105px; height: 60.2px;}
	.footerRequest .logo{ display: none;}
	.copy{ margin-bottom: 60px; padding: 20px 0;}
	.footerRequest{ height: 60px;}
	.footerRequest .rightShare{ display: none;}
	.footerRequest .requestBtn a{ margin-top: 10px;}

	.modular .box3{ }
	.modular .box3 .child .dec{ position: relative;}
	.modular .box3 .child .dec a{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
	.modular .box3 .child .dec{ background: url(../images/box3_border.png) no-repeat; width: 168.7px; height: 189.7px; background-size: cover; transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	}
	.modular .box3 .child .dec a{ background: none; width: auto; height: auto; font-size: 22px;}
	.modular .box3 .child .dec:last-child{ margin-top: -47px;}

	.modular .box3 .content>p{ font-size: 26px;}
	
	.InPage{ padding-top: 60px;}
	.InPage .leftNav{ display: none;}
	.InPage .main{ padding-left: 2%; padding-right: 2%; min-height: auto!important;}
	
	.InPage .main .crumbs{ margin-bottom: 20px;}
	.slideBox h4.title{ font-size: 20px; line-height: 45px;}
	.about1 .slideBox h5{ margin-bottom: 10px;}
	.titleH4,.agent h4,.InPage .main .software .item h4,.InPage .main div[class^='service'] .item h4{ font-size: 26px;}
	.agent h4,.agent .dec{ margin-bottom: 15px;}
	.InPage .main div[class^='service'] .item,.InPage .main .software .item{ margin-top: 15px;}

	.ejectFrom{ overflow-x: hidden; overflow-y: auto;}
	.ejectFrom .formBox{ top: 50%; left: 0; height: 400px; overflow-x: hidden; overflow-y: auto;  padding: 20px; transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	.ejectFrom .formBox h4{ font-size: 28px; margin-bottom: 10px;}
	.ejectFrom .formBox dt,form.bd dl{ margin-bottom: 10px;}
	.ejectFrom .formBox dt,.ejectFrom .formBox dd{ width: 100%;}
	.ejectFrom .formBox form.bd dl.upload dt:after{ display: none;}
	
	.modular .box4 .child .dec .day{ width: 88px; height: 85px;}
	.modular .box4 .child .dec .text a{ font-size: 20px;}
	.modular .box4 .child .dec .day span.num{ line-height: 50px; font-size: 26px;}
	.modular .box1 .child .links a{ line-height: 50px; height: 50px;}

	.banner .pagination .swiper-pagination-switch{ width: 6px; height: 6px;}

	.modular .box1 .child .links a{ padding-right: 18px;}

	form.bd dl dt,form.bd dl dd,form.bd dl dd textarea{ width: 100%; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.news_details .title p{ font-size: 26px;}
	.about .dec.visit .item .pic,.about .dec.visit .item .text,.about .dec.visit .item .pic img,.about .dec.visit .item{ width: 100%;}
	.about .dec.visit .item .text{ padding-left: 0;}
	

	.sign{ padding: 60px 0 30px;}
	.sign .child{ width: 100%; padding: 30px 20px;}
	.sign .child .left{ width: 100%; margin-bottom: 20px;}
	.sign .child .info{ border: 0;}
	.sign .child .right{ padding-left: 0; width: 100%;}

	.popup .popupBox{ width: 98%;}
	.popup .popupBox h4{ font-size: 24px;}
}
@media screen and (max-width:413px){

/*	.box1 .content{height:420px !important}
*/}
@media screen and (max-width: 769px){

/*	.box1 .content{height:404px}
*/}

@media screen and (max-width: 321px){
	.modular .box3 .child .dec{ width: 152.7px; height: 171.7px;}
	.modular .box3 .child .dec:last-child{ margin-top: -42px;}
}