*{margin:0;padding:0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight:400}
button,input,textarea{outline:0;border:0;font-family:Source Han Sans CN,sans-serif;-webkit-appearance:none}
img{overflow:hidden;border:0;max-width: 100%;vertical-align: top;}
a{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;color: #2062e6;background-color: transparent; text-decoration: none;outline: none;cursor: pointer;-webkit-transition: color .3s;transition: color .3s;-webkit-text-decoration-skip: objects;}
a:hover{color: #3799fa;text-decoration: none;}
ul li{list-style:none}
body, html{width: 100%;height: 100%;}
body{font-family:Source Han Sans CN,sans-serif;font-size: 14px;line-height: 24px;color: #43464a; background-color: #f8faff;}
table{border-collapse:collapse}
/* .container{max-width: 1280px;margin: 0 auto;} */
.containerrrr{max-width: 1280px;margin: 0 auto;}
.clear:after{clear:both;display:block;content:""}
.pull-left{float: left;}
.pull-right{float: right;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.ellipsis-one{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.ellipsis-two{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hide{display: none;}
 
header{background-color: #FFFFFF;height: 70px;}
/* .logo{float: left;width: 235px;padding-top: 7px;} */
header ul{float: left;}
header li{float: left;margin-right: 24px;}
header li a{display: block;color: #383838;font-size: 16px;line-height: 67px;border-top: 3px solid transparent;border-left: 1px solid transparent;border-right: 1px solid transparent; padding: 0px 20px;}
header li a:hover,header li a.current{color: #488bff;border-left-color: #eeeeee;border-right-color: #eeeeee;border-top-color: #488bff;}
.link-login{float: right;width:88px;height:32px;background:rgba(72,139,255,1);border-radius:2px;color: #FFFFFF;text-align: center;line-height: 32px;margin-top: 20px;}
.link-login:hover{color: #FFFFFF;background:rgba(66,126,255,1);}

.banner{background: url(../images/banner.jpg) center no-repeat;width: 100%;height: 500px;position: relative;}
.banner-box{width: 700px;padding-top: 160px;float: right;}
.banner h1{font-size: 40px;color: #FFFFFF;line-height: 45px;}
.banner h5{font-size: 16px;color: #FFFFFF;margin: 15px 0px 45px;}
.banner h5 span{color: #0cffa1;display: inline-block;margin: 0px 5px;}
.banner a{display: inline-block;position: relative;margin-right: 20px;overflow: hidden;border-radius:3px;height: 40px;color: #FFFFFF;font-size: 18px;font-weight:bold;margin-right: 20px;padding: 8px 20px 0px;}
.banner .link1{background: #FFC700;}
.banner .link1:hover{background: #FFB600;color: #FFFFFF;}
.banner .link2{background: #3AD2B4;}
.banner .link2:hover{background: #35C1A4;color: #FFFFFF;}
.banner .link3{background: #FFFFFF;color: #283ce7;}
.banner .link3:hover{background: #DDDDDD;color: #283ce7;}
.banner a span{display: inline-block;margin-left: 5px;}
.index-title{font-size: 34px;padding: 70px 0px 60px;color: #333;text-align: center;}
.index-list{padding-bottom: 30px;}
.index-list ul li{width: 25%;float: left;}
.index-list .box{padding: 10px 28px 15px;background:rgba(255,255,255,1);box-shadow:0px 0px 10px 0px rgba(238,238,238,1);margin: 0px 28px 0px 0px;}
.index-list .box .text-center{width: 200px;height: 153px;margin: 0 auto;}
.index-list .box img{width: 100%;height: 100%;}
.index-list li:last-child .box{margin-right: 0px;}
.index-list h4{text-align: center;color: #333333;font-size: 20px;font-weight: bold;text-align: center;padding: 5px 0px 15px;}
.index-list .info{line-height: 30px;color: #666;font-size: 16px;height: 150px;overflow: hidden;}
.index-case-left{margin: 15px 0px 0px 70px;float: left;position: relative;width: 433px;height: 333px;background: url(../images/index_08.png) bottom center no-repeat;}
.index-case-left div{position: absolute;}
.index-case-left .c1{left: 0px;top: 146px;}
.index-case-left .c2{left: 90px;top: 26px;}
.index-case-left .c3{left: 220px;top: 0px;}
.index-case-left .c4{right: 70px;top: 70px;}
.index-case-left .c5{right: 0px;top: 165px;}
.index-case-right{margin: 20px 20px 0px 0px;width: 595px;float: right;}
.index-case-right a{display: inline-block;width: 170px;padding-top: 12px; height: 50px;border-radius:5px;text-align: center;color: #FFFFFF;font-size: 22px;position: relative;}
.index-case-right a span{display: inline-block;margin-left: 5px;}
.index-case-right .link1{background: #488BFF;}
.index-case-right .link1:after{display: block;content: "";background: url(../images/index_11.png) center no-repeat;width: 35px;height: 35px;position:absolute;top: 0px;right: 0px;z-index: 100;}
.index-case-right .link1:hover{background: #427EFF;color: #FFFFFF;}
.index-case-right .link2{background: #3AD2B4;color: #FFFFFF;}
.index-case-right .link2:hover{background-color: #35c1a4;color: #FFFFFF;}
.index-case-right .info{color: #666666;font-size: 16px;line-height: 30px;padding: 20px 0px 25px;}
.index-case-right.left{float: left;padding-top: 120px;}
.index-case-img{float: right;padding: 50px 0px 80px;}                     /* 1145 */
.index-look{background: url(../images/index_15.jpg) center no-repeat;height: 645px;width: 100%;}
.index-look h5{padding-top: 90px;color: #333333;font-size: 30px;}
.index-look h5 span{position: relative;top: 2px;display: inline-block;margin-left: 5px;}
.index-look h1{padding-top: 30px;color: #333333;font-size: 46px;font-weight: bold;}
.index-look h1 a{color: #488bff;}
.user-list{padding-top: 80px;}
.user-list li{width: 33.3333%;float: left;}
.user-list li .box{margin-right: 25px;}
.user-list li:last-child .box{margin-right: 0px;}
.user-list .user{overflow: hidden;}
.user-list .user img{width: 70px;height: 70px;float: left;border-radius: 100%;}
.user-list .user  p{margin-left: 80px;color: #666666;padding-top: 12px;}
.user-list .user  p span{display: block;color: #333333;font-size: 20px;font-weight: bold;}
.user-list .info{background: #FFFFFF;border-radius:5px;position: relative;margin-top: 30px;padding: 25px 35px;color: #666666;font-size: 16px;line-height: 26px;min-height: 180px;}
.user-list .info:after{display: block;content: "";background: url(../images/index_20.png) center no-repeat;width: 15px;height: 7px;position: absolute;top: -7px;left: 26px;z-index: 100;}
.index-look h3{padding: 80px 0px 40px;font-size: 34px;text-align: center; color: #333333;}
.look-help{overflow: hidden;}
.look-help ul{margin-right: -120px;}
.look-help ul li{float: left;width: 113px;margin-right:120px;}
.look-help ul li a{display: block;padding-top: 45px;}
.look-help ul li a img{width: 110px;height: 110px;}
.look-help ul li a span{display: block;text-align: center;color: #666666;padding-top: 10px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
 

.index-try{background: url(../images/index_33.png) center no-repeat;width: 100%;height: 170px;}
.index-try h1{color: #FFFFFF;font-size: 30px;text-align: center;height: 65px;padding-top: 23px;}
.index-try p{text-align:center;color: #FFFFFF;margin-bottom: 15px;}
.link-try{display: block;margin: 0 auto; width: 150px;height: 40px;color: #FFFFFF;font-size: 16px;background-color: #3ad2b4;border-radius: 20px;line-height: 40px;text-align: center;}
.link-try:hover{background-color: #35c1a4;color: #FFFFFF;}

.index-news{padding-top: 60px;padding-bottom: 75px;}
.index-news h1{color: #333333;font-size: 18px;padding: 0px 0px 0px 5px;border-bottom: 1px solid #eeeeee;height: 40px;}
.index-news a{display: block;overflow: hidden;color: #666666;}
.index-news h5{color: #333333;font-size: 16px;margin-bottom: 6px;}
.index-news a:hover h5{color: #488bff;}
.index-news li{padding-top: 33px;}
.index-news li .info{line-height: 20px;}
.index-news-left{width: 395px;float: left;}
.index-news-left img{float: left;width: 123px;height: 70px;margin-left: 5px;}
.index-news-left .box{margin-left: 138px;}
.index-news-right{width: 390px;float: left;margin-left: 50px;}
.index-news-right ul{margin-left: 15px;}
.index-news-right li{list-style: disc;}

.index-about{background-color: #30343e;padding: 35px 0px 20px;}
.index-about li{width: 226px;float: left;}
.index-about li h5{color: #FFFFFF;font-size: 16px;padding-bottom: 20px;}
.index-about li p{color: #999a9d;line-height: 32px;}
.index-about li p a{color: #999a9d;display: inline-block;}
.index-about li p a:hover{color: #FFFFFF;}
.index-about .pull-right p{color: #999a9d;padding: 5px 0px 0;text-align: center;}
.index-about .pull-right h5{color: #3ad2b4;text-align: center;}
.index-about .pull-right img{max-width:170px}
.copyright,.site-footer{color: #64676c;text-align: center;background-color: #292c33;line-height: 70px;}
.menu{display: none;}
.site-footer img{max-height: 50px;vertical-align: middle;}
.footer-widget{width: 33.333%;float: left;padding-top: 30px;}
.footer-widget ul{padding:25px 20px 25px 0px;}
.footer-widget ul li{line-height: 34px;position: relative;}
.footer-widget a{display: block;margin-right: 120px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.widget_archive a,.widget_categories a{display: inline;margin-right: 10px;}
.post-date{position: absolute;top: 0px;right: 0px;}
.widgettitle{color: #333333;font-size: 18px;padding: 0px 0px 0px 5px;border-bottom: 1px solid #eeeeee;height: 40px;}
.row:after,.footer-widget ul:after{display: block;content: "";clear: both;}
@media (max-width: 768px) {
	/* .container{max-width: 100%;} */
	.containerrrr{max-width: 100%;}
	header{height: 50px;line-height: 50px;}
/* 	.logo{width: auto;padding: 5px 0px 0px 5px;}
	.logo img{max-height: 40px;} */
	header ul{position: absolute;background-color: #FFFFFF;top: 50px;right: 0px;z-index: 999;width: 150px;border: 1px solid #eeeeee;}
	header ul li{float: none;margin-right: 0px;}
	header li a{line-height: 30px;font-size: 14px;}
	.nav{display: none;}
	.nav.active{display: block;}
	.link-login{margin: 10px 10px 0px 0px;width: 70px;}
	.banner{height: auto;background-image: none;background-color: #3b4bf2;}
	.banner-box{width: auto;padding: 20px;}
	.banner h1{font-size: 16px;line-height: 20px;margin-right: 10px;}
	.banner h5{font-size: 12px;margin: 5px 0px 10px;line-height: 18px;}
	.banner a{font-size: 12px;margin-right: 5px;padding: 0px 5px;height: 30px;line-height: 30px;}
	.banner a img{max-width: 12px;vertical-align: middle;}	
	.index-title{font-size: 18px;padding: 15px 0px;}
	.index-list{padding: 0px 5px;}
	.index-list ul li{width: 50%;}
	.index-list .box{padding: 10px 5px;margin: 0px 5px 10px;}
	.index-list .box .text-center{width: 100%;height: auto;}
	.index-list .box img{width: auto;max-width: 100%;height: auto;}
	.index-list h4{font-size: 14px;padding: 0px 0px 5px;white-space: nowrap;overflow: hidden;}
	.index-list .info{font-size: 13px;line-height: 22px;}
	.index-list li:last-child .box{margin-right: 5px;}
	.index-case-left{float: none;margin: 0px auto;width: 240px;height: 260px;background-size: 100% auto;}
	.index-case-left  img{max-width: 30px;}
	.index-case-left .c1{left: -34px;top: 115px;}
	.index-case-left .c2{left: 31px;top: 26px;}
	.index-case-left .c3{left: 122px;top: 5px;}
	.index-case-left .c4{right: 8px;top: 58px;}
	.index-case-left .c5{right: -34px;top: 126px;}
	.index-case-right{width: auto;margin: 0px 10px;float: none;}
	.index-case-right a{width: auto;font-size: 14px;padding: 0px 10px;height: 32px;line-height: 32px;}
	.index-case-right a img{max-width: 14px;vertical-align: middle;}
	.index-case-right .link1:after{width: 18px;height: 18px;background-size:100% 100%;}
	.index-case-right .info{font-size: 13px;line-height: 22px;padding: 10px 0px;}
	.index-case-right.left{padding: 0px;float: none;}
	.index-case-img{padding: 0px 15px;float: none;}
	.index-look{height: auto;background-image: none; background-color: #d6deec;}
	.index-look h5{padding-top: 15px;font-size: 16px;margin-left: 10px;}
	.index-look h5 img{max-width: 20px;vertical-align: middle;}
	.index-look h1{padding-top: 5px;font-size: 16px;margin-left: 10px;}
	.user-list{padding-top: 10px;}
	.user-list li{width: auto;float: none;margin: 0px 10px;}
	.user-list li .box{margin-right: 0px;}
	.user-list .user img{width: 50px;height: 50px;}
	.user-list .user p{margin-left: 60px;padding-top: 0px;}
	.user-list .user p span{font-size: 15px;}
	.user-list .info{margin-top: 15px;padding: 10px;font-size: 13px;line-height: 22px;min-height: auto;margin-bottom: 10px;}
	.user-list .info:after{left: 16px;}
	.index-look h3{font-size: 18px;padding: 10px 0px;}
	.look-help ul{margin: 0px;padding-bottom: 15px;}
	.look-help ul li{width: 50%;margin: 0px;}
	.look-help ul li a{display: block;padding: 10px 10px 0px;text-align: center;}
    .look-help ul li a img{width: 80px;height: 80px;}	
	.index-try{height: auto;background-image: none; background-color: #4844e6;padding: 10px 10px 15px;}	
	.index-try h1{font-size: 18px;height: auto;margin-bottom: 10px;padding-top: 10px;}
	.index-try p{font-size: 13px;line-height: 22px;}
	.link-try{width: 110px;font-size: 14px;height: 32px;line-height: 32px;}
	.index-news{padding-top: 0px;padding-bottom: 15px;}
	.index-news-left{width: auto;float: none;margin: 0px 10px;}
	.index-news h1{font-size: 16px;height: auto;line-height: 32px;margin-top: 10px;}
	.index-news li{padding-top: 10px;}
	.index-news li .info{font-size: 13px;}
	.index-news h5{font-size: 14px;}
	.index-news-right{width: auto;float: none;margin: 0px 10px;}
	.index-about{padding: 10px;}
	.index-about li{width: 33%;}
	.index-about li h5{font-size: 14px;padding-bottom: 10px;}
	.index-about li p{line-height: 24px;font-size: 13px;}
	.index-about li:last-child{width: auto;}
	.index-about .pull-left{float: none;}
	.index-about .pull-right{width: 100px;}
	.index-about .pull-right img{max-width: 100px;}
	.index-about .pull-right h5{line-height: 18px;}
	.copyright{padding: 10px;line-height: 22px;font-size: 13px;}
	.menu{display: block;float: right;background: rgba(72,139,255,1);line-height: 32px;margin-right: 5px;margin: 10px 10px 0px 0px;color: #FFFFFF;padding: 0px 10px;}
	.widgettitle{font-size: 16px;height: auto;line-height: 32px;}
	.footer-widget{width: auto;float: none;padding:0px 10px;}
	.footer-widget ul{padding:10px 0px;}
	.footer-widget ul li{line-height: 25px;position: relative;}
	.site-footer{padding: 10px;line-height: 22px;font-size: 13px;}
}
.post-inner-content {
    padding: 45px 50px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-top: none;
}
.well{
  padding: 45px 50px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-top: none;
}
.comments-area{
display:none;
}
.page-header {
    padding-bottom: 9px;
    margin: 50px 0 80px;
    border-bottom: 1px solid #eee;
}