html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
header,
section,
footer{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-style:normal;
	font-weight:normal;
	padding:0;
	margin:0;
}

input,
select,
option,
textarea,
button{
	border: none;
	outline: none;
	background:none;
	font-style: normal;
}

img {
	border: none;
}

a,
a:hover ,
a:active,
a:visited,
a:link{
	text-decoration: none;
	outline: 0;
}

ul li{
	margin:0;
}
ul,li{
	list-style:none;
}
.ow1{
	width:1220px;
	margin:0 auto;
}

.ow{
	width:1200px;
	margin:0 auto;
}

.ow2{
	width:896px;
	margin:0 auto;
}


/*index_add*/
.indexnews_title{
	text-align: center;
	font-size:40px;
	line-height:40px;
	color:#333333;
	margin-bottom:40px;
}
.in_news_se .tit{
	text-align: center;
	margin-bottom:40px;
}
.in_news_se .tit li{
	display: inline-block;
    /*font-size: 16px;*/
   font-size: 18px;
    color: #34373e;
    line-height: 30px;
    border-bottom: 1px solid #fff;
    margin-left: 25px;
    margin-right: 25px;
    cursor: pointer;
}

.in_news_se .tit li.on,
.in_news_se .tit li:hover{
	border-color:#c80000;
	color:#c80000;
}

.in_news_main{
	overflow: hidden;
}

.in_news_img{
	width:32%;
    height: auto;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    margin-top: 2px;
    float:left;
}
.in_news_img_tit{
	overflow:hidden;
}

.in_news_img_top img{
	display: block;
	width:100%;
	height:auto;
}

.in_news_img_tit .blog_time{
	float:left;
	width:25%;
	height:auto;
    background-color: #c80000;
}

