body {
	overflow-x: hidden;
	font-family: "microsoft yahei";
}
@charset "utf-8";
*{
	margin:0 auto;
	padding:0 auto;
}
a{
	text-decoration: none;
}
ul,li{
	list-style: none;
}
.ding{
	width: 1200px;
	margin:10px auto;
}
.ding .logo{
	float: left;
}
.ding .qi{
	float: right;
}
.ding .qi ul li{
	display: inline-block;
	margin-top: 20px;
}
/*@media only screen and (min-width: 100px) and (max-width: 1014px) {
	body{
		width: 1700px;
	}
	.nav a{
		font-size: 14px
	}
}*/
/*@media only screen and (min-width: 100px) and (max-width: 1024px) {
	body{
		width: 1700px;
	}
	.nav a{
		font-size: 16px
	}
}*/
.w_box{
	width: 100%;
	height: 60px;
	clear: both;
	background: #dcdfe3;
	/*background-color: rgba(255, 255, 255, 0.8);*/
	border-bottom-color: rgba(255, 255, 255, 1);
	border-bottom-width: 1px;
}
/*.nav ul{
	width: 1200px;
	margin: auto;
}
.nav ul li{
	display: inline-block;
}*/
.nav {
	width: 1100px;
	margin: auto;
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	-webkit-animation: jwInDownl 1s .4s ease both;
	/*-moz-animation: jwInDownl 1s .4s ease both;*/
}

.nav a {
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	/*width: calc(100% / 8);*/
	/*width: 130px;*/
	color: #281379;
	line-height: 60px;
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-size: 18px;
	font-weight: bold;
}
.nav ul li{
	/*width: 190px;*/
	float: left;
	margin: 0px 2%;
}
.nav a:hover {
	color: #333300;
}

