@charset "UTF-8";
/* CSS Document */
.banner{ width:100%; height:625px; clear:both;}

.foot_div{ overflow:hidden; background-color:#3d3d3d; clear:both;}
.foot_div .foot_div_c h3{ padding-bottom:10px;color:#ffffff; font-weight:normal; background:url(../images/201603/foot_line.png) left bottom no-repeat;}
.foot_div .foot_div_c h3 a{color:#ffffff; font-size:14px;}
.foot_div .foot_div_c h3 a:hover{color:#ffffff;}
.foot_div .foot_div_c h3 em{ float:right;font-style:normal; line-height:28px;}
.foot_div .foot_div_c h3 em a{ color:#B5B5B5; font-size:12px;}
.foot_div .foot_div_c ul {color: #9B9B9B;height: 255px; margin: 0; padding: 20px 0 0;}
.foot_div .foot_div_c ul li{ float:left;}
.foot_div .foot_div_c ul li.footyw{ width:425px; overflow:hidden;}
.foot_div .foot_div_c ul li.footyw p{ width:440px; padding-top:10px;}
.foot_div .foot_div_c ul li.footyw p span{ float:left;/* width:205px;*/}
.foot_div .foot_div_c ul li.footyw p a{color:#9b9b9b; display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; padding-right:22px;}
.foot_div .foot_div_c ul li.footyw p a:hover{color:#FFF}
.foot_div .foot_div_c ul li.footys{ width:380px;overflow:hidden; padding-left:50px;}
.foot_div .foot_div_c ul li.footys p{ width:400px; padding-top:10px;}
.foot_div .foot_div_c ul li.footys p span{ float:left; width:200px;}
.foot_div .foot_div_c ul li.footys p a{color:#9b9b9b; display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;padding-right:10px; }
.foot_div .foot_div_c ul li.footys p a:hover{color:#FFF}
.foot_div .foot_div_c ul li.footabout{ width:300px;overflow:hidden; padding-left:45px;}
.foot_div .foot_div_c ul li.footabout p{padding-top:10px;color:#9b9b9b; font-size:13px; line-height:24px;}
.foot_div .foot_div_c ul li.footabout p a{color:#018cff; font-size:13px;}
.foot_div .foot_links{ margin:0px; padding:0px;width:1200px;margin:0px auto; margin-top:12px; /*height:120px;*/ padding-bottom:20px; line-height:24px; font-size:13px;}
.foot_div .foot_links h3{ color:#FFF; font-size:14px; padding-bottom:5px; font-weight:normal;}
.foot_div .foot_links a{ margin-right:5px;color:#9b9b9b; display:inline-block; font-size:14px;}
.foot_div .foot_links a:hover{ color:#FFF;}

/*尾部联系方式*/
.foot_div .foot-top {position: absolute;top: -20px;left: 0;width: 100%;text-align: center;z-index: 2;}
.foot_div .foot-top-box {margin: 0 auto;width: 1200px;height: 39px;line-height: 39px;border-radius: 20px;box-shadow: 0 1px 3px 0px #272727;background-color:#131313;}
.foot_div .foot-top ul li {margin: 5px 30px;padding-left: 5px;display: inline-block;color: #9D9D9D;position: relative;overflow: hidden;line-height: 20px;}
.foot_div .foot-top ul li em {display: inline-block;cursor: default;-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s; font-style:normal;}
.foot_div .foot-top ul li i {display: inline-block;width: 18px;height: 18px;background-image: url(../images/201709/sprint.png);background-repeat: no-repeat;position: relative;right: 5px;}
.foot_div .foot-top ul li.tel i {background-position: 0 0;top: 5px;}
.foot_div .foot-top ul li.fax i {background-position: 0 -27px;top: 6px;}
.foot_div .foot-top ul li.mob i {background-position: 0 -51px;top: 7px;}
.foot_div .foot-top ul li.site i {background-position: 0 -77px;top: 7px;}
.foot_div .foot-top ul li.add i {background-position: 0 -101px;top: 7px;}

.gr-contact {padding-top: 30px;height: 180px;background: #018cff;text-align: center;color: #fff;position: relative;}
.gr-contact h3 {font-size: 16px;font-weight: normal;text-transform: uppercase;}
.gr-contact .call-pic {margin-top: 5px;width: 100%;height: 50px;background: url(../images/201709/call-pic.png) no-repeat center;}
.gr-contact p {font-size: 36px;font-family: 'Open Sans';font-weight: 300;}
.top-cicle {position: absolute;top: -36px;left: 50%;margin-left: -28px;display: block;width: 56px;height: 56px;border-radius: 50%;background: #f8f8f8;z-index: 5;}
.gr-contact p {font-size: 36px;font-family: 'Open Sans';font-weight: 300;color: #fff; line-height:54px;}
.gr-contact{transform: translate3d(0, 100px, 0);opacity: 0;transition: all 1s;}
.gr-contact.anim-show{transform: translate3d(0, 0, 0); opacity: 1;}



/*网站建设页面*/
.website_banner{width: 100%;}
.website_banner img{ width: 100%; vertical-align: top;}
.website_tc{ padding:80px 0;}
.website_tc_top{ text-align:center; font-size:45px; margin-bottom:70px; color: #333333;}/*修改颜色*/
.website_tc_top span{ color:#686868; font-weight:normal;}
.website_tc_list{ width:1200px; margin:0 auto;}
.website_tc_list li{transition:all 0.3s ease; width:277px; height: 450px; float:left; margin:0px 0px 0px 30px; text-align: center; padding: 70px 30px 98px; box-sizing: border-box; box-shadow: 0 1px 30px #ececec;}
.website_tc_list li:first-child{margin: 0;}
.website_tc_list li:hover{background: #018CFF; box-sizing: border-box; box-shadow: 0 1px 15px #4AC6FF;}
.website_tc_list li:hover h1,.website_tc_list li:hover p{color: #FFFFFF;}
.website_tc_list li:hover .img{border: 2px solid #FFFFFF;}
.website_tc_list li:hover i{color: #FFFFFF;}
.website_tc_list .img{transition:all 1s ease; width: 108px; height: 108px; border: 2px solid #018cff; border-radius: 50%; margin: 0 auto;}/*20180531增加 */
.website_tc_list i{transition:all 1s ease; font-size: 60px; 	 display: inline-block; margin-top: 12px;color: #018cff;}/*20180531修改 */
.website_tc_list h1{ padding-top:40px;font-size:16px; line-height:40px; color: #333333;}
.website_tc_list p{ line-height:22px; text-align: justify;margin-top: 35px; color: #555555;}
.jzlc{ background:url(../images/website/2x-4.jpg) no-repeat center; height:540px; padding-top:70px; background-size:100% 100%;background-attachment: fixed;}
.jzlc_list li{transition:all 0.3s ease; width:100px;display: inline-block;text-align: center;position: relative;margin-left: 33px;padding-top: 5px;}
.jzlc_list li:first-child{margin: 0;}
.jzlc_list li .bj{transition:all 1s ease; width: 70px;height: 70px;background: #FFFFFF; border-radius: 50%;line-height: 70px;margin: 0 auto;}
.jzlc_list li .bj i{font-size: 35px;color: #018CFF;}
.jzlc_list li:hover .bj i{color: #FFFFFF;}
.jzlc_list li p{color: #FFFFFF;margin-top: 24px;}
.jzlc_list img{ float:left; position: absolute;bottom: -46px;left: 39px;}
.jzlc_list li:hover .bj{box-shadow: 0 1px 10px #FFFFFF; background: -webkit-linear-gradient(left top, #7DDBFF , #0D95FF); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom right,  #7DDBFF, #0D95FF); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom right,  #7DDBFF, #0D95FF); /* Firefox 3.6 - 15 */background: linear-gradient(to bottom right,  #7DDBFF , #0D95FF); /* 标准的语法 */}
.jzlc_list li:hover b{transition:all 0.3s ease; display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: #FFFFFF;position: absolute;bottom: -43px;left: 42px;z-index: 9999;}
.jzlc_list li h1{ line-height:35px; font-size:14px;}
.jzlc_list button{cursor: pointer; display: block;margin:0 auto;outline: none;background: transparent;border: 1px solid #FFFFFF;width: 198px;height: 58px;font-size: 18px;margin-top: 80px;}
.jzlc_list button:hover{transition:all 0.3s ease;border: 4px solid #FFFFFF;font-size: 20px;box-shadow: 0 1px 10px #FFFFFF;background: #FFFFFF;}
.jzlc_list button a{ color: #fff;}
.jzlc_list button a:hover{ color: #1790F7}
.jzlc .tb{color: #FFFFFF}
.jzlc_list{width: 1200px; overflow: hidden;margin: 0 auto;}
.jzlc_list ul{padding-bottom: 37px; border-bottom: 1px solid #FFFFFF;margin-bottom: 10px;}



.ymzj{ clear:both; padding:30px 0; height:auto; overflow:hidden;}
.ymzj .mt{margin-top: 50px;}
.ymzj_list ul{padding: 10px; overflow:hidden; margin:auto; width:1200px;}
.ymzj_list li{transition:all 0.3s ease; width:373px; float:left; height:200px;box-sizing: border-box;box-shadow: 0 1px 25px #ececec;margin: 0px 0 30px 30px;padding: 50px 0 0 30px;}
.ymzj_list li.mg{margin-left: 0}
.ymzj_list li .img{text-align:center; line-height: 100px; float: left; width: 100px;height: 100px;border-radius: 50%;background: url(/style/images/2x-1.png) no-repeat;background-size: 100% 100%;color: #FFFFFF;font-size: 60px;margin-right: 30px;}
.ymzj_list li:hover .img{transition:all 0.3s ease;background: url(/style/images/2x-2.png) no-repeat;background-size: 100% 100%;}
.ymzj_list li:hover {box-shadow: 0 1px 30px #C8E6FF;z-index: 1;}
.ymzj_list h1{ font-size:18px;text-align:left;margin-bottom: 17px;}
.ymzj_list p{ font-size:14px;}
.ymzj_list p{ width:280px;}
.ymzj_list{padding: 5px;}

.website_pic{
	text-align: center;
	color: #FFFFFF;
	padding-top: 117px;
}
.website_pic h3{font-size: 27px;}
.website_pic h2{font-size: 52px;margin: 14px 0 26px 0;}
.website_pic p{font-size: 18px;color: #FFFFFF;margin-bottom: 7px;}
.website_pic span{font-size: 18px;}


.website_pic{background:url(../images/website/2x-3.jpg) no-repeat center; height:340px; margin:40px 0;background-size: 100% 100%;margin-bottom: 80px;}
.website_service{ height:auto; overflow:hidden; margin-bottom:40px;}
.website_ser_left{ width:340px; float:left; margin-top:30px;}
.website_ser_left li{ height:160px;}
.website_ser_left img{ float:right; margin-left:10px;}
.website_ser_left h1{ font-size:18px; text-align:right; margin-top:10px;}
.website_ser_left p{ line-height:22px;text-align:right; width:256px;}
.website_ser_center{ width:440px; float:left; margin-left:40px;}
.website_ser_right{ width:340px; float:right; margin-top:30px;}
.website_ser_right li{ height:160px; }
.website_ser_right img{ float:left; margin-right:10px;}
.website_ser_right h1{ font-size:18px; text-align:left; margin-top:10px;}
.website_ser_right p{ line-height:22px;text-align:left; }