@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
pointer-events:none;
-webkit-appearance:none;
input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
@-webkit-keyframes a1{}
*/


/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{font-family:微软雅黑,黑体;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;outline:none;}

/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:6px;}
.jspDrag{background:#f3582a;}
.jspTrack{background:#aaa;background:url(../image/line1.png) center top repeat-y;}

@font-face{
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'AVIGNONBOLD';
    src: url('AVIGNON-BOLD.TTF'); /* IE9 Compat Modes */
		 url('avignon-bold-webfont.woff2') format('woff2'),
         url('avignon-bold-webfont.woff') format('woff'); /* Modern Browsers */
}

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}


/*--通用--*/
body{min-width:1230px;max-width:1920px;font-size:14px;color:#707070;overflow: hidden;}
#body{overflow:hidden;}
.block{width:1230px;height: 100%; margin:0 auto;}

/*top键*/
.top_btn {
    position: fixed;
    right: 15px;
    bottom: 100px;
    width: 78px;
    height: 57px;
    background: url(../image/top_btn.png) 0 0 no-repeat;
    display: none;
    z-index: 10;
    cursor: pointer;
}

/*翻页1*/
.page {text-align: center;}
.page a {display: inline-block;width: 40px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #474747;border: 1px solid #dbdbdb;}
.page a.no {background: #6b6b6b;color: #fff;border-color: #6b6b6b; margin-left:5px;}
.page a:hover {background: #6b6b6b;color: #fff;border-color: #6b6b6b;}
.page span {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;}
.page #prev1 {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;margin: 0 3px;font-size: 12px;color: #707070; background: url(../image/jou_2.png) no-repeat;background-position: 10px 12px;}
.page span.next {background: url(../image/jou_3.png) no-repeat;background-position: 83px 12px;}
.page span:hover {background: #6b6b6b;color: #fff;}

/*翻页2*/
.page1 {text-align: center;height: 114px;}
.page1 a {display: inline-block;width: 40px;text-align: center;font-size: 20px;color: #909090;font-family:'AvianRegular';height: 36px;line-height: 36px;overflow: hidden;} 
.page1 a:hover {font-size: 30px;color: #2e509d;}

/*弹框*/
.jjl_mask {display: none; position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: url(../image/opacity-60.png);z-index: 10;}
.pop_dd {display: none;width: 547px;height: 575px;background: #fff;position: fixed;top: 50%;left: 50%;margin: -287px 0 0 -273px;z-index: 11;}
.pop_dd .gb_i {display: inline-block;position:  absolute;height: 30px;width: 30px;background: url(../image/gb1.png) no-repeat center;top: 15px;right: 15px;cursor: pointer;}
.pop_dd h1 {font-size: 24px;color: #474747;text-align: center;padding: 50px 0 12px;}
.pop_dd .g {margin-top: 8px;}
.pop_dd .g label {width: 135px;text-align: right;float: left;}
.pop_dd .g input {width: 297px;height: 30px;line-height: 30px;border: 1px solid #d7d7d7;padding:0 10px;}
.pop_dd .g textarea {resize: none;width: 297px;padding: 10px;height: 50px;}
.pop_dd .yz {height: 36px;overflow: hidden;padding-top: 16px;}
.pop_dd .yz input {width: 93px;height: 34px;border: 1px solid #D7D7D7;float: left;padding-left: 10px;line-height: 34px;margin-left: 135px;}
.pop_dd .yz .imgs {width: 61px;height: 36px;float: left;margin-right: 10px;}
.pop_dd .yz .imgs img {width: 100%;height: 100%;}
.pop_dd .yz button {float: left;width: 143px;height: 36px;background: #0d6595;font-size: 14px;color: #fff;border: 0;cursor: pointer;}
.pop_dd .yz #but123 {float: left;width: 143px;height: 36px;background: #0d6595;font-size: 14px;color: #fff;border: 0;cursor: pointer; text-align: center; line-height: 36px;}

/*头*/
#header{ position:relative; z-index:1; border-bottom:1px solid #d6d6d6; background-color:#fff; height:112px;}
#header .logo{ width:216px; height:50px; overflow:hidden; position:absolute; left:75px; top:30px;}
#header .logo img{ width:100%;}
#header .nav{ position:absolute; right:54px; top:0;}
#header .nav ul{ float:left; margin-right:30px;}
#header .nav li{ float:left; position:relative;}
#header .nav li a{ display:block; font-size:18px; padding:41px 30px; border-top:3px solid #fff;}
#header .nav li.cur a{ border-color:#0d6595;}
#header .nav .subnav{ display:none; position:absolute; left:0; top:100%; width:100%; float:none; padding:22px 0 16px; text-align:center; background:url(../image/opacity-60.png);}
#header .nav .subnav a{ font-size:16px; line-height:40px; color:#fff; padding:0; border:none;}
#header .nav .subnav a:hover{ color:#61c2f5;}
#header .nav .wb{ background:url(../image/wb.png) no-repeat; width:34px; height:34px; float:left; margin-right:14px; margin-top:40px;}
#header .nav .wx{ background:url(../image/wxx.png) no-repeat; width:34px; height:34px; float:left; margin-top:40px;}
#header a{ color:#474747;}
#header a:hover{ color:#ddd;}
 /*头2*/
#header.BaiSe {border-bottom: 1px solid #e4e4e4;position: relative;}
#header.BaiSe .nav_wp li>a {background: url(../image/swp2.png) no-repeat;display: block;margin-top: 38px;}
#header.BaiSe .nav_wp li>a.a1 {background-position: 0 0;}
#header.BaiSe .nav_wp li>a.a2 {background-position: 0 -39px;}
#header.BaiSe .nav_wp li>a.a3 {background-position: 0 -80px;}
#header.BaiSe .nav_wp li>a.a1:hover {background-position: -49px 0;}
#header.BaiSe .nav_wp li>a.a2:hover {background-position: -49px -39px;}
#header.BaiSe .nav_wp li>a.a3:hover {background-position: -49px -80px;}
/*底*/
#footer {width: 100%;overflow: hidden;height: 63px;line-height: 63px;background: url(../image/home_bj4.jpg);}
#footer .block {position: relative;}
#footer .fot_nav {position: absolute;height: 100%;top: 0;left: 9px;}
#footer .fot_nav a {color: #818181;font-size: 12px;}
#footer a:hover {color: #fff;}
#footer .copyright {height: 100%;position: absolute;top: 0;right: 17px;color: #818181;font-size: 12px;}
#footer p {text-align: center;color: #818181;font-size: 12px;}

/*首页代码*/
.home1 {background-repeat: no-repeat;height: 724px;background-size: 100% 100%;}
.home1 .block {position: relative;}
.home1 .text {text-align: center;padding-top: 306px;opacity: 0;}
.home1 .text h1 {font-size: 32px;color: #fff;}
.home1 .text h1 span {font-weight: bold;}
.home1 .text p {font-size: 14px;color: #fff;padding-top: 20px;}
.home1 .r_fh {width: 141px;height: 118px;background: url(../image/rdou.png) no-repeat center;right: 16px;top: 689px;position: absolute;}
.home2 {width: 100%;background: url(../image/home_bj1.jpg);height: 661px;padding-top: 96px;}
.home2 .left {width: 50%;float: left;position: relative;padding-top: 7px;}
.home2 .left .tit {}
.home2 .left .tit h1 {font-size: 34px;color: #474747;font-weight: bold;}
.home2 .left .tit h2 {font-size: 14px;color: #474747;padding: 10px 0 22px;}
.home2 .left .tit .t {font-size: 22px;color: #474747;padding-top: 26px;}
.home2 .left .tit .t span {}
.home2 .left .tit .t span.s2 {font-weight: bold;}
.home2 .left .tit .more {font-size: 14px;color: #32924e;}
.home2 .left .con_wp {width: 465px;padding-top: 38px;}
.home2 .left .con_wp .l {float: left; margin-right: 10px;text-align: center;line-height: 23px; width: 24px;height: 23px;background: url(../image/home3.png) no-repeat center;font-size: 14px;color: #474747;font-family: arial;}
.home2 .left .con_wp .r {float: left;width: 425px;font-size: 14px;color: #474747;}
.home2 .left .con_wp ul {display: none;}
.home2 .left .con_wp ul.on {display: block;}
.home2 .left .con_wp li {padding-top: 15px;}
.home2 .left .con_wp li:first-child {padding-top: 0;}
.home2 .right {width: 50%;float: right;position: relative;}
.home2 .right .d1 {position: absolute;cursor: pointer;}
.home2 .right .d1 .span {color: #fff;font-size: 14px;padding: 7px 24px;background: #4da065;position: absolute;top: 0;right: 0;}
.home2 .right .d1 img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home2 .right .d1 .mask {display: none; position: absolute;width: 100%;height: 100%;background: #4da065;z-index: 1;}
.home2 .right .d1 .mask.on {display: block;}
.home2 .right .d1 .mask .txt {padding: 29% 20px 0 40px;}
.home2 .right .d1 .mask .txt h1 {font-family:'AvianRegular';font-size: 26px;color: #fff;}
.home2 .right .d1 .mask .txt h2 {font-size: 26px;color: #fff;}
.home2 .right .imgs1 {top: 0;left: 0;width: 295px;height: 355px;}
.home2 .right .imgs2 {top: 110px;left: 295px;width: 315px;height: 245px;}
.home2 .right .imgs3 {top: 355px;left: -20px;width: 315px;height: 245px;}
.home2 .right .imgs4 {top: 355px;left: 295px;width: 254px;height: 386px;}
.home3 {height: 787px;background: url(../image/home_bj2.jpg) no-repeat center;}
.home3 .block {position: relative;}
.home3 .block1 {width: 438px;height: 655px;background: #fff;position: relative;}
.home3 .block1 .itme {padding-left: 55px;padding-top: 137px;}
.home3 .block1 .itme .t span {font-size: 30px;color: #474747;}
.home3 .block1 .itme .t span.s2 {font-weight: bold;}
.home3 .block1 .itme h1 {font-size: 18px;color: #474747;padding: 18px 0;}
.home3 .block1 .itme .bj {height: 141px;background: url(../image/homebj_3.png) no-repeat;background-position: 80px -12px;}
.home3 .block1 .itme .bj a {font-size:14px;color: #53a36a;padding-top: 8px;display: inline-block;}
.home3 .block1 .con {padding-left: 25px;position: absolute;left: 0;bottom: 36px;}
.home3 .block1 .con ul {}
.home3 .block1 .con li {padding:21px 0 16px;padding-left: 35px;width: 100%;transition: all 0.6s;-webkit-transition: all 0.6s;}
.home3 .block1 .con li p {color: #474747;font-size: 14px;width: 377px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.home3 .block1 .con li:hover {background: #4da065;}
.home3 .block1 .con li:hover p {color: #fff;}
.home3 .tt {position: absolute;top: 145px;right: -3000px;}
.home3 .tt span {font-size: 32px;color: #fff;}
.home3 .tt span.s2 {font-weight: bold;}
.home4 {width: 100%;background: url(../image/homebj_4.png) no-repeat center bottom;height: 595px;}
.home4 .tt {font-size: 34px;color: #474747;text-align: center;padding: 85px 0 45px;}
.home4 .tt .s2 {font-weight: bold;font-size: 33px;}
.home4 .left .imgs {width: 430px;height: 338px;}
.home4 .right {width: 728px;margin-right: 20px;} 
.home4 .right li {border-bottom: 1px solid #dbdbdb;height: 65px;line-height: 65px;}
.home4 .right .time a {font-size: 22px;color: #474747;font-family:'AvianRegular';}
.home4 .right .time a .s2 {font-family: "微软雅黑";font-size: 14px;color: #474747;}
.home4 .right .time a .s1 {position: relative;top: 3px;}
.home4 .right .time a .s3 {position: relative;top: 3px;}
.home4 .right li:hover {border-color: #4da065;}
.home4 .right li:hover .s1 {font-size: 30px;}
.home5 {padding: 60px 0;background: url(../image/home_bj3.jpg);}
.home5 .txt {float: left;padding-left: 7px;}
.home5 .txt h1 {font-size: 28px;font-weight: bold;color: #fff;}
.home5 .txt h2 {font-size: 20px;color: #fff;padding-top: 8px;padding-bottom: 7px;}
.home5 .txt .contact {}
.home5 .txt .contact p {color: #fff;padding-top: 2px;}
.home5 .txt .contact p span {font-size: 14px;color: #fff;}
.home5 .txt .contact p .s4 {font-size: 50px;color: #fff;font-family:'AVIGNONBOLD';}
.home5 .txt .contact p .s5 {font-family: arial;font-size: 14px;color: #fff;margin-right: 20px;}
.home5 .txt .contact p .s1 {display: inline-block;padding-left:25px;background: url(../image/swp3.png) no-repeat;position: relative;top: -8px;}
.home5 .txt .contact p .s2 {display: inline-block;padding-left:25px;background: url(../image/swp3.png) no-repeat;background-position: 0 -22px;}
.home5 .txt .contact p .s3 {display: inline-block;padding-left:25px;background: url(../image/swp3.png) no-repeat;background-position: 0 -43px;}
.home5 .erweima {width: 128px;float: right;margin-right: 101px;}
.home5 .erweima .imgs {width: 128px;height: 128px;}
.home5 .erweima p {font-size:14px ;color: #fff;text-align: center;padding-top: 10px;}
/*首页代码结束*/

/*product代码*/
.prod1 {width: 100%;}
.prod1 .block {padding-bottom: 116px;}
.prod1 .title {text-align: center;padding: 90px 0 93px;opacity: 0;}
.prod1 .title h1 {font-size: 32px;color: #474747;}
.prod1 .title h1 span {font-weight: bold;}
.prod1 .title h2 {font-size: 16px;color: #474747;padding-top: 20px;}
.prod1 .d1 {height: 375px;overflow: hidden;}
.prod1 .d1 .l {float: left;width: 50%;position: relative;height: 100%;}
.prod1 .d1 .l .imgs {width: 510px;height: 370px;position: absolute;top: 0;right: 0;}
.prod1 .d1 .l .imgs img {width: 100%;height: auto;}
.prod1 .d1 .r {width: 50%;float: right;}
.prod1 .d1 .r .txt {padding: 25px 167px 0 65px;}
.prod1 .d1 .r .txt h1 {font-size: 24px;color: #474747;}
.prod1 .d1 .r .txt h1 i {display: inline-block;width: 3px;height: 24px;margin-right: 6px;background: #0d6595;position: relative;top: 4px;}
.prod1 .d1 .r .txt h2 {font-size: 18px;color: #474747;padding: 35px 0 15px;}
.prod1 .d1 .r .txt p {font-size: 14px;color: #707070;line-height: 150%;}
.prod1 .d1 .r .txt .a_wp {padding-top: 40px;}
.prod1 .d1 .r .txt .a_wp a {display: inline-block;font-size: 14px;color: #474747;text-align: center;width: 143px;height: 36px;border: 1px solid #d9d9d9;line-height: 36px;margin-right: 3px;}
.prod1 .d1 .r .txt .a_wp .a1 {background: #f1f1f1;border-color: #fff;border: 1px solid #f1f1f1;}
.prod1 .inx2 .r {float: left;position: relative;}
.prod1 .inx2 .r .txt {padding: 50px 65px 0 167px;}
.prod1 .inx2 .l {float: right;position: relative;}
.prod1 .inx2 .l .imgs {top: 0;left: 0;}
.prod1 .inx1 .l {position: relative;}
.prod1 .inx1 .r {position: relative;}
/*product代码结束*/

/*service代码*/
.serv1 {width: 100%;position: relative;background-repeat: no-repeat;height: 830px;background-position: center;}
.serv1 .t {font-size: 32px;color: #fff;text-align: center;padding-top: 90px;opacity: 0;}
.serv1 .t .s2 {font-weight: bold;}
.serv2 {width: 100%;margin: 90px 0 100px;}
.serv2 .block {height: 569px;}
.serv2 .left {width: 686px;height: 569px;overflow: hidden;float: left;}
.serv2 .left img {width: 100%;height: auto;transition: all 0.6s;-webkit-transition: all 0.6s;}
.serv2 .left img:hover {transform: scale(1.2);}
.serv2 .right {width: 507px;height: 100%;float: right;}
.serv2 .right .txt1 {height: 50%;width: 100%;text-align: center;background: #ebebeb;}
.serv2 .right .txt1 h1 {color: #474747;font-size: 24px;padding-top: 80px;}
.serv2 .right .txt1 h2 {background: #808080;width: 67px;height: 2px;margin: 18px auto 28px;}
.serv2 .right .txt1 p {color: #474747;font-size: 14px;width: 400px;display: inline-block;}
.serv2 .right .txt2 {background: #4da065;}
.serv2 .right .txt2 h1 {color: #fff;padding-top: 68px;}
.serv2 .right .txt2 h2 {background: #fff;}
.serv2 .right .txt2 p {color: #fff;}
.serv3 {width: 100%;margin-bottom: 80px;}
.serv3 .d1 {height: 380px;}
.serv3 .d1 .l {height: 100%;position: relative;float: left;}
.serv3 .d1 .l .txt {padding: 3px 0 0 69px;}
.serv3 .d1 .l i {position: absolute;display: inline-block;height: 48px;width: 4px;background: #28b4ef;top: 8px;left: 0;}
.serv3 .d1 .l h1 {font-size: 62px;color: #474747;font-family: Impact;text-transform:uppercase;}
.serv3 .d1 .l h2 {font-size: 32px;color: #474747;padding-top: 20px;}
.serv3 .d1 .r {overflow: hidden;width: 710px;height: 380px;float: right;}
.serv3 .d1 .r img {transition: all 0.6s;-webkit-transition: all 0.6s;}
.serv3 .d1 .r img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);}
.serv3 .d2 {height: 270px;}
.serv3 .d2 .l {width: 520px;height: 100%;float: left;overflow: hidden;}
.serv3 .d2 .l img {transition: all 0.6s;-webkit-transition: all 0.6s;}
.serv3 .d2 .l img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);}
.serv3 .d2 .r {float: right;width: 710px;height: 100%;}
.serv3 .d2 .r .txt {padding: 63px 30px 0 55px;}
.serv3 .d2 .r .txt p {padding-bottom: 16px;font-size: 14px;color: #818181;}
/*service代码结束*/

/*profiles代码*/
.prof1 {width: 100%;background-repeat: no-repeat;height: 814px;}
.prof1 .left {width: 50%;float: left;height: 100%;position: relative;}
.prof1 .left .txt {width: 496px;position: absolute;right: 80px;top: 255px;}
.prof1 .left .txt h1 {color: #fff;font-size: 32px;font-weight: bold;}
.prof1 .left .txt h2 {color: #fff;font-size: 32px;padding: 9px 0 34px;}
.prof1 .left .txt p {color: #fff;font-size: 14px;}
.prof1 .left .txt .more {display: inline-block;width: 141px;height: 34px;color: #fff;font-size: 14px;line-height: 34px;text-align: center;border: 1px solid #fff;margin-top: 68px;}
.prof1 .right {float: right;width: 50%;height: 100%;}
.prof1 .right ul {height: 100%;}
.prof1 .right li {height: 162px;background: url(../image/mask_2.png);margin-top: 1px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.prof1 .right li:first-child {margin-top: 0;}
.prof1 .right li .jt {height: 100%;width: 0px;background: url(../image/jt.png) no-repeat center;background-color: #2e509d;float: left;transition: all 0.3s;-webkit-transition: all 0.3s;}
.prof1 .right li .t {padding: 55px 0 0 100px;float: left;}
.prof1 .right li .t h3 {width: 40px;height: 3px;background: #2f56a5;}
.prof1 .right li .t p {font-size: 22px;color: #474747;padding-top: 11px;}
.prof1 .right li:hover .jt {width: 47px;}
.prof1 .right li:hover {background: url(../image/mask_1.png);}
.prof2 {width: 100%;}
.prof2 .title {text-align: center;padding: 130px 0 35px;}
.prof2 .title .t {font-size: 32px;color: #474747;}
.prof2 .title .t span {font-weight: bold;}
.prof2 .title p {font-size: 14px;color: #474747;padding-top: 18px;}
.prof3 {width: 100%;}
.prof3 .main-wp {width: 991px;margin: 0 auto;padding-left: 25px;position: relative;}
.prof3 .img-wp {overflow: hidden;padding-top: 3px;width: 975px;}
.prof3 .img-wp .x {border-top: 1px solid #d9d9d9;}
.prof3 .img-wp ul {position: relative;top: -4px;}
.prof3 .img-wp li {width: 139px;float: left;height: 83px;background: url(../image/pro_j1.jpg) no-repeat top left;cursor: pointer;opacity: 0;}
.prof3 .img-wp li p {font-size: 30px;color: #474747;font-family: arial;padding-top: 47px;padding-left: 14px;}
.prof3 .main-wp .j-left {width: 25px;height: 25px;background: url(../image/pro_left.jpg) no-repeat center;position: absolute;top: -9px;left: 0;cursor: pointer;}
.prof3 .main-wp .j-right {width: 25px;height: 25px;background: url(../image/pro.right.jpg) no-repeat center;position: absolute;top: -9px;right: 0;cursor: pointer;}
.prof3 .img-wp li.n {background-image: none;}
.prof3 .img-wp li:hover {background: url(../image/pro_j2.png) no-repeat top left;}
.prof3 .img-wp li:hover p {color: #258f67;}
.prof3 .img-wp li.no {background: url(../image/pro_j2.png) no-repeat top left;}
.prof3 .img-wp li.no p {color: #258F67;}
.prof3 .img-wp li.n:hover {background-image: none;}
.prof3 .con_wp {padding: 30px 45px 92px 110px;}
.prof3 .con_wp ul {/*background: url(../image/pro_x.jpg) no-repeat left;*/display: none;}
.prof3 .con_wp ul.no {display: block;}
.prof3 .con_wp li {padding: 0 0 18px;}
.prof3 .con_wp li i {display: inline-block;width: 15px;height: 15px;background: url(../image/pro_j3.png) no-repeat center;margin-right: 12px;position: relative;top: 3px;}
.prof3 .con_wp li span {font-size: 14px;color: #008468;font-family: arial;}
.prof3 .con_wp li p {font-size: 14px; color: #474747;display: inline-block;margin-left: 17px;border-top: 1px dashed #dbdbdb;width: 940px;padding-top: 18px;padding-left: 5px;}
.prof3 .con_wp li p.top0 {border: 0;}
.prof4 {width: 100%;position: relative;height: 594px;overflow: hidden;}
.prof4 .h {display: block;width: 40px;height: 3px;background: #fff;margin: 0 auto;}
.prof4 div {position: absolute;overflow: hidden;text-align: center;}
.prof4 div img {transition: all 0.3s;-webkit-transition: all 0.3s;}
.prof4 div img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);}
.prof4 .d1 {width: 1036px;height: 594px;position: absolute;left: 0;top: 0;}
.prof4 .d2 {width: 269px;height: 297px;top: 0;left: 50%;background: #3c3c3c;margin-left: -193px;}
.prof4 .d2 h1 {font-size: 32px;color: #fff;font-weight: bold;padding-top: 120px;}
.prof4 .d2 h2 {font-size: 22px;color: #fff;padding: 8px 0 15px;}
.prof4 .d3 {width: 269px;height: 297px;top: 0;left: 50%;margin-left: 76px;}
.prof4 .d4 {width: 615px;height: 297px;top: 0;left: 50%;background: #2e509d;margin-left: 345px;}
.prof4 .d4 h1 {text-align:left;font-size: 22px;color: #fff; padding: 125px 0 15px 88px;}
.prof4 .d4 .h {margin-left: 112px;}
.prof4 .d5 {width: 480px;height: 297px;top: 296px;left: 50%;background: url(../image/pro_j4.png);text-align: left;margin-left: -404px;}
.prof4 .d5 h1 {font-size: 32px;color: #474747;font-weight: bold;padding:67px 0 8px 60px;}
.prof4 .d5 h2 {font-size: 32px;color: #474747;padding-left: 60px;}
.prof4 .d5 .h {background: #2f56a5;margin: 25px 0 21px 60px;}
.prof4 .d5 h3 {font-size: 22px;color: #2f56a5;padding-left: 60px;}
.prof4 .d6 {width: 269px;height: 298px;top: 296px;left: 50%;margin-left: 76px;background: #4da065;}
.prof4 .d6 h1 {color: #fff;padding: 127px 0 15px;font-size: 22px;}
.prof4 .d7 {width: 615px;height: 298px;top: 296px;left: 50%;margin-left: 345px;}
/*profiles代码结束*/

/*detaili代码*/
.det1 {width: 100%;background-repeat: no-repeat;height: 812px;background-position: center;overflow: hidden;}
.det1 .title {text-align: center;padding: 170px 0 65px;}
.det1 .title h1 {font-size: 60px;color: #fff;font-weight: bold;}
.det1 .title h2 {font-size: 30px;color: #fff;padding: 18px 0 35px;}
.det1 .title p {font-size: 14px;color: #fff;}
.det1 .pic {position: relative;text-align: center;}
.det1 .pic>div {position: relative;width: 254px;height: 203px;display: inline-block;}
.det1 .pic>div h1 {padding: 39px 0 22px;font-size: 20px;color: #fff;}
.det1 .pic>div h2 {font-size: 48px;color: #fff;font-family: arial;font-weight: bold;padding-bottom: 11px;}
.det1 .pic>div span {font-size: 16px;color: #fff;} 
.det1 .pic .l_img {background: url(../image/det2.png) no-repeat center;left: 3000px;z-index: 1;}
.det1 .pic .r_img {background: url(../image/det3.png) no-repeat center;left: -3000px;top: 0px;}
.det1 .pic .r_img h2 {font-size: 70px;padding-bottom: 5px;}
.det1 .pic .r_img h1 {padding-bottom: 5px;}
.det2 {height: 720px;width: 100%;}
.det2 .block {position: relative;}
.det2 .txt {padding-top: 145px;width: 475px;float: left;}
.det2 .txt h1 {font-size: 60px;color: #4da065;text-transform:uppercase;font-family:'AVIGNONBOLD';}
.det2 .txt h2 {font-weight: bold;font-size: 48px;color: #474747;padding: 17px 0 14px;}
.det2 .txt h3 {font-size: 30px;color: #474747;padding-bottom: 35px;}
.det2 .txt p {font-size: 14px;color: #707070;padding-bottom: 14px;}
.det2 .imgs1 {width: 473px;height: 397px;position: absolute;top: 170px;right: 237px;}
.det2 .imgs2 {width: 290px;height: 218px;position: absolute;top: 120px;right: 60px;z-index: 1;}
.det2 .imgs3 {width: 237px;height: 316px;position: absolute;top: 300px;right: 0;}
.det2 img {width: 100%;height: 100%;}
.det3 {width: 100%;background: url(../image/home_bj1.jpg);overflow: hidden;}
.det3 .title {text-align: center;padding: 85px 0 40px;}
.det3 .title h1 {font-size: 32px; color: #474747;}
.det3 .title h1 span {font-weight: bold;}
.det3 .title p {font-size: 14px;color: #474747;padding-top: 23px;}
.det3 .img-slider {height: 344px;position: relative;padding-bottom: 86px;width: 100%;overflow: hidden;}
.det3 .img-wp {height: 315px;width: 3000px;}
.det3 .img-wp>div {float: left;width: 1242px;height: 100%;}
.det3 .img-wp>div .imgs {width: 401px;height: 315px;overflow: hidden;margin-right: 13px;float: left;overflow: hidden;}
.det3 .img-wp>div .imgs img {transition: all 0.3s;-webkit-transition: all 0.3s;}
.det3 .img-wp>div .imgs img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);}
.det3 .img-trigger {text-align: center;padding-top: 13px;}
.det3 .img-trigger li {width: 35px;height: 4px;background: #dddddd;display: inline-block;cursor: pointer;}
.det3 .img-trigger li.on {background: #2e509d;}
.det4 {width: 100%;height: 440px;background: url(../image/det_7.jpg) no-repeat center;overflow: hidden;}
.det4 .txt {margin: 0 auto;width: 785px;text-align: center;padding-top: 194px;}
.det4 .txt p {font-size: 22px;color: #fff;font-weight: bold;}
.det5 {width: 100%;overflow: hidden;}
.det5 h1 {font-size: 32px;color: #474747;font-weight: bold;text-align: center;padding: 100px 0 40px;}
.det5 .con {padding-bottom: 59px;}
.det5 .con ul {width: 1240px;overflow: hidden;}
.det5 .con li {width: 299px;height: 314px;float: left;margin-right: 11px;position: relative;opacity: 0;}
.det5 .con li.imgs {width: 100%;height: 235px;}
.det5 .con li p {text-align: center;font-size: 14px;color: #474747;padding-top: 20px;}
.det5 .con li:hover p {color: #4da065;}
.det5 .con li.li {text-align: center;background: #4da065;height: 235px;}
.det5 .con li.li img { padding: 68px 0 20px;}
.det5 .con li.li h2 {font-size: 18px;color: #fff;}
.det5 .con .u1 li {top: -500px;}
.det5 .con .u2 li {top: 500px;}
/*detaili代码结束*/

/*journalism代码*/
.jour1 {width: 100%;}
.jour1 .title {text-align: center;padding: 53px 0 35px;}
.jour1 .title h1 {font-size: ;color: #474747;}
.jour1 .title p {font-size: 14px;color: #707070;padding-top: 18px;}
.jour1 ul {}
.jour1 li {padding: 30px 0;border-top: 1px solid #d1d1d1;}
.jour1 li:first-child {border-color: #fff;}
.jour1 li .imgs {float: left;width: 332px;height: 244px;margin-right: 60px;}
.jour1 li .time {float: left;margin-right: 115px;width: 120px;}
.jour1 li .time h1 {font-size:112px;color: #474747;font-family:'AvianRegular';padding-top: 60px;height: 100px;}
.jour1 li .time span {font-size: 28px;color: #474747;font-family:'AvianRegular';}
.jour1 li .txt {float: left;width: 600px;}
.jour1 li .txt h1 {font-size: 20px;color: #474747;padding: 43px 0 23px;}
.jour1 li .txt p {font-size: 14px;color: #707070;}
.jour1 li .txt .more {font-size: 14px;color: #707070;display: inline-block;background: url(../image/jou_1.png) no-repeat center right;padding-right: 23px;margin-top: 18px;}
.jour1 .page {padding: 25px 0 96px;}
/*journalism代码结束 */

/*detailed代码*/
.led1 {width: 100%;height: 460px;}
.led1 .block {overflow: hidden;}
.led1 .l {width: 510px;height: 370px;float: left;margin-right: 70px;margin-top: 49px;position: relative;left: -1000px;}
.led1 .r {float: left;width: 600px;position: relative;left: 1000px;}
.led1 .r h1 {font-size: 24px;color: #474747;padding: 98px 0 37px;}
.led1 .r h1 span {display: inline-block;width: 3px;height: 24px;background: #0d6595;position: relative;top: 4px;margin-right: 6px;}
.led1 .r h2 {font-size: 18px;color: #474747;}
.led1 .r p {font-size: 14px;color: #707070;padding: 15px 0 47px;}
.led1 .r .more {font-size: 14px;color: #474747;display: inline-block;width: 141px;height: 34px;border: 1px solid #d9d9d9;line-height: 34px;text-align: center;}
.led2 {width: 100%;height: 558px;background: url(../image/pro_bj1.jpg);}
.led2 .title h1 {font-size: 32px;color: #fff;padding: 80px 0 38px;text-align: center;}
.led2 .con {width: 100%;overflow: hidden;}
.led2 .con ul {width: 1257px;}
.led2 .con li {width: 389px;float: left;margin-right: 30px;}
.led2 .con li .imgs {width: 389px;height: 274px;overflow: hidden;}
.led2 .con li img {transition: all 0.3s;-webkit-transition: all 0.3s;}
.led2 .con li img:hover {transform: scale(1.1);-webkit-transform: scale(1.1);}
.led2 .con li .lj {font-size: 16px;color: #fff;text-align: center;display: block;padding-top: 22px;}
.led3 {width: 100%;padding-bottom: 90px;}
.led3 .title h1 {font-size: 32px;color: #474747;padding: 80px 0 38px;text-align: center;font-weight: bold;}
.led3 .top {width: 100%;border-bottom: 1px solid #bdbdbd;padding-bottom: 20px;}
.led3 .top .d1 {text-align: center;float:left;width: 25%;font-size: 20px;color: #474747;}
.led3 table {width: 100%;}
.led3 table tr {border-bottom: 1px solid #ebebeb;height: 69px;}
.led3 table td {width: 25%;font-size: 16px;color: #707070;text-align: center;}
.led4 {background-repeat: no-repeat;height: 686px;overflow: hidden;}
.led4 .block {position: relative;height: 100%;}
.led4 .title h1 {font-size: 32px;color: #fff;padding: 80px 0 38px;text-align: center;font-weight: bold;}
.led4 .d {width: 294px;height: 284px;background: url(../image/jed_4.png) no-repeat center;text-align: center;float: left;position: relative;overflow: hidden;}
.led4 .d h1 {font-size: 72px;color: #474747;font-family: impact;}
.led4 .d .h {width: 32px;height: 4px;display: block;background: #4da065;margin: 11px auto 27px;}
.led4 .d p {font-size: 20px;color: #474747;}
.led4 .d .t {display: inline-block;}
.led4 .d .t h1 {padding-top: 70px;}
.led4 .d1 {margin-left: 140px;top: -1000px;}
.led4 .d2 {margin-left: 37px;top: -1000px;}
.led4 .d3 {margin-left: 37px;top: -1000px;}
.led4 .d4 {margin-left: 303px;top: 1000px;}
.led4 .d5 {margin-left: 37px;top: 1000px;}
.led4 .d .mask {opacity: 0; width: 283px;height: 283px;position: absolute;top: 1px;right: -300px;background: url(../image/jed_1.png) no-repeat center;text-align: center;transition: all 0.6s;-webkit-transition: all 0.6s;}
.led4 .d .mask p {font-size: 14px;color: #fff;width: 130px;text-align: center;display: inline-block;padding-top: 80px;}
.led4 .d .mask p span {font-size: 26px;color: #fff;}
.led4 .d:hover .mask {right: 0;opacity: 1;}
/*detailed代码结束*/

/*developing代码*/
.deve1 {width: 100%;background: url(../image/home_bj1.jpg);}
.deve1 .title {text-align: center;padding: 97px 0 38px;opacity: 0;}
.deve1 .title h1 {font-size: 32px;color: #474747;}
.deve1 .title h1 span {font-weight: bold;}
.deve1 .title p {font-size: 14px;color: #474747;padding-top: 23px;}
.deve1 .main-wp {width: 871px;margin: 0 auto;position: relative;}
.deve1 .img-wp {width: 740px;margin: 0 auto;overflow: hidden;}
.deve1 .img-wp ul {}
.deve1 .img-wp li {cursor: pointer; width: 230px;height: 48px;background: url(../image/dev_2.png) no-repeat center;font-size: 14px;color: #474747;text-align: center;line-height: 48px;float: left;margin-right: 25px;}
.deve1 .img-wp li:hover {color: #fff;background: url(../image/dev_1.png) no-repeat center;}
.deve1 .img-wp li.no {color: #fff;background: url(../image/dev_1.png) no-repeat center;}
.deve1 .main-wp .j-left {width: 50px;height: 50px;position: absolute;top: -2px;left: 0;cursor: pointer;background: url(../image/dev_left1.png) no-repeat;}
.deve1 .main-wp .j-right {width: 50px;height: 50px;position: absolute;top: -2px;right: 0;cursor: pointer;background: url(../image/dev_right1.png) no-repeat;}
.deve1 .main-wp .j-left:hover {background-position: 0 -65px;}
.deve1 .main-wp .j-right:hover {background-position: 0 -65px;}
.deve1 .con_wp {width: 100%;padding: 35px 0 110px;}
.deve1 .con_wp .con {overflow: hidden;display: none;}
.deve1 .con_wp .con.no {display: block;}
.deve1 .con_wp .imgs {width: 320px;height: 251px;overflow: hidden;margin-right: 20px;float: left;}
.deve1 .con_wp .txt {width: 540px;height: 251px;float: right;}
.deve1 .con_wp .txt p {font-size: 14px;color: #474747;padding-top: 15px;line-height: 150%;}
.deve1 .con_wp .txt p:first-child {padding-top: 0;}
.deve2 {width: 100%;height: 460px;position: relative;}
.deve2 .l {width: 50%;background: url(../image/dev_bj1.jpg);height: 100%;float: left;text-align: right;}
.deve2 .l .txt {width: 540px;display: inline-block;text-align: left;padding: 105px 83px 0 0;}
.deve2 .l .txt p {font-size: 14px;color: #fff;padding-top: 16px;}
.deve2 .l .txt p:first-child {padding-top: 0;}
.cen_tb {width: 112px;height: 112px;background: url(../image/dev_3.png) no-repeat center;position: absolute;left: 50%;top: 50%;margin: -56px 0 0 -56px;}
.deve2 .r {width: 50%;height: 100%;float: right;overflow: hidden;}
.deve2 .r img {transition: all 0.6s;-webkit-transition: all 0.6s;}
.deve2 .r img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);}
.deve3 {width: 100%;}
.deve3 .title {text-align: center;padding: 100px 0 40px;}
.deve3 .title h1 {font-size: 32px;color: #474747;font-weight: bold;}
.deve3 .title p {font-size: 14px;color: #474747;padding-top: 22px;}
.deve3 .con {width: 100%;overflow: hidden;}
.deve3 .con ul {width: 1242px;}
.deve3 .con li {width: 401px;float: left;overflow: hidden;margin-right: 13px;}
.deve3 .con li .imgs {width: 399px;height: 313px;border: 1px solid #dedede;text-align: center;line-height: 310px;overflow: hidden;}
.deve3 .con li .imgs img {transition: all 0.3s;-webkit-transition: all 0.3s;}
.deve3 .con li .imgs img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);}
.deve3 .con li p {font-size: 18px;color: #474747;text-align: center;padding: 24px 0 49px;}
.deve3 .con li:hover p {color: #4da065;}
.deve3 .page {padding: 25px 0 96px;}
/*developing代码结束*/

/*Map代码*/
.map1 {height: 645px;width: 100%;position: relative;}
.map1 #map {height: 645px;}
.map1 .mask {width: 533px;height: 509px;border: 1px solid #3a5aa2;background: #2e509d;position: absolute;top: 60px;left: 5%;}
.map1 .mask .txt {padding: 48px 0 0 59px;}
.map1 .mask .txt h1 {font-size: 56px;color: #fff;font-family: impact;}
.map1 .mask .txt h2 {font-size: 24px;color: #fff;padding: 10px 0 9px;}
.map1 .mask .txt p {overflow: hidden;padding-top: 6px;}
.map1 .mask .txt p span {font-size: 14px;color: #fff;display: inline-block;}
.map1 .mask .txt p .s1 {float: left;width: 70px;text-align: right;}
.map1 .mask .txt p .s2 {float: right;width: 400px;}
.map1 .mask .txt p .s3 {font-size: 48px;color: #fff;font-family: impact;}
.map1 .mask .txt p .s4 {font-family: arial;}
.map1 .mask .txt p .s5 {position: relative;top: 20px;}
.map1 .mask .txt .kf {display: inline-block;width: 170px;height: 49px;background: url(../image/map_1.png) no-repeat center;margin-top: 39px;}
.map2 {width: 100%;}
.map2 .title {text-align: center;font-size: 32px;color: #474747;padding: 90px 0 40px;}
.map2 .title span {font-weight: bold;}
.map2 .l {float: left;width:609px;}
.map2 .l .ipt {position: relative;margin-top: 10px;padding: 0 20px 0 15px;border: 1px solid #ccc;}
.map2 .l .ipt:first-child {margin-top: 0;}
.map2 .l .ipt input {width: 570px;height: 45px;line-height: 45px;font-size: 14px;color: #909090;padding-right: 20px;border: 0;}
.map2 .l .ipt span {position: absolute;font-size: 14px;color: #909090;top: 16px;right: 10px;}
.map2 .text {position: relative;float: right;width: 607px;height: 159px;}
.map2 .text span {position: absolute;font-size: 14px;color: #909090;top: 16px;right: 10px;}
.map2 textarea {width: 570px;height: 128px;padding: 15px 20px 15px 15px;font-size: 14px;color: #909090;resize: none;}
.map2 button {border: 0;cursor: pointer;width: 160px;height: 45px;background: #2e509d;font-size: 16px;color: #fff;margin: 30px auto 88px;font-family: "微软雅黑";display: block;}
.map2 #but {border: 0;cursor: pointer;width: 160px;height: 45px;background: #2e509d;font-size: 16px;color: #fff;margin: 30px auto 88px;font-family: "微软雅黑";display: block; text-align: center; line-height: 45px;}
.sidebar {position: fixed;top: 265px;right: 30px;}
.sidebar li {width: 69px;height: 69px;background: #2e509d;text-align: center;margin-bottom: 5px;border-radius: 6px;}
.sidebar li img {padding: 13px 0 5px;}
.sidebar li p {font-size: 12px;color: #fff;}
.sidebar li:hover {background: #4da065;}
<!--自定义-->

.page #prev1 {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;margin: 0 3px;font-size: 12px;color: #707070; background: url(../image/jou_2.png) no-repeat;background-position: 10px 12px;}
.page #next {display: inline-block;width: 101px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;border: 1px solid #dbdbdb;margin: 0 3px;font-size: 12px;color: #707070;background: url(../image/jou_3.png) no-repeat;background-position: 83px 12px;}
.page #prev1:hover {background: #6b6b6b;color: #fff;}
.page #next:hover {background: #6b6b6b;color: #fff;}
/*Map代码结束*/