.nav a:before {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	border-bottom: 2px solid #039;
	margin-left: 0;
	content: '';
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.nav a:hover:before {
	width: 80px;
	margin-left: -40px;
}
.c_nav_main-12001001 {
	position: absolute;
	width: 400px;
	height: 200px;
	overflow: hidden
}
.banners img{
	width: 100%;
}
/*main*/
.main{
	margin-top: 20px;
height: 2350px;
}
.main .about{
	width: 1200px;
	margin: auto;
	text-align: center;
}
.main .about .about_tit div{
	display: inline-block;
	margin: 0px 30px;
}
.main .about .about_tit .ab1 a{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
    background: url(../img/ab.png) no-repeat center top;
    color: #838383;
    text-decoration: none;
}
.main .about .about_tit .ab1 a:hover{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
	background: url(../img/ab_ab.png)no-repeat center top;
    color: #281379;
    text-decoration: none;
}
.main .about .about_tit .ab2 a{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
    background: url(../img/cul.png) no-repeat center top;
    color: #838383;
    text-decoration: none;
}
.main .about .about_tit .ab2 a:hover{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
	background: url(../img/cul_cul.png)no-repeat center top;
    color: #281379;
    text-decoration: none;
}
.main .about .about_tit .ab3 a{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
    background: url(../img/dev.png) no-repeat center top;
    color: #838383;
    text-decoration: none;
}
.main .about .about_tit .ab3 a:hover{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
	background: url(../img/dev_dev.png)no-repeat center top;
    color: #281379;
    text-decoration: none;
}
.main .about .about_tit .ab4 a{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
    background: url(../img/infor.png) no-repeat center top;
    color: #838383;
    text-decoration: none;
}
.main .about .about_tit .ab4 a:hover{
	    padding-top: 135px;
    display: block;
    width: 200px;
    height: 30px;
	background: url(../img/infor_infor.png)no-repeat center top;
    color: #281379;
    text-decoration: none;
}
.main .product{
	width: 100%;
	height: 502px;
	background: #dcdfe3;
	margin-top: 60px;
}
.main .product .title{
	width: 1200px;
	padding-top: 20px;
	margin:auto;
}
.main .service{
	width: 1200px;
	margin: auto;
}
.main .service .title{
	width: 1200px;
	padding-top: 20px;
	margin: auto;
}
/*.main .service .font ul{
	float: left;
	
	margin-top: 30px;
	margin-bottom: 20px;
}*/
/*.main .service .font .font_wen{
	margin-right: 180px;
	float: left;
	width: 500px;
}*/
/*.main .service .font .video{
	float: right;
	width: 520px;
}*/
.main .service .font{
	margin-top: 20px;
	height: 1320px;
}
.main .service .font .video ul{
	margin:10px auto;
}
.main .service .font .video li{
	height: 150px;
	width: 500px;
	overflow: hidden;
	margin-bottom: 10px;
}
.ewm{
	    position: relative;
    bottom: 660px;
    width: 200px;
    left: 60%;
}
.ewm img{
	width: 200px;
}
/*msg*/
.allpage{height: 1260px;}
/*.allpage .title{font-size:0.38rem; color:#333; text-align:center; padding-top:0.5rem;}*/
.login{width:87.5%;margin:8% auto;height:auto;overflow:hidden}
.login li{width:100%;height:auto;padding-bottom:1.15rem;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.login_input{display:block;border:1px solid #ccc;background:#fff;width:80%;float:left;height:2.52rem;font:1.0rem/1.22rem "microsoft yahei";
text-indent:0.1rem;-webkit-appearance:none;border-radius:0.1rem}
.login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:5.42rem;font:1.0rem/1.22rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}
/*.pin_width{width:51.78%;}*/
.login_pin{width:30%;float:left;height:0.42rem;margin-left:4%;}

	.login_pin{width:30%;float:left;height:0.42rem;margin-left:4%;}
.login_btn{width:98%;height:2.5rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:1.22rem/0.5rem "microsoft yahei"; background-color:#4B3D89;}

.red_alert{width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;}
.login_link1{float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%}
.login_link2{float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%}
.info_left{float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_username{float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_input{float:left;width:70%;}

.footer{
	clear: both;
	width: 100%;
	height: 172px;
	background: #dcdfe3;
	/*margin-top: 370px;*/
}
.footer .foot{
	width: 1200px;
	margin: auto;
	padding-top: 50px;
}
.footer .foot div{
	float: left;
	margin-right: 20px;
}
.footer .foot div ul{
	margin-left: 70px;
}
.footer .foot div ul li{
	font-size: 12px;
	line-height: 20px;
	color: #777;
}
.footer .foot .phone{
	background: url(../img/phone.png)no-repeat;
	width: 206px;
	height: 48px;
	margin-left: 98px;
}
.footer .foot .phone span{
	font-size: 18px;
	color: #271472;
	font-family: Century Gothic;
	position: relative;
	top: 25px;
	left: 55px;
}
/*.main_second*/
.main_second{
	width: 98%;
	margin:40px auto;
}
.main_second .product_photo{
	float: right;
	/*width: 845px;*/
}
/*.main_second .picture ul{
	margin-left: 12%;
	margin-bottom: 20px;
}*/
.main_second .picture ul li{
	display: inline-block;
	width: 257px;
	height: 201px;
	text-align: center;
	background: #dcdfe3;
	/*border: 1px solid #1db3c5;*/
	margin: 0px 10px 20px 10px;
}
.main_second .picture ul li img{
	width: 247px;
	height: 153px;
	padding: 5px;
}
.main_second .picture ul li a{
	color: #222;
	font-size: 14px;
}
.nav-main .pro{
	/*width: 335px;*/
	height: 113px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background: #383d49;
	border-bottom: 1px solid #f0f0f0;
}
.nav-main .nav-link-home{
	color: #c9d1e3;
	font-size: 36px;
	position: relative;
	top:50px;
	/*left: 20px;*/
}
.page{
	text-align: right;
	margin-bottom: 20px;
	margin-right: 30px;
}
.page input{
	border: none;
	background: none;
	color: #261472;
	font-size: 14px;
	margin: 5px;
}
.page #pa{
	background: #f0f0f0;
	color: #222;
	padding: 10px;
}
.main_second .product_font {
	float: right;
	width: 825px;
	margin-bottom: 20px;
}
.main_second .product_font p{
	line-height: 40px;
}
.banner img{
	width: 100%;
	height: 300px;
}
.column-clear{ clear:both;}
.wrapper{ margin:0px auto; padding:0px;width:1280px;text-align: center;}
.portfolio-content, .portfolio-area{width:1288px;    overflow: hidden;text-align: center;
    height: 340px;}
.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}
.font_wen>p{
	line-height: 30px;
}
.listbox>ul{
	text-align: center;
}
/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline-block;margin:0px 31px;color: #FFFFFF;width: 350px;height: 32px;text-align: center;line-height: 32px;background: #4b3d89;}
.portfolio-categ li a{
	color: #fff;font-size: 18px;
	padding: 4px 30px;
}
.image-block{ display:block;position: relative;}
/*.image-block img{border: 1px solid #d5d5d5; }
.image-block img:hover{border: 1px solid #4b3d89;box-shadow:0 0 5px #4b3d89;}*/
.portfolio-area li{float: left;margin: 0 15px 20px 50px;overflow: hidden;width: 350px;/*padding:5px;*/}
.portfolio-area li img{
	width: 350px;
	height: 200px;
}
/*.home-portfolio-text{margin-top:10px;}*/
.home-portfolio-text h2 a {
	display: block;
	text-align: center;
	height: 55px;
	line-height: 55px;
	font-size: 20px;background: #f0f0f0;
	color: #222;
	font-weight: normal;
}
.portfolio-categ li.active a{ /*text-decoration:underline;*/background: #fff;color: #4B3D89;}
/**** END PORTFOLIO STYLES*****/
.replys{
	clear: both;
	position: relative;
	bottom: 300px;
    border-top:1px solid #ccc;
	margin-left: 25px;
	width: 800px;
}
.reply a{
	color: #efde4a;
}
.comment-info {
    position: relative;
    margin-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.comment-info .comment-right {
    padding: 5px 0px;
}
.comment-info .comment-right h3 {
    margin: 5px 0px;
}
.comment-list .comment-info .comment-right .comment-content-header {
    height: 25px;
}
.comment-list .comment-info .comment-right .comment-content-header span, .comment-list .comment-info .comment-right .comment-content-footer span.reply-btn, .send, .reply-list-btn {
    cursor: pointer;
}
.comment-list .comment-info .comment-right .comment-content-header span, .comment-list .comment-info .comment-right .comment-content-footer span {
    padding-right: 2em;
    color: #aaa;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.comment-list .comment-info .comment-right .comment-content-header span, .comment-list .comment-info .comment-right .comment-content-footer span {
    padding-right: 2em;
    color: #aaa;
}
.comment-list .comment-info .comment-right .reply-list {
    border-left: 3px solid #ccc;
    padding-left: 7px;
}
.comment-list .comment-info .comment-right .reply-list .reply {
    border-bottom: 1px dashed #ccc;
}
.comment-list .comment-info .comment-right .reply-list .reply div span {
    padding-left: 10px;
}
.comment-list .comment-info .comment-right .reply-list .reply p span {
    padding-right: 2em;
    color: #aaa;
}
.tab-container h2{
	font-weight: normal;
	font-size: 30px;
	line-height: 80px;
}