﻿@charset "utf-8";

/* CSS Document */



/*Title*/

.Title{width: 100%;text-align: center;padding-top: 58px;}

.Title h3{font-size: 34px;color: #034287; font-weight:bold;}

.Title h3 a{color: #424242;text-decoration: none;}

.Title i{display: block;margin: 10px auto 0;width: 160px;height: 22px;}

.Title i img{display: block;}



/* banner */





.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}

#flashs{ position:relative; height:654px; overflow:hidden;}

#flashs .bgitem{z-index:1;position:absolute; top:0; }

#flashs .btn{position: absolute;left: 50%;bottom: 25px;width: 400px;margin-left: -200px;text-align: center;z-index: 9999;}

#flashs .btn span {display: inline-block;*display: inline;*zoom: 1;width: 50px;height: 5px;background:#ffffff8a;margin-right: 11px;    border-radius: 3px;}

#flashs .btn span.cur {background: #fff;}



#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}

#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}

#flashs:hover .bot{display: block;}





/* search */

.search{width: 100%;height: 61px;background: #eeeeee;border-bottom: 1px solid #dedede; display:none;}

.search p{float: left;font-size: 14px;color: #333333;font-weight: bold;width: 770px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 22px;}

.search p a{font-size: 14px;color: #666;font-weight: normal;padding: 0 26px;border-left: 1px dotted #a4a4a4;}



.search p a:first-child{border-left: none;}

.search .Input{width: 300px;height: 38px;line-height: 38px;float: right;margin-top: 12px;position: relative;background: url(searchBg.png) no-repeat center;}

.search .Input input{padding-left: 20px;font-size: 13px;outline: none;border: none;color: #999999;height: 38px;line-height: 38px;width: 226px; background: none;}

.search .Input input.inputSub{padding:0px;}

.search .Input a{display: block;width: 49px;height: 38px;position: absolute;top: 0;right: 0px;}

.search .Input a img{display: block;}



/*product*/

.product{width: 100%;}

.product .menu{width: 1200px;margin: 27px auto 0;}

.product .menu li{width: 240px;height: 78px;line-height: 78px;text-align: center;float: left;border: 1px solid #eeeeee;font-size: 16px;color: #fff;}

.product .menu li a{color: #000;text-decoration: none;display: block;}
.product .menu li a:hover{color:#fff!important;}

.product .menu li.cur{background: url(productBg.png) repeat-x;border-color:#114ea9; color:#fff;}
.product .menu li.cur a{color:#fff;}

.product .mainCon{width: 100%;background: #f8f8f8;padding-bottom: 60px; overflow:hidden;}

.product .mainCon .container{position: relative;overflow: hidden; height:1000px;}

.product .mainCon .conBox{width: 100%;}

.product .mainCon dl{width: 100%;height: 318px;overflow: hidden;}

.product .mainCon dt{float: left;width: 498px;height: 316px;border: 1px solid #cccccc;}

.product .mainCon dt img{display: block;}

.product .mainCon dd{width: 624px;float: left;margin-left: 49px;}

.product .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 4px;}

.product .mainCon dd h3 a{color: #333333;text-decoration: none;}

.product .mainCon dd h4{font-size: 14px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 16px;}

.product .mainCon dd p{line-height: 16px;color: #666666;font-size: 14px;}

.product .mainCon dd .btn{overflow: hidden;margin-top: 36px;}

.product .mainCon dd .btn a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(productBg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;}

.product .mainCon dd .btn a:hover{background: url(productBg03.png) no-repeat center;color: #fff;}

.product .mainCon dd a:first-child{margin-right: 12px;}

.product .mainCon .box{width: 100%;}

.product .mainCon .box .top{width: 100%;}

.product .mainCon .box .top h3{float: left;font-size: 18px;color: #333333;font-weight: bold;}

.product .mainCon .box .top a{font-size: 14px;color: #666666;float: right;text-transform: uppercase;display: block;}

.product .mainCon .box ul{width: 100%;margin-top: 14px;}

.product .mainCon .box li{width:370px;height: 460px;float: left;margin-left: 45px;text-align: center;border-bottom: 6px solid #c6c6c6; margin-top:26px;}

.product .mainCon .box li:first-child{margin-left: 0;}

.product .mainCon .box li:nth-of-type(4){margin-left: 0;}

.product .mainCon .box li span{display: block;width:360px;height:360px;border:5px #005fb0 solid;overflow: hidden;position: relative;}

.product .mainCon .box li img{display: block;transition: all 1s ease-out;  transform: scale(1); }

.product .mainCon .box li em{display: block;height:80px;line-height: 80px;font-size: 17px;color: #034287; text-align:left; text-indent:15px; font-weight:bold;}



.product .mainCon .box li em span {

    float: right;

    width: 86px;

    height: 25px;

    line-height: 25px;

    color: #034287;

    text-align: center;

    margin-top: 25px;

    margin-right: 22px;

    background: url(cpzx_li_juxingkuang.png) no-repeat center; border:none;

}



.product .mainCon .box li:hover{border-color: #fe8611;}

.product .mainCon .box li:hover em{color: #fe8611;}

.product .mainCon .box li:hover img{transform: scale(1.2);}

.product .mainCon .box li a{display: block;text-decoration: none;}


/*adv*/

.adv{width: 100%;}

.adv .title{width: 100%;text-align: center;padding-top: 82px;background: url(advBg_01.jpg) no-repeat center;height: 148px;}

.adv .title h3{font-size: 45px;color: #005fb0;}

.adv .title h3 img{position: relative;top: 10px;}

.adv .title p{font-size: 20px;color: #999999;text-transform: uppercase;margin-top: 12px;}



.adv .title i{display: block;margin: 14px auto 0;width: 131px;height: 22px;}

.adv .mainCon{width: 100%;}

.adv .mainCon .con1{background: url(advBg_02.jpg) no-repeat center;height: 415px;}

.adv .mainCon .con2{background: url(advBg_03.jpg) no-repeat center;height: 350px;}

.adv .mainCon .con3{background: url(advBg_04.jpg) no-repeat center;height: 373px;}

.adv .mainCon .con4{background: url(advBg_05.jpg) no-repeat center;height: 439px;}

.adv .mainCon .con .box{width: 558px;}

.adv .mainCon .con.dif .box{width: 540px;margin-left: 648px;}

.adv .mainCon .con .box dt{width: 68px;height: 68px;text-align: center;line-height: 68px;font-size: 32px;color: #fff;font-weight: bold;float: left;background: url(adv_y.png) no-repeat center;}

.adv .mainCon .con .box dd{width: 463px;}

.adv .mainCon .con.dif .box dd{width: 449px;}

.adv .mainCon .con .box dd{float: left;margin-left: 22px;}

.adv .mainCon .con .box dd h3{font-size: 30px;color: #333333;}

.adv .mainCon .con .box dd span{display: block;font-size: 18px;color: #333333;}

.adv .mainCon .con .box dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 24px;}

.adv .mainCon .con .box dd p em{font-weight: bold;}

.adv .mainCon .con .box dd a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(productBg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;margin-top: 26px;}

.adv .mainCon .con .box dd a:hover{background: url(productBg03.png) no-repeat center;color: #fff;}

.adv .mainCon .con1 .box{padding-top: 118px;}

.adv .mainCon .con2 .box{padding-top: 78px;}

.adv .mainCon .con3 .box{padding-top: 78px;}

.adv .mainCon .con4 .box{padding-top: 68px;}





/*ad*/

.ad{width: 100%;height: 216px;background: url(adBg.jpg) no-repeat center;}

.ad .box{width: 100%;margin-left: 174px;padding-top: 127px;overflow: hidden;}

.ad .box input{width: 300px; border: none; padding-left: 23px;border: 1px solid #69a0d0;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: none;outline: none;margin-left: 15px;float: left;}

.ad .box a{display: block;float: left;width: 135px;height: 42px;line-height: 42px;text-align: center;background: #fff;font-size: 14px;color: #666666;text-decoration: none;margin-left: 15px;}







/*partner*/

.partner{width: 100%;padding-bottom: 65px;background: #f2f2f2;}

.partner .mainCon{width: 100%;margin-top: 25px;}

.partner .mainCon li{width: 1200px;float: left;}

.partner .mainCon li a{display: block;width: 239px;margin-bottom: 1px;margin-right: 1px;float: left;z-index: 2;position: relative;}

.partner .mainCon li img{display: block;}

.partner .mainCon li a:hover{z-index: 6;box-shadow: 0 0 5px 5px #eee;}





/*case*/

.case{width: 100%;padding-bottom: 68px;}

.case .mainCon{width: 100%;margin-top: 32px;height: 590px;}

.case .mainCon ul{width: 105%;}

.case .mainCon li{width: 590px;height: 280px;position: relative;overflow: hidden;float: left;margin-right: 20px;    box-shadow: 0 0 12px 5px #ededed;margin-bottom: 27px;}

.case .mainCon dt{width: 300px;height: 280px;float: left;position: relative;overflow: hidden;}

.case .mainCon dd{width: 247px;float: left;margin-left: 20px;padding-top: 20px;}

.case .mainCon dd h3{font-size: 18px;color: #333333; margin-bottom:40px;}

.case .mainCon dd h3 a{color: #333333;text-decoration: none;}

.case .mainCon dd h4{font-size: 14px;color: #333333;margin-top: 13px;}

.case .mainCon dd h4 span{font-size: 14px;color: #666666; font-weight:normal;}

.case .mainCon dd p{margin-top: 6px;}

.case .mainCon dd .p2{color: #333333;margin-top: 18px;}

.case .mainCon dd .btn{width: 100%;overflow: hidden;margin-top: 30px;}

.case .mainCon dd .btn a{display: block;width: 118px;height: 36px;text-decoration: none;text-align: center;line-height: 36px;font-size: 14px;color: #666666;float: left;border: 1px solid #cccccc;}

.case .mainCon dd .btn a:first-child{margin-right: 7px;}

.case .mainCon li:hover dd h3 a{color: #005fb0;}

.case .mainCon dd .btn a:hover{background: #59bc2b;border-color: #59bc2b;color: #fff;}

.case .mainCon dt .rectborder{width: 300px;height: 280px;position: absolute;left: 0px;top: 0px;border: #fff 1px solid;transition: all ease-out .4s;}

.case .mainCon dt .maskborder{    width: 320px; height: 300px;position: absolute;left: -10px; top: -10px; border: #fff 10px solid;transition: all ease-out .4s;}

.case .mainCon dt img{display: block;width: 100%;transition: all ease-out .4s}

.case .mainCon li:hover .maskborder{transform: scale(0.9);}

.case .mainCon li:hover .rectborder{transform: scale(0.8);}

.case .mainCon li:hover dt img{transform: scale(0.9);}





/*reason*/

.reason{width: 100%;height: 553px;background: url(reasonBg.jpg) no-repeat center;}

.reason .Title h3{color: #fff;}

.reason .mainCon{width: 100%;margin-top: 28px;}

.reason .mainCon ul{width: 105%;}

.reason .mainCon li{width: 292px;height: 335px;background: #fff;float: left;margin-right: 11px;}

.reason .mainCon li span{display: block;width: 292px;height: 180px;position: relative;}

.reason .mainCon li img{display: block;}

.reason .mainCon li em{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 100%;height: 48px;line-height: 48px;text-align: center;background: url(reasonBg02.png);bottom:0;left: 0;position: absolute;}

.reason .mainCon li p{font-size: 14px;color: #666666;margin-top: 30px;padding: 0 26px;line-height: 25px;text-align: center;}



/*about*/

.about{width: 100%;padding-bottom: 55px;}

.about .mainCon{width: 100%;margin-top: 32px;}

.about .mainCon dl{width: 100%;height: 379px;position: relative;}

.about .mainCon dt{width: 642px;height: 379px;}

.about .mainCon dd{width: 632px;height: 252px;border: 2px solid #59bc2b;position: absolute;top: 35px;right: 0;background: #fff;padding: 46px 56px 0 60px;}

.about .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;}

.about .mainCon dd h3 a{color: #333333;}

.about .mainCon dd p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 30px;}

.about .mainCon dd .more{display: block;width: 129px;height: 79px;text-align: center;line-height: 79px;font-size: 14px;color: #fff;text-decoration: none;position: absolute;left: 267px;bottom: -44px;background: #59bc2b;text-transform: uppercase;}

.about .mainCon i{display: block;border-top: 1px dotted #f3f3f3;border-bottom: 1px dotted #d9d9d9;margin: 30px 0;}

.about .mainCon ul{width: 100%;}

.about .mainCon li{float: left;width: 292px;height: 191px;position: relative;margin-left: 10px;}

.about .mainCon li img{display: block;}

.about .mainCon li span{display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;background: url(aboutBg02.png);}

.about .mainCon li:first-child{margin-left: 0;}



/*location*/

.location{width: 100%;height: 1000px;background: url(locationBg.jpg) no-repeat center;}

.location .mainCon{width: 100%;overflow: hidden;margin-top: 33px;}

.location .mainCon ul{width: 105%;}

.location .mainCon li{width: 310px;height: 180px;padding: 36px 44px 0 30px;background: #fff;margin: 10px 32px 26px 0;float: left;}

.location .mainCon li h3{padding: 0 0 12px 30px;background: url(location_icon01.png) no-repeat left top;border-bottom: 1px solid #cccccc;margin-bottom: 14px;font-size: 18px;color: #333333;}

.location .mainCon li p{font-size: 14px;color: #666;margin-bottom: 6px;}













/*news*/

.news{width: 100%;background: url(newsBg01.jpg) no-repeat center;height: 694px; padding-top:50px;}

.news .Title h3 a{color: #fff;}

.news .mainCon{width: 100%;margin-top: 28px;}

.news .mainCon .menu{width: 100%;position: relative;}

.news .mainCon .menu ul{width: 530px;height: 40px;margin: 0 auto;}

.news .mainCon .menu li{float: left;width: 163px;height: 40px;font-size: 14px;color: #181818;margin-left: 17px;text-align: center;line-height: 40px;border: 1px solid #a3a3a3;!important}

.news .mainCon .menu li:first-child{margin-left: 0;}

.news .mainCon .menu li a{text-decoration: none;color: #181818;}

.news .mainCon .menu li.cur{background: #0f4fa7; border-color:#0f4fa7; color:#fff;}
.news .mainCon .menu li.cur a{color:#fff;}

.news .mainCon .conBox{margin-top: 34px;height: 386px;overflow: hidden;position: relative;padding: 30px 0 0 30px;background: #fff;}

.news .mainCon .conBox .lunh{height: 386px;}

.news .mainCon .conBox .conL{width: 646px;float: right;}

.news .mainCon .conBox .conL .box{width: 100%;height: 89px;margin-top: 37px;}

.news .mainCon .conBox .conL .box:first-child{margin-top: 0;}

.news .mainCon .conBox .conL .box .boxL{width: 156px;height: 89px;float: left;}

.news .mainCon .conBox .conL .box .boxR{width: 438px;float: left;margin-left: 22px;}

.news .mainCon .conBox .conL .box .boxR dt{float: left;width: 64px;float: left;background:url(news_xian.png) no-repeat right 12px; }

.news .mainCon .conBox .conL .box .boxR dl:hover h3 a{color:#005fb0;}

.news .mainCon .conBox .conL .box .boxR dt span{display: block;font-size: 45px;color: #cccccc;}

.news .mainCon .conBox .conL .box .boxR dt em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}

.news .mainCon .conBox .conL .box .boxR dd{width: 358px;float: right;padding-top: 4px;}

.news .mainCon .conBox .conL .box .boxR dd h3{font-size: 16px;color: #333333;font-weight: normal;}

.news .mainCon .conBox .conL .box .boxR dd h3 a{color: #333;text-decoration: none;}

.news .mainCon .conBox .conL .box .boxR dd p{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 14px;}

.news .mainCon .conBox .conL .box .boxR dd p a{color: #999999;text-decoration: none;}

.news .mainCon .conBox .conR{width: 484px;float: left;padding-top: 4px;}

.news .mainCon .conBox .conR dt{width: 484px;height: 275px;}

.news .mainCon .conBox .conR dt img{display: block;}

.news .mainCon .conBox .conR dd{overflow: hidden;}

.news .mainCon .conBox .conR:hover dd p a{color:#005fb0;}

.news .mainCon .conBox .conR dd .p1{font-size: 16px;color: #333333;width: 353px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 10px;float: left;margin-top: 20px;}

.news .mainCon .conBox .conR dd .p1 a{color: #333333;}

.news .mainCon .conBox .conR dd .p2{float: right;text-align: center;padding-right: 6px;}

.news .mainCon .conBox .conR dd .p2 span{display: block;font-size: 45px;color: #cccccc;}

.news .mainCon .conBox .conR dd .p2 em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}







/*link*/

.link{width: 100%;background:#fff;padding:30px 0 16px 0;}

.link .mainCon{width: 100%;}

.link .mainCon dt{float: left;width: 80px;text-align: center; display: block;font-size: 16px;color: #333333;font-weight: bold;}

.link .mainCon dt a{}

.link .mainCon dd{float: left;width: 1082px;padding-top: 2px;}

.link .mainCon dd a{font-size: 14px;color: #666666;padding: 0 25px;border-left: 1px solid #d9d9d9;border-right: 1px solid #e6e6e6;display: block;float: left;}

.link .mainCon dd a:last-child{border-right: none;}

.link .mainCon dd a:first-child{border-left: none;}









/*placeholder 提示字体属性*/

.ad ::-webkit-input-placeholder { /* WebKit browsers */ 

color: #fff; 

} 

.ad :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #fff; 

} 

.ad ::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #fff; 

} 

.ad :-ms-input-placeholder { /* Internet Explorer 10+ */ 

color: #fff; 

} 















.box .Input{height: 46px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}

.box .Input span{display: block;float: left;width: 50px;height: 46px;border-right: 1px solid #cccccc;}

.box input{width: 350px;padding-left: 15px;border: none;outline: none;line-height: 46px;height: 46px;font-size: 14px;color: #333;}

.box .Input1 span{background: url(ly_icon01.png) no-repeat center;}

.box .Input2 span{background: url(ly_icon02.png) no-repeat center;}

.box .Textarea{width: 416px;height:103px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}

.box .Textarea span{display: block;float: left;width: 50px;height: 103px;border-right: 1px solid #cccccc;background: url(ly_icon03.png) no-repeat center 9px;}

.box textarea{width: 350px;padding-left: 15px;border: none;outline: none;height: 90px;font-size: 14px;color: #333;padding-top: 13px;resize: none;}

.box .tj{display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: #212d3a;}







.cpMain {


    overflow: hidden;

}

.cpMain .container {
margin-top:20px;



    padding-bottom: 20px;

}

.container {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

}

.cpMain .pleft{ overflow:hidden; float:left; width:240px; }

.cpMain .pleft h3{ padding-left:80px; width:160px; height:100px; background:url(pro_h.png) no-repeat 35px center; background-color:#114ea9; font-weight:normal; line-height:100px; font-size:18px; color:#fff; border-radius:5px 5px 0 0}

.cpMain .pleft h3 a{ color:#fff;}

.cpMain .pleft h3 span{ font-size:14px; color:#fff; margin-left:5px;}

.cpMain .pleft ul{ overflow:hidden; width:240px; /*border:2px solid #e3e0e0;*/ border-radius:0 0 10px 10px; margin-bottom:15px; border-top:none; padding-top:10px; border-bottom:1px solid #e3e0e0;background: #f6f6f6;}

.cpMain .pleft li{ overflow:hidden; width:100%;}

.cpMain .pleft li>a{ display:block; padding-left:35px; height:54px;line-height:54px; font-size:15px; width:205px; text-decoration:none; background:url(pro_s.png) no-repeat 210px center; border-bottom:1px solid #e3e0e0;  color:#333;    font-weight: bold;}

.cpMain .pleft li:hover>a,.cpMain .pleft li>a.cur{ background-color:#114ea9 ;color:#fff}

.cpMain .pleft li>a.cur{color:#114ea9;}

.cpMain .pleft .pnav {overflow:hidden;padding:15px 0;width: 197px;padding-left: 43px;font-size:15px;line-height:35px;color:#666;border-bottom:1px solid #e3e0e0;}

.cpMain .pleft .pnav a{ display:block; padding-left:15px; background:url(Img/Common/02.png) no-repeat left center; text-decoration:none;}

.cpMain .pleft li.cur>a{ color:#fff; background:url(n01.png) no-repeat 210px center; background-color:#114ea9;}

.cpMain .pleft .pnav a:hover,.cpMain .pleft .pnav a.cur{ color:#59bc2b;}

.cpMain .phone { overflow:hidden; width:166px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(Img/common/pro_phone.png) no-repeat 20px center; background-color:#005fb0;}

.cpMain .phone p{ font-size:16px; color:#fff;}

.cpMain .phone b{ display:block; font-size:24px; color:#fff; font-family:'Times New Roman'}

.cpright{ width:885px; padding:0 25px; background:#fff; float:right;}

#ny_prBox{background-color: #fff; margin-bottom:30px; min-height:500px; margin-top: 55px;}

#rtop{padding-top: 18px; padding-bottom: 15px;margin: 12px 20px 0 20px;}

.rtop{ overflow:hidden; padding-top:20px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}

.rtop h5{ float:left; padding-left:10px; border-left:3px solid #114ea9; font-weight:normal; line-height:16px; font-size:16px; color:#114ea9; }

.rtop span{ float:right;}

.rtop span em{ color:#999;}

.rtop span a{ color:#999;}

.pleft .divBox{overflow:hidden;width: 220px;background-color:#f6f6f6;border-top:5px solid #fe830b;margin-bottom:10px;padding:20px 15px;}

.pleft .divBox .lxfs{ font-size:20px; color:#114ea9; margin:10px 0 18px 0;font-weight:bold;}

.pleft .divBox .lxfs a{color:#005fb0;}

.pleft .divBox  span{ display:block; font-size:14px; color:#303030; line-height:20px;}





.sideBox{overflow: hidden; width: 1200px; position: relative;}

.sideBox ul{width: 100%;}

.sideBox li{height: 310px;position: relative;float: left;margin-top: 15px;margin-right: 21px;border: 1px solid #dcdcdc;}

.sideBox li a{width: 277px;height: 268px;display:block;    overflow: hidden;}

.sideBox li img{width:277px;height:176px;}

.sideBox li:first-child{}

.sideBox li p a{height: 40px;line-height: 40px;font-size: 15px;color: #333;/* background: url(Img/Common/caseBg01.png) repeat-x; *//* position: absolute; */bottom: 0;left: 0;width: 277px;text-align: center;background: #d2d2d2;text-decoration:none;}

.sideBox li:hover{border: 1px solid #dcdcdc;}

.sideBox li:hover p{background:#fe830b;color:#fff;}

.sideBox li:hover p a{background:#fe830b;color:#fff;}

.pagingNav{padding:5px 10px;  border: 1px solid #ccc; margin-top: 20px;margin-bottom: 20px; text-align:center; }

.pagingNav p{height:30px; line-height:30px;}

.pagingNav .uls{margin-top:-30px; overflow:hidden;}



.pagingNav .uls a{float:left; margin-left:5px; padding:0 10px; height:28px; line-height:28px; border:1px solid #ccc; text-decoration:none;float:left}

.pagingNav .uls a:hover , .pagingNav .uls a.cur{background-color:#005fb0; border-color:#005fb0; color:#fff;}

.pagingNav .uls .tBtn:hover{background-color:inherit; color:inherit; *background-color:transparent; *color:#666;}

.RandomNews {margin-top:5px;}

.RandomNews h4{ padding-left:12px;height:36px;line-height:36px;color:#fff;background:#005fb0;font-weight:bold;}

.RandomNews ul{height: 196px; padding-top:10px;  margin-bottom: 10px;}

.RandomNews li{ height:28px;line-height:28px; padding:0 15px 0 10px;  width:417px; float:left;overflow:hidden; /* overflow: hidden; */ /* white-space: nowrap; */ /* text-overflow: ellipsis; */}

.RandomNews li a{ width: 240px; display: block; background:url(ico55.gif) no-repeat 0 5px; padding-left:12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 18px; line-height: 18px;}



.agent_con {

    padding-top: 70px;

    line-height: 24px;

    padding-bottom: 30px;
	font-size:14px;

}

/*应用案例*/

dl.dl_yyal{height: 260px;margin-bottom:20px;border-bottom:1px dotted #d7d7d7;}

.dl_yyal dt{width: 254px; float:left;}

.dl_yyal dt a{width: 250px;   padding:1px; border:1px solid #d7d7d7; display:block;}

.dl_yyal  dt a:hover {border:1px solid #1d57bd;}/*图片边框,点击时的状态*/

.dl_yyal dt img{display:block;width: 250px;height: 233px;}

.dl_yyal dd{ padding-left:20px; float:left; width: 610px; line-height:24px;overflow:hidden; color:#666;}

.dl_yyal dd h4{font-size:15px;padding-bottom:5px;height:24px;line-height:24px;overflow:hidden;font-weight: normal;}

.dl_yyal dd p{margin-top: 3px;font-size: 14px;color: #666666;}

.dl_yyal dd .p2{color: #333333;margin-top: 10px;}

.dl_yyal dd h4 a:hover{color:#005fb0;text-decoration:none;}

.dl_yyal dd .mor {font-size:14px; color:#005fb0; font-weight:bold;margin-top: 10px;display: block;}

.dl_yyal dd h4 a{color:#005fb0; font-weight:bold;}



/*左边菜单*/



.leftr{ float:left;  overflow:hidden;display:inline;}

.lf_n{width:240px; overflow:hidden; margin-bottom:10px; }

.lf_n h2{/* text-align:center; */padding-left: 20px;line-height:90px;height: 80px;overflow:hidden;background: #ffffff;border-radius:2px 2px 0 0;border-top: 10px #005fb0 solid;}

.lf_n h2 a{ font-size:24px; color:#005fb0;}

.lf_n_c{  background:#fff;}

.lf_n_c ul li a.cur{color:#005fb0;}

.lf_n h3{ font-weight:100; line-height:41px;height:41px;padding:0 0 0 41px; overflow:hidden;background:#005fb0 url(Img/cplb/lf_n_ic1.gif) 154px 14px no-repeat; }

.lf_n h3 a{ font-size:20px; color:#fff;}

.lf_n h3.cur a{ font-size:20px; color:#fff;}

.lf_n ul.menu{padding:11px 12px 12px 14px;margin-bottom: 15px;}



.lf_n ul.menu li a{color:#333;}

.lf_n ul.menu li.cur a{color:#005fb0; font-weight: bold;}

.lf_n ul.menu .lst{ border:none;}

.lf_n ul.menu li{font-size:16px;line-height:50px;color:#005fb0;background:#f3f3f3;border-bottom:2px solid #fff;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align:center;}

.lf_n ul.menu li.cur,.lf_n ul.menu li:hover{background:#005fb0;}

.lf_n ul.menu li.cur a,.lf_n ul.menu li:hover a{color:#fff; text-decoration:none;}



.lf_n .divBox{overflow:hidden;width: 220px;background-color:#fff;border-top:5px solid #005fb0;margin-bottom:10px;padding:20px 15px;}

.lf_n .divBox .lxfs{ font-size:20px; color:#005fb0; margin:10px 0 18px 0;font-weight:bold;}

.lf_n .divBox .lxfs a{color:#005fb0;}

.lf_n .divBox  span{ display:block; font-size:14px; color:#303030; line-height:20px;}

.t05 {

    padding: 0 10px;

    color: #fff;

    font-size: 16px;

    text-align: center;

}

.t05 {

    line-height: 40px;

    background: #005fb0;

}

.t05_cons1 { border-top:0; padding:5px 12px; zoom:1;background:#fff; padding-bottom:10px; margin-bottom: 10px;} 

.t05_cons1 li {background: url(dian.png) left center no-repeat; margin-top: 5px; line-height: 20px;height:20px; overflow: hidden;   padding-left: 20px; width: 192px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-size: 13px;}

		/* -- 产品分类列表 -- */

ul.t05_ul li {line-height:30px;color:#666;margin-bottom:5px;padding:0 5px 0 14px;overflow:hidden;background:#f3f3f3; width:176px;_float:left;}

ul.t05_ul li span { font-size:11px; }

ul.t05_ul li a { *width:159px;  display:block; overflow:hidden;}

.rt_bot_line {

    background: #114ea9;

    height: 2px;

    font-size: 0;

    margin-top: 20px;

    margin-bottom: 10px; display:none;

}

.listBox .listBox{ overflow: hidden; background: #fff; }

.listBox .newsLIstDl{padding: 20px;border-top: 1px solid #e1e1e1;overflow: hidden;}
.listBox .newsLIstDl img{width:220px; height:150px;}

.listBox .newsLIstDl dt,.newsList_new .newsLIstDl dt img{ width: 220px; height: 138px;}

.listBox .newsLIstDl dt{overflow: hidden;float: left; background-color: #000}

.listBox .newsLIstDl dt{border:1px solid #e1e1e1;display:block;}

.listBox .newsLIstDl dd{float: right;width: 600px;margin-right: 5px;}

.listBox .newsLIstDl h3{overflow: hidden;width: 100%; margin-bottom:5px; font-weight:bold;}

.listBox .newsLIstDl h3 a{ font-size: 15px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 450px; display: block; float: left;color: #333;}

.listBox .newsLIstDl h3 a:hover{text-decoration:none;color:#114ea9;}

.listBox .newsLIstDl h3 span{float: right;display: block;font-size: 14px;color: #999999;margin-right: 10px;}

.listBox .newsLIstDl p{font-size: 14px;color: #333333;line-height: 24px;height: 76px;margin-top: 5px;overflow: hidden;text-indent: 28px;}

.listBox .newsLIstDl p a{ color: #333333;text-decoration:none;}

.listBox .newsLIstDl a.more{display: block;float: left;font-size: 14px;color: #fff;background-color:#fe830b;padding: 5px;float: right;text-decoration:none;}

.listBox .newsLIstDl:first-child{ border: none}

.listBox .newsLIstDl a.more:hover{background-color: #9c540d;}



/*资讯中心列表页面（图片列表）一行三个*/

dl.dl_2 { width: 274px; padding: 10px 10px; float:left; display:inline-block;}

dl.dl_2 dt { width: 274px;  overflow:hidden; } 

dl.dl_2 dt a { width: 270px; padding:1px; border:1px solid #d7d7d7; display:block;}

dl.dl_2 dt a:hover {border:1px solid #005fb0;}

dl.dl_2 img { display:block; width: 270px; height: 177px;}

dl.dl_2 dd { margin:10px 0 0 0; width: 274px; height:20px; line-height:20px; overflow:hidden;  text-align:center; padding:0 4px;  font-size: 14px;}

.abt{width:1200px; margin:0 auto}

.grap_cimg{ width:600px; height:476px; float:left; margin:50px 0 0 50px;}

    .grap_cp{
		font-size:13px;
		text-align: justify;
		color: #fff;
		background-color: #114ea9;
		width: 500px;
		height: 476px;
		float:left;
		padding:40px;
		 margin:50px 0 0 0;
	}
	
	
.zt1{display:block; font-size:24px; line-height:50px!important; font-weight:normal;}	
.zt2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:left;}
.grap_cp p{ font-size:14px; line-height:30px; padding-top:30px;}



.p1-info-list-title-4 {
            height: 54px;
            line-height: 40px; width:1200px; margin:0 auto; 
        } 
.p1-info-list-title-4 li {
            width: 19%;
            height: 40px;
            background: #f0f0f0;
            float: left;
            font-size: 14px;
            font-weight: bold;
            margin: 0 0.25% 20px 0.25%;
            text-align: center;
        } 
.p1-info-list-title-4 li a {
            display: block;
        }
        /*.p1-info-list-title-4 li:nth-child(4){margin: 0;}*/ 
.p1-info-list-title-4 li:hover,
        .p1-info-list-title-4 li.sidenavcur {
            background: #114ea9;
            position: relative;
            color: #fff;
        } 
.p1-info-list-title-4 li:hover:before,
        .p1-info-list-title-4 li.sidenavcur:before {
            content: "";
            position: absolute;
            left: 50%;
            margin-left: -3px;
            bottom: 0;
            width: 0;
            height: 0;
            border-left: solid 6px transparent;
            border-right: solid 6px transparent;
            border-bottom: solid 6px #fff;
        } 
.p1-info-list-title-4 li:hover a,
        .p1-info-list-title-4 li.sidenavcur a {
            color: #fff;
        }
    
	
	
	.list-wrap {width: 100%;margin: 0 auto;margin-top: 54px;position: relative;overflow: hidden;}
.i-fiv-wrap ul {margin-top: 0;opacity: 1;filter: alpha(opacity=100);transition: all 0.3s ease 0s;width: 100%;}
.list-wrap li {width: 31.6%;margin-right: 1.7%;margin-bottom: 30px; float:left;}
.list-wrap .img-box {display: block;width: 100%;position: relative;overflow: hidden;}
.list-wrap .img-box img {width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.list-wrap .img-box:hover img {transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.list-wrap .img-box:hover .up-graybox {opacity: 1;filter: alpha(opacity=1);}
.list-wrap .img-box:hover .bgbox {opacity: 0.7;filter: alpha(opacity=70);}
.list-wrap .up-graybox {z-index: 3;}
 .up-graybox {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 1;
filter: alpha(opacity=0);
transition: all 0.4s ease 0s;
}

.up-graybox .bgbox {
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.2;
filter: alpha(opacity=20);
}

.up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
    color: #fff; opacity:1;
}
.spt{font-size:22px; font-weight:bold;}
.spo{font-size:12px;}





.p4-curmbs-1 {

    height: 110px;

    line-height: 110px;

    overflow: hidden; width:1200px; margin:0 auto;

}

.p4-curmbs-1 dt {

    float: left;

    padding-left: 28px;

    color: #1e1e1e;

    background: url(VISkins-p4.png) no-repeat 0 40px;

    width: 70px;

}



.tbcs{position:relative;width:1200px; margin:0px auto; }

.mc{width:1200px; margin:0 auto; height:150px; display:none;}

/* in_liyou */
.in_liyou {
  width: 100%;
  padding: 50px 0 60px 0;
  overflow: hidden;
  background: url(../images/bj_liyou.jpg) center top repeat;
}
.in_liyou .b_tit {
  padding: 0 0 30px 0;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  font-size: 18px;
  color: #737373;
  text-transform: uppercase;
}
.in_liyou .b_tit span {
  display: block;
  overflow: hidden;
  font-size: 36px;
  font-weight: bold;
  color: #0153a7;
  padding: 0 0 10px 0;
}
.in_liyou .b_tit span em {
  font-size: 44px; font-weight:bold;
}
.in_liyou .tab {
  overflow: hidden;
}
.in_liyou .tab li {
  width: 16.6666666666%;
  float: left;
  height: 94px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
  padding: 16px 0 0 0;
  cursor: pointer;
}
.in_liyou .tab li:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 80px;
  background: #0153a7;
  transition: all 0.3s;
  border-left: 1px solid #1b60b1;
}
.in_liyou .tab li * {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
}
.in_liyou .tab li em {
  font-size: 36px;
  margin-right: 10px;
}
.in_liyou .tab li span {
  font-size: 24px;
  padding: 0 0 12px 0;
}
.in_liyou .tab li span:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 28px;
  height: 2px;
  background: #fff;
}
.in_liyou .tab li.on:before {
  height: 100%;
  background: #f55c01;
  border-left-color: #f55c01;
}
.in_liyou .xun {
  position: relative;
  background: #fff;
}
.in_liyou .xun li .pic {
  overflow: hidden;
}
.in_liyou .xun li .pic img {
  width: 100%;
  height: auto;
}
.in_liyou .xun li .text {
  box-shadow: 0 0 26px #666;
  overflow: hidden;
  padding: 25px 25px 25px 300px;
  font-size: 18px;
  line-height: 30px;
  color: #505050;
  position: relative;
  z-index: 1;
}
.in_liyou .xun .cont {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 275px;
  height: 180px;
  text-align: center;
  color: #fff;
  background: #0153a7;
  font-size: 18px;
  line-height: 1;
  padding: 35px 0 0 0;
  z-index: 5;
}

.in_liyou .xun .cont a{color:#fff;}

.in_liyou .xun .cont .iconfont {
  font-size: 50px;
}
.in_liyou .xun .cont p {
  display: block;
  overflow: hidden;
  padding: 10px 0;
}
.in_liyou .xun .cont em {
  font-size: 28px;
  font-weight: bold;
}
.aboutPage .culture {
  padding: 30px 0 50px 0; text-align:center;
}
.aboutPage .culture:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.aboutPage .culture ul{ margin:0 auto;}

.aboutPage .culture li {
  width: 400px;
  float: left;
  position: relative;
}
.aboutPage .culture li:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutPage .culture li:hover .text {
  background: #1a79b3;
}
.aboutPage .culture li:hover .text .p2,
.aboutPage .culture li:hover .text .p1 {
  color: #ffffff;
}
.aboutPage .culture li:hover .text .icon1 {
  display: none;
}
.aboutPage .culture li:hover .text .icon2 {
  display: block;
}
.aboutPage .culture li:hover .text::after {
  background-image: url(../images/triangle4.png);
}
.aboutPage .culture li img {
  width: 100%;
  display: block;
}
.aboutPage .culture li .pic {
  width: 400px;
  height: 300px;
  overflow: hidden;
}
.aboutPage .culture li .text {
  width: 400px;
  height: 300px;
  background: #ededed;
  padding: 50px 40px 0 40px;
  box-sizing: border-box;
  position: relative;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.aboutPage .culture li .text .icon2,
.aboutPage .culture li .text .icon1 {
  height: 96px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.aboutPage .culture li .text .icon2 img,
.aboutPage .culture li .text .icon1 img {
  width: auto;
  height: 100%;
  display: inline-block;
}
.aboutPage .culture li .text .icon2 {
  display: none;
}
.aboutPage .culture li .text .p1 {
  line-height: 28px;
  font-size: 24px;
  color: #333333;
  margin-top: 24px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.aboutPage .culture li .text .p2 {
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  margin-top: 10px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.aboutPage .culture li .text::after {
  content: " ";
  width: 21px;
  height: 10px;
  position: absolute;
  left: 63px;
  top: -10px;
  z-index: 4;
  background: url(../images/triangle1.png) no-repeat;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.aboutPage .culture li:nth-child(2) .text::after {
  background: url(../images/triangle2.png) no-repeat;
  top: auto;
  bottom: -10px;
}
.aboutPage .culture li:nth-child(2):hover .text::after {
  background-image: url(../images/triangle5.png);
}
.aboutPage .culture li:nth-child(4) {
  width: 800px;
}
.aboutPage .culture li:nth-child(4) .text,
.aboutPage .culture li:nth-child(4) .pic {
  float: left;
}
.aboutPage .culture li:nth-child(4) .text::after {
  width: 10px;
  height: 21px;
  background: url(../images/triangle3.png) no-repeat;
  top: 62px;
  left: -10px;
}
.aboutPage .culture li:nth-child(4):hover .text::after {
  background-image: url(../images/triangle6.png);
}
.aboutPage .culture li:last-child .text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background: none;
}
.aboutPage .culture li:last-child .text .p2,
.aboutPage .culture li:last-child .text .p1 {
  color: #fff;
}
.aboutPage .culture li:last-child .text::after {
  display: none;
}
.aboutPage .culture li:last-child:hover .icon1 {
  display: block;
}



#lx{ max-width:1400px;  margin:0 auto; overflow:hidden; padding-bottom:40px;}
#lx img{max-width:100%;}
.lxmain{ max-width:1200px;  margin:0 auto; overflow:hidden; padding-bottom:40px; padding-top:40px;}
.lxmain_left{width:50%; float:left;}
.lxmain_rig{width:50%; float:left;}
.lxmain_left h4{ color:#06418d; border-bottom:2px #494949 solid; font-size:24px; width:80%; line-height:60px;}
.lxmain_left p{ color:#000000; font-size:16px; line-height:2;} 
.iml{width:80%; float:right; padding-top:0px;}

.iml .Input span{display: block;float: left;width: 50px;height: 46px;border-right: 1px solid #cccccc;}

.iml input{width: 350px;padding-left: 15px;border: none;outline: none;line-height: 46px;height: 46px;font-size: 14px;color: #333;}

.iml .Input1 span{background: url(ly_icon01.png) no-repeat center;}

.iml .Input2 span{background: url(ly_icon02.png) no-repeat center;}

.iml .Textarea{width:  100%; height:103px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}

.iml .Textarea span{display: block;float: left;width: 50px;height: 103px;border-right: 1px solid #cccccc;background: url(ly_icon03.png) no-repeat center 9px;}

.iml textarea{width: 350px;padding-left: 15px;border: none;outline: none;height: 90px;font-size: 14px;color: #333;padding-top: 13px;resize: none;}

.iml .tj{display: block;width: 100% ;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: #0068b7;}

.zymain{ max-width:1400px;  margin:0 auto; overflow:hidden; padding-bottom:40px; padding-top:40px;}
.zymain_left{width:50%; float:left;}
.zymain_rig{width:50%; float:left;}

.bzsg{width:100%; margin:0 auto;}
.bzsg h2{font-size:18px; color:#0153a7; font-weight:bold;}
.bzsg h3{font-size:16px; font-weight:bold;}
.bzsg h4{font-size:16px;color:#0153a7;}
.bzsg p{ font-size:0.9rem; line-height:2rem;}
.bzsg img{width:100%}
.bzsg_lf{width:30%; float:left}
.bzsg_ri{width:70%; float:right}
.bzsg_left{width:50%; float:left}
.bzsg_right{width:50%; float:right}
.gywm_a{ max-width:1440px; margin:0 auto;}
.gywm_a {padding-top: 20px;}
.gywm_a ul{overflow: hidden;background: #fff;}
.gywm_a li{float: left; width:50%; }
.tpbxo img{width:100%; display:block;}
.stexbxo{padding: 10px 10px 0 20px;}
.stexbxo h2{font-size: 22px; color: #135da9; line-height: 40px;}
.tao4{width:45px; height: 3px; background: #cccccc; overflow: hidden;}
.stexbxo p{font-size: 14px; color: #333; line-height: 30px; padding-top: 10px;}
.hdfa_text{max-width: 1440px; margin: 0 auto; padding: 60px 0; }
.hdfa_text p{line-height: 30px; font-size: 16px; color: #333;}
.ljwm ul{overflow: hidden;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.ljwm li{float: left;width:33.33%; padding: 40px; border-right:1px solid #e2e2e2;box-sizing: border-box;}
.ljwm p{font-size: 16px; color: #333; line-height: 30px;}
.ljwm a{color: #333; display: block;}
.dnbar{display:none;}