/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0;font: 12px/1.5 Arial,"Microsoft YaHei";}
body{ background-color:#FFFFFF;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;}
a:hover{text-decoration: none;}

.banner{ width:100%; background:url(images/banner.png) no-repeat center top; height:540px;}
@media (max-width: 767px){
.banner{    background-size: 100%;height:136px}
}

.boxfont{ background:#f5f6f6; height:100px;  overflow:hidden;}
.boxfont p{ color:##404040; font-size:26px; text-align:center;line-height:100px;    font-weight: bold;}
@media (max-width: 767px){
.boxfont { width:100%;height:60px; }
.boxfont p{font-size:14px;   line-height: 30px;}
}

.advantage{ text-align:center; width:100%; font-size:14px; color:#373737;}
.advantage span{ text-align:center; clear:both; font-size:34px; color:#333; display:block; margin-top:50px;}



/*5个服务*/
.process{overflow: hidden; padding: 34px 0 11px 0;width:1200px; margin:auto;}
.process ul{ width: 1225px; }
.process ul li{float: left;width: 25%;/* width: 220px;margin-right: 25px;*/ height: 240px;background: #f8f8f8;text-align: center;padding: 2%; margin: 0 2%;}
.process ul li span{display: inline-block;width: 20px ;height: 1px;background:#ccc;position: relative;top: -12px; }
.process ul li strong{line-height: 20px; color: #ff7600;font-size: 18px;}
.process ul li p{line-height: 20px;color: #444444; font-size: 15px;}
.process ul li p.line{line-height: 18px;}
.i-ico{width: 65px; height: 65px; display: block; margin: 0px auto; margin-bottom: 8px;}
.process ul li .i-ico01{ margin-top: 20px; margin-bottom: 20px;background: url(images/icon1.png) center top no-repeat; }
.process ul li .i-ico02{ margin-top: 20px; margin-bottom: 20px;background: url(images/icon2.png) center top no-repeat; }
.process ul li .i-ico03{ margin-top: 20px; margin-bottom: 20px;background: url(images/icon3.png) center top no-repeat; }
.process ul li .i-ico04{ margin-top: 20px; margin-bottom: 20px;background: url(images/icon4.png) center top no-repeat; }
.process ul li .i-ico05{margin-top: 20px; margin-bottom: 20px;background: url(images/icon5.png) center top no-repeat; }
.process ul li:hover{
	background: #0585de;
	transition: background 0.4s;
	-moz-transition: background 0.4s; /* Firefox 4 */
	-webkit-transition: background 0.4s; /* Safari 和 Chrome */
	-o-transition: background 0.4s; /* Opera */
}
.process ul li:hover p{color: #e8e8e8;}
.process ul li:hover strong{color: #fff;}
.process ul li:hover span{background: #fff;}
.process ul li:hover .i-ico{background-position: center -65px; }
@media (max-width: 767px){
.process { width:100%;padding-top: 20px;padding: 34px 0 0px 0; overflow: inherit;}
.process ul{ width: 100%; }
.process ul li{width: 100%;/*margin-bottom: 20px;*/height: 230px; padding: 0; margin: 0 0 20px;}
.process ul li p{ margin:0 10px;}
}


.ppcb{ width:1200px;margin:0 auto; display:block;}
.ppcbl{float:left;height:446px;width:616px; background:url(images/img4.png) center center no-repeat; margin-right:40px;background-size: 700px;}
.ppcbr{float:left; padding-top:120px;text-align: center; }
.lee{margin-left: 80px;}
.mfhy_yq{padding-top:150px;}
.geren span{color:#332f2d; font-size:30px;}
.ppcbr p{font-size:16px;width:450px;margin-top:20px;line-height:30px;text-indent:2em;font-family:"Microsoft Yahei";color:#333;}
.zhaopingh{background:url(images/img1.png) center center no-repeat;background-size: 700px;}

.gys_index{ background:#fafafa; width:100%; height:440px;margin:30px auto 0 auto;}
.dingdan{background:url(images/img2.png) center center no-repeat;background-size: 640px;}
.ding3{background:url(images/img3.png) center center no-repeat;background-size: 700px;}
@media (max-width: 767px){
.ppcb{ width:100%;}
.ppcbl{width: 100%;background-size: 100%; height: 300px;}
.mfhy_yq{ padding-top: 0px;margin: 6px;}
.ppcbr p{ width:100%;text-indent: 0px;}
.ppcbr{ padding-top:0px; }
.lee{margin: 6px;}
.gys_index{height:460px;}
}


/*留言*/
.but{ width:1200px;box-shadow: 1px 2px 10px rgba(0,0,0,0.1); border: 1px solid #f3f3f3;margin:0 auto}
.contact{height:410px; width:1020px;  margin:0 auto;}
.contact h3{color: #0078ff;padding-top: 22px;margin-left: 140px;font:normal 28px/40px "microsoft yahei"; background:url(images/bt.png) no-repeat 0px 24px; text-indent: 40px; background-size: 34px;}
.contact p{float: left;width: 850px;padding-left: 135px;margin-top: 17px;}
.contact span{width: 80px;margin-right: 7px;color: #605f5f;float: left;text-align: right;font:normal 14px/32px "microsoft yahei";}
.contact span font{color: #ff6600;font:normal 14px/32px "microsoft yahei";}
.contact input{float: left;line-height: 30px;border:#d1d1d1 1px solid;border-radius: 3px;height: 30px;}
.contact input.name{width: 212px;margin-right: 7px;}
.contact input.radio{border: 0;margin-right: 4px;height: 32px;float: left;}
.contact label{float: left;margin-right: 4px;line-height: 32px;color: #605f5f;}
.contact input.companyName{width: 340px;}
.contact input.phoneNum,.contact input.qqNum{width: 212px;}
.label_style2{margin-left: 4px;}
.contact input.radio3{height: 32px;border: 0;}
.contact p input.submit{width: 203px;height: 40px;display: block;cursor: pointer;float: left;margin-left: 87px;background: url(../images/mobile_bg.png) 0 -77px no-repeat; border:none}
.contact p b{float: left;color: #acacac;margin-left: 24px;margin-top: 22px;font:normal 14px/18px "microsoft yahei";}
.contact p font{color: #ff0000;font:normal 14px/18px "microsoft yahei";}
.button{background: #0078ff;color: #fff; width: 100px;}
@media (max-width: 767px){
.but{ width:96%;   }
.contact{ width:100%;    height: 430px;}
.contact h3{margin-left: 10px;font-size: 18px;background-size: 30px;text-indent: 32px;}
.contact p{padding-left: 4px;width:96%;}
.contact input.companyName {width: 230px;}
}



 /*foot*/
#foot{margin:0 auto;background: #0078ff;height:170px;margin-top:50px;}
#foot .foot{ margin:0 auto; width:1020px; padding-top:55px; padding-bottom:30px; color:#FFF;  font-size:16px; }
.foot_l { float:left; line-height:20px}
.foot_l b{ font-size:30px; font-weight:normal; height:20px; display:block}
.foot_r{  float:left; padding-left:150px;font-size:17px;}
.foot_r a{ color:#FFF; font-size:17px;}
@media (max-width: 767px){
#foot{ height:130px;    margin-top: 20px;    padding: 8px;}
#foot .foot { width:100%;padding-top:25px; }
.foot_l b{ font-size:16px;}
.foot_r{padding-left:0px;margin-top: 10px;font-size: 14px; }
}