.in_news_img .news_lone_infor {
    padding: 10px;
    height: 100%;
    overflow: hidden;
}
.in_news_img_tit .blog_time span{ display:block; font-family:Arial; color:#FFF; text-align:center;}
.in_news_img_tit .blog_y{ font-size:37.6px;height:46px; line-height:46px; font-weight:bold; letter-spacing:2px; }
.in_news_img_tit .blog_day{ background-color:#8f1515; height:32px; line-height:32px; font-size:16.6px;}



.in_news_img_tit .blog_infR{ width:70%; margin-right:10px; float:right}
.in_news_img_tit .blog_title {
    display: block;
    line-height: 30px;
    color:#c80000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 0 8px;
    text-align: left;
}
.in_news_img:hover .in_news_img_tit .blog_title{
	text-decoration: underline;
}

.in_news_img_tit .in_news_img_main{
    color: #818181;
    line-height: 26px;
    height: auto;
    overflow: hidden;
    padding-top: 6px;
    margin-bottom: 6px;
    width:100%;
}

.in_news_img_tit .blog_wel span{ font-family:Arial; color:#666; padding-left:20px; margin-right:20px; float:left;font-size:12px;}
.in_news_img_tit .blog_wel1{ background:url("../images/blog_icon1-1.png") no-repeat left;}
.in_news_img_tit .blog_wel2{ background:url("../images/blog_icon2-1.png") no-repeat left;}

.in_news_img_main{
	padding-top:10px;
    color: #818181;
    line-height: 26px;
    height: auto;
    font-size:12px;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.in_news_m{
	width:100%;
	float:right;
	font-size:12px;
}
.in_news_m ul{ width:100%;height:auto;overflow: hidden;}
.in_news_m li{ float:left; margin:0 2% 20px 0;width:32%;overflow:hidden;}
.in_news_m li:nth-child(3n){
	margin-right: 0;
}
.in_news_m li a{ display:block; width:100%; height:auto; padding:15px 15px 20px; overflow:hidden; background:url("../images/blog_bg-1.png") no-repeat; background-size: 100%; color:#888888;}
.in_news_m li a span{ display:block; cursor:pointer;}
.in_news_m li a:hover{background:url("../images/blog_bg2-1.png") no-repeat;background-size: 100%;}
.in_news_m li a:hover .blog_Rtime{background-color:#c80000;}
.in_news_m li a:hover .blog_Rmore b{ color:#c80000;}
.in_news_m li a .blog_Rtime{float:left;}

.in_news_m li a .blog_Rmore{
	float:right;
}
.in_news_m li .blog_Rtime{ width:65px; height:auto; background-color:#969393; text-align:center;}
.in_news_m li .blog_Rtime span,
.in_news_m li .blog_Rtime b{ display:block; font-family:Arial; color:#FFF;}
.in_news_m li .blog_Rtime b{ font-size:31.7px;height:42px; line-height:42px; font-weight:bold; letter-spacing:2px;}
.in_news_m li .blog_Rtime span{ font-style:normal;height:22px; line-height:22px; font-size:14px;}
.in_news_m li .blog_Rmore{ width:75%;}
.in_news_m li .blog_Rmore b{ color:#333; display:block; width:230px; height:24px; line-height:24px; overflow:hidden;/*font-size:16px;*/font-size:15px;}
.in_news_m li .blog_Rmore span{ line-height:18px; height:36px; overflow:hidden;/*font-size: 14px;*/font-size: 13px;}





/*design*/
.design1_section,
.design2_section,
.design3_section,
.design4_section,
.design5_section,
.design6_section{
	overflow:hidden;
}
.design1_section{
	padding:75px 0 60px;
	background:#fff;
}

.design1_sec{
	padding-right:36%;
	background:url("../images/design-1.jpg") no-repeat right 110px;
}

.design_sec h2{
	font-size:48px;
	line-height:48px;
	margin-bottom:45px;
	color:#cc0000;
}

.design_sec h4{
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:10px;
	color:#3a3a3a;
}
.design_sec h3{
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:10px;
	color:#3a3a3a;
	padding-left:20px;
	background:url("../images/design1-1.jpg") no-repeat left center;
}

.design_sec p{
	color:#3a3a3a;
	font-size:15px;
	line-height:22px;
	margin-bottom:25px;
}

.design2_section{
	background:#f5f5f5;
	padding:50px 0 25px;
}

.design2_sec{
	padding-right:50%;
	background:url("../images/design2-1.jpg") no-repeat right 130px;
}

.design3_section{
	background:#fff;
	padding:70px 0 30px;
}

.design3_sec{
	padding-left:50%;
	background:url("../images/design3-1.jpg") no-repeat left 10px;
}

.design4_section{
	background:#f5f5f5;
	padding:60px 0;
}

.design4_sec{
	padding-top:80px;
	padding-bottom:50px;
	padding-right:52%;
	background:url("../images/design4-1.jpg") no-repeat right 0px;
	background-size:auto 100%;
}
.design5_section{
	background:#fff;
	padding:100px 0 50px;
}

.design5_sec{
	padding-right:8%;
	padding-left:48%;
	background:url("../images/design5-1.jpg") no-repeat left 0px;
	background-size:auto 100%;
}


.design6_section{
	background:#f5f5f5;
	padding:40px 0;
}

.design6_sec{
	padding-right:43%;
	background:url("../images/design6-1.jpg") no-repeat right 130px;
}




/*网站建设调查表*/
.price_section{
	padding:60px 0 100px;
	background:#efefef;
}


.price_sec{
	padding: 30px 40px;
	min-height:200px;
	border: 1px #dbdbdb solid;
	background:#fff;
}


.price_title{
	margin-top:20px;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:3px solid #53a4f4;
	text-align: center;
}
.price_title h2{    
	color: #4C4C4C;
    font-size: 18px;
	line-height:18px;
	margin-bottom:20px;
}

.price_title div{
	color: #666666;
    font-size: 16px;
    line-height: 1.4;
	margin-bottom:20px;
	text-align: left;
}

.price_title h3{
	font-size:16px;
	line-height:16px;
	color:#ff0000;
}

.pri_sec2{
	padding-top:20px;
}

.pri_sec2 h3{
	font-size: 16px;
	line-height:16px;
	color:#666;
	margin-bottom:20px;
}
.pri_sec2 ul li{
	overflow: hidden;
	margin-bottom:4px;
}

.pri_sec2 ul li label{
	color: #666666;
    font-size: 14px;
    line-height: 1.4;
    text-align: right;
    float:left;
    width:90px;
    margin-right:3px;
}
.pri_sec2 ul li input{
	border: 1px solid #dbdbdb;
    padding: 2px 5px;
	color: #666666;
    font-size: 14px;
    line-height: 1.4;
    float:left;
    width:240px;
}

.pri_sec2 div input{
	margin-top:30px;
	margin-left:35px;
	border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    outline: medium none;
    padding: 0 11px;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    background: #53a4f4;
    color: #fff;
    width:106px;
    text-align: center;
    line-height:38px;
}

.pri_sec2 div input:hover{
	opacity: 0.8;
}

.pri_main{
	margin-bottom:20px;
	color: #666666;
    line-height: 1.4;
}
.pri_main .pri_tit{
	width: 100%;
    font-size: 16px;
    padding-left: 5px;
    margin-bottom:20px;
}

.pri_main .pri_m{
	width: 100%;
	padding:0 20px;
	box-sizing: border-box;
}

.pri_main .pri_m li input{
	display: block;
	border: 1px #dbdbdb solid;
	width: 145px;
	color: #666666;
    font-size: 14px;
    line-height:20px;	
    margin-top:10px;
    padding:0 10px;
}
.pri_main .pri_m li  input:focus{
	border-color:#53a4f4;
} 
.zj-bj-box {
	overflow: hidden;
}
.zj-bj-box ul li {  float:left;width:50%; margin-bottom:20px; }
.zj-bj-box ul li label { height:20px; display:inline-block; font-size:14px; color:#666; line-height:20px; background:url("../images/pri11-1.jpg") left center no-repeat; padding-left:22px; cursor:pointer;}
.zj-bj-box ul li.checked label {  background:url("../images/pri12-1.png") left center no-repeat; }

.zj-bj-box1 {
	overflow: hidden;
}
.zj-bj-box1 ul li {  float:left;width:50%; margin-bottom:10px; }
.zj-bj-box1 ul li label { height:20px; display:inline-block; font-size:14px; color:#666; line-height:20px; background:url("../images/radio-1.png") left center no-repeat; padding-left:22px; cursor:pointer;}
.zj-bj-box1 ul li.checked label {  background:url("../images/radio2-1.png") left center no-repeat; }

.pri1_main .zj-bj-box ul li{
	width:20%;
}
.pri3_main .zj-bj-box1 ul li,
.pri5_main .zj-bj-box1 ul li,
.pri6_main .zj-bj-box1 ul li,
.pri9_main .zj-bj-box1 ul li,
.pri10_main .zj-bj-box ul li,
.pri11_main .zj-bj-box1 ul li,
.pri16_main .zj-bj-box1 ul li,
.pri20_main .zj-bj-box1 ul li,
.pri21_main .zj-bj-box1 ul li,
.pri23_main .zj-bj-box1 ul li,
.pri24_main .zj-bj-box ul li,
.pri25_main .zj-bj-box1 ul li,
.pri26_main .zj-bj-box1 ul li{
	width:100%;
}

.pri_main.pri5_main .pri_m li input,
.pri_main.pri10_main .pri_m li input,
.pri_main.pri13_main .pri_m li input,
.pri_main.pri22_main .pri_m li input{
	display: inline-block;
	margin-left:5px;
} 

.pri12_main .zj-bj-box1 ul li,
.pri14_main .zj-bj-box1 ul li,
.pri15_main .zj-bj-box1 ul li,
.pri17_main .zj-bj-box ul li,
.pri18_main .zj-bj-box1 ul li,
.pri22_main .zj-bj-box1 ul li{
	width:auto;
	margin-right:15px;
}
.pri13_main .zj-bj-box ul li{
	width:auto;
	margin-right:10px;
}
.pri_main.pri13_main .pri_m li input,
.pri_main.pri22_main .pri_m li input{
	width:130px;
	margin-top:0px;
	line-height:20px;
}

.pri19_main .zj-bj-box ul li{
	width:33%;
}















/*响应式样式*/
@media only screen and (max-width:1400px ) {



	
}

@media only screen and (max-width:1200px ) {
.ow1,.ow{
	width:1024px;
}



	
}

@media only screen and (max-width:1024px ) {
.ow1,.ow{
	width:960px;
}


.design1_sec{
	background-size:30% auto;
}
.design2_sec,
.design3_sec,
.design4_sec,
.design5_sec,
.design6_sec{
	background-size:40% auto;
}







	
}

@media only screen and (max-width:960px ) {
.ow1,
.ow{
	width:100%;
	padding:0 3%;
}



	
}

@media only screen and (max-width:780px ) {
	
.ow2{
	width:100%;
	padding:0 2%;
}
.in_news_img_top{
	display:none;
}
.in_news_img {
    width: 100%;
    margin-bottom:30px;
}
.in_news_m{
    width: 100%;
}
.in_news_m li a{
	background-size:100% 100%;
}
.in_news_m li a:hover{
	background-size:100% 100%;
}


	
}

@media only screen and (max-width:480px ) {
.in_news_m li{
	width:100%;
	margin-right:0;
}
.in_news_se .tit li {
    font-size: 12px;
    margin-left:3px;
    margin-right: 3px;
}
.indexnews_title {
    font-size:24px;
    line-height: 24px;
    margin-bottom:20px;
}
.in_news_se .tit{
    margin-bottom:20px;
}
.design_sec h2 {
    font-size:26px;
    line-height: 26px;
    margin-bottom:20px;
}
.design1_section,
.design2_section,
.design3_section,
.design4_section,
.design5_section,
.design6_section{
	padding:40px 0;
}


.design1_sec,
.design2_sec,
.design3_sec,
.design4_sec,
.design5_sec,
.design6_sec{
	background:none;
	padding:0;
}


.pri13_main .zj-bj-box ul li,
.pri12_main .zj-bj-box1 ul li,
.pri14_main .zj-bj-box1 ul li,
.pri15_main .zj-bj-box1 ul li,
.pri4_main .zj-bj-box ul li,
.pri17_main .zj-bj-box ul li,
.pri7_main .zj-bj-box1 ul li,
.pri8_main .zj-bj-box1 ul li,
.pri18_main .zj-bj-box1 ul li,
.pri22_main .zj-bj-box1 ul li,
.pri1_main .zj-bj-box ul li,
.pri2_main .zj-bj-box1 ul li,
.pri19_main .zj-bj-box ul li{
	width:100%;
	margin-bottom:5px;
}

.pri_main .pri_m{
	padding:0;
}
.pri_sec2 ul li input,
.pri_sec2 ul li label{
	width:100%;
	text-align: left;
}
.pri_sec2 ul li label{
	margin-bottom:5px;
}
.price_section {
    padding:40px 0;
}





	
}

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



	
}

@media only screen and (max-width:320px ) {
.in_news_img_tit .blog_wel span {
    margin-right: 7px;
}


	
}




@media only screen and (min-width:560px) and (max-width:960px) {

.in_news_m li {
    margin: 0 1% 20px;
    width: 48%;
}

	
}












/****************
 * *********
 * **********
 * ****contact*******
 * *********
 * ********
 * ************/

.contact1_section{
	padding:75px 0 140px;
	background:#fff url("../images/cont_bg-1.jpg") no-repeat center;
	background-size:auto 100%;
}

.cont1_title{
	margin-bottom:75px;
}

.cont1_title img{
	display: block;
	margin:0 auto;
	max-width:;
	height:auto;
}



.contact_main{
	padding:30px 15% 40px;
	box-sizing: border-box;
}

.contact_main1{
	width:42%;
}
.contact_main2{
	width:58%;    
	padding-bottom:0px;
    background:none;
    border-top:none;
    padding:50px 0 0;
}

.contact_main .contact_main2 .tbox {
	padding:0px 10px 0;
	float: right;
	 border:none;
	box-sizing: border-box;
	
}

.contact_main .contact_main2 .tbox ul li {
	line-height: 58px;
	height: 58px;
	overflow: hidden;
	border-bottom: 1px solid #999999;
}

.contact_main .contact_main2 .tbox ul li .title {
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	color: #000;
	/*font-weight: bold;*/
	/*background: url(../images/titlexian.png) no-repeat right center;*/
}

.contact_main .contact_main2 .tbox ul li .title img {
	vertical-align: middle;
}

.contact_main .contact_main2 .tbox ul li .mcon {
	display: inline-block;
	font-size: 14px;
	color: #333333;
}


.contact_main .contact_main2 .tbox ul li:last-child {
	border-bottom: none;
}

.qqbox {}

.qqbox a {
	display: inline-block;
	width: 100px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #fff;
	background: #3d3d3d;
	border: 1px solid #3d3d3d;
	padding:0 5%;
	box-sizing: border-box;
	border-radius:2px;
}

.qqbox a:hover{
	opacity:0.8;
}

.qqbox a img {
	vertical-align: middle;
	margin-right:5%;
}

.bottomcon {
	border-bottom: 1px solid #999999;
}

.bottomcon .left {
	width: 58%;
	box-sizing: border-box;
	border-right: 1px solid #999999;
}

.bottomcon .right {
	width: 42%;
    background:none;
	padding: 20px 0;
	padding-left:10px;
	border:none;
	box-sizing: border-box;
}

.bottomcon .right .m1 {
	float: left;
	width: 60%;
}

.bottomcon .right .m1 img {
	width: 100%;
}

.bottomcon .right .m2 {
	float: left;
	width: 40%;
	text-align: center;
	margin-top: 18px;
}

.bottomcon .right .m2 .t1 {
	font-size:16px;
	color: #000;
	width:100%;
}

.bottomcon .right .m2 .t2 {
	font-size: 16px;
	color: #333;
}


.contact_main .title {
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
    line-height: auto;
    border-top:none;
    border-bottom:none;
}




.contact_main1 .ct-form>strong{
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	font-style:normal;
	display: block;
	color:#333333;
	padding-top:15px;
	margin-bottom:20px;
}

.ct-form .form-group {
    display: block;
    width: 100%;
    padding:0 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    border: 1px solid #626262;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom:10px;
    box-sizing: border-box;
    overflow: hidden;
}

.ct-form input,.ct-form  textarea{
	border:none;
	outline: none;
	background:none;
	float: right;
}

.form-horizontal .form-group label {
	display: block;
	float:left;
	width:17%;
    text-align: right;
    margin-bottom: 0;
    padding: 0;
    line-height:48px;
    color:#444444;
    font-size:14px;
}

.ct-form input{
	width:79%;
	height:48px;
    line-height:48px;
    color:#444444;
    font-size:14px;
}

.form-horizontal .form-group label.control-label2{
	width:100%;
	text-align: left;
    line-height:30px;
    margin-bottom:3px;
}

.ct-form textarea{
	width:100%;
    line-height:20px;
    color:#444444;
    font-size:14px;
    height:80px;
}


.form-button button{
	display: block;
	width:100%;
	text-align: center;
	border:none;
	outline:none;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
	background:#d9534f;
	font-size:18px;
	font-weight:bold;
	height:48px;
	line-height:48px;
}
.form-button button:hover{
	opacity:0.8;
}







.contact2_section{
	padding:80px 0 90px;
}

.cont2_title{
	margin-bottom:40px;
}
.cont2_tit1 h3{
	color:#333333;
	font-size:30px;
	line-height:30px;
	margin-bottom:20px;
}
.cont2_tit1 p{
	color:#999999;
	font-size:20px;
	line-height:20px;
}

.cont2_tit2{
	padding-top:30px;
}
.cont2_tit2 a{
	color:#777777;
	font-size:14px;
	line-height:30px;
	padding-left:23px;
	background:url("../images/cont_more1-1.png") no-repeat left center;
	transition:all 0.2s;
}
.cont2_tit2 a:hover{
	color:#ff6600;
	background:url("../images/cont_more2-1.png") no-repeat left center;
}
.contact2_sec{
	position:relative;
}
.contact2_main{
	margin:0 10px;
	border:1px solid #e5e5e5;
	background:#fff;
}

.contact2_img{
	overflow: hidden;
} 

.contact2_img img{
	display: block;
	width:100%;
	height:auto;
	transition:all 0.5s;
}

.contact2_main:hover .contact2_img img{
	transform: scale(1.1);
}

.contact2_m{
	padding:18px 20px 10px;
	transition:all 0.2s;
}

.cont21_main{
	padding-bottom:25px;
	margin-bottom:10px;
	border-bottom:1px solid #e5e5e5;
	font-size:12px;
	line-height:12px;
	color:#666666;
}
.cont21_main h3{
	color:#333333;
	font-size:18px;
	line-height:18px;
	margin-bottom:10px;
}


.cont22_main{
	font-size:14px;
	color:#666666;
	line-height:14px;
	transition:all 0.2s;
	background:url("../images/cont_go1-1.png") no-repeat right center;
}
.contact2_main:hover .cont22_main{
	color:#fff;
	background:url("../images/cont_go2-1.png") no-repeat right center;
}
.contact2_main:hover{
	background:#ff6600;
}

.contact2_main:hover .cont21_main h3,
.contact2_main:hover .cont21_main{
	color:#fff;
}


.contact2_sec .owl-prev,
.contact2_sec .owl-next{
	position: absolute;
	top:40%;
	width:34px;
	height:64px;
	background-size:100% auto!important;
	text-indent:-999px;
	overflow: hidden;
	cursor: pointer;
	transition:all 0.2s;
}

.contact2_sec .owl-prev{
	left:-80px;
	background:url("../images/contl1-1.png") no-repeat center;
}
.contact2_sec .owl-next{
	right:-80px;
	background:url("../images/contr1-1.png") no-repeat center;
}
.contact2_sec .owl-prev:hover{
	left:-80px;
	background:url("../images/contl2-1.png") no-repeat center;
}
.contact2_sec .owl-next:hover{
	right:-80px;
	background:url("../images/contr2-1.png") no-repeat center;
}



.left{
	float:left;
}

.right{
	float:right;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}



.w{
	width:1500px;
	margin:0 auto;
}



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

.w{
	width:1400px;
}

}


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

.w{
	width:1300px;
}

}


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

.w{
	width:1200px;
}

}


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

.w{
	width:1100px;
}

}

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

.w{
	width:100%;
	padding:0 3%;
}

}