body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
i,em{font-style:normal;}

.til{background: url(../image/til.jpg) no-repeat center 0; height:498px; overflow: hidden;}
.ti_l{ font-size: 0; padding: 80px 0 0 50px;}
.ti_l li{position:relative;width:546px;height:326px;overflow:hidden;border:1px solid #dcdcdc;}
.ti_l li img{transition: all 0.5s ease-in-out;}
.ti_l li p{display:none;position:absolute;top:0;left:0;width:546px;height:326px;background:url(../image/fangda.png) no-repeat;}
.ti_l li:hover p{display:block;}
.ti_l li:hover img{transform:scale(1.1);}
.ti_r{ width: 550px; position: relative;}
.ti_r h3{ position: absolute; top: 0; left: 0;background: url(../image/ti_r.gif) no-repeat; height: 132px; width: 690px; line-height: 132px; color: #fff;}
.ti_r h3 i{ display: inline-block; padding: 0 15px 0 122px; font-size: 36px;}
.ti_r h3 span{ font-weight: normal; font-size: 18px;}
.ti_r h4{ padding-top: 192px; font-size: 22px; color: #4c4c4c;font-weight: normal;}
.ti_r h4 i{ display: block; font-weight: bold; color: #f96f00; font-size: 24px; padding-top:3px;}
.ti_r p{ font-size: 14px; color: #666; line-height: 28px; padding-top: 24px;}

.why{background: url(../image/hom.jpg) no-repeat center 0; height:855px; overflow: hidden; margin-bottom: 61px;}
.why h2{ text-align: center; padding-top: 70px; font-weight: normal; color: #4c4c4c; font-size: 18px; margin-bottom: 198px;}
.why h2 i{ display: block;background: url(../image/w_h2.gif) no-repeat center 0; padding-top: 10px; line-height: 65px; height: 65px; color: #2c3a7f; font-weight: normal; font-size: 36px; margin-bottom: 11px;}
.why h2 i strong{ font-weight: bold;}
.why_a{ margin-left:568px; margin-bottom: 30px;position: relative;}
.why a{ display: inline-block; width: 47px; height: 47px;background: url(../image/w_ico2.png) no-repeat;}
.why a:hover{background: url(../image/w_ico.png) no-repeat;}
.why_b{ margin-left:398px; position: relative;}
.why_b .w_flo{ position: absolute; top:-191px; left:-438px;background: url(../image/why1.png) no-repeat; width: 463px; height: 532px; z-index: 9; display: none;}
.w_flo  h3{ width: 379px; text-align: center; line-height: 70px; color: #fff; font-weight: normal; font-size: 24px;}
.w_flo p{ padding: 20px 25px 27px; width: 328px; font-size: 14px; color: #4c4c4c; line-height: 26px;}
.w_flo em{ display: block;padding-left: 114px;}
.why_c{ margin-left:570px; margin-top: 36px; position: relative;}
.why .cur a{background: url(../image/w_ico.png) no-repeat;}
.why_a .w_flo{background: url(../image/why2.png) no-repeat;left:23px; top: -111px; display: block; padding-left: 125px;display: none;position: absolute; min-height: 532px;}
/*.why_c .w_flo{background: url(../images/why3.png) no-repeat;top:-171px; left: 23px; display: block; padding-left: 190px;display: none;}*/
.why_c .w_flo em{ display: block;padding-left:28px;}
.why_b .w_flo em{ display: block;padding-left:50px;}
.why_a .w_flo em{ display: block;padding-left:29px;}
.why .cur .w_flo{ display: block;}
.why .why_c.cur .w_flo{ display: block;}
.why .why_b.cur .w_flo{ display: block;}


.pro{ height: 1007px; position: relative;}
.pro h2{ text-align: center;font-weight: normal; color: #4c4c4c; font-size: 18px; margin-bottom:38px;}
.pro h2 i{ display: block;background: url(../image/p_h2.jpg) no-repeat center 0; padding-top: 10px; line-height: 65px; height: 65px; color: #2c3a7f; font-size: 36px; margin-bottom: 11px;font-weight: bold;}
.pro ul li{ float: left; width: 390px; font-size: 0; margin-right: 15px;display: block; margin-bottom: 15px; position: relative;}.pro ul li.nom{ margin-right: 0;}
.pro ul li em i{ display: none; text-align: center; padding-top: 45%;background: url(../image/spn.png) repeat; position: absolute; left: 0; top: 0; width: 100%; height:100%; box-sizing: border-box;}
.pro ul li em i b{ display: block; font-size: 22px; color: #fff;}
.pro ul li em i span{ display:block; font-size: 14px; color: #fff; line-height: 28px; border: 1px solid #878fb2; margin:17px 63px 0;}
.pro ul li.shot i{ padding-top: 30%;}
.pro ul li.cur i{ display: block;}
.pro .dw1{ position: absolute; left: 0; top: 624px;}
.pro .dw2{ position: absolute; left:405px; top:454px;}
.pro .dw3{ position: absolute; left:810px; top:624px;}


.lid{ height: 517px;}
.lid h2{ text-align: center; font-weight: normal; color: #4c4c4c; font-size: 18px; margin-bottom:39px;}
.lid h2 i{ display: block;background: url(../image/l_h2.jpg) no-repeat center 0; padding-top: 10px; line-height: 65px; height: 65px; color: #2c3a7f; font-weight: bold; font-size: 36px; margin-bottom: 11px;}
.lid h2 i span{  font-family: Arial; font-size: 50px; float: left; padding-top: 3px; padding-left: 496px;}
.lid h2 i em{ display: inline-block; float: left;}
.lid ul{background: url(../image/ld_bg.jpg) no-repeat center 86px; }
.lid ul li{ width: 400px; text-align: center; float: left; font-size: 14px; color: #666; line-height: 26px;transition:all 0.3s linear;}
.lid ul li strong{ display: block; font-size: 20px; color: #333; font-weight: bold; padding: 27px 0 13px 0;}
.lid ul li span{ display: block;}
.lid ul li:hover{transform:translateY(-5px);text-shadow:0 1px 1px rgba(0,0,0,0.35);}

.zhid{background: url(../image/zhid.jpg) no-repeat center; height: 501px; overflow: hidden; margin-bottom: 90px;}
.zd_l{ padding-top: 106px;padding-left: 30px;}
.zd_l ul{ margin: 10px 0 0 10px; width: 289px; text-align: center;}
.zd_l ul li{ position: relative;}
.zd_l ul li em{ display: block; font-size: 20px; color: #fff; padding-top: 11px; letter-spacing: 3px;}
.zd_l ul li i{ display: block; position: absolute; top: 99px; width: 100%;background: url(../image/z_btn.png) no-repeat center 0; height: 30px; line-height: 30px; font-size: 15px; color:#f96f00; font-weight: bold;}
.zd_r{ width: 575px; padding-top: 68px;}
.zd_r h2{ height: 205px;}
.zd_r h2 span{ display: block; font-size: 0; text-align: right; padding-bottom: 65px;}
.zd_r h2 strong{ display: block; padding-left: 18px; color: #fff; font-size: 36px; letter-spacing: 3px;}
.zd_r h2 strong i{ display: block; font-weight: normal; font-size: 34px;}
.zd_r p{ padding-left: 18px; color: #fff; height: 112px;}
.zd_r p span{ display: block; padding-top: 14px; font-size: 18px; padding-left: 17px; line-height: 100%;background: url(../image/z_ico.png) no-repeat 0 21px;}
.zd_r h3{ overflow: hidden;margin-left: 115px;}
.zd_r h3 i{ display: inline-block; float: left; padding-right: 17px;}
.zd_r h3 em{ display: inline-block; float: left; font-weight: normal; font-size: 14px; color: #fff; padding-top:28px;}
.zd_r h3 em span{font-weight: bold; font-family: Arial; font-size: 26px; font-weight: bold;}
.zd_r h3 em b{ display: inline-block; font-weight:normal; float: left; padding-top:3px;}

.ysw{ height: 1427px;background: url(../image/c_bg2.jpg) no-repeat center bottom;}
.ysw .content{ position: relative;}
.ysw h2{ text-align: center; font-weight: normal; color: #4c4c4c; font-size: 18px; margin-bottom:78px;}
.ysw h2 i{ display: block;background: url(../image/c_h2.jpg) no-repeat center 0; padding-top: 10px; line-height: 65px; height: 65px; color: #2c3a7f; font-weight: normal; font-size: 36px; margin-bottom: 11px;}
.ysw h2 i strong{ font-weight: bold;}
.ysw ul{ overflow: hidden;}
.ysw ul li{ width: 550px; float: left; height: 606px;}.ysw ul li.fr{ float: right;}
.ysw ul li img{ width: 550px; height: 316px;}
.ysw ul li em{ display: block; padding:39px 35px 41px 60px; color: #2c3a7f; font-size: 26px; line-height: 100%;    transition: all 0.3s linear;}
.ysw ul li em span{ font-weight: bold; padding-right: 15px;}
.ysw ul li:hover em{transform:translateY(-3px);text-shadow:0 1px 1px rgba(0,0,0,0.35);}
.ysw ul li i{ display: block; padding:0 35px 0 60px; color: #4c4c4c; font-size: 14px; line-height: 25px;}
.ysw h3{ position: absolute; left: 566px; bottom:37px;}

.case{ background: #f5f5f5; padding-top: 70px; height: 800px; margin-bottom: 70px;}
.case h2{ text-align: center; font-weight: normal; color: #4c4c4c; font-size: 18px; margin-bottom:50px;}
.case h2 i{ display: block;background: url(../image/c_h2i.jpg) no-repeat center 0; padding-top: 10px; line-height: 65px; height: 65px; color: #2c3a7f; font-weight: normal; font-size: 36px; margin-bottom: 11px;}
.case h2 i strong{ font-weight: bold;}
.case dl{ float: left; width: 400px; background: #fff; height: 560px; position: relative;}
.case dl a{ display: block;}
.case dl dd{ padding: 37px 39px 0;}
.case dl dd h3{ font-weight: normal; color: #2c3a7f; font-size: 20px;}
.case dl dd h3 i{display: block;font-weight: normal; font-size: 24px;}
.case dl dd p{ font-size: 14px; color: #666; line-height: 25px; padding-top: 22px; height: 96px;}
.case dl a span{ display: block; width: 22px; height: 22px;background: url(../image/c_ico2.jpg) no-repeat;}
.case dl a:hover h3{ color: #f96f00;}
.case dl a:hover span{background: url(../image/c_ico.jpg) no-repeat}
.case dl.fan dt{position: absolute; bottom: 0; left: 0;}
.case dl dt{ width: 400px; height: 300px; overflow: hidden;}
.case dl dt img{    transition: all 1s;}
.case dl dt:hover img {transform:scale(1.1)}

.news{ height: 690px; overflow: hidden;}
.news h2{ text-align: center; font-weight: normal; color: #4c4c4c; font-size: 18px; margin-bottom:37px;}
.news h2 i{ display: block;background: url(../image/n_h2.jpg) no-repeat center 0; padding-top: 10px; line-height: 65px; height: 65px; color: #2c3a7f; font-weight: normal; font-size: 36px; margin-bottom: 11px;}
.news h2 i strong{ font-weight: bold;}
.news h3{ margin-bottom: 30px; line-height: 100%; padding-bottom: 14px; border-bottom: 1px solid #e3e3e3;}
.news h3 a{ font-weight: normal; color: #1a1a1a; font-size: 24px;}
.n_l{ width: 476px; margin-right: 64px;}
.n_l dl dt img{ width: 476px;}
.n_l dl dd{ padding: 25px 0 30px 0; border-bottom: 1px dotted #b2b2b2; margin-bottom: 18px; overflow: hidden;}
.n_l dl dd h4{ float: left; width: 56px; height: 56px; border-radius: 56px; background: #f96f00; color: #fff; font-weight: normal; font-family: Arial; font-size: 20px; text-align: center;}
.n_l dl dd h4 span{ display: block; font-size: 14px; padding-top: 11px;}
.n_l dl dd p{ float: right; width: 402px; font-size: 14px; color: #808080;}
.n_l dl dd p a{ display: block; overflow: hidden; color: #f96f00; font-size: 16px; font-weight: bold; line-height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 7px 0;}
.n_l ul{ padding-top:8px;}
.n_l ul li{ overflow: hidden; padding-bottom: 14px;}
.n_l ul li span{ display: inline-block; float: right; font-size: 14px; font-family: Arial; color: #999999;}
.n_l ul li a{ display: inline-block; float: left; padding-left: 15px; color: #333; font-size: 14px;background: url(../image/n_ico1.jpg) no-repeat 0 9px; width: 370px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.n_c{ width: 476px;}
.n_c h4 img{ width: 476px;}
.n_c ul{ padding-top: 3px;}
.n_c ul li{ padding:30px 0;}
.n_c ul li.cur{border-bottom: 1px dotted #b2b2b2;}
.n_c ul li a{ display: block; overflow: hidden; font-size: 16px; color: #333; padding-left: 17px;background: url(../image/n_ico2.jpg) no-repeat 0 8px; height: 20px; line-height: 20px;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 9px;}
.n_c ul li span{ display: block; color: #808080; font-size: 14px; padding-left: 17px;}
.n_r{ width: 123px; margin-top: 67px; height: 422px; background: #2c3a7f; text-align: center;}
.n_r em{ display: block; padding-top: 35px; font-size: 18px; color: #fff;font-weight: bold;}
.n_r em span{ display: block; font-weight: normal;}

.ab_bj{background: url(../image/abm.jpg) no-repeat center 0; height:499px; overflow: hidden; padding-top: 1px;}
.ab{ margin:105px auto 0;background: url(../image/a_bg.png) no-repeat; height: 290px; width: 910px;}
.ab h3{ padding-top: 75px; padding-left: 93px; overflow: hidden;}
.ab h3 i{ display: inline-block; float: left; width: 207px; color: #2c3a7f; font-weight: bold; font-size: 36px; line-height: 100%;}
.ab h3 i span{ display: block; font-weight: normal; font-size: 16px; color: #333;}
.ab h3 em{ display: inline-block; line-height: 70px; color: #fff; font-size: 24px;font-weight: normal;}
.ab p{ color: #4c4c4c; font-size: 14px; line-height: 24px; margin:12px 98px 0 110px; height: 77px;}
.ab em{ display: block; text-align: center;}
.ab em a{ display: inline-block; width: 148px; height: 28px; line-height: 28px; border: 1px solid #fcb77f; border-radius: 28px; color: #f96f00; font-size: 14px; font-weight: bold;}

.link{height:50px;line-height: 50px; background: #2c3a7f;}
.link span i {font-size:14px;color: #bec0d2;margin:0 10px;display: inline-block;}
.link span {font-size:14px;color: #bec0d2;margin-right:20px;}
.link span em {font-size:18px;color: #bec0d2}
.link a {font-size:14px;color: #bec0d2;padding:0 20px;}