@charset "utf-8";

/* CSS Document */
*{color:#5c5c5c;}

a{ color: #666; text-decoration: none;color:#5c5c5c;}

a:hover{ color:#ec6a27;}

.noMargin{ margin-right:0;}

.fl{ float:left;}

.fr{ float:right;}

#container{ width:100%; height:auto; background:#fff;}

.head{ width:100%; height:37px; border-bottom:solid 1px #1865C1;background:#2F2F2F; line-height:37px; color:#fff; font-size:12px;}

.head_con{ width:1100px; margin:0 auto; overflow:hidden;}

.head_l{ width:490px;color:#fff;}

.head_r a{ text-decoration:none; color:#fff; margin:0 8px;}

.rw{ width:210px; height:31px; text-align:center; margin-left:20px; line-height:31px; background:#F5CA1C; border-radius:3px; margin-top:12px; font-size:14px; color:#DA3D1A;}

.rw a{ color:#DA3D1A; font-size:14px;}

.rw2 { width:70px;background:#bc0a16;height:100%;display:inline-block;color:#FFF !important; float:right;}



.logo{ margin:0 auto;}



.search{ width:650px; height:auto; margin:0 auto; padding-top:70px;}

.search ul{ width:650px; overflow:hidden;}

.search ul li {

    display: inline-block;

	width:116px;

	height:40px;

	text-align:center;

	line-height:40px;

    /* background: #00a0e9; */

    color: #fff;

    cursor: pointer;

	border-radius:3px;

	margin-right:12px;

	float:left;

	font-size:16px;

}

.selected {

    background: #0279ff;

}

.notSelected {

    background: #adadad;

}



.tabContent {

	margin:0 auto;

    width: 497px;

    height: 330px;

/*    background:url(../images/search.png) repeat-x;

*/    overflow: hidden;

/*    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

*/}

.tabContent h2 {

    display: inline-block;

    text-align: center;

    width: 100%;

    padding: 10px 0;

    margin-left: 0;

    font-weight: 600;

    color: #fff;

	border-bottom:1px solid #fff;

    font-size: 16px;

    -moz-animation: 'move' 5s;

    -webkit-animation: 'move' 5s;

    -o-animation: 'move' 5s;

    animation: 'move' 5s;

}

.tabContent p {

    text-align:center;

}

@-moz-keyframes 'move' {

    0% {

        margin-left: 1000px;

    }

    8% {

        margin-left: 0;

    }

    12% {

        margin-left: 30px;

    }

    18% {

        margin-left: 0;

    }

    100% {

        margin-left: 0;

    }

}

@-o-keyframes 'move' {

    0% {

        margin-left: 1000px;

    }

    8% {

        margin-left: 0;

    }

    12% {

        margin-left: 30px;

    }

    18% {

        margin-left: 0;

    }

    100% {

        margin-left: 0;

    }

}

@-webkit-keyframes 'move' {

    0% {

        margin-left: 1000px;

    }

    8% {

        margin-left: 0;

    }

    12% {

        margin-left: 30px;

    }

    18% {

        margin-left: 0;

    }

    100% {

        margin-left: 0;

    }

}

@keyframes 'move' {

    0% {

        margin-left: 1000px;

    }

    8% {

        margin-left: 0;

    }

    12% {

        margin-left: 30px;

    }

    18% {

        margin-left: 0;

    }

    100% {

        margin-left: 0;

    }

}





.wx{ width:620px; background:url(../images/wx.png) no-repeat; margin:0 auto; height:26px; line-height:26px; padding-left:5px;}

.wx span{ margin-right:10px; color:#fff;}



.cptx{ background:url(../images/cptx_bg.jpg) no-repeat;}

.cptx_con{ width:1100px; overflow:hidden; margin:0 auto;}

.cptx_con ul{ width:1100px; overflow:hidden; padding-top:35px; padding-bottom:20px;}

.cptx_con ul li{ width:354px; height:65px; padding-top:65px; cursor:pointer; margin-right:15px; margin-bottom:15px; text-align:center; background:rgba(255,255,255,0.5); float:left;}

.cptx_con ul li:hover a{ color:#0279ff;}

.cptx_con ul li:hover span{ border:1px solid #0279ff;}





.cptx_con ul li.noMargin{ margin-right:0;}

.cptx_con ul li:nth-of-type(1){ background:rgba(255,255,255,0.5) url(../images/icon1.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(2){ background:rgba(255,255,255,0.5) url(../images/icon2.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(3){ background:rgba(255,255,255,0.5) url(../images/icon3.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(4){ background:rgba(255,255,255,0.5) url(../images/icon4.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(5){ background:rgba(255,255,255,0.5) url(../images/icon5.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(6){ background:rgba(255,255,255,0.5) url(../images/icon6.png) center 20px no-repeat;}

.cptx_con ul li span{ width:88px; height:23px; border:1px solid #ccc; display:inline-block; border-radius:3px; margin-top:10px;}

.cptx_con ul li:hover{ color:#0279ff;}

.cptx_con ul li span:hover{ width:88px; height:23px; border:1px solid #0279ff; color:#0279ff; display:inline-block; border-radius:3px; margin-top:10px;}



.cptx_con ul li:nth-of-type(1):hover{ background:rgba(255,255,255,0.5) url(../images/icon1_g.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(2):hover{ background:rgba(255,255,255,0.5) url(../images/icon2_g.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(3):hover{ background:rgba(255,255,255,0.5) url(../images/icon3_g.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(4):hover{ background:rgba(255,255,255,0.5) url(../images/icon4_g.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(5):hover{ background:rgba(255,255,255,0.5) url(../images/icon5_g.png) center 20px no-repeat;}

.cptx_con ul li:nth-of-type(6):hover{ background:rgba(255,255,255,0.5) url(../images/icon6_g.png) center 20px no-repeat;}









.fwcx{ margin-top:50px;}

.fwcx .linkstyle2{ width:100px; text-align:right; display:inline-block; margin-right:5px; color:#333; font-size:16px;}

.dis{ margin-left:40px;}

.dis img{ cursor:pointer;}

.input1{width:293px; height:20px; padding:5px;  margin-bottom:10px; background:#fff; background:rgba(255,255,255,1);border:1px solid #ccc; border-radius:3px;}

.fwcx tr{ margin-bottom:10px;}

.inputstyle{ background:rgba(255,255,255,0.5); border:1px solid #fff;}

.check{ width:300px; height:34px; text-align:center; background:#0279ff; no-repeat; color:#fff; font-weight:bold;}

.nav_con{ width:1100px; height:150px; line-height:150px; margin:0 auto;}

.nav_l{ margin-top:40px;}

.introduce{ color:#d93c15; width:176px; height:38px; line-height:38px; text-align:center; background:#f5ca1d; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;margin-top:45px;}

.introduce a{ margin:0 5px; color:#d93c15; }

.tel{ height:30px; line-height:30px; color:#d93c15; font-weight:bold; margin-left:5px; font-size:16px;}



.banner{ width:100%; margin:0 auto; background:#f6f6f6 url(../images/banner.jpg) no-repeat center 76px;  text-align:center; padding-top:70px; padding-bottom:40px;}



.xt{ width:1100px; height:245px; margin:30px auto; overflow:hidden; }

.cp{ width:738px; height:243px; border:1px solid #ccc; }

.cptil{ width:738px; display:inline-block; background:#f6f6f6; border-bottom:1px solid #ccc; color:#fff; font-size:14px;}

.cptil li{ float:left; margin-right:20px; margin-top:5px; padding:10px 15px;  color:#2b8cdd;}

.cptil li a{ color:#333; text-decoration:none;}

.cptil li.cur a, .cptil li a:hover{ margin-right:20px; margin-top:5px;  padding:10px 15px; border-bottom:2px solid #0279ff; color:#0279ff;}

.cp_c{ width:718px; padding:0px 12px; border-top:0; overflow:hidden;}

.cp_c dl{ width:718px; overflow:hidden; _overflow:hidden;}

.cp_c dl dt{ float:left; width:239px; height:156px; padding:2px; border:1px solid #ccc; margin-right:13px; overflow:hidden;  }

.cp_c dl dt img{ width:100%;}

.cp_c .xt_img img{width:239px; height:156px; transition:all 2s ease-in-out;}

.cp_c:hover .xt_img img{ transform:scale(1.2,1.2); -moz- transform:scale(1.2,1.2); -ms- transform:scale(1.2,1.2); -o- transform:scale(1.2,1.2); -webkit- transform:scale(1.2,1.2);}

.cp_c dl dd{ width:458px; height:160px; float:left;  position:relative;}

.cp_c dl dd .btn{ width:99px; height:28px; line-height:28px; text-align:center; background:#FF6C1C; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; position:absolute; bottom:0; left:0;}

.cp_c dl dd .btn.btn_zx{ position:absolute; bottom:0; left:110px; cursor:pointer;}

.cp_c dl dd .btn a{ color:#fff;}

.cp_c dl dd p span{ color:#0279ff; font-weight:bold;}

.gg{ width:348px; border:1px solid #ccc; height:242px;}

.gg_top{ width:318px; float: left; padding: 15px 15px 10px; color: #0279ff; overflow:hidden; border-bottom:1px solid #ccc; display:block; font-weight:bold; background:#f6f6f6;}

.gg_top a{ float:right; color:#0279ff;}

.ry_c{ clear:both; padding:10px 0; overflow:hidden;}

.ry01{ padding:60px 0 0;}

.ry02{ width:282px;}

.ry02 p{ width:282px; height:175px; float:left; padding:0 9px; text-align:center; }

.ry02 p img{ width:282px; height:150px; border:1px solid #ccc; padding:5px; box-sizing:border-box;}

.ry02 p span{ line-height:24px;}







.sys 

.sys_con{width:708px;  padding: 15px 15px 10px; color: #0279ff; border-bottom:1px solid #ccc; display:block; font-weight:bold; background:#f6f6f6; overflow:hidden;}

.xtjs{ float:left;}

.sys_con a{ float:right; color:#0279ff;}

.gg_bot{ width:318px; height:200px;}

.gg_bot span{ width:310px; overflow:hidden; background:url(../images/d.jpg) no-repeat 0 center; height:30px; line-height:30px; display:block; border-bottom:1px dashed #ccc; padding-left:10px;}

.cjwt{ border-bottom:1px dashed #ccc; }

.cjwt a{ width:310px; display:block; margin-bottom:5px; line-height:26px;}

.cjwt a:nth-of-type(1) a{ color:#fff; width:310px; width:100%; display:block;}

.cjwt a:nth-of-type(1) b{ background:#fd965e; width:25px; height:23px; line-height:23px; text-align:center; color:#fff; border-radius:100%; display:inline-block; margin-right:5px;}

.cjwt a:nth-of-type(2) b{ background:#1282f9; width:25px; height:23px; line-height:23px; text-align:center; color:#fff; border-radius:100%; display:inline-block; margin-right:5px;}

.tit{ width:1100px; margin:0 auto 30px; text-align:center;}

.tit h2{ font-size:24px; font-weight:bold; margin-bottom:10px; }

.tit span{ width:596px; height:42px; display:inline-block; background:url(../images/tit_bg.png) no-repeat center top; color:#c7c7c7; text-align:center; line-height:42px; font-size:18px;}

.solution{ width:1100px; margin:0 auto; text-align:center;}

.sol_con{ width:1080px; padding-left:20px;  padding-bottom:20px; background:#eef1f6; margin-bottom:20px; }

.sol_con ul { width:1060px; overflow:hidden;}

.sol_con ul li{ width:530px; padding-top:20px;  height:225px; float:left;}

.sol_con ul li dl{ width:530px; overflow:hidden;}

.sol_con ul li dl dt{ width:250px; float:left;}

.sol_con ul li dl dd{ width:270px; float:left;}

.sol_con ul li dl dd a{ width:270px; display:inline-block; line-height:42px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; margin-left:10px;}

.bg_one{ background:}



.port-7{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); overflow: hidden;}

.port-7 .text-desc{ background:#0279ff; opacity: 0; transition: 0.5s; color: #000;}



.port-7.effect-3 img{transition: 0.5s; position: relative; width: 100%; right: 0;}

.sol_con ul li:hover img{right: 50%;}

.port-7.effect-3 .text-desc{transform: perspective(600px) rotateY(-90deg); transform-origin: right center 0; width: 50%; position: absolute; left: auto; right: 0; top: 0;  padding: 70px 0px;}

.sol_con ul li:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;}

.text-desc a{ width:90px; height:28px; text-align:center; line-height:28px; border:1px solid #fff; display:inline-block; color:#fff; margin-top:5px; text-decoration:none;}



.button{ color: #fff;  cursor: pointer; display: block; font-size: 16px; font-weight: 400; line-height: 45px;  margin: 0 auto 2em; max-width:200px; position: relative; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 100%;}

.btn-1 { background: #0279ff; font-weight: 100; }

.btn-1 svg { height: 45px; left: 0; position: absolute; top: 0; width: 100%; }

.btn-1 rect { fill: none; stroke: #0279ff; stroke-width: 2; stroke-dasharray: 422, 0;}

.btn-1:hover { background: rgba(225, 51, 45, 0); font-weight: 900; letter-spacing: 1px; color:#0279ff;}

.btn-1:hover rect { stroke-width: 5; stroke-dasharray: 40,350; stroke-dashoffset: 60; -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);}



/*广告位开始*/

.ggw{ width:100%; background:url(../images/ggw.jpg) no-repeat center top; height:259px; margin:0 auto 30px;}

/*广告位结束*/



.mr_frbox { width:1080px;  border:1px solid #e3f0fd; margin-top:10px; padding:10px; padding-bottom:0; margin:0 auto; overflow:hidden;}

.mr_frBtnL { float: left; margin-top:70px; cursor: pointer; display: inline; }

.mr_frUl { width:980px; overflow:hidden; float: left; margin-left:22px; margin-right:14px; }

.mr_frUl ul.mr_frUl_ul { width:9999px;}

.mr_frBtnR { float: left; margin-top: 70px; cursor: pointer; }

.mr_frUl ul li { display: inline; float: left; padding:0 4px 0 8px; overflow: hidden; }

.mr_frUl ul li span{ height:40px; line-height:40px; display:block; text-align:center;}

.mr_frUl ul li img { width:180px; height:80px; display: block; border: 1px solid #D8D8D8; }

.ys{ width:100%; background:#f6f6f6;  padding-top:20px; padding-bottom:20px; box-sizing:border-box;}

.system{ width:1100px; margin:0 auto; overflow:hidden;}

.sys_l{ width:738px; border:1px solid #ccc; overflow:hidden;}

.sys_r{ width:348px; border:1px solid #ccc;}

.news{ width:1100px; margin:0 auto;  height:auto;}

.news_con{ overflow:hidden;}

.news_con li{ float:left; margin-right:10px; width:320px; height:377px; padding:20px; background:#fff;}

.news_con li .wt{ height:300px; overflow:hidden;}



.cjwt.hdgg a{ padding-left:10px; background:url(../images/d.jpg) left center no-repeat; word-break:keep-all;/* 不换行 */

white-space:nowrap;          /* 不换行 */

overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis; }





/*合作案例*/

.ok{ width:100%; margin:0 auto; overflow:hidden; background:#f6f6f6; padding-bottom:20px;}

.kohop_index{ width:1100px; height:83px; overflow:hidden; margin:0 auto;}

.kohop_index .wsc_index{ width:1066px; float:left; overflow:hidden;}

.kohop_index .wsc_index img{ border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

/*合作案例*/











.news_con li.noMargin{ margin-right:0;}

.news_con li .laws_top{ overflow:hidden; margin-bottom:20px;}

.news_con li .laws_top .zc{ font-size:16px; line-height:28px; color:#444; font-weight:bold; border-bottom:3px solid #FF6C1C; display:inline-block; float:left;}

.news_con li .laws_top span{ float:right; color:#FF6C1C; font-size:16px;}

.news_con li .laws_top span a{ color:#FF6C1C; font-weight:bold;}

.news_con li .laws_cen{ border-bottom:1px dashed #ccc; margin-bottom:10px; }

.news_con li .laws_cen .laws_cen_img{ width:319px; height:117px; overflow:hidden; }

.news_con li .laws_cen .laws_cen_img img{transition:all 1s ease-in-out; transform-origin:center center;}

.news_con li:hover .laws_cen .laws_cen_img img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); }

.news_con li .laws_cen p{ line-height:30px; margin-top:5px; color:#FF6C1C;}

.news_con li .laws_cen p a{ color:#FF6C1C; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.laws_bot a{ width:315px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/d.jpg) no-repeat 0 center; padding-left:8px; display:inline-block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.yl{ width:1100px; margin:0 auto;}

.yl h2{ font-size:16px; font-weight:bold; line-height:30px; margin-top:20px; margin-bottom:20px; border-bottom:1px solid #ccc; display:block;}

.yl_con{ width:1100px; margin:0 auto; overflow:hidden;}

.yl_con li{ float:left;}

.yl_con a{ margin-right:20px; line-height:26px; margin-bottom:20px; display:inline-block;}

.foot{ width:100%; margin:0 auto;  background:url(../images/foot.jpg) no-repeat center top; padding-top:40px;}

.foot_con{ width:1100px; height:188px; margin:0 auto; overflow:hidden;}

.foot_top{ width:100%;}

.foot_cen{ float:left; width:500px; color:#fff;}

.foot_cen h2{ font-size:16px;}

.foot_left{ width:200px; float:left;}

.foot_left a{ display:block; height:27px; color:#fff;}

.foot_right{ width:292px; float:right; overflow:hidden;}

.ewm{ width:350px; overflow:hidden; color:#fff;}

.ewm li{ width:130px; text-align:center; float:left; margin-right:30px;}

.ewm li span{ line-height:24px;}

.foot_bot{ width:100%; height:30px; background:#222222; text-align:center; line-height:30px; color:#fff;}



/*新闻列表页开始*/

.list_news{ width:100%; height:319px; margin:0 auto; background:url(../images/list_banner.jpg) no-repeat center top;}

.list{ width:100%; background:#f6f6f6; margin:0 auto; padding-top:20px; overflow:hidden;}

.mbx{ width:1090px; background:url(../images/address.png) no-repeat 0 center; padding-left:15px; margin:0 auto 10px;}

.list_con{ width:1100px; margin:0 auto;}

.list_newsl{ border-bottom:1px dashed #ccc; padding-top:20px; padding-bottom:20px;}

.list_newsl:hover{ background:#f5f5f5;}

.list_lt{ width:810px; height:auto; background:#fff; border:1px solid #ffd7c3; padding:5px 20px; }

.list_lt dl{ width:810px; margin:0 auto; overflow:hidden;}

.list_lt dl dt{ width:232px; height:156px; overflow:hidden; padding:2px; border:1px solid #ccc; float:left; margin-right:20px;}

.list_lt dl dt img{width:232px; height:156px; overflow:hidden; transition:all 1s ease-in-out;}

.list_newsl:hover dt img{ transform:scale(1.1,1.1);}

.list_lt dl dd{ width:550px; height:162px; float:left; position:relative;}

.list_lt dl dd h2{ font-size:16px; font-weight:bold; margin-bottom:10px;}

.list_lt dl dd .time{ color:#999999;}

.list_lt dl dd p{ margin:5px auto; height:auto; line-height:24px;}

.list_lt dl dd a.btn{ width:84px; height:26px; text-align:center; line-height:26px; border:1px solid #ec6a27; color:#333; text-decoration:none; display:inline-block; position:absolute; bottom:0; left:0;}

.list_newsl:hover dl dd a.btn{ background:#ec6a27; color:#fff;}



.list_fy{ width:800px; height:40px; line-height:40px; padding-left:10px; background:#f4f4f4; margin:20px auto; font-size:12px;}

.list_fy  li{ float:left; margin-right:10px;}

.list_fy a{ padding:4px 10px; margin-right:10px; border:1px solid #ccc; cursor:pointer; }

.list_ggw{ width:851px; height:174px; margin-top:10px; margin-bottom:10px;}

.list_tjzx{width:850px; height:auto; background:#fff; border:1px solid #ffd7c3; margin-bottom:20px;}

.list_tjzx ul{ width:830px; overflow:hidden;  padding:20px; padding-top:5px; padding-right:0px;}

.list_tjzx ul li{ width:385px; height:38px; line-height:38px;  float:left; border-bottom:1px dashed #ccc; margin-right:20px; background:url(../images/shadow.jpg) no-repeat 0 center; padding-left:10px; overflow:hidden; }

.list_tjzx ul li a{ width:250px;  display:block; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; float:left;}

.list_tjzx ul li span{ float:right; width:100px; text-align:right;}

.list_tit{ height:40px; line-height:40px; border-bottom:1px solid #ec6a27; padding-left:20px; font-weight:bold;}

.list_tit b{ width:5px; height:20px; font-size:0; display:inline-block; background:#ec6a27; margin-right:10px; margin-top:10px; float:left;}

.list_r{ width:238px; float:right;}

.ffcp{ width:238px; border:1px solid #ffd7c3; margin-bottom:10px;}

.ffcp_bt{ width:238px; height:69px; line-height:70px; background:url(../images/list_bg.jpg) repeat-x; font-size:18px; font-weight:bold; color:#fff; text-align:center;}

.ffcp_bt span{ font-size:12px; color:#f19068; font-weight:normal;}

.ffcp ul{ width:208px; padding:5px 15px;}

.ffcp ul li{ width:198px; text-align:center; line-height:39px; border-bottom:1px dashed #ccc; background:url(../images/shadow.jpg) no-repeat 0 center; padding-left:10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.lxwm{ padding:15px;}

.kf{ text-align:center;}

.lxwm h2{ font-size:14px; font-weight:bold; color:#ec6a27; margin:5px auto; text-align:center;}







/*详情页*/

.article_lt{ width:810px; height:auto; background:#fff; border:1px solid #ffd7c3; padding:5px 20px; }

.article_con{ width:1100px; margin:0 auto;}

.article_newsl{ border-bottom:1px dashed #ccc; padding-top:20px; padding-bottom:20px;}

.article_banner{ width:100%; height:319px; margin:0 auto; background:url(../images/article_banner.jpg) no-repeat center top;}

.article_lt h2{ font-size:20px; color:#ec6a27; margin:20px auto 10px; padding-bottom:5px; border-bottom:1px solid #ccc; text-align:center;}

.article_lt p{ text-indent:2em;}

.article_time{ color:#c4c3c3; line-height:28px; text-align:center; margin-bottom:20px;}

.article_fy{ width:800px; height:40px; line-height:40px; padding-left:10px; background:#f4f4f4; margin:20px auto; font-size:12px;}

.article_fy a{ padding:4px 10px; margin-right:10px; cursor:pointer; }

.syy{ float:left;}

.xyy{ float:right;}







/*图片列表页*/

.list_image{ overflow:hidden;}

.list_image_lt{ padding-right:0; width:830px;}

.list_image{ width: padding:20px 0 20px 20px;}

.list_image ul{ width:830px; overflow:hidden;}

.list_image li{ width:257px; margin-right:19px; text-align:center; margin-top:20px; float:left; transition:all 1s ease-in-out;}

.list_image li:hover{ transform:translateY(5px);}

.list_image li:hover img{ box-shadow:0px 3px 3px #ccc;}

.list_image  li img{ border:1px solid #ccc; width:255px; height:200px; padding:2px; text-align:center;}

.list_image  li span{ line-height:28px;}









/*客服探头*/

.floating_ck{position:fixed;right:0px;top:35%;}

.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#007de5;border-bottom:solid 1px #006dc8;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}

.floating_ck dl dd:hover{background-color:#0279ff;border-bottom:solid 1px #0279ff;}

.floating_ck dl dd:hover .floating_left{display:block;}

.floating_ck .consult{background-image:url(../images/zxicon.png);}

.floating_ck a{ color:#fff; text-decoration:none; font-size:12px;}

.floating_ck span a{ color:#fff; }

.floating_ck .words{background-image:url(../images/zs.png);}

.floating_ck .fw{background-image:url(../images/fw.png);}

.floating_ck .fc{background-image:url(../images/fc.png);}

.tel{background-image:url(../images/tel.png);}

.floating_ck .quote{background-image:url(../images/kficon.png);}

.floating_ck .qrcord{background-image:url(../images/erweima.png);}

.floating_ck .return{background-image:url(../images/fanhui.png);}

.floating_ck .tele{background-image:url(../images/tel.png);}

.floating_ck dd span{color:#fff;display:block;padding-top:40px; font-size:12px;}

.floating_left{position:absolute;left:-90px;top:0px;width:90px;height:60px; line-height:60px; background:#0279ff url(../images/zx.png) no-repeat center 30%; border-bottom:solid 1px #0279ff;display:none; font-size:12px;}

.floating_left a{color:#fff;line-height:95px;}

.floating_ewm{height:260px;top:-180px;}

.floating_ewm i{background:url(../images/erweima.png) no-repeat center center;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}

.floating_ewm p{color:#fff;margin-top:5px;}

.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}

.floating_ewm .qrcord_p02{font-size:14px;}







/*  专题页  */

.right .about{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 50px; line-height:24px;}

 

.ybqy_gyboxm{width:1024px; overflow:hidden; margin:0 auto; padding:0;}

.ybqy_prod{padding:30px 0 50px 0;}

.more{margin-top:8px;display:block;color:#999;}

.prod_ul{overflow:hidden;margin:0 auto;width:100%;height:30px;display:block;}

.prod_ul li{float:left;}

.prod_ul li a{display:block;float:left;font-size:14px;font-weight:bold;width:160px;text-align:center;background:url(../images/icon12.png) right center no-repeat;}

.prod_ul li a:hover{color:#f60;}

.prod_ul li .selected{color:#f60;}

.prod_div{width:1050px;}

.isotope-item{z-index:2;}

.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}

.isotope,.isotope .isotope-item{transition-duration:0.8s; height:auto; overflow:hidden;}

.isotope{transition-property:height,width;}

.isotope .isotope-item{transition-property:transform,opacity;}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{transition-duration:0s;}

.isotope.infinite-scrolling{transition:none 0s ease 0s;}



.ybqy_prod dl{width:220px;margin-top:30px;float:left; margin:30px 16px 0 16px;}

.ybqy_prod dl dt{width:210px;height:169px;overflow:hidden; border:5px solid #ccc;

-moz-border-radius: 25px;      /* Gecko browsers */

   -webkit-border-radius: 25px;   /* Webkit browsers */

   border-radius:25px;            /* W3C syntax */

   }

.ybqy_prod dl dd{background:#fff;height:40px;line-height:40px;font-size:14px; margin:0 auto; padding:0; padding-left:10px; text-align:center;}

.prod_div img{box-sizing:border-box;transform:scale(1);transition:transform 0.4s ease-in-out 0s;}.prod_div dl:hover img{transform:scale(1.1);}

.hover-box .view{display:block;height:48px;margin-top:-43px;opacity:0;position:absolute;top:50%;width:48px;}



.hover-box .view{background:url(../images/view.png) no-repeat scroll 50% 50% rgba(0,0,0,0);left:0;margin-left:-60px;}

#tab1 dl:hover .hover-box .view,.hover-box:hover .view{left:62%;opacity:1;}

.hover-box .view{transition:background 0.3s ease 0s,opacity 0.3s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}

.element{position: absolute; left: 0px; top: 0px;}





/*精彩专题*/

.ybqy_culture{padding:30px 0 70px 0;overflow:hidden;}

.culture_bj{}

.ybqy_gytitle_r .next{display:block;float:left;width:17px;height:17px;margin-right:5px;background:url(../images/icon9l.png) no-repeat;}

.ybqy_gytitle_r .next:hover{background:url(../images/icon10l.png) no-repeat;}

.ybqy_gytitle_r .prev{display:block;float:left;width:17px;height:17px;background:url(../images/icon9r.png) no-repeat;}

.ybqy_gytitle_r .prev:hover{display:block;float:left;width:17px;height:17px;background:url(../images/icon10r.png) no-repeat;}





.ybqy_gytitle{ width:100%; height:30px; margin:0 auto; padding:0;}

.ybqy_gytitle1{background:url(../images/icon8.png) bottom repeat-x;}

.ybqy_gytitle_l{float:left;font-size:16px;color:#3598db;border-bottom:2px solid #3598db;overflow:hidden;height:28px;}

.ybqy_gytitle_l span{color:#c2c2c2;font-size:11px;}

.ybqy_gytitle_r{float:right;}

.ybqy_culture{padding:30px 0 70px 0;overflow:hidden;}



.ybqy_serv{padding:0;overflow:hidden;width:auto;}

.ybqy_serv a img{ width:222px; height:146px;}

.ybqy_serv a img{box-sizing:border-box;transform:scale(1);transition:transform 0.4s ease-in-out 0s; border:1px solid #ccc;}

.ybqy_serv a:hover img{transform:scale(1.1);}

.ybqy_serv dl{float:left;width:226px; height:auto; overflow:hidden; padding:0 15px 40px; margin:0 auto;}

.ybqy_serv dl dt{width:222px;height:146px;padding:2px;overflow:hidden;background:#fff;}

.ybqy_serv dl dd{line-height:22px;color:#a5a5a5;padding-top:10px; margin:0 auto;}

.ybqy_serv dl dd a{color:#494949; width:100%; height:auto; display:block; text-align:center; line-height:28px; font-size:14px;}





.wk_iBg {

	BACKGROUND-IMAGE: url(../images/iBg.png); BACKGROUND-REPEAT: no-repeat

}

.wk_iBox3Ico1 {

	BACKGROUND-POSITION: 0px 0px

}

.wk_iBox3Ico2 {

	BACKGROUND-POSITION: -137px 0px

}

.wk_iBox3Ico3 {

	BACKGROUND-POSITION: -274px 0px

}

.wk_iBox3Ico4 {

	BACKGROUND-POSITION: -411px 0px

}

.wk_iBox3Ico5 {

	BACKGROUND-POSITION: -548px 0px

}





.wk_iBox3Ul {

	 WIDTH: 90%; HEIGHT:auto; OVERFLOW: hidden; margin:0 auto; padding-top:50px;

}

.wk_iBox3Ul dt {

	TEXT-ALIGN: center; MARGIN: 0px 2%; FLOAT: left; width:15.5% !important; overflow:hidden; padding:0;

}

.wk_iBox3Ul SPAN {

	WIDTH: 136px; DISPLAY: inline-block; HEIGHT: 100px

}

.wk_iBox3Ul H3 {

	MARGIN-TOP: 20px; FONT-SIZE: 16px; height:46px;

}

.wk_iBox3Ul P {

	LINE-HEIGHT: 18px; MARGIN-TOP: 10px; COLOR: #666; width:100%; overflow:hidden; font-size:14px;

}



/*增加 end*/


.zlogo{width:100%;height:120px;background:#fff}
.zlogoc{width:1000px;height:120px;margin:0 auto}
.zlogol{width:660px;height:120px;float:left}
.zlogol img { height:120px;width:auto;}
.zlogor{width:300px;float:right;height:120px}
.zbanner{width:100%;height:520px;background:url(../images/bg.png) center no-repeat #2A68BB}
.zbc{width:1100px;height:520px;margin:0 auto;position:relative}
.zbct{position:absolute;width:500px;height:320px;right:-54px;top:115px}
.zbct p{color:#fff;line-height:40px;text-indent:20px}
.zbct p strong{color:#fff}
.box{width:738px;margin:0 auto 0;background:#fff;border:1px solid #d3d3d3}
.tab_menu{background:#f6f6f6;height:45px;border-bottom:solid 1px #d3d3d3}
.tab_menu li{float:left;height:44px;line-height:45px;color:#fff;text-align:center;cursor:pointer;padding:0 15px;color:#444}
.tab_menu li.current{border-bottom:solid 2px #FF6C1C;color:#444}
.tab_menu li a{text-decoration:none;color:#444}
.tab_menu li.current a{color:#333;font-weight:700;color:#FF6C1C}
.tab_box{padding:20px 0}
.tab_box .hide{display:none}
.index_waay{background-position:0 18px;margin-top:40px;text-align:center;position:relative}
.postiton_io{position:absolute;left:55px;top:0}
.postiton_is{position:absolute;right:0;top:18px}
.postiton_io h2{font-size:26px;font-weight:700;color:#2D79DB}
.postiton_is h2{font-size:18px;font-family:'微软雅黑';color:#b70008}
.backgroundopsk_room{background:url(../images/lookhaos.png) no-repeat;width:455px;margin-top:22px;padding-top:1px;height:550px}
.q1{margin-left:360px;width:540px}
.q1 h2{font-size:16px;color:#c57026;font-weight:700;margin-top:15px}
.q1 p{color:#5c5c5c;line-height:24px;margin:15px 0}
.q2{margin-top:60px;margin-left:460px}
.q3{margin-top:60px;margin-left:460px}
.q4{margin-top:60px;margin-left:360px}
.ul_ops li h2{text-align:center;color:#c57026;font-weight:700;margin:10px 0;font-size:16px}
.ul_ops li p{color:#5c5c5c;line-height:23px;margin-left:auto;margin-right:auto}
.ul_ops li{float:left;margin-top:30px;width:220px}
.clear{clear:both}
.tab_box .hide,.tab_box02 .hide{display:none}
.tab_contianer02{box-sizing:border-box;width:1100px;margin:0 auto;box-shadow:0 5px 10px rgba(0,0,0,.5);background-size:cover;border-radius:10px 10px 0 0}
.tab_menu03{width:100%;background:#eb4338!important;height:auto!important;text-align:center;border-bottom:0!important;border-radius:10px 10px 0 0}
.tab_menu03 li{width:100px;height:70px!important;line-height:70px!important;display:inline-block}
.tab_menu03 li a{text-decoration:none;color:#FFF!important;font-size:16px;font-weight:700}
.tab_menu03 li.cr{display:block;background-color:#ea4436;color:#fff}
.tab_menu03 li.cr a{color:#fff}
.tab_menu03 li.current{border-bottom:0!important;background:#F30;border-radius:0 0 10px 10px}
.tab_menu03 li.current a{color:#FFF!important}
.tab_box02{width:auto;padding:20px;height:530px;margin:0 auto;overflow:hidden}
.tab_box02 ul{height:551px}
.d-flex{display:flex;display:-webkit-flex;justify-content:center;flex-flow:wrap}
.tab_box02 li{float:left;display:inline-block;width:190px;margin:10px 10px 0}
.tab_box02 h4{line-height:22px;height:22px;text-align:center;font-weight:700}
.h1_bottom{color:#fff;font-size:16px;font-weight:700;width:890px}
#gka_box #a_id_377,#gka_box #a_id_466{padding-top:34px;margin:15px 20px 0}
#gka_box h4{height:40px;line-height:40px;text-align:center;width:252px;font-size:14px}
#gka_box li{width:252px;margin-right:20px;margin-left:16px}
#gka_box li#text_gka{width:570px;height:242px;margin:0}
#i_cailiao li{float:right;width:282px}
#i_cailiao li.right01{width:240px;display:inline;padding-right:75px}
#i_tools li{width:377px;margin-right:20px;margin-left:20px}
.dialogOverlay{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;opacity:.7;display:none;filter:alpha(opacity=70);background:#000}
.dialogContent{z-index:9999;position:fixed;top:50%;left:50%;width:310px;height:268px;padding:4em;margin:-134px 0 0 -155px;background:#fff;display:none;text-align:center}
.dialogQrcode{width:150px;height:150px}
.mobileHide{font-family:"微软雅黑";font-size:14px;line-height:20px;padding:10px 0}
.dialogClose{width:200px;margin:0 auto;cursor:pointer}
.dialogContent .btn{height:50px;background:#e8312e;line-height:50px;color:#fff;font-family:"微软雅黑";font-size:18px;cursor:pointer}
.dialogOverlaya{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;opacity:.7;display:none;filter:alpha(opacity=70);background:#000}
.dialogContenta{z-index:9999;position:fixed;top:50%;left:50%;width:310px;height:272px;padding:4em;margin:-136px 0 0 -155px;background:#fff;display:none}
.dialogContenta h2{font-family:"微软雅黑";font-size:18px;padding-bottom:2px}
.dialogContenta h3{font-size:24px;padding-bottom:12px}
.dialogContenta h3 a{color:#263949}
.dialogQrcodea{width:150px;height:150px}
.mobileHidea{font-family:"微软雅黑";font-size:14px;line-height:20px;padding:10px 0}
.dialogClosea{width:200px;margin:0 auto;cursor:pointer}
.dialogClosea.btna{height:50px;background:#e8312e;line-height:50px;color:#fff;font-family:"微软雅黑";font-size:18px;text-align:center;cursor:pointer}
.main-im{position:fixed;left:0;top:50%;z-index:100;width:110px;height:272px;margin-top:-67px}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#666;text-align:center;position:relative}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #ddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute}
.main-im .im_main{background:#F9FAFB;border:1px solid #ddd;border-radius:10px;background:#F9FAFB;display:none}
.main-im .im_main .im-tel{color:#666;text-align:center;width:109px;padding:5px 0;line-height:24px}
.main-im .im_main .im-tel div{margin-top:5px}
.main-im .im_main .im-tel .tel-num{font-family:Arial;color:#e20214}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top}
.main-im .close-im a:hover{text-decoration:none}
.main-im .open-im{cursor:pointer;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;display:block}
.csd{position:fixed;width:60px;height:60px;z-index:9999;cursor:pointer;box-shadow:0 5px 10px 0 rgba(35,50,56,.5);border-radius:50%;right:40px;bottom:30px}
.csd::after{background:#e5000c;background-image:linear-gradient(to bottom,#ff414b,#e5000c);border-radius:50%;content:"";height:12px;position:absolute;right:1px;top:1px;width:12px;z-index:50}
.csd .cImg{z-index:20;position:relative}
.cdsTip{position:absolute;height:40px;line-height:40px;color:#fff;font-size:14px;padding:0 20px;top:15px;left:-120px;border-radius:3px;background:#e5000c;background-image:linear-gradient(to right,#fd232e,#e5000c);display:none;opacity:0;box-shadow:0 10px 20px 0 rgba(35,50,56,.3)}
.cdsTip::before{position:absolute;content:"";top:12px;right:-16px;border:8px solid transparent;border-left-color:#e5000c}
.csd_circles{position:absolute;width:58px;height:58px;top:1px;right:1px}
.csd_circles .circle{background:#e5000c;width:58px;height:58px;border-radius:50%;position:absolute;z-index:10;transform:scale(1);opacity:.6}
.csd_circles .c-1{animation:1s scaleToggleOne}
.csd_circles .c-2{animation:1.5s scaleToggleTwo}
.csd_circles .c-3{animation:2s scaleToggleThree}
.csdBox{background:#f5f5f5;border-radius:3px;bottom:120px;box-shadow:0 10px 20px 0 rgba(35,50,56,.3);position:fixed;right:20px;width:188px;z-index:9998;display:none}
.csdBox.rotated{animation:rotateInUpRight .5s}
.csdBox::before{position:absolute;content:"";bottom:-20px;right:40px;border:10px solid transparent;border-top-color:#f5f5f5}
.csdBox .top{background:#25353b url(../images/cs_icon1.jpg) no-repeat 10px center;height:40px;line-height:40px;color:#fff;font-size:14px;padding:0 10px;border-radius:5px 5px 0 0}
.csdBox .main{text-align:center;padding:35px 25px}
.csdBox .main .p1{font-size:14px;color:#2d2d2d;margin-bottom:15px}
.csdBox .main .p2{margin:15px 0;text-align:center;font-size:14px;color:#8cc51e}
.csdBox .main .wx p{width:126px;text-align:center;font-size:14px;line-height:20px}
.csdBox .main .wx img{width:116px;height:116px;margin-bottom:5px;border:5px solid #e1e1e1}
.csdBox .main .wx .two{margin-left:15px}
@keyframes scaleToggleOne{50%{transform:scale(2)}
100%{transform:scale(1)}
}
@keyframes scaleToggleTwo{20%{transform:scale(1)}
60%{transform:scale(2)}
100%{transform:scale(1)}
}
@keyframes scaleToggleThree{33%{transform:scale(1)}
66%{transform:scale(2)}
100%{transform:scale(1)}
}
@keyframes rotateInUpRight{0%{opacity:0;transform:rotate3d(0,0,1,-15deg) scale(.8);transform-origin:right bottom 0}
100%{opacity:1;transform:none;transform-origin:right bottom 0}
}
#newBridge{z-index:9991}
.suspension{position:fixed;z-index:55;right:10px;bottom:85px;width:70px;height:240px}
.suspension-box{margin-left:20px}
.suspension .a{display:block;width:44px;height:44px;background-color:#02194b;margin-bottom:4px;cursor:pointer;outline:0}
.suspension .a.active,.suspension .a:hover{background:red}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/ldgg_tb.png);background-repeat:no-repeat}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/ldgg_hm.png);background-repeat:no-repeat;background-position:0 0}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/ldgg_hm.png);background-repeat:no-repeat;background-position:-27px 0}
.suspension .a-qrcode .i{background-position:-44px 0}
.suspension .a-cart .i{background-position:-88px 0}
.suspension .a-top .i{background-position:-132px 0}
.suspension .a-top{background:#D2D3D6;display:none}
.suspension .a-top:hover{background:#c0c1c3}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0 2px 5px 0 rgba(161,163,175,.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px}
.suspension .d-service{top:0}
.suspension .d-service-phone{top:34px}
.suspension .d-qrcode{top:78px}
.suspension .d .inner-box{padding:1px 22px 12px}
.suspension .d-service-item{padding:14px 0}
.suspension .d-service .d-service-item{border-bottom:none}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden}
.suspension .d-service-item:hover .i-qq{background-position:center 3px}
.suspension .d-service-item .i-qq:hover{color:red}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/ldgg_rx.png) no-repeat center center;display:block}
.suspension .d-service-item h3{float:left;width:112px;font-size:15px;margin-left:12px}
.suspension .d-service-item h3:hover{color:red}
.suspension .d-service-item .text{float:left;width:200px;line-height:22px;font-size:20px;margin-left:12px}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
.suspension .d-service-intro{padding-top:10px}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block}
.suspension .d-qrcode{text-align:center}
.suspension .d-qrcode .inner-box{padding:20px 0}
.suspension .d-qrcode p{font-size:16px;color:#93959c}