/*新增样式*/
.right-pro{ width: 260px;float: right;}
.right-pro .fenlei_menu{ float:none;}

.click-pro{ margin-bottom:30px;}
.click-pro h2.navtit{ background: #283d80;color: #fff;line-height:50px;padding:0 20px;font-size:16px;}
.list-click-pro{ background:#eee;padding:12px 20px;}
.list-click-pro ul{}
.list-click-pro ul li{ height:36px;line-height:36px;position: relative;}
.list-click-pro ul li span{ color:#999;}
.list-click-pro ul li a{ display: block;position: absolute;left:30px;right:0;top:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xgcp .navtit{ margin-bottom: 30px; font-weight: bold; font-size: 20px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.xgcp .navtit span{ float: right; font-size: 14px; color: #ddd; padding-top: 10px;}
.xgcp .navtit span a{ font-size: 16px; padding:0 10px;font-weight: normal;}

.xgzx{ overflow: hidden;margin-bottoM:30px;}
.xgzx .navtit{ margin-bottom: 30px; font-weight: bold; font-size: 20px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.xgzx .navtit span{ float: right; font-size: 14px; color: #ddd; padding-top: 10px;}
.xgzx .navtit span a{ font-size: 16px; padding:0 10px;font-weight: normal;}
.list-xgzx{ overflow: hidden;}
.list-xgzx ul{ margin-left:-40px;}
.list-xgzx ul li{ width:50%;float:left;}
.list-xgzx ul li .box{ margin-left:40px;line-height:36px;height:36px;padding-left:15px;position: relative;}
.list-xgzx ul li .box:before{ content:'';position: absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background:#999;}
.list-xgzx ul li a{ display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.clicllist{ overflow: hidden;margin-top:30px;border: 1px solid #ddd;background:#fff;}
.clicllist ul{ padding:14px 20px;}
.clicllist ul li{ height:36px;line-height:36px;position: relative;}
.clicllist ul li span{ color:#999;}
.clicllist ul li a{ display: block;position: absolute;left:25px;right:0;top:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.chanpin-video{ width:1200px;margin:0 auto;overflow: hidden;margin-top:50px;background:#f5f5f5;}
.left-video{ width:500px;height:333px;float:left;Position: relative;z-index:9;overflow:hidden;}
.left-video ul{}
.left-video ul li{ Position: relative;}
.left-video ul li .video-img{ width:100%;Position: relative;}
.left-video ul li .video-img img{ width:100%;height:333px;}
.left-video ul li .video-img:after{ content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);}
.left-video ul li .play-this{ z-index:4;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;cursor: pointer;width:60px;height:60px;display:block;background: url("../../skin_video/images/play.png") no-repeat center center;background-size: 100%;}
.left-video ul li .play-this:hover{ Opacity:0.8;}
.left-video ul li .off{ display:none !important;}
.left-video ul li .on{ display:block !important;}
.left-video ul li .video-box{ display:none;position:absolute;top:0;left:0;bottom:0;right:0;}
.left-video ul li .video-box video{ object-fit:contain;background:#000;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}

.right-desc{ padding:30px 50px;width:600px;height:273px;overflow: hidden;display: table-cell; vertical-align: middle;}
.right-desc h2{ font-size:32px;line-height:1.75;}
.right-desc p.desc{ margin:20px 0;font-size:14px;line-height:1.75;color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.right-desc .ckxq{ display:block;width:150px;height:36px;line-height:36px;text-align:center;border-radius:50px;background:#283d80;color:#fff;font-size:14px;}

/* CSS Document */
.animated .s_t02{visibility:visible;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .s_t05{visibility:visible;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .s_t1{visibility:visible;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .s_t15{visibility:visible;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .s_t2{visibility:visible;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .s_t25{visibility:visible;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .s_t3{visibility:visible;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated .s_up {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.animated .s_left {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.animated .s_right {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.animated .s_down {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.animated .s_r{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
.animated .s_d{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
h3{ color:red!important; font-weight:bold;}
/**手机隐藏**/
.m_nav_btn{ display: none;}
.mainnav .tit{ display: none;}
.swiper_a{ display: none;}
.swiper_c{ display: none;}
.m_rongyum_rongyu{ display: none;}
/**手机隐藏**/
.wbox1200{ width: 1200px; margin: 0 auto;}
.maintop{ position: fixed;; top: 0; width: 100%; z-index: 999;}
.header{ height: 30px; background: #fff;}
.header .wbox1200{ position:relative;}
.header .logo{ width: 280px; margin-top: 0px; text-align: center; padding-top: 0px; float: left; position: absolute; left: 0; background: #f2f2f2; height: 80px;}
.header .logo img{ width: 240px; margin:5px;}
.header .tel{ float: right; color: #283d80; font-size: 24px; line-height: 20px; margin-top: 6px;;font-weight: bold; font-family:verdana; letter-spacing: -1px;}
.header .tel i{ display: inline-block; height: 19px; width: 19px; background:url("../images/ico_tel.png") no-repeat center; vertical-align: middle; margin-right: 10px;;}
.header .wx{ float: right; margin-left: 20px; margin-top: 3px; position: relative; height: 24px; width: 0px; cursor: pointer;}
.header .wx i{ display: inline-block; background:url("../images/ico_wx1.png"); height: 24px; width: 24px; background-size: 24px auto;}
.header .wx .box{ position: absolute; right: -50px; border: 1px solid #ddd; padding: 6px; top: 60px; opacity: 0;
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; background: #fff; visibility: hidden;}
.header .wx.on .box{ top: 40px; opacity: 1; visibility: visible;}
.header .tel p{ font-size: 12px; padding-left: 30px; color: #888; font-weight:normal; display: none;}
.mainnav{ height: 50px; background: #193fb9e6;}
.mainnav ul{ width: 900px; margin: 0 auto; padding-left: 300px;}
.mainnav ul li{ float:left; height:50px; line-height: 50px;}
.mainnav ul li a{ color: #fff; font-size: 15px; display: block; width: 110px; text-align: center;-webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;}
.mainnav ul li a:hover{ background: #0f193b;}
.mainnav ul li a.on{ background: #192b688c;}
.subnav{ background:url("../images/bg3.png"); width: 100%;  height: 0; line-height: 0; visibility:hidden; overflow: hidden;
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; text-align: center;}
.subnav dl{ width: 1200px; margin: 0 auto; position: relative; left: 100px; margin: 30px auto; opacity: 0;}
.subnav dl dd{margin-right: 20px; display: inline-block;}
.subnav dl dd a{ display: block; color: #fff; text-align: center; line-height: 20px; font-size: 14px;}
.subnav dl dd a img{ width: 140px;}
.subnav dl dd a:hover{ color:#e6b647;}
.subnav.on{ display: block; height: auto; visibility: visible; }
.sn1,.sn2,.sn3,.sn4,.sn5,.sn6{ display:none;}
.sn3{display:none!important;}
/* 全屏轮播FocusImg */
.FocusImg{width:100%; min-width:1080px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1080?"1080px":""); height:600px;position:relative;z-index:99; margin-top: 80px;}
.FocusImg .pic{ width:100%; height:100%;position:relative; z-index:98; overflow:hidden; background:#000;}
.FocusImg .pic li{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute;z-index:100;}
.FocusImg .num{width:100%; height:28px;  bottom:20px;position:absolute; z-index:101; left:0; font-size:0px; text-align:center; display: none;}
.FocusImg .num .bbg{
background:rgba(0,0,0,0.5); padding:8px; display:inline-block;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#99000000, endColorstr=#99000000);
-moz-border-radius:14px;-webkit-border-radius:14px;-o-border-radius:14px;-ms-border-radius:14px;border-radius:14px;
}
.FocusImg .num a{
width:12px; height:12px; display:inline-block; background:#fff; margin:0 5px;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;border-radius:6px;
}
.FocusImg .num a.current{background:#d30830;}
.FocusImg .bun{
	width:30px; height:60px;
	position:absolute; top:50%; margin-top:-30px; z-index:100; 
	display:block; cursor:pointer; background:url("../images/fy.png") no-repeat left top; display: none;}
.FocusImg .bun.lbun{ left:50%; margin-left:-540px; background-position:0 0;}
.FocusImg .bun.lbun:hover{ background-position:0px -60px;}
.FocusImg .bun.rbun{ right:50%; margin-right:-540px; background-position:-30px 0px;}
.FocusImg .bun.rbun:hover{background-position:-30px -60px;}
.FocusImg .fudong{ position: absolute; bottom: 80px; z-index: 999; width: 1200px; left: 50%; margin-left: -600px;}
.FocusImg .fudong .link{ width: 330px; height: 150px; float: left; margin-right: 20px; display: block; position: relative; 
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);}
.FocusImg .fudong .link i{ opacity: 1; 
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;}
.FocusImg .fudong .link .txt{ position: absolute; padding: 20px;;}
.FocusImg .fudong .link .txt h2{ color: #fff; font-size: 20px; font-weight: bold; margin-top: 24px; 
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;}
.FocusImg .fudong .link .txt p{ color: #fff; font-size: 12px;text-transform:uppercase}
.FocusImg .fudong .link:hover i{ opacity: 0;}
.FocusImg .fudong .link:hover .txt h2{ margin-top: 0;}
.FocusImg .fudong .cjwt{ background: #273c7f; width: 500px; height: 210px; 
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out; position: absolute; right: 0; bottom: 0px; overflow: hidden; 
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
        }
.FocusImg .fudong .cjwt .tit{ background: #1d2f68; height: 50px;  color: #fff; padding: 10px 0 0 20px;font-size: 20px; line-height: 20px;text-transform:uppercase}
.FocusImg .fudong .cjwt .tit span{ font-size: 12px;}
.FocusImg .fudong .cjwt .tit a{ position: absolute; right: 15px; top: 17px;}
.FocusImg .fudong .cjwt ul{ padding:10px 20px 20px 20px;}
.FocusImg .fudong .cjwt ul li{ line-height: 33px;}
.FocusImg .fudong .cjwt ul li a{ color: #c1c8dc; display: block; background:url("../images/i_30.png") no-repeat left center; padding-left: 10px;}
.FocusImg .fudong .cjwt ul li a:hover{ color: #fff;}
.FocusImg .fudong .cjwt.on{ height: 400px;}
/* 弹窗 */
.layer_tishi{width:500px; margin-left:-250px; left:50%; background:#fff; top:20%; height:200px; box-shadow:0 0 6px #888;}
.layer_tishi .close{ position:absolute; right:-10px; top:-10px; background:#D52000 url("../images/ico_close.png") no-repeat center; height:30px; width:30px; border-radius:25px; cursor:pointer;-webkit-transition: all .53s ease-out;-moz-transition: all .53s ease-out;-o-transition: all .53s ease-out;
-ms-transition: all .53s ease-out;}
.layer_tishi .close:hover{transform:rotate(360deg);-ms-transform:rotate(360deg); 	/* IE 9 */-moz-transform:rotate(360deg); 	/* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); 	/* Opera */}
/* 弹窗end */
.fahuo{ position: absolute; height:50px; background: url("../images/bg2.png"); width: 100%; z-index: 999; bottom: 0;}
.fahuo .tit{ float: left; background:#283d80; color:#fff; height: 50px; line-height: 50px; width: 180px; text-align: center; font-size: 14px;}
.fahuo .tit i{ margin-right: 10px; vertical-align: middle;}
.fahuo .bd{ float: left; margin-left: 20px; overflow: hidden;}
.fahuo .bd ul{}
.fahuo .bd ul li{ height: 50px; line-height: 50px;}
.fahuo .bd ul li a{ color: #bfbfbf;}
.fahuo .bd ul li span{ color: #bfbfbf; margin-left: 40px;}
.fahuo .bd ul li a:hover{ color: #fff;}
.fahuo .hd{ float: right;}
.fahuo .hd a{ display: inline-block; height: 17px; width: 17px; display: block; margin-top: 5px;}
.fahuo .hd .next{ background:url("../images/qh_44.png")}
.fahuo .hd .prev{ background:url("../images/qh_39.png")}
.fahuo .hd .next:hover{ background: url("../images/qh_43.png");}
.fahuo .hd .prev:hover{ background: url("../images/qh_37.png");}
.fenleiico{ overflow:hidden; padding: 20px 0;}
.fenleiico ul{ width: 1350px;}
.fenleiico li{ float: left; margin-right: 125px; 
    -webkit-transform: scale(0.2,0.2);
    -moz-transform: scale(0.2,0.2);
    -ms-transform: scale(0.2,0.2);
    transform: scale(0.2,0.2);}
.fenleiico a{ display: block;}
.fenleiico i{ display:block; height: 96px; width: 96px;  border-radius: 96px; 
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; 
        }
.fenleiico span{ display: block; text-align: center; font-size: 16px; margin-top: 5px;}
.fenleiico .i1{background: url("../images/fl1.png") no-repeat center;}
.fenleiico .i2{background: url("../images/fl2.png") no-repeat center;}
.fenleiico .i3{background: url("../images/fl3.png") no-repeat center;}
.fenleiico .i4{background: url("../images/fl4.png") no-repeat center;}
.fenleiico .i5{background: url("../images/fl5.png") no-repeat center;}
.fenleiico .i6{background: url("../images/fl6.png") no-repeat center;}
.fenleiico a:hover i{ background-color:#283d80 ;transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */}
.i_about_box{ padding: 30px 0; background: #eee;}
.i_about{ width: 1200px; margin: 0 auto; position: relative; bottom: 0; height: 431px;}
/* .i_about img{ float: right; height: 431px; width: 666px;;-webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);} */

.right-video{ width:666px;height:431px;float:right;Position: relative;z-index:9;overflow:hidden;}
.right-video ul{}
.right-video ul li{ Position: relative;}
.right-video ul li .video-img{ width:100%;Position: relative;}
.right-video ul li .video-img img{ width:100%;height:431px;}
.right-video ul li .video-img:after{ content:'';
position:absolute;top:0;bottom:0;left:0;right:0;background:rgb(0 0 0 / 8%);}
 
.i_about .txt{ position: absolute; left: 0; width: 550px; height: 305px; background: url("../images/bg5.png"); bottom: 0px; padding: 60px 0 0 50px; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px); z-index: 99;}
.i_about .txt h2{ color: #fff; font-size: 24px;}
.i_about .txt span{ font-size:40px; font-family: Georgia; color: #fff;;}
.i_about .txt p{ color: #fff; margin-top: 10px; font-size: 15px; line-height: 24px; padding-right: 100px;}
.i_about .txt a.more{ background: #e6b647; height: 50px; width: 115px; text-align: center; line-height: 50px; position: absolute; right: -75px; bottom: 0; color: #fff;}
.i_about_box .link{ width: 1200px; margin: 0 auto; margin-top: 21px; overflow:hidden;}
.i_about_box .link ul{ width: 1300px;}
.i_about_box .link ul li{ float: left; width: 386px; margin-right: 21px; background: #fff; 
    -webkit-transform: scale(0.2,0.2);
    -moz-transform: scale(0.2,0.2);
    -ms-transform: scale(0.2,0.2);
    transform: scale(0.2,0.2);}
.i_about_box .link ul li:nth-child(2){ 
        -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;}
 .i_about_box .link ul li:nth-child(3){ 
        -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;}
.i_about_box .link ul li a{ display: block; text-align: center; font-size: 18px; height: 166px; padding-top: 50px; 
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; border-bottom: 5px solid #fff;}
.i_about_box .link ul li a i{ display: inline-block;height: 65px; width: 65px; margin-bottom: 10px;}
.i_about_box .link ul li a i.i1{ background: url("../images/d11.png");}
.i_about_box .link ul li a i.i2{ background: url("../images/d12.png");}
.i_about_box .link ul li a i.i3{background: url("../images/d13.png");}
.i_about_box .link ul li a:hover{ border-bottom: 5px solid #283d80;} 
.i_news{ width: 1200px; margin: 0 auto; border-bottom: 1px solid #eee;}
.i_news .navtit{ color: #222; font-size: 24px; font-weight: bold; padding: 24px 0; border-bottom: 1px solid #ddd; 
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);}
.i_news .tita{ font-weight: bold; color: #666; color: #222; font-weight: bold; font-size: 24px; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.i_news .navtit span{ color: #888; font-size: 14px; font-weight: normal; margin-left: 10px;}
.i_news .navtit a{ float: right; color: #888; font-size: 16px;font-weight: normal; margin-top: 10px;}
.i_news .txtlist{ float: left; padding: 30px 0; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
.i_news .txtlist ul{ border-left: 1px solid #ddd; margin-bottom: 40px;}
.i_news .txtlist li{ margin-bottom: 25px;}
.i_news .txtlist li a{ color: #444; padding-left: 30px; position: relative; font-size: 16px;}
.i_news .txtlist li a i{ text-align: center; line-height: 8px; border: 1px solid #cccccc; display: inline-block;height: 14px; width: 14px; border-radius: 14px; position: absolute; left: -9px; background: #fff; top: 3px;}
.i_news .txtlist li a i em{ height: 6px; width: 6px; background: #aaa; display: inline-block; border-radius: 6px;;}
.i_news .txtlist li span{ color: #999; display: block; margin-left: 30px;}
.i_news .txtlist li a:hover{ color: #273c7f;}
.i_news .txtlist li a:hover i{ border: 1px solid #273c7f;}
.i_news .txtlist li a:hover i em{ background: #273c7f;}
.i_news .imglist{ float: right; width: 600px; padding: 30px 0;}
.i_news .imglist ul{}
.i_news .imglist li{ float: left; height: 180px; margin-left: 20px; margin-bottom: 20px; 
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);}
.i_news .imglist a{ width: 280px; height: 180px; display: block; position: relative; overflow: hidden;}
.i_news .imglist a span{ position: absolute; bottom: 0; height: 40px; left: 0; line-height: 40px; text-align: center; color: #fff; background: url("../images/bg2.png"); width: 100%;}
.i_news .imglist a img{height: 180px; width: 280px; 
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;}
.i_news .imglist a:hover img{-webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);}
.i_news .more{ font-size: 18px;}
.i_news .more i{ display: inline-block; background: url("../images/ico_jt_r.png"); height: 17px; width: 17px; margin-left: 10px;}
.navtitall{-webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);}
.navtitall h2{ border-bottom:1px solid #ddd; width: 300px; margin: 0 auto; position: relative;}
.navtitall h2 span{ top: -20px; font-size: 26px; font-weight: bold; color: #333333; background: #fff; width: 140px; position: absolute; left: 50%; margin-left: -70px; text-align: center;}
.navtitall p{ text-align: center; margin-top: 24px; font-size: 16px;}
.navtitall.mb4s{  margin-bottom: 40px;}
.rongyu{ padding: 50px 0;}
.rongyu .navtitall{ 
    }
.rongyu .navtitall h2{ width: 300px;}
.rongyu .navtitall h2 span{  width: 140px; position: absolute; left: 50%; margin-left: -70px; }
.rongyu .con{ 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);}
.rongyu .con .bd{ width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 40px;}
.rongyu .con .bd ul{ width: 1230px;}
.rongyu .con .bd ul li{ width: 275px; height: 180px; float: left; margin-right: 32px;}
.rongyu .con .bd ul li a{}
.rongyu .con .hd{ position: relative; width: 1200px; margin:0 auto;}
.rongyu .con .hd a{ display: block; height: 37px; width: 37px; background: #eee; top: -110px;}
.rongyu .con .hd .prev{ position: absolute; left: -50px; background: url("../images/ico_jt_l.png");}
.rongyu .con .hd .next{ position: absolute; right: -50px; background: url("../images/ico_jt_r-30.png");}
.ipro{ background: #eee; padding-top: 60px; padding-bottom: 30px;}
.ipro .navtitall{ 
    }
.ipro .navtitall h2{ border-bottom: 1px solid #ddd; width: 700px;}
.ipro .navtitall h2 span{ background: #eee;}
.dwo-control { display: none;}
.dwo-control span { position: fixed; z-index: 1000; cursor: pointer;}
.dwo-close { right: 30px; top: 30px; width: 54px; height: 54px; background: url("../images/dwo.png") 0 bottom no-repeat;}
.dwo-prev { left: 30px; top: 45%; width: 47px; height: 93px; background: url("../images/dwo.png") 0 0 no-repeat;}
.dwo-next { right: 30px; top: 45%; width: 47px; height: 93px; background: url("../images/dwo.png") 0 -98px no-repeat;}
.iproleft{ background: #fff; width: 280px; height: 510px; margin-top: 50px; float: left; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
.iproleft .navtit{ background: #ffb15d; height: 60px; line-height: 60px; color: #fff; font-weight: bold; font-size: 20px; padding-left: 10px;;}
.iproleft .navtit i{ display: inline-block; vertical-align: middle; margin-right: 10px; background: url("../images/ico_tit1.png"); height: 28px; width: 28px;;}
.iproleft .list{}
.iproleft .list ul{}
.iproleft .list ul li{ border-bottom: 1px dotted #808fbb; line-height: 42px; padding-left: 20px;}
.iproleft .list ul li a{ color: #666; 
    }
   
.iproleft .list ul li a i{ display: inline-block; background:#4a5e9e; color: #fff; height: 22px; width: 22px; text-align: center; line-height: 22px; border-radius: 22px; font-style: normal; margin-right: 10px;}
.iproleft .list ul li a .img{ display: none;}
.iproleft .list ul li a .img img{ width: 130px; height: 120px;}
.iproleft .list ul li a .img p{ line-height: 24px; color: #666; padding-bottom: 20px; font-size: 12px;}
.iproleft .list ul li a .info{ display: none;}
.iproleft .list ul li a.on{ color: #ffb15d;}
.iproleft .list ul li a.on .img{ display: block; line-height: 22px;}
.iproleft .list ul li a.on i{ background: #da7407;}
.iproleft a .info{ color: #888; line-height: 21px; display: none; padding-bottom: 10px;  display: none;}
.iproleft .list ul li a.on .info{ display: block;}
.iproright{ height: 510px; width: 920px; float: right; margin-top: 50px; 
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);}
.iproright ul{}
.iproright li{ float: left; margin-bottom: 15px; margin-left: 20px;}
.iproright a{ display: block; position: relative; height: 100%; width: 100%;}
.iproright .txt{ position: absolute; background: url("../images/bg2.png"); bottom: 5px; left: 0; width: 100%; height: 90px; padding-top: 10px; text-align: center; opacity: 0; 
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;}
.iproright .txt h2{ color: #fff; text-align: center; font-size: 20px;}
.iproright .txt span{ color: #fff; text-align: center; margin-top: 10px; display: inline-block; background: #e6b646; color: #fff; border-radius: 3px; padding: 5px 12px;}
.iproright a:hover .txt{ opacity: 1;}
.huoqu{ background: #273c7f; height: 74px; width: 1200px; margin: 0 auto; margin-top: 30px; 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);}
.huoqu .tit{ background:#e6b646 url("../images/i_129.png") no-repeat right top; height: 60px; width: 170px; position: relative; padding-left: 100px; line-height: 24px; padding-top: 14px; float: left;}
.huoqu .tit h2{ color: #fff; font-size: 26px; color:#1e316d; font-weight: bold;}
.huoqu .tit i{ display: inline-block; background: url("../images/ico_ren.png"); height: 130px; width: 100px; position: absolute; top: -26px; left: 0;}
.huoqu .tit p{ font-size: 14px; color: #1e316d;}
.huoqu .con{ float: left; padding-top: 14px; width:930px;}
.huoqu .con .form{ float: left; padding-left: 20px;}
.huoqu .con .form input[type=text]{ height: 45px; width: 270px; background: #1e316d; border: 1px solid #34498c; color:#fff}
.huoqu .con .form .i1{ padding-left: 10px;}
.huoqu .con .form .i2{ background: #e6b646; height: 45px; width: 88px; text-align: center; line-height: 45px; color: #1e316d; font-weight: bold; font-size: 20px; border: none;}
.huoqu .tel{ float: right; width: 220px; color: #fff; line-height: 20px; text-align: left;}
.huoqu .tel i{ display: inline-block; background: url("../images/ico_tel2.png"); height: 30px; width: 30px; vertical-align: middle;; margin-right: 10px;;}
.huoqu .tel span{ font-size: 20px; font-weight: bold;}
.huoqu .tel p{ display:inline-block; vertical-align: middle;}
.icase{ background: url("../images/bg3.jpg") no-repeat center bottom; background-size: 100%;  padding-top:30px;}
.caselist .caselist_tab{ padding:60px 0 44px 0; 
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);}
.caselist .caselist_tab ul{ text-align:center;}
.caselist .caselist_tab li{ display:inline-block; height:34px; width:96px; line-height:34px; text-align:center; border-radius:4px; border:1px solid #a8a8a8; cursor:pointer; margin: 0 15px;}
.caselist .caselist_tab li.on{ background:#273c7f; border:1px solid #273c7f; color:#fff; font-size:14px; position:relative;}
.caselist .caselist_tab li.on i{ position:absolute; background:url("../images/i_138.png") no-repeat; width:9px; height:5px; left:50%; margin-left:-5px; bottom:-5px;}
.caselist_con_list{ width: 1200px; /*overflow: hidden;*/}
.caselist_con_list ul{ width:1240px; display: none;}
.caselist_con_list ul li{ width:270px; float:left; height:300px; margin-right:40px; margin-bottom:30px; position:relative; 
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);}
.caselist_con_list ul li a{ display:block; background: #fff; box-shadow: 0 0 6px #aaa; overflow: hidden;}
.caselist_con_list ul li a .img{ height: 250px; width:270px; overflow: hidden;}
.caselist_con_list ul li img{ width: 270px; height:250px; -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;}
.caselist_con_list ul li a .txt{ color: #222; height:auto; line-height: 20px; padding-left: 20px; font-size: 14px; 
    -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; padding-top: 10px;}
    
    .caselist_con_list ul li a .txt .name{ height: 40px;;}
.caselist_con_list ul li a .txt p{ font-size: 14px; padding-top: 10px;}
.caselist_con_list ul li a .txt p em{ color: #1d2f68;}
.caselist_con_list ul li a .txt p span{ text-decoration: underline;}
.caselist_con_list ul li a:hover img{-webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);}
    .caselist_con_list ul li a:hover .txt{ background: #273c7f; color: #fff;}
    .caselist_con_list ul li a:hover .txt p em{ color:#ffdc88;}
.icontact{ padding: 30px 0; border-top: 1px solid #dedede; background: #f2f2f2;}
.icontact .navtit{ margin-bottom: 30px; font-size: 18px; font-weight:normal; color: #282828; text-transform: uppercase;}
.icontact .contact{ float: left; border-right: 1px solid #ddd; width: 580px; padding-top: 30px; height: 220px; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
.icontact .contact .txt{ line-height: 25px;}
.icontact .contact .link{ padding-top: 30px; display: none;}
.icontact .contact .link a{ display: inline-block; height: 40px; 
    -webkit-transition:all 1s 0s;
    -moz-transition:all 1s 0s;
    -ms-transition:all 1s 0s;
    transition:all 1s 0s; width: 40px; margin-right: 10px;}
.icontact .contact .link .qq{ background: url("../images/ico_qq.png");}
.icontact .contact .link .wx{background:url("../images/ico_wx1-50.png");}
.icontact .contact .link .qq:hover{ background: url("../images/ico_qqa.png"); 
     transform:rotate(360deg);
    -ms-transform:rotate(360deg);    
    -moz-transform:rotate(360deg);    
    -webkit-transform:rotate(360deg); 
    -o-transform:rotate(360deg);}
.icontact .contact .link .wx:hover{background:url("../images/ico_wx1a-52.png"); 
     transform:rotate(360deg);
    -ms-transform:rotate(360deg);    
    -moz-transform:rotate(360deg);    
    -webkit-transform:rotate(360deg); 
    -o-transform:rotate(360deg);}
.icontact .weixin{ float: left;border-right: 1px solid #ddd; width: 380px;  height: 220px;text-align: center; line-height: 30px; padding-top: 30px; 
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);}
.icontact .weixin img{ padding: 6px; background: #fff;}
.icontact .form{ float: right; padding-top: 30px; height: 270px; 
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);}
.icontact .form p{ margin-bottom: 10px;}
.icontact .form p .i1{ width: 306px; height: 28px; background: #f2f2f2; border: none; font-size: 14px; line-height: 28px; padding-left: 10px;}
.icontact .form p .i2{ background: #f2f2f2; width: 296px; height: 50px; border: none; padding: 10px;}
.icontact .form p .i3{ background: #273c7f; height: 35px; width: 110px; color: #fff; line-height: 35px; border: none;}
.icontact .link2{ padding-left: 100px; float: left; padding-top: 30px;}
.icontact .link2 p{}
.icontact .link2 p a{ display:block; font-size: 14px; margin-bottom: 20px;}
.ani{
	opacity:0;
	-webkit-transition:all 1s 0.2s;
	   -moz-transition:all 1s 0.2s;
	    -ms-transition:all 1s 0.2s;
	        transition:all 1s 0.2s;
	       
	}
.ani.ani-active{
	opacity:1;
	-webkit-transform:translate(0,0) scale(1,1) !important;
	   -moz-transform:translate(0,0) scale(1,1) !important;
	    -ms-transform:translate(0,0) scale(1,1) !important;
	        transform:translate(0,0) scale(1,1) !important;
	}
	
.ny_banner{ height:360px; background:#333; margin-top: 80px; position: relative;}
.ny_banner h2{ text-align:center;color:#fff; font-family: Verdana; font-size:38px; font-weight:bold; padding-top:0px; 
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px); text-transform: uppercase;
    position: absolute; width: 500px; left: 50%; margin-left: -250px; top: 66px;}
.ny_banner p{ text-align:center; color:#fff; font-weight:400;font-size:16px; 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); position: absolute; width: 300px; left: 50%; margin-left: -150px; top: 120px;}
.ny_banner .bg{ background: rgba(255,255,255,0.5); height: 100px; width: 300px; position: absolute; left: 50%; margin-left: -150px; top: 60px;}
.ny_banner i{ height:13px; width:1px; background:#fff; display:inline-block; margin:0 15px; vertical-align:middle;}
.about_banner{ background: url("../images/ny_banner2.jpg") no-repeat center top; height: 240px; position: relative;}
.about_banner.about{ background: url("../images/about_banner.jpg") no-repeat center top; height: 400px; position: relative;}
.about_banner.about h2{ padding-top:0px; color: #444;}
.about_banner.about p{ color: #666;}
.about_fenlei{ background: #fff;}
.about_fenlei ul{ width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0;}
.about_fenlei li{ display: inline-block; margin: 0 6px;}
.about_fenlei li a{ background: #fff; display: inline-block; height:40px; padding: 0 40px; line-height: 40px; font-size: 16px; border-radius: 4px; box-shadow: 0 0 5px #aaa}
.about_fenlei li a.on{background: #283d80; color: #fff;}
.about_fenlei li a:hover{background: #283d80; color: #fff;}
.about_fenlei.about{ position:absolute; bottom: 0; left: 0; width: 100%;background:url("../images/bg1.png");}
.about_fenlei.about li a{ box-shadow: none;}
.about_fenlei2{ }
.about_fenlei2 ul{ width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0;}
.about_fenlei2 li{ display: inline-block;color: #666; height:40px; padding: 0 30px; margin: 0 6px; cursor: pointer; line-height: 40px; font-size: 16px; border-radius: 55px; box-shadow: 0 0 5px #aaa}
.about_fenlei2 li.on{background: #283d80; color: #fff;}
.about_fenlei2 li.on a{color:#fff;}
.about_about{ background:#fff;}
.about_about .logo{ float:left; height: 369px;}
.about_about .logo img{}
.about_about .txt{ float:left; width:750px; text-align:center;}
.about_about .txt h2{ font-size:34px; color:#444; padding-top:2px;}
.about_about .txt span{ font-size:14px; font-family:Arial, Verdana; color:#000;}
.about_about .txt .xian{ height:2px; width:26px; background:#d01019; margin:20px auto;}
.about_about .txt p{ font-size:13px; color:#666; text-align:left; line-height:25px; padding:0 80px;}
.ceozc{ padding-bottom: 60px;}
.ceozc .navtit{ padding-top:75px; background:#f2f2f2; padding-bottom:26px;}
.ceozc .navtit h2{ font-size:36px; color: #333;}
.ceozc .navtit i{ display:block; height:2px; background:#283d80; margin:5px 0; width:30px;}
.ceozc .navtit span{ font-size:14px; color:#888;}
.ceozc .c{font-size:14px; position:relative; background:#fff;padding-top:50px; height:300px; width:740px; margin:0 auto; padding:50px 460px 0 0;}
.ceozc p{  color:#666; }
.ceozc .qm{ position:absolute; right:484px; bottom:0px;}
.ceozc .ren{ position:absolute; right:0; top:-123px; background:url("../images/about_07.png"); width:385px; height:440px; padding:5px 0 0 5px;}
.lnyj{ background: url("../images/bg5.jpg") no-repeat center bottom; padding: 50px 0;}
.lnyj .navtit{ color: #222; font-size: 30px; text-align:center; padding: 10px 0;}
.lnyj .des{ color: #888; text-transform: uppercase; text-align:center; }
.lnyj .con{ line-height: 26px; color: #fff; padding: 30px 100px; margin: 0 auto; color: #666; margin-bottom: 40px;}
.lnyj .left{ float: left; width: 100%;}
.lnyj .right{ float: right; width: 100%;}
.dashiji{ padding:70px 0 50px 0; background:#eee;}
.dashiji .bd{ background:url("../images/about_60.png"); width:1132px; height:418px; margin:0 auto;}
.dashiji .bd li{}
.dashiji .bd li .img{ display:block; float:left; margin:3px 0 0 16px; height:411px; width:548px; position:relative;}
.dashiji .bd li .img img{ height:411px; width:548px;}
.dashiji .bd li .img span{ position:absolute; right:0; top:0; background:url("../images/about_56.png") repeat-y; width:149px; height:411px;}
.dashiji .bd li .txt{ float:left; width:548px; height:344px; padding-top:40px;}
.dashiji .bd li .txt h2{ font-size:50px; color:#283d80; font-family:Arial, Verdana; text-align:center; line-height:30px; margin-bottom: 20px;}
.dashiji .bd li .txt span{ text-align:center; display:block; text-align:center; margin:15px 0;}
.dashiji .bd li .txt p{ width:100%; padding-left: 40px; box-sizing: border-box; line-height: 28px; margin:0 auto; border-radius:3px; font-size:14px; }
.dashiji .bd li .txt a{ text-decoration:underline;}
.dashiji .hd{ width:1200px; margin:0 auto; margin-bottom:60px; height: 19px; text-align: center; background:url("../images/xian2.jpg") repeat-x left center;}
.dashiji .hd li{ display: inline-block; list-style:none; margin:0 10px; position:relative; cursor:pointer;}
.dashiji .hd li i{ display:block; height:16px; width:16px; background:#fff; border: 1px solid #aaa; border-radius:16px;}
.dashiji .hd li.on i{ background:#314585; border:1px solid #fff; height:16px; width:16px;}
.dashiji .hd li span{ position:absolute; top:-20px; color:#283d80; border: 1px solid #283d80; background: #fff; border-radius:55px; padding:2px 5px; font-family:Arial, Verdana; text-align:center; width:80px; left:-40px; opacity:0; visibility:hidden;-webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; font-size:12px; font-family: verdana;}
	.dashiji .hd li.on span{ opacity:1; visibility:visible;top:-30px;}
.dashiji .hd li:hover span{ opacity:1; visibility:visible;top:-30px;}
.game163{ position: relative; border: 1px solid #dcdddd; padding: 16px; overflow: hidden; width: 800px; }
	.game163 .bigImg{ height: 524px; position: relative;}
	.game163 .bigImg li img{ vertical-align:middle; width:800px; height:524px;   }
	.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }
	.game163 .smallScroll{ height: 37px;}
	.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 37px; height: 37px; text-indent: -9999px; margin-top: 30px;}
	.game163 .sNext{ background: url("../images/ico_jt_r-30.png") no-repeat;}
	.game163 .sPrev{ background: url("../images/ico_jt_l.png") no-repeat;}
	.game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width: 700px; overflow: hidden;}
	.game163 .smallImg ul{ height:98px;  width: 9999px; overflow: hidden; }
	.game163 .smallImg li{ float: left; padding: 0 4px 0 0; width:143px; cursor:pointer;  display: inline;  }
	.game163 .smallImg img{ border: 3px solid #dcdddd; width:141px; height:91px;  }
	.game163 .smallImg .on img{ border-color: #ff0000;}
	.game163 .pageState{ position: absolute; top: 550px; right: 14px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
	.game163 .pageState span{ color: #f00; font-size: 16px;}
	
/*guojihezuo*/
.guoji{ width:1200px; margin: 0 auto; margin-bottom:25px; overflow:hidden;}
.gj-wz{ border-bottom:1px solid #e5e5e5; margin-bottom:16px;}
.gj-wz p{ margin-bottom:15px; text-indent:2em; margin-top: 15px;}
.gj-wz span{ font-size:19px; color:#ed1c24; font-weight:bold; display:block;}
.gj-wz em{ display:block; color:#999; font-style:normal; margin-bottom:15px;}
.hezuo{ width:100%; margin-bottom:10px; overflow:hidden;}
.hezuo h3{ color:#333; font-size:20px; margin-bottom:15px;}
.hezuo ul{ width:100%;}
.hezuo ul li{ float:left; width:19%; margin-right:1%;}
.hezuo ul li span{ display:block; text-align:center; margin-top:8px;}
.sdys{ margin-top: 0px;}
.sdys{}
.sdys ul{ padding: 40px 0 0 0 ;}
.sdys ul li{ width: 1200px; margin: 0 auto; margin-bottom: 40px;}
.sdys ul li .txt{ width: 450px;  padding-top: 20px;}
.sdys ul li .txt h2{ font-weight: bold; color: #333; font-size: 30px; line-height: 46px;}
.sdys ul li .txt h3{ font-weight: bold; color: #333; font-size: 20px; line-height: 46px; font-weight: normal;}
.sdys ul li .txt p{ padding-top: 40px; line-height: 26px;}
.sdys ul li .img{ width: 700px; height: 300px; overflow: hidden;}
.sdys ul li .img img{ width: 100%;}
.sdys dl{ width: 1160px; margin: 0 auto;  background: #f2f2f2; padding:10px 20px;; margin-top: 30px; border: 1px dotted #aaa; border-left: none; border-right: none;}
.sdys dd{ width: 33%; float: left; font-size: 20px; font-weight:bold; color: #444;}
.sdys dd i{ display: inline-block; text-align: center; padding-top: 5px; height: 40px; width: 50px; background: #fff; vertical-align: middle; margin-right: 10px; border-radius: 50px;}
.sdys dd i img{ width: 80%;}
.prolist{ margin-top: 60px;}
.first_pro{ width: 1200px; margin: 0 auto; margin-top: 20px;}
.first_pro .img{ float: left; width: 420px;}
.first_pro .img img{width: 410px;height: 280px;}
.first_pro .txt{ float: right; width: 740px; box-sizing: border-box;}
.first_pro .txt h2{ font-size: 24px; font-weight: bold; color: #333;}
.first_pro .txt p{ padding: 20px 0;}
.first_pro .txt ul{}
.first_pro .txt ul li{ line-height: 30px;}
.first_pro .txt ul li span{ color: #283d80;}
.prolist .list{ width: 1200px; margin: 0 auto; padding-top: 40px;}
.sub_product .tittle { width: 100%; border-bottom: #d8d8d8 1px solid; margin-bottom: 30px; height: 40px; line-height: 40px; }
.sub_product .tittle h3 { font-size: 22px; color: #000; float: left; width: 40%; text-align: left; }
.sub_product .tittle span { width: 87px; float: right; height: 30px; line-height: 30px; text-align: left; text-indent: 12px; background: url("../../images/pmore.png") no-repeat 92% center #3d3d3d; font-size: 14px; }
.sub_product .tittle span a { color: #fff; }
.sub_product_left { float: left; width: 24.8%; overflow: hidden; position:static; z-index:-10 }
.imagedesc1 { display: block; width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 15px; }
.imagedesc1 img{ width:100%; height:auto;_height:224px;}
.core_desc1 { position: absolute; bottom: 0px; left: 0px; width: 100%; }
.core_bg1 { position: absolute; left: 0px; top: 0; width: 100%; height: 100%;_height:39px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.core_text1 { position: relative; overflow: hidden; padding: 8px 10px; width: 205px; line-height: 23px; font-size: 16px; }
    .core_text1 a { color: #fff; }
        .core_text1 a:hover { color: #ff4a00; }
.sub_product{ width: 1240px; margin: 0 auto;}
.sub_product li { float: left; width:270px; margin-right: 40px; margin-bottom: 50px;}
    .sub_product li .sub_prolist { width: 100%; }
        .sub_product li .sub_prolist img { width: 100%; height: auto;_height:141px; height: 250px;}
        .sub_product li .sub_prolist p { text-align: center; background: #f2f2f2; font-size: 15px; height: 38px; line-height: 38px; }
.r_pic { height: 18px; overflow: hidden; width: 99%; margin: 0 auto; margin-top: 20px; text-align:center}
    .r_pic span.r_pic2, .r_pic span.r_pic1 { margin:0 20px;background: url("../images/nav.png") no-repeat 0 4px; height: 18px;/* width: 49%;*/ text-indent: 17px; line-height: 18px; text-align: left; display:inline-block; overflow: hidden; }
        .r_pic span.r_pic2 a, .r_pic span.r_pic1 a { color: #666; }
    .r_pic span.r_pic2 { background: url("../images/nav.png") no-repeat 0px -11px; height: 18px; text-indent: 17px; text-align: left; }
    
.xgal{ padding-bottom: 40px;}
.xgal .navtitall{ margin-bottom: 40px; margin-top: 60px;}
.xgal .caselist_con_list{}
.xgal .sub_product li{ margin-bottom: 10px;}
.prolist.style2{ margin-top: 0;}
.prolist.style2 .list{ padding-top: 0;}
.news_list{ width: 1200px; margin: 0 auto;}
.news_list ul{}
.news_list li{ height:135px; margin-top:30px; webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out; border-bottom:1px dotted #ddd; float: left; width: 50%; box-sizing: border-box;}
.news_list li .img{ float:left; display:block; width:200px; height:auto; margin-right: 20px; display:none;}
.news_list li .img img{ width:200px; height:auto; border-radius:1px;
}
.news_list li .txt{ float:left; margin-left:0px; width:500px;-webkit-transition: all .53s ease-out;
    -moz-transition: all .53s ease-out;
    -o-transition: all .53s ease-out;
    -ms-transition: all .53s ease-out;}
.news_list li .txt .tit{ font-size:16px; color:#333333; margin-bottom:10px; display:block; font-weight:400; background: url("../images/jt2.gif") no-repeat left center; padding-left: 20px;}
.news_list li .txt p{ font-size:13px; color:#444; line-height:19px; height: 40px; overflow: hidden; padding-left: 18px;}
.news_list li .date{ padding: 0px 0; margin-bottom: 10px; border: 1px solid #ddd; display: inline-block; margin-left: 18px; text-align: center; border-radius: 2px; color: #888; padding: 0px 6px;}
.news_list li .date span{ font-size:12px; color:#ddd; border-top:1px solid #ddd; padding-top:10px; display:block; margin:0 auto; width:30px; text-align:center; font-family:Arial, Verdana;}
.news_list li:hover{}
.news_list li:hover .img{ box-shadow:none;}
.news_list li:hover .img img{box-shadow:none;}
.news_list li:hover .txt{ padding-left:10px;}
.news_list li:hover .txt .tit{ color: #283d80; font-weight: bold;}
.news_more{ padding-top: 30px;}
.news_more a{ display: block; width: 100%;height: 40px; 
    -webkit-transition:all 1s 0s;
    -moz-transition:all 1s 0s;
    -ms-transition:all 1s 0s;
    transition:all 1s 0s; border: 1px solid #ddd; color: #666; line-height: 40px; margin: 0 auto; background: #fff; color: #555; text-align: center; border-radius: 3px;}
.news_more a:hover{ background: #283d80; color: #fff;}
.fenye{ padding:50px 0;}
.fenye ul{ text-align:center;}
.fenye li{ display:inline-block; margin:0 5px;}
.fenye li a{ display:inline-block; height:40px; width:40px; line-height:40px;
 text-align:center; background:#eee; color:#666; font-family:Arial, Verdana; border-radius:40px; font-size:12px;}
.fenye li span{ background:#283d80; color:#fff;display:inline-block; height:40px; width:40px; line-height:40px; text-align:center;  color:#fff; font-family:Verdana; border-radius:40px;}
.fenye li a:hover{ background:#283d80; color: #fff;}
.pro_con .con{ display: none;}
.where{ margin: 0 auto; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede;}
.where.mt{ margin-top: 90px;}
.pro_show{ width: 1200px; margin: 0 auto; padding: 30px 0;}
.pro_show .ps_left{ background: #fff; width: 480px; float: left;}
.pro_show .ps_right{ width: 670px; float: right;}
.pro_show .ps_right .tit{ font-weight: bold; color: #222; font-size: 30px;}
.pro_show .ps_right .cs{ margin-top: 10px; font-size: 14px; border-bottom: 1px solid #ddd; padding-bottom: 25px; line-height: 34px; font-weight: bold; color: #000;}
.pro_show .ps_right .cs span{ font-weight:normal; color: #444 !important;}
.pro_show .ps_right .dl1{}
.pro_show .ps_right .dl1 dt{ font-size: 14px; margin-bottom: 6px; margin-top: 10px; color: #222;}
.pro_show .ps_right .dl1 dd{ font-size: 14px;}
.pro_show .ps_right .tel{ padding: 30px 0; margin-bottom: 10px;}
.pro_show .ps_right .tel strong{ color: #ff0000; font-size: 22px;}
.pro_show .ps_right .a1{ background: #283d80; color: #fff; padding: 10px 30px; margin-right: 10px;}
.pro_show .ps_right .a2{ background: #fff; border: 1px solid #283d80; color: #283d80; padding: 9px 30px;}
/* DB_gallery */
#DB_gallery{width:480px;margin:0px auto 0 auto;}
#DB_gallery .DB_imgSet {position:relative;height:300px;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:480px;overflow:hidden}  /**缩略图开始**/
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li img{width:110px; height:73px;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0px;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #FC0;;left:0;top:0} /**缩略图选中效果**/
.pro_content{ width: 880px; float: left;}
.pro_content .tab{ border-bottom: 1px solid#283d80;}
.pro_content .tab ul{}
.pro_content .tab ul li{ float: left; margin-right: 5px;}
.pro_content .tab ul li a{ display: block; background: #f2f2f2; padding: 15px 40px; font-size: 18px;}
.pro_content .tab ul li.on a{ background: #283d80; color: #fff;}
.pro_content .jianjie{ padding:0px; line-height: 24px;}
.pro_content .navtit,.case_show .navtit{ font-size: 20px; color: #333; font-weight: bold;  margin-bottom: 20px; margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.pro_content .tcys{ }
/*.pro_content .jscs{margin-bottom: 40px;}*/
.pro_content .jscs th{ padding: 10px 0;}
.pro_content .jscs td{ padding: 10px;}
.fenlei_menu{ width: 260px; float: right; background: #eee;}
.fenlei_menu dl{}
.fenlei_menu dl dt{ position: relative; background: #fff; border-bottom: 1px solid #ddd;   height: 50px; line-height: 50px; padding-left: 20px; color: #fff; font-size: 16px; cursor: pointer;}
.fenlei_menu dl dt i{ position: absolute; right: 10px; height: 20px; width: 20px; background: #aaa; top: 15px; background:url("../images/jt2.gif") no-repeat center;}
.fenlei_menu dl dt a{ color: #333;}
.fenlei_menu dl dd{ line-height: 36px; padding: 0 20px; display: none;}
.fenlei_menu dl.on{}
.fenlei_menu dl.on dt{ background: #283d80; color: #fff;}
.fenlei_menu dl.on dt a{ color: #fff;}
.fenlei_menu dl.on dt i{ background:url("../images/jt1.gif") no-repeat center;}
.fenlei_menu dl.on dd{ display: block;}
.fenlei_menu.on{ position: fixed; top: 100px; right: 50%; margin-right: -600px; z-index: 99;}
.tcys{}
.tcys p{ margin-bottom: 20px;}
.tcys p b{ color: #283d80; background: #283d80; color: #fff; border-radius: 55px; height: 34px; width: 34px; text-align: center; line-height: 34px; display: inline-block; margin-right: 10px;}
.tcys p strong{ font-size: 16px; color: #222;;}
.sideMenu{ border:1px solid #ddd;  }
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
	font:normal 14px/32px "Microsoft YaHei";
}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url("../images/icoAdd.png") 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
.fengkou_show{ width:1100px; margin:0 auto; padding:60px 0;}
.fengkou_show .tit{ font-size:30px; color:#222;text-align:center;}
.fengkou_show .date{ display:block; height:22px; width:90px; text-align:center; line-height:22px; border-radius:55px; border:1px solid #aaa; font-family:Arial, Verdana; margin:20px auto; color:#999; text-align:center;}
.fengkou_show .show{ font-size:16px; line-height:35px; font-weight:400;}
.fengkou_show .show p{ text-indent:2em; margin-bottom:30px;}
.lianxi_bg { background: url("../images/contact.jpg") repeat-x center top; height: 600px; width: 100%; overflow: hidden; }
.lianxi { margin-top: 30px; margin-bottom: 40px; }
.lianxi_con { width: 100%; margin: 0 auto; overflow: hidden; }
.lianxi h3 { font-size: 24px; color: #fff; text-align: left; line-height: 59px; width: 100%; float: left; margin-bottom: 15px; overflow: hidden; font-weight: bold;}
.lx_list { max-width: 1230px; overflow: hidden; margin: 40px auto 60px; }
.lx_list{}
.lx_list h3 { font-size: 30px; margin: 8px 0; font-weight: bold; text-align: center; color: #444; }
.lx_list .des { font-size: 16px; text-align: center; color: #888; border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px; }
.lx_list li { float: left; width: 33%; margin-bottom: 35px; margin-top: 10px;}
.lx_list li img { display: block; margin: 0 auto; text-align: center; 
    -webkit-transition:all 0.3s 0s;
    -moz-transition:all 0.3s 0s;
    -ms-transition:all 0.3s 0s;
    transition:all 0.3s 0s; width: 70%;}
.lx_list li:hover img{ 
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);}
.lx_list li h4 { text-align: center; width: 100%; font-size: 14px;* font-size: 14px; margin-top: 16px;}
.zixun1 { display: block; margin-top: 15px; width: 250px; height: 50px; text-align: center; line-height: 50px; background: #283d80; font-size: 18px; }
.zixun1 a { color: #fff; }
.lxfl .t1 {
    font-size: 32px;
    font-weight: bold;
    color: #e6b646;
    line-height: 150%;
}
.lxfl p strong {
    font-size: 16px;
    color: #fff;
}
.lxfl p{ line-height: 30px;}
.p2 {
    font: 16px 'Microsoft Yahei';
    color: #aaa;
    line-height: 26px;}
.lxfl {
    width: 50%;
    float: right;
    padding: 30px 0 50px 50px;
    background: url("../images/bg2.png") repeat;
    margin-top: 50px;
}
.lianxi_bg{ margin-top:80px;}
.lx_list ul{ width: 400px; float: right;}
.lx_list dl{}
.lx_list dl dt{ width: 100%;}
.lx_list dl dd{ width: 50%; float:left; padding: 0 20px 0 0; box-sizing: border-box; height: 100px;}
.lx_list .lx_tel{ float: left; width: 800px;;}
.lx_list .lx_tel h2{  color: #222; font-weight:bold; font-size: 20px; margin-bottom: 15px;}
.lx_list .lx_tel p{ font-size: 14px; line-height: 25px; margin-bottom: 15px; line-height: 20px;}
.about_scnl{ line-height: 35px; font-size: 14px; width: 1100px; margin: 0 auto; padding-bottom: 40px; padding-top: 30px;}
.xmjs{ margin-top: 40px; margin-bottom: 60px;}
.news_q_list { max-width: 1200px; margin: 0 auto; overflow: hidden; border-top: 1px solid #ddd; padding-top: 40px;}
.news_q_list h2 { font-size: 24px; margin-bottom: 40px; }
.news_q_list li { padding-bottom: 25px; width: 47%; float: left; margin: 0 3% 25px 0; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.news_q_list li img { float: right; margin-top: 40px; }
.news_q_list li ._date { float: left; width: 10%; background: #e9e9e9; text-align: center; height: 68px; font-family: arial; color: #182133; }
.news_q_list li ._date span { display: block; }
.news_q_list li ._date ._d1 { font-size: 34px; line-height: 36px; padding-top: 6px; }
.news_q_list li ._nr { float: left; width: 77%; margin-left: 3%; }
.news_q_list li ._title { font-size: 17px; font-weight: normal; color: #000; margin-bottom: 10px;  }
._time1 { color: #666; margin: 3px 0; background: url("../../../www.hxjq.cn/images/b.jpg") no-repeat left center; padding-left: 20px; }
.news_q_list ._sum { line-height: 24px; height: 48px; overflow: hidden; color: #565656; margin-top: 8px; }
.news_q_list li :hover ._title { color: #182133; }
.news_q_list li :hover ._date { background: #182133; color: #fff; }
.zxfh{ width: 1200px; margin: 0 auto;}
.zxfh ul{}
.zxfh ul li{ border-bottom: 1px solid #ddd; padding:20px 0;}
.zxfh ul .img{ width: 180px; float: left; margin-right: 20px;}
.zxfh ul .img img{ width: 100%; border-radius: 4px;}
.zxfh ul .txt{ width: 800px; float: left;}
.zxfh ul .txt h2{ margin-bottom: 10px; color: #222;}
.zxfh ul .txt p{ color: #aaa;}
.zxfh ul .date{ width: 100px; float: right; font-size: 18px; font-family: verdana; color: #283d80;}
.shouhou_4{ width: 1000px; margin: 0 auto;}
.shouhou_4 .tit{ text-align: center; font-size: 20px; color: #333; margin-bottom: 30px;}
.shouhou_4 .txt{ text-align: left; border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 30px; margin-top: 15px;}
.shouhou_4 .ditu{ text-align: center;}
.shouhou_4 .ditu h2{ font-weight: bold; color: #333;}
.shouhou_4 .ditu img{}
.shouhou_4 dl{ margin-bottom: 40px;}
.shouhou_4 dl dt{ width: 100%; border-bottom: 1px solid #ddd; height: 100px;padding-left: 20px; box-sizing: border-box;}
.shouhou_4 dl dd{ width: 50%; float: left; border-bottom: 1px solid #ddd; height: 100px; margin-top: 20px; padding-left: 20px;box-sizing: border-box;}
.shouhou_4 dl h2{ color: #222; font-size: 20px; margin-bottom: 10px; font-weight: bold;}
.shouhou_4 dl p{}
.wybm{ background: #f2f2f2; padding-top: 30px;}
.wybm{ padding-bottom: 40px;}
.wybm .wybm1{ width: 100%; margin: 0 auto; margin-bottom: 20px; font-weight: bold; font-size: 16px; padding: 10px 10px; border-radius: 4px; border: 1px dotted #e6b647; color:#e6b647; background: #fff; color: #e6b647}
.wybm .form{ width: 1060px; margin: 0 auto; border: 1px dotted #ddd; background: #fff; padding: 60px;}
.wybm .form ul{}
.wybm .form ul li{ margin-bottom: 30px;}
.wybm .form ul li select{ height: 50px; border: 1px solid #ccc; width: 300px; font-size: 16px; color: #666; padding: 0 10px;}
.wybm .form ul li .i1{ border-radius: 3px; border: 1px solid #ccc; background: #fff; height: 50px; line-height: 50px; padding: 0 10px; width: 400px;}
.wybm .form ul li .i2{ border-radius: 3px; border: 1px solid #ccc; background: #fff; height: 100px; line-height: 20px; padding: 10px 10px; box-sizing: border-box; width: 100%;}
.wybm .form ul li .i3{ font-size: 18px; background: #283d80; color: #fff; border: none; height: 46px; line-height: 46px; width: 160px; text-align: center;  border-radius:3px;}
/*报名框*/
.com_index_apply_bg {padding: 30px 0;background: #ededed;}
.com_index_apply {overflow: hidden;background: #fff;border-top: #ff5a00 solid 2px;}
.com_index_apply_tit {float: left;width: 290px;height: 248px;background: #ff5a00;}
.com_index_apply_tit dl {margin: 47px -14px 0 0;padding: 0 0 0 16px;display: block;float: right;width: 272px;height: 133px;font-family: "黑体";color: #fff;background: url("../../../img.oppein.cn/images/com_index_apply_tit.png") no-repeat center center;}
.com_index_apply_tit dl dt {padding: 30px 0 28px;line-height: 38px;font-size: 28px;font-weight: bold;}
.com_index_apply_tit dl dd {padding-left:18px;line-height: 24px;font-size: 24px;}
.com_index_apply_com {padding: 47px 60px 0 50px;position: relative;float: left;width: 530px;height: 200px;border-bottom: #e8e8e8 solid 1px;}
.com_index_apply_hint {padding: 0 0 20px;line-height: 14px;font-size: 14px;color: #4c4c4c;}
.com_index_apply_hint span {color: #ff5a00;}
.com_apply_message {float: left;width: 250px;}
.com_apply_message .cont {margin: 0 0 34px;width: 248px;height: 38px;line-height: 38px;}
.com_apply_prsub {float: right;width: 270px;}
.com_apply_prsub .sel_con {margin: 0 0 34px;padding: 0;overflow: hidden;}
.com_apply_prsub .sel_con .sel_bg {width: 128px;height: 38px;line-height: 38px;}
.com_apply_prsub .sel_con .sel_bg:first-child {margin-right: 9px;}
.com_apply_prsub .sel_con .sel_bg .jt {height: 38px;}
.com_apply_prsub .sel_con .sel_bg .jt i {top: 16px;}
.com_apply_prsub .sel_con .sel_bg .sel {height: 38px;line-height: 38px;}
.com_apply_prsub .desing_submit {padding: 0;}
.com_apply_prsub .desing_submit .des_sub {height: 38px;line-height: 38px;font-weight: bold;}
.com_index_apply_com .tips {*margin-top: 20px;*float: left;position: absolute;left: 50px;height: 12px;line-height: 12px;font-size: 12px;color: red;}
.com_index_apply_right {float: right;width: 280px;height: 248px;background: url("../../../img.oppein.cn/images/com_index_apply_nav.jpg") no-repeat right top;}
.liucheng{ text-align: center;}
.liucheng2{ border-bottom: 1px solid  #ddd; text-align:center;}
.mianfeihq{ background: #f2f2f2; padding: 30px 0;}
.mianfeihq .ad{ width: 1200px; margin: 0 auto;}
.mianfeihq ul{ margin: 0 auto; width: 1230px;}
.mianfeihq ul li{ float: left; width: 386px; height: 120px; margin-right: 20px;}
.mianfeihq ul li a{ display: block; background: #ddd; width: 100%; height: 120px;}
.mianfeihq .form{ background: #fff; width: 1200px; margin: 0 auto; margin-bottom: 20px;}
.mianfeihq .form .left{ background: #e5b547; color: #fff; width: 240px; float: left; height: 250px;}
.mianfeihq .form .left h2{    text-align: center;
    font-size: 42px;
    font-weight: bold;
    line-height: 50px;
    /* padding-top: 30px; */
    border: 2px solid #fff;
    width: 200px;
    margin: 0 auto;
    border-left: none;
    border-right: none;
    padding: 10px 0;
    margin-top: 62px;}
.mianfeihq .form .right{ width: 650px; float: left; height: 200px; padding: 50px 0 0 50px;}
.mianfeihq .form .input select{ height: 40px; line-height: 40px; border: 1px solid #aaa;}
.mianfeihq .form .input input{ height: 40px; line-height: 40px; border: 1px solid #aaa;}
.mianfeihq .form .input .i1{ padding: 0 10px; width: 280px;}
.mianfeihq .form .input .i2{ background:#283d80; color: #fff; border: none; padding: 0 30px;}
.mianfeihq .form .input .i3{height: 40px; line-height: 40px; border: 1px solid #aaa; width: 200px; padding: 0 10px; margin: 20px 0;}
.mianfeihq .middle{ width: 260px; background: #eee; float: right; height: 250px;}
.mianfeihq .middle dl{ padding-top: 30px;}
.mianfeihq .middle dl dd{ width: 33.3%; float: left; text-align: center; text-align: center; margin-bottom: 30px;}
.mianfeihq .middle dl dd span{ text-align: center; padding-top: 8px; border-radius: 55px; display: inline-block; height: 52px; width: 60px; background: no-repeat; border: 1px solid #aaa;}
.mianfeihq .middle dl dd span img{ width: 70%;}
/*solution*/
.case {width: 100%;  float:left}
.case dl { width: 100%; overflow: hidden;border-bottom:#ddd 1px solid;  padding-bottom: 20px; padding-top: 20px; float:left }
    .case dl dt { width:250px; float: left; }
        .case dl dt img { width: 100%!important;width:250px; height: auto!important;height:250px;}
    .case dl dd { float: right; width:520px; }
        .case dl dd .tit { width: 100%; overflow: hidden; }
        .case dl dd h3 { font-size: 16px; font-weight: bold; color: #333; line-height: 26px; float: left; width: 50%; }
        .case dl dd a:hover { color: #e00000; text-decoration: none; }
        .case dl dd p { margin-bottom: 6px; width: 100%; overflow: hidden; color: #444; }
            .case dl dd p strong { font-weight: normal; color: #666; }
.case-more { float: right; width: 48%; }
    .case-more a { height: 28px; line-height: 28px; display: inline-block; float: left; padding: 0 15px; }
        .case-more a.case-detail { background: #3d3d3d; color: #fff; font-weight: normal; }
        .case-more a.case-shihe { background: #ebebeb; color: #000; font-weight: normal; }
            .case-more a.case-detail:hover, .case-more a.case-shihe:hover { color: #ffd953; }
.Contentbox p { text-indent: 20px; margin-bottom: 10px; line-height: 30px; position: relative; }
.Contentbox h3 { line-height: 30px; margin-top: 20px; margin-bottom: 10px; font-size: 16px;}
.scgy{}
.scgy .left{ width: 800px; float: left; padding: 30px 0 0 0;}
.scgy .left .navtit{ font-size: 24px; font-weight: bold; color: #333;}
.scgy .right{ width: 370px; float: right;}
.listcon { margin-top:30px;border: #ddd 1px solid; }
.listcon h3, .hotpro h3 { padding: 0 10px; background: #283d80; color: #fff; height: 40px; line-height: 40px; border-bottom: #ddd solid 1px; font-size: 18px; }
.listcon ul { overflow: hidden; padding: 5px 10px 8px 10px; }
.listcon ul li { border-bottom: 1px dotted #aaa; line-height: 34px; height: 34px; overflow: hidden; width: 100%; background: url("../../images/bg_title.gif") no-repeat 5px 13px; text-indent: 19px; }
.listcon ul li a { font-size: 14px; color: #666; }
.listcon ul li a:hover { color: #ff4a00; }
.hotpro { padding-bottom: 20px; overflow: hidden; border: #ddd 1px solid; margin-top: 20px;}
.hotpro dl { width: 94%; margin-left: 15px; overflow: hidden; margin-top: 20px; }
.hotpro dl dt { width: 38%; float: left; }
.hotpro dl dt img { width: 100%; height: auto; }
.hotpro dl dd { width: 57%; float: right;  margin-top:8%;}
.hotpro dl dd a { font-weight: bold; color: #333; font-size: 16px; }
.hotpro dl dd a:hover { color: #e00000; }
.hotpro dl dd p { color: #787878; }
.sol_tj_left { min-width: 300px; width: 40%; float: left; margin:3% 2% 1% 0; }  .sol_tj_left img{ width:100%; height:auto}
.sol_tj_right { float:right; width: 55%; margin-bottom:4%}
.sol_tj_right h1 { font: bold 28px 'microsoft yahei'; height: 30px; line-height: 30px; margin-top:40px; color: #000; float: left; width: 100%;  margin-bottom: 10px; }    .sol_tj_right{ list-style:23px}
    .sol_tj_right .tit6 { background:#283d80; display: block;  text-indent: 15px; color: #fff; width:100px; margin-top: 10px; margin-bottom: 0px; overflow: hidden; height: 29px; line-height: 29px; font-size: 15px; font-weight: bold; }
    .sol_tj_right table { display: table; border-collapse: separate; border-spacing: 1px; border-color: gray; text-align: center; overflow: hidden; }
    .sol_tj_right table td{ padding: 3px 0;}
    .sol_tj_right .cont { width: 100%; }
        .sol_tj_right .cont p { color: #333; }
.cont dt { background: url("../../images/zixun-icon.png") no-repeat 15px center #E30F00; padding-left: 55px; float: left; width: 140px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; }
.cont dl { margin-top: 15px; margin-bottom: 25px; }
.cont dt a { color: #fff; }
.cont dd { float: left; margin-left: 20px; }
    .cont dd .left { float: left; font-size: 17px; content: #333; font-weight: bold; }
    .cont dd .right { float: left; margin-left: 10px; font-size: 26px; color: #E30F00; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
    
.sol_product_bg { padding: 40px 0px 0 20px; width: 100%; margin: 40px auto; overflow: hidden; background:#f5f5f5; }
.sol_product li { float: left; margin-left:1%; width: 18%;  margin-bottom:1%; }
        .sol_product li img { width: 100%;  height:auto; margin-bottom:2%;}
        .sol_product li p { width: 100%; height: 30px; line-height: 30px; text-align: center; position: relative; }
            .sol_product li p a { color: #000; }
    .sol_product .lir { margin-right: 0px; }
    ul.relateproduct { width:1300px; margin: 0 auto; overflow:hidden;padding-top:20px;}
    ul.relateproduct li { width:33.3%; float: left; padding: 0 30px; box-sizing: border-box; margin-bottom: 40px;}
        ul.relateproduct li p { text-align: left; text-indent: 10px; padding:3%; background:#f8f8f8; color:#504e4e }
        ul.relateproduct li h4 { text-align: center; margin-bottom: 0; font-size:20px; font-weight: bold; margin: 15px 0; color: #222; }
        ul.relateproduct li a { display: block; overflow: hidden; text-align: center;}
        ul.relateproduct li img { width: 174px; height: 174px; border-radius: 174px; border: 10px solid #eee;}
.casea{ padding: 50px 0;}
.casea ul { margin: 0 auto;  }
        .casea li { float: left; width: 48%;  float:left; margin:0 2% 0 0;  }
     .casea li img { float: left; width:40%; height:140px }
      .casea li span { float: right; width: 55%; }
     
 
.con_form2 { width: 100%; margin-top:35px; overflow: hidden; margin-bottom: 30px;  }
.left_form2 { width:62%; overflow: hidden; float: left; border-right:#d8d8d8 1px solid; padding:0 3% 1% 0; }
    .left_form2 h3 { font-size: 16px; border-bottom: #d8d8d8 1px solid; margin-bottom: 5px; padding-bottom: 7px; margin-top: 20px; }
    .left_form2 form {  overflow: hidden; }
    .left_form2 ul li { height: 45px; line-height: 45px; margin-bottom: 5px; overflow: hidden; }
        .left_form2 ul li.message { height: 130px; position: relative; _height: 138px; }
        .left_form2 ul li span { display: block; width: 128px; text-align: right; margin-right: 10px; float: left; font-size: 14px; line-height:50px;}
        .left_form2 ul li input.intxt { width:60%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; line-height: 32px; height: 32px; color: #999; padding: 0 4px; overflow: hidden; }
        .left_form2 ul li textarea { border: 1px solid #CCC; width: 68%; height: 100px; margin-bottom: 0; line-height: 20px; margin: 6px 0 0; padding: 4px; color: #999; resize: none; }
    .left_form2 .btnclick { padding-left: 140px; overflow: hidden; }
        .left_form2 .btnclick input { display: block; width: 110px; height: 34px; line-height: 34px; text-align: center; color: white; float: left; margin-right: 15px; cursor: pointer; font-size: 16px; overflow: hidden; }
            .left_form2 .btnclick input.btn_submit { background: #EB2002; border: 0; }
            .left_form2 .btnclick input.btn_reset { background: #454545; border: 0; }
            
            .right_contact {
    float: right;
    width: 28%;
    overflow: hidden;
}
.right_contact p { line-height: 30px; }
        .right_contact p.nosame, .right_contact p.onlinetalk { font-size: 14px; margin-bottom: 6px; clear: both; }
    .right_contact h6 { font-size: 24px; color: #000; font-weight: bold; margin-bottom: 15px; }
    .right_contact a { display: block; background: #ededed; width: 90px; height: 35px; line-height: 35px; float: left; font-size: 15px; font-weight: bold; text-align: center; margin: 10px 10px 10px 0px; overflow: hidden; }
    
.about_fenlei3{ padding: 30px 0;}
.about_fenlei3 ul{ text-align: center;}
.about_fenlei3 li{ display: inline-block; padding: 0 20px;}
.about_fenlei3 a{ color: #666; padding: 10px 10px; font-size: 16px;}
.about_fenlei3 a.on{ color:#283d80; font-weight: bold;border-bottom: 2px solid #233d80;}
.bzrd{ width: 1200px; overflow: hidden; margin: 0 auto; padding: 35px 0;}
.bzrd .navtitall{ margin-bottom: 40px;}
.bzrd ul{ width: 1300px; margin: 0 auto; padding-bottom: 60px;}
.bzrd li{ float: left; margin-right:20px; width: 285px; ;}
.bzrd li a{ display: block; height: 200px; width: 285px;}
.bzrd li a img{ width:100%; height: 200px;}
.bzrd li a h2{ font-size: 14px; margin-top: 10px;}
.news_show{ width: 1200px; margin: 0 auto; padding:0px 0 40px 0;}
.news_show .left{ /*width: 860px;*/ float: left;}
.news_show .left .tit{ font-size: 30px; text-align: center; color:#222; font-weight: bold; padding: 40px 0;}
.news_show .left .bdsharebuttonbox{ float: left;}
.news_show .left .zz{ float: right;}
.news_show .left .des{ padding: 15px; color: #666; background: #f2f2f2; border: 1px solid #ddd; border-radius: 3px; margin-top: 25px;}
.news_show .left .con{ padding: 30px 0; line-height: 34px; font-size: 16px;}
.news_show .left .news_list2{}
.news_show .left .news_list2 li{ line-height: 52px; border-bottom: 1px dotted #ddd;background: url("../old/images/ico_jt_r.png") no-repeat left center; padding-left: 30px;}
.news_show .left .news_list2 li a{ font-size: 14px; }
.news_show .left .news_list2 li span{ float: right; font-family: arial; color: #888}
.news_show .right{ width: 300px; float: right;}
.news_show .right .navtit{ background: #283d80; color: #fff; height: 50px; line-height: 50px; padding: 0 10px;}
.news_show .right .txtlist{ background: #fff; border: 1px solid #ddd; margin-top: 30px;}
.news_show .right .txtlist ul{ padding: 20px;;}
.news_show .right .txtlist ul li{ line-height: 20px; padding: 10px 0; border-bottom: 1px dotted #ddd; background: url("../images/jt2.gif") no-repeat left center; padding-left: 16px;}
.news_show .right .txtlist ul li a{}
.news_show .right .imglist{margin-top: 30px;border: 1px solid #ddd;}
.news_show .right .imglist ul{padding: 20px;;}
.news_show .right .imglist li{ padding: 10px 0; border-bottom: 1px solid #eee;}
.news_show .right .imglist li a{}
.news_show .right .imglist li .img{ display: block; width: 100px; margin-left: 0; float: left;position: relative;}
.news_show .right .imglist li .img img{width: 110px; height: 85px;}
.news_show .right .imglist li .img .prol{ height:18px;width:18px;background:#ffcc33;color:#333;font-size:12px;text-align:center;line-height:18px;position: absolute;top:0;left:0;}

.news_show .right .imglist li .txt{ display: block; float: right; width:130px}
.news_show .right .imglist li .txt h2{}
.news_show .right .imglist li .txt p{}
.dajialove{ width:860px; overflow: hidden; margin: 0 auto; padding: 20px 0;}
.dajialove .navtit{ margin-bottom: 30px; font-weight: bold; font-size: 20px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.dajialove .navtit span{ float: right; font-size: 14px; color: #ddd; padding-top: 10px;}
.dajialove .navtit span a{ font-size: 16px; padding:0 10px;font-weight: normal;}
.dajialove ul{ width: 880px; margin: 0 auto;}
.dajialove li{ float: left; margin-right:25px; margin-bottom: 30px; width: 266px; ;}
.dajialove li a{ display: block; height:auto; width: 236px; }
.dajialove li a img{ width:100%; height:auto;}
.dajialove li a h2{ font-size: 14px; margin-top: 0px; padding: 10px 0; background: #f2f2f2; text-align: center;}
.WenDaItem { clear: left; width: 100%;padding-bottom: 20px; margin-top:30px; position: relative; }
.WenDaItem .topLine { clear: left; float: left; width: 625px; }
.WenDaItem .userIcon { display: block; width: 50px;border-radius: 50%; border:#d8d8d8 1px solid; height: auto; float: left; margin-left: 0px; margin-right: 24px; }
.WenDaItem .right1 { float:right; width: 90%; min-height: 60px; }
.WenDaItem .icons {
    background:#283d80; color: #fff; border-radius: 22px; height: 22px; width: 22px;
    background-repeat: no-repeat; font-style: normal;
    display: inline-block;
    text-align: center;
}
.WenDaItem .right1 .title { clear: left; float: left; display: inline-block; font-size: 20px; padding-top: 10px; line-height: 26px; word-break: break-all; }
.WenDaItem .right1 .title a { color: #000; }
.WenDaItem .right1 .title b { color: #EB2002; font-weight: 500; margin-right: 8px; }
.WenDaItem .right1 .title:hover { color: #DE0000; }
.WenDaItem .right1 .cardLine { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 35px; }
.WenDaItem .right1 .cardLine .card { float: left; line-height: 24px; text-align: left; font-size: 14px; width: 40%; margin-right: 1%; padding-left: 10px; }
.WenDaItem .right1 .cardLine .card .fenlei:hover { color: #DE0000; }
.WenDaItem .right1 .time { color: #666; float: right; font-family: Arial; font-size: 14px; width: 20%; padding-top: 12px; text-align: right; }
.ZJword { clear: left; float: left; width: 96%; margin-top: 0px; background-color: #F7F7F7; _overflow: hidden; position: relative; padding: 20px;}
.ZJword.short { padding-bottom: 30px; }
.ZJword .userIcon2 { width: 40px; height: auto;border-radius: 50%; border:#d8d8d8 1px solid; margin-right:7px; float: left; }
.ZJword .title { float: left; font-size: 15px; color: #283d80; margin-left: 7px; margin-top: 12px; }
.ZJword .word { clear: left; float: left; margin-top: 20px; width: 99%; overflow: hidden; }
.ZJword.short .word { height: auto; overflow: visible; }
.ZJword .updown { width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; background-position: center bottom; cursor: pointer; padding-top: 0px; background-repeat: repeat-x; }
.ZJword .updown.on { }
.WenDaContentBT .WenDaContentLeft { width: 100%; padding-right: 10px; background-color: #FFF; }
#prompt { width: 100%; line-height: 28px; overflow: hidden; margin: 0 auto; }
#prompt p { line-height: 30px; }
.WenDaContentLeft .middleBox {width: 94%; padding-right: 20px; border:#999 1px dashed;margin: 30px 0; padding:3% 2%; position: relative; overflow: hidden; }
.WenDaContentLeft .middleBox .title { clear: left; float: left; font-size: 18px; font-weight: bold; }
.WenDaContentLeft .middleBox .time { clear: left; float: left; font-size: 14px; color: #000; margin-top: 10px; margin-bottom: 10px; background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.WenDaContentLeft .middleBox .w1 { clear: left; float: left; font-size: 18px;margin-top: 10px; margin-bottom: 10px; }
.WenDaContentLeft .middleBox .cpxl { clear: left; float: left; font-size: 14px; margin-bottom: 8px; }
.WenDaContentLeft .middleBox .cpxl span { float: left; }
.WenDaContentLeft .middleBox a { float: left; font-size: 14px; line-height: 24px; padding-left: 8px; padding-right: 8px; margin-right: 4px; color: #444; }
.WenDaContentLeft .middleBox a.on { background-color: #ED1C24; }
.WenDaContentLeft .middleBox .w1 span { font-size: 14px; color: #A7A7A7; padding-left: 5px; }
.WenDaContentLeft .middleBox .textarea { clear: left; float: left; display: block; width: 98%; padding: 3px; border: 2px solid #dadbdc; height: 100px; margin-bottom: 17px; color: #AAA; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.WenDaContentLeft .middleBox .textarea.on { color: #000; }
.WenDaContentLeft .middleBox .link { display: block; width: 130px; height: 37px; padding-right: 38px; background-position: right center; background-repeat: no-repeat; border: none; font-size: 16px; text-align: center; line-height: 15px; color: #FFF; background-color: #2D2D2D; background-image: url("../../images/r_.jpg"); float: right; margin-right: 10px; cursor: pointer; }
.WenDaContentLeft .middleBox .link:hover { color: #000; background-color: #FDCE00; background-image: url("../../images/r.jpg"); }
.tj_wenti { width: 100%; overflow: hidden; clear: both; }
.tj_wenti .name { width: 25%; float: left; margin-right: 2%; }
.tj_wenti .qus_tel { width: 41%; float: left; }
.tj_wenti input { width: 100%; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border: 1px solid #dadbdc; background: #fff; color: #999; padding: 11px 0 11px 8px; font-size: 12px; }
.tj_wenti1 { width: 96%; margin: 0 auto; overflow: hidden; position: absolute; top: 400px; _left: 0; }
.tj_wenti1 .name { width: 22%; float: left; margin-right: 2%; margin-left: 8%; }
.tj_wenti1 .tel { width: 34%; float: left; margin-right: 2%; }
.tj_wenti1 input { width: 100%; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border: 1px solid #dadbdc; background: #fff; color: #999; padding: 8px 0 8px 8px; font-size: 12px; }
.WenDaContent .WenDaContentLeft .Title2 {
    font-size: 30px;
    width: 100%;
    margin: 0 0 25px 0;
    overflow: hidden;
    color: #000;
    font-weight: 600;
}
.WenDaContentLeft .Title2{ color: #222; font-weight: bold; font-size: 30px; margin-bottom: 14px;}
.peijian{ width: 1200px; margin: 0 auto;}
.peijian .des{ /*border: 1px solid #ddd;*/ padding: 20px; margin: 20px 0;}
.peijian .list{ width: 1200px; margin: 0 auto;;}
.peijian .list ul{ width: 1300px;;}
.peijian .list li{ width: 285px; margin-right: 20px;; float: left; border: 1px solid #ddd; margin-bottom: 20px; 
    -webkit-transition:all 1s 0.2s;
    -moz-transition:all 1s 0.2s;
    -ms-transition:all 1s 0.2s;
    transition:all 1s 0.2s;}
.peijian .list li a{ display: inline-block;}
.peijian .list li .img{ width: 285px; height: 200px; overflow:hidden;}
.peijian .list li .img img{ width: 100%; height: 200px; 
    -webkit-transition:all 1s 0s;
    -moz-transition:all 1s 0s;
    -ms-transition:all 1s 0s;
    transition:all 1s 0s;}
.peijian .list li .txt{ padding:10px 10px 20px 10px;}
.peijian .list li .txt h2{ color: #222; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.peijian .list li .txt p{ line-height: 26px;}
.peijian .list li .txt span{ color: #444; margin-right: 10px;}
.peijian .list li .txt em{ background: #f2f2f2; display: inline-block; margin-top: 3px; border: 1px solid #ddd; color: #444; border-radius: 2px; padding:0 4px; color: #444; font-size: 12px; margin-right: 4px;}
.peijian .list li:hover{ box-shadow: 0 0 16px #aaa;}
.peijian .list li:hover img{ 
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);}
.content {
    width: 1170px;
    margin: 0px auto;
    overflow: hidden;
}
.supportTitle { font-size: 22px; line-height: 40px; margin-bottom: 15px; color: #000; }
.pro_list_right { width: 28%; float: right; }
.supportTitle { font-size: 22px; line-height: 40px; margin-bottom: 15px; color: #000; }
.supportLeft { background: url("../images/bg.jpg") no-repeat; width: 70%; height: 338px; float: left; }
.sLeftCon { width: 68%; float: right; margin: 25px 10px 0 0;color: #666666; }
    .sLeftCon .pt { font-size: 16px; font-weight: 600; color: #ED1C24; }
    .sLeftCon .pb { padding: 15px 0; }
.aMore { background: #99999A; width: 76px; height: 22px; line-height: 22px; display: block; color: #fff; text-align: center; display: none; }
.supportRight { background: #E6E6E6; width: 30%; height: 338px!important;height: 0; float: right;}
.sRightTop { height: 125px!important;height: 10px; border-bottom: #CECECE 1px solid; }
    .sRightTop div { color: #666666; font-size: 15px; text-align: center; float: left; }
    .sRightTop .sRdv { background: url("../images/smallIcon.png") no-repeat center 30px; width: 33%;  height:125px!important;height:0; border-right: #CECECE 1px solid; line-height:200px!important;line-height:140px; cursor: pointer; padding: 0 10px; }
        .sRightTop .sRdv:hover { background: url("../images/smallIcon_1.png") no-repeat center  30px; color: #ED1C24; }
    .sRightTop .sRdv1 { background: url("../images/smallIcon01.png") no-repeat center 30px; width: 30%; height:125px!important;height:0;border-right: #CECECE 1px solid; line-height:200px!important;line-height:140px; cursor: pointer; }
        .sRightTop .sRdv1:hover { background: url("../images/smallIcon01_1.png") no-repeat center  30px; color: #ED1C24; }
    .sRightTop .sRdv2 { background: url("../images/smallIcon03.png") no-repeat center  30px; width: 30% ;height:125px!important;height:0;line-height:200px!important;line-height:140px; cursor: pointer; }
.sRightBot { color: #666666; }
.sRightTop .sRdv2:hover { background: url("../images/smallIcon03_1.png") no-repeat center 30px; color: #ED1C24; }
.sRightBot .label { width:100px; line-height:36px!important;line-height:75px; height: 36px!important; height: 60px; overflow: hidden; text-indent: 12px; float: left; }
.sRightBot .form { /*width: 210px;*/ height: 33px; margin: 20px 0 0 10px;  overflow:hidden;}
    .sRightBot .form .txtInput { width: 160px!important;width: 150px; height: 49px!important;height: 30px; line-height49px!important;line-height:30px; text-indent: 6px; color: #666666; border: 0; background:#fff;  }
    .sRightBot .form .btnSearch { width: 48px; height: 33px; border: 0; background: url("../../images/btnSearch.jpg") no-repeat left 4px; cursor: pointer; }
.supportBox01 {  margin: 40px 0 0 0; padding-top: 20px; width:100%; overflow:hidden }
    .supportBox01 dl { border-right: #E5E5E5 1px solid; padding: 20px 40px 0 42px; float: left; width: 17% }
        .supportBox01 dl dt { color: #222; font-size: 22px; padding-bottom:2%; margin:4% auto }
        .supportBox01 dl dd { color: #666666; line-height: 26px; height: 26px; overflow: hidden; background: url("../../images/a_bg.png") no-repeat left 9px; padding-left: 17px; max-width: 270px; }
        .supportBox01 dl.bdNone { border: none; padding: 20px 0px 0 40px; }
            .supportBox01 dl.bdNone dt { text-align: left; }
        .supportBox01 dl p { width: 260px; color: #666666; line-height: 26px; font-size:14px;}  
	.enter{ line-height:50px; color:#ff4a00; float: right;}
    .supportBox01 .dt { text-align: center;}
        .supportBox01 .dt .si { background: url("../images/bigIcon_1.jpg") no-repeat; width: 69px; height: 75px; display: inline-block; }
    .supportBox01 .dt01 .si { background: url("../images/bigIcon_2.jpg") no-repeat; width: 74px; height: 75px; display: inline-block; }
    .supportBox01 .dt02 .si { background: url("../images/bigIcon_3.jpg") no-repeat; width: 68px; height: 75px; display: inline-block; }
    .supportBox01 .dt03 .si { background: url("../images/bigIcon_4.jpg") no-repeat; width: 84px; height: 75px; display: inline-block; }
.supportBot { background: #F2F2F2; height: 280px; padding: 10px 0;  }
.sBotList { width: 1200px; margin: 0 auto; padding-top: 25px; }
.sBotList ul{ width: 1230px;;}
    .sBotList li { width: 380px; margin-right: 30px; height: auto; position: relative; z-index: 0; overflow: hidden; float: left; }
        .sBotList li img { width: 100%; height: auto; }
        .sBotList li .title { background: #fff; width: 100%; height: 35px; line-height: 35px; position: absolute; bottom: 0; z-index: 20; font-size: 14px; text-align: center; color: #000; }
    .sub_left .tj_new { width: 100%; }
.tj_new_left { width: 25%; float: left; }  .tj_new_left img{ width:100%; height:auto;_height:153px;}
.tj_new_right { float: right; width: 72%; }
    .tj_new_right h3 { font-size: 16px; margin-bottom: 10px; }
    .tj_new_right p { line-height: 30px; margin-bottom: 10px; }
    .tj_new_right .date { width: 100%; text-align: left; }
.sub_new { width: 100%; overflow: hidden; }
.sub_new_tit { border-bottom: #d8d8d8 1px solid; line-height: 40px; margin: 10px 0px 20px 0px; padding:2% 0; width: 100%; overflow: hidden; }
    .sub_new_tit span { float: right; width: 20%; text-align: right; }
.sub_new h3 { font-size: 22px; float: left; width: 40%; text-align: left; color: #000; }
.sub_new li{ line-height:36px; height:36px;}
.newar { float: right; width: 12%; color: #BFBFBF; }
.newal { float: left; width: 87%; }
.sub_right { float: right; width: 25%; margin-top: 15px; }
.listcon { margin-bottom: 10%!important; margin-bottom:3%; border: #ddd 1px solid; }
    .listcon h3, .hotpro h3 { padding: 0 10px; background: #e8e8e8; color: #000; height: 40px; line-height: 40px; border-bottom: #ddd solid 1px; font-size: 18px; }
    .listcon ul { overflow: hidden; padding: 5px 10px 8px 10px; }
        .listcon ul li { line-height: 40px; height: 40px; overflow: hidden; width: 100%; background: url("../images/jt2.gif") no-repeat right center; text-indent: 19px; }
            .listcon ul li a { font-size: 14px; color: #666; }
                .listcon ul li a:hover { color: #ff4a00; }
.hotpro { padding-bottom: 20px; overflow: hidden; border: #ddd 1px solid; }
    .hotpro dl { width: 94%; margin-left: 15px; overflow: hidden; margin-top: 20px; }
        .hotpro dl dt { width: 38%; float: left; }
            .hotpro dl dt img { width: 100%; height: auto; }
        .hotpro dl dd { width: 57%; float: right; }
            .hotpro dl dd a { font-weight: bold; color: #333; }
                .hotpro dl dd a:hover { color: #e00000; }
            .hotpro dl dd p { color: #787878; }
.liuc{ margin-bottom:0px;}
.xgcp h3, .pro_case h3,.prolist_case h3 { font-size: 20px; border-bottom: #dedede 1px solid; color: #000; margin:4% 0; padding-bottom:2%; }
.xgcp { width: 100%; float:left; }
.xgcp li { width: 21%; float: left; text-align: center; margin-right:3.8%;margin-bottom:20px; }
.xgcp li p{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xgcp li img { margin-bottom: 8px; width:100%; height:auto;height:150px;}   .xg_pro li p{ height:20px; overflow:hidden}
.pro_case { margin: 0 auto; width: 100%; overflow: hidden; margin-top: 20px; }
    .pro_case li { float: left; width: 47%; *width: 46%; margin-right: 3%!important; margin-right:2%; }   .pro_case li  .pro_case_img{ width:42%; float:left}
        .pro_case li img { width:100%; height:auto ;_height:119px;}
        .pro_case li span { float: right; width: 53%; }
        .pro_case li h5 { font-size: 14px; color: #000; margin: 0px 0px 10px 0px; }
    .pro_case p { text-indent: 0px; line-height: 25px; margin: 0; padding: 0; }
    
.left_form{ width:100%; margin-top:35px; background:#f0f0f0; overflow:hidden; margin-bottom: 50px; padding-bottom: 40px;}
.left_form .mes_tit{ width:100%;background:url("../images/ly.jpg") no-repeat left top;}
.left_form .mes_tit2{ width:100%;background:url("../images/ly2.jpg") no-repeat left top; height:172px;}
.left_form .mes_tit h3{font-size:24px;height:30px; color:#eb0001; padding:40px 0 0; text-indent:20px; }
.left_form .mes_tit2 h3{font-size:28px;height:30px; color:#eb0001; padding:30px 0 10px; text-indent:40px; }
.left_form .mes_tit p{ font-size:14px; width:97%; margin:0 auto; color:#666; line-height:32px; text-indent:20px; margin-top:15px; margin-bottom:15px;}
.left_form .mes_tit2 p{     font-size: 15px;width: 80%;margin: 0 auto; color: #666; line-height: 32px; text-indent: 20px;margin-top: 15px;margin-bottom: 15px; float: left; margin-left: 40px;}
.left_form .mes_tit span,.message .mes_tit2 span{ background:#65AFFA; padding:5px 7px; margin:0 8px; color:#fff; font-size:16px;}
.left_form ul{ width:95%; margin:0 auto; overflow:hidden}
.left_form li{ width:47%; float:left; margin:0 1.5% 2%;}
.left_form li span{ float:left; width:95px; line-height:36px; font-size:16px;}  .message li b{ color:#f33; margin-left:10px; line-height:44px;}
.left_form input.intxt {
    width: 66%;
    margin: 5px 0 2px;
    border: 1px solid #D9D9D9;
    border-top: 1px solid silver; background:#fff;
    line-height: 36px;
    height: 36px;
    color: #999;
    padding: 0 4px;
    overflow: hidden;
    float: left;
    border-radius: 0;
}
.left_form textarea {
    border: 1px solid #CCC;
    width: 85.8%;
    height: 100px;
    line-height: 20px;
    margin: 6px 0 0;
    padding: 4px;
    background: #fff;
    color: #999;
    resize: none;
    float: right;
    border-radius: 0;
}
.left_form .btn {
    margin-left: 40%;
    overflow: hidden;
    width:100%; border:none;    margin-top: 10px; margin-bottom:30px;
}
.left_form .btnclick { padding:2%  0 0 35%; overflow: hidden; }
.left_form .btnclick input { display: block; width: 110px; padding:10px 40px;  text-align: center; color: white; float: left; margin-right: 15px; cursor: pointer; font-size: 16px; overflow: hidden; }
.left_form .btnclick input.btn_submit { background: #EB2002; border: 0; }
.left_form .btnclick input.btn_reset { background: #454545; border: 0; }
.scroll_nav_ul { position: relative; top: 0px; max-width: 1170px; z-index: 99; float: left; width: 100%; overflow: hidden; padding:6px 0;background:#f1f1f1;  margin-bottom:20px;}
.weizi{ float:right; width:37%!important;width:39%; margin-right:2%}
.weizi li { float: left;font-size: 15px; font-weight: bold; margin-left:20px; color: #E3131E; line-height: 40px; text-align: center; }
    .s_main { width:60%; float:right; }
    .s_pic { width: 35%; float:left; }
    .m_l { margin-bottom: 20px; float: left; width: 62%; padding-right: 2%; border-right: 1px dotted #dcdcdc; margin-right: 2%; padding-bottom: 20px; }
    .pro_contact { width: 26%; float: right; margin-top:30px; }
    .slide-pic img { width:400px; height:280px }
    .m_l {  float: left; width:65%; padding-right:4%; border-right: 1px dotted #dcdcdc; margin:30px 30px 30px 0; }
    
  .pro_special p { padding-bottom: 15px;  }
	.pro_special  h4{ margin-bottom:10px; font-size:14px;}
    .pro_special table td { line-height: 25px; padding-left: 10px; border: 1px solid #dcdcdc; }
#relative ul li { width:18%; float: left; margin-right: 2%; float: left; margin-bottom: 20px; }
    #relative ul li img { padding-bottom: 10px; width:100%; height:180px }
    #relative ul li p { line-height: 12px; text-align: center; height: 14px; overflow: hidden; padding: 0; margin: 0; }
#relative .r_pic { padding-top: 10px; height: 14px; overflow: hidden; width: 99%; margin: 0 auto; margin-top: 10px; border-top: 1px dotted #dcdcdc;}
    .r_pic p.r_pic3, .r_pic p.r_pic2, .r_pic p.r_pic1 { background: url("../../images/nav1.png") no-repeat 0px 0px; height: 12px; width: 33%; text-indent: 13px; line-height: 12px; text-align: left; float: left; overflow: hidden; }
    .r_pic p.r_pic2 { background: url("../images/nav1.png") no-repeat 0px -12px; height: 12px; text-indent: 14px; text-align: left; }
    .r_pic p.r_pic3 { background: url("../images/nav1.png")no-repeat 0px -24px; height: 12px; text-indent: 16px; text-align: left; }
    
    #topic{ width:100%; overflow:hidden}  #topic ul{ margin-top:2%}
#topic ul li { width:48%; margin-right:2%; float: left; }
    #topic ul li img { width: 40%; padding-right: 3%; float: left; height:193px }
    #topic ul li p {float: left; width: 57%; }    #topic ul li p a{ font-size:14px; font-weight:600; margin-bottom:10px;}
.top_info{ margin-top:10px; line-height:25px;}
.pro_bot {  margin:30px 0 20px 0  }
    .pro_bot h3 { font-weight: bold; font-size:30px; padding-bottom: 10px; color: #333; }
    
     .m_l {  float: left; width:65%; padding-right:4%; border-right: 1px dotted #dcdcdc; margin:30px 30px 30px 0; }
     .ultable { width: 100%; }
    .ultable li { height: 44px; margin-top: 20px; line-height: 44px; }
    .ultable span { display: block; font-weight: bold; float: left; width: 90px; color: #ff9000; }
    .ultable li input { width: 80%; height: 38px; color: #afafaf; padding-left: 10px; border: 1px solid #dcdcdc; }
    .ultable li textarea { width: 80%; color: #afafaf; border: 1px solid #dcdcdc; padding-left: 10px; font-size: 14px; line-height: 25px; }
    .ultable li.spa { padding-top: 10px; height: 30px; }
        .ultable li.spa input { padding-left: 0px; }
        .ultable li.spa .submit { text-align: center; line-height: 40px; background: #283d80; width: 140px; height: 40px; color: #fff; cursor: pointer; margin-right:10px; border: 0}
        .ultable li.spa .reset { text-align: center; line-height:40px; background-color: rgb(203,203,203); width: 140px; height:40px; color: #666; cursor: pointer; border: 0 }
        
        .proName { height: 40px; width: 100%; display: block; text-align: left; padding-bottom: 20px;}
.proName h1 { font-size:24px; font-weight:600;
  color: #333;
  line-height: 40px; 
}
.p_list { line-height: 40px; font-size: 16px; }
.p_list strong{ color: #444;;}
.case_show{ margin-top: 90px;}
.p_intro{ margin-bottom: 30px;}
.casemessage{ padding:8px 0;text-align:center;width:150px; font-size:18px; margin:25px 0; color:#fff; background:#283d80}  .casemessage a{ color:#fff;}
.swiper_b{width:100%;position:relative;overflow:hidden; margin-top: 0px; display:block; padding-bottom: 10px;}
	.swiper_b .swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
	.swiper_b .swiper-slide img{ width: 270px;height: 250px;margin: 15px 0;display: block;}
	.swiper_b_btn{text-align:center;position:absolute;bottom:50px !important;z-index:10;width:100%}
	.swiper_b_btn .swiper-pagination-bullet{background:#fff;opacity:1}
	.swiper_b_btn .swiper-pagination-bullet-active{background:#F60}
	
.shouhou_ad{padding: 10px 0;}
.shouhou_ad .ad{ width: 1200px; margin: 0 auto;}
.shouhou_ad ul{ margin: 0 auto; width: 1230px;}
.shouhou_ad ul li{ float: left; width: 386px; height: 120px; margin-right: 20px;}
.shouhou_ad ul li a{ display: block; background: #ddd; width: 100%; height: 120px;}
/*---------------------2017-12-08-----*飞哥*--------------------*/
/*---------------首页关于双金下边加图-------------------*/
.i_about_box .link ul li .anli_text{ 
position:absolute; 
width:100%; 
height:100%;  
z-index:99999; 
bottom:0px; 
display:none;
}
.i_about_box .link ul li:hover .anli_text{ 
  width:100%;
 -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;
	height:100%;
	display:block;
}
.i_about_box .link ul li .anli_text a{
	width:100%; 
	height:100%; 
	display:block; 
	padding:0px; 
	margin:0px;
	}
.anli_text img{
	width:100%; 
	height:100%;
	}
.i_about_box .link ul li .anli_text h1{
	height:53px; 
	line-height:53px; 
	background:rgba(0,0,0,0.55); 
	position:absolute; 
	bottom:0px; 
	width:100%; 
	color:#fff;
	}
/*-------------------热销榜--------------------------*/
.iproleft .list ul li .rx_pic{
	float:left;
	width:130px; 
	height:auto;
	text-align:center;
	clear:both;
	overflow:hidden;
	margin-right:20px;
	}
.iproleft .list ul li .rx_pic img{
	display:inline-block;
	}	
/*-----------------------------关于我们导航-----------------------*/
.about_nav{
	width:1200px;
	height:62px;
	background:url("../images/mainnavbg.png") repeat;
	margin:auto;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	-ms-border-radius: 30px; 
	border-radius: 30px;
	}		
.about_fenlei_add{}
.about_fenlei_add ul{ width: 1200px; margin: 0 auto; text-align: center;}
.about_fenlei_add li{ display: inline-block; margin: 0 6px; position:relative;}
.about_fenlei_add li a{/* background: #fff;*/ display: inline-block; height:62px; padding: 0 40px; line-height: 62px; font-size: 16px;/* border-radius: 4px; box-shadow: 0 0 5px #aaa*/}
.about_fenlei_add li a.on{/*background: #283d80; */color: #283d80;}
.about_fenlei_add li a:hover{/*background: #283d80; */color: #283d80;}
.about_fenlei_add.about{ position:absolute;  left: 0; width: 100%;/*background:url(../images/bg1.png);*/ margin-top:31px; top:50%;}
.about_fenlei_add.about li a{ box-shadow: none;}
.about_fenlei_add li a.on em{position:absolute; background:url("../images/navhover_03.png") top center no-repeat; width:28px; height:16px; top:15px; left:10px;}
.about_fenlei_add li a em{ position:absolute; background:url("../images/navhover_03.png") top center no-repeat; width:0; height:16px; top:0px; left:0px;}
.about_fenlei_add li a:hover em{position:absolute; background:url("../images/navhover_03.png") top center no-repeat; width:28px; height:16px; top:15px; left:10px; -webkit-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;}
/*-----------------------------关于我们text-----------------------*/	
/*-----------------------------产品内——案例滚动(箭头)-----------------------*/	
.caselist_add{width:auto;}
.caselist_add .bd{ width: 1200px; overflow: hidden;}
.caselist_con_list .hd{ position: relative; width: 1200px; margin:auto;  top:-220px; }
.caselist_con_list .hd a{ display: block; height: 37px; width: 37px; background: #eee; }
.caselist_con_list .hd .prev{ position: absolute; left:-70px; background: url("../images/ico_jt_l.png"); }
.caselist_con_list .hd .next{ position: absolute; right: -70px; background: url("../images/ico_jt_r-30.png"); }
/*-----------------------------案例内——产品滚动(箭头)-----------------------*/	
.prolist .hd{ position: relative; width: 1200px; margin:auto;  top:-160px; }
.prolist .hd a{ display: block; height: 37px; width: 37px; background: #eee; }
.prolist .hd .prev{ position: absolute; left:-70px; background: url("../images/ico_jt_l.png"); }
.prolist .hd .next{ position: absolute; right: -80px; background: url("../images/ico_jt_r-30.png"); }
/*------------------------------常见问题图标--------------------------*/
 .supportBox01 .dt .si1 { background: url("../images/bigIcon_1a.jpg") no-repeat; width: 69px; height: 75px; display: inline-block; }
 .supportBox01 .dt .si2{ background: url("../images/bigIcon_1b.jpg") no-repeat; width: 69px; height: 75px; display: inline-block; }
 .supportBox01 .dt .si3{ background: url("../images/bigIcon_1c.jpg") no-repeat; width: 69px; height: 75px; display: inline-block; }
 .supportBox01 .dt .si4{ background: url("../images/bigIcon_1d.jpg") no-repeat; width: 69px; height: 75px; display: inline-block; }
 
/*-----------------------------案例详情添加当前位置-----------------------*/	
.location{
	width:100%; 
	height:40px; 
	line-height:40px; 
	border-bottom:1px solid #ddd; 
	margin-bottom:15px;
	color:#333;
	}
.location em{ 
font-family:'宋体';
font-size:12px;
 font-weight:bold; 
 color:#666; 
 margin:0 10px;
 }
.location a{
	 color:#666;
	 }
.location a:hover{
	 color:#283d80;
	 }
 .location .on{color:#283d80;}
 /*-----------------------------荣誉相册更改-----------------------*/	
 .game163{
	 display:none;
	 }
 #certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
#certify .swiper-container {
	padding-bottom: 60px;
}
#certify  .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	line-height: 50px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #283d80;
	background-color: #fff;
}
#certify .swiper-button-prev {
	left: 20px;
	width: 45px;
	height: 45px;
	background: url("../images/wm_button_icon.png") no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}
#certify .swiper-button-next {
	right: 20px;
	width: 45px;
	height: 45px;
	background: url("../images/wm_button_icon.png") no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}
#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}  
#certifya {
	position: relative;
	width: 1200px;
	margin: 50px auto
}
#certifya .swiper-container {
	padding-bottom: 60px;
}
#certifya  .swiper-slide {
	width: 440px;
	height:560px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certifya  .swiper-slide img{
	display:block;
	height: 515px; width: 100%;
}
#certifya  .swiper-slide p {
	line-height: 40px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}
#certifya .swiper-paginationa {
	width: 100%;
	bottom: 20px;
	text-align: center
}
#certifya .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certifya .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #283d80;
	background-color: #fff;
}
#certifya .swiper-button-preva {
	position: absolute;
    top: 40%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
	left: 20px;
	width: 45px;
	height: 45px;
	background: url("../images/wm_button_icon.png") no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#certifya .swiper-button-preva:hover {
	background-position: 0 -46px;
	background-size: 100%
}
#certifya .swiper-button-nexta {
	position: absolute;
    top: 40%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
	right: 20px;
	width: 45px;
	height: 45px;
	background: url("../images/wm_button_icon.png") no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}
#certifya .swiper-button-nexta:hover {
	background-position: 0 -139px;
	background-size: 100%
}  
/*-----------------------------发展历程修改-----------------------*/	
.page_mainNavv{ border-top: 1px solid #fff; height: 141px; position: relative; top:100px; width:100%; margin-bottom:50px;}
.page_mainNavv .bracket{ background:url("../images/course_bg1.png"); height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid #fff;}
.page_mainNavv .bracket span{background:url("../images/course_bg2.png"); height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold; color:#000; text-align:center; line-height:34px;}
.page_mainNavv .bracket p{ font-size:18px; color:#000; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.dashiji{display:none;}
.page_brands{width:1200px; margin:0 auto;}
.brands_img{ position: relative; height:320px; width:404px;}
.brands_img .bracket{height:308px; width: 258px; position: absolute; top:0; left:0; border:6px solid #eee;}
.brands_img .bracket span{height:272px; width:380px; position: absolute; top:0px; left:0; margin:18px 0 18px 18px;}
.brands_about{ width:720px; margin-top:30px;}
.brands_about .img{ width:720px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:16px; }
.brands_about p{ font-size:12px; line-height:30px;}
.page_course{ height:600px; width:100%; background:url("../images/course_bg.jpg") center top no-repeat; margin-top:0px;}
.courseNav{ width:1197px; margin:0 auto; text-align:left;  }
.courseNav .hd{ height:80px; padding:0; position:relative; margin-bottom:10px; width: 1100px; margin: 0 auto; }
.courseNav .hd ul{ float:left;  position:absolute; height:32px;}
.courseNav .hd ul li{ float:left; cursor:pointer; background:url("../images/course_nav1.png") 0 28px no-repeat; width:133px; height:80px; line-height:28px; text-align:center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px; font-weight:bold;}
.courseNav .hd ul li.on{ height:80px;  background:url("../images/course_nav2.png") 0 28px no-repeat; color:#283d80;}
.courseNav .bd{background:rgba(0,0,0,0.6); }
.courseNav .bd ul{ padding:40px;  zoom:1; }
.courseNav .bd li{ height:24px; line-height:24px; clear:both;}
.courseNav .bd .year{background:#283d80; font-size:60px; line-height:60px; color:#fff; height:120px; text-align:center;font-family: "Lucida Console", Monaco, monospace; padding:20px; display:inline-block}
.courseNav .bd .course{ color:#fff; line-height:32px; font-size:16px; margin-left:40px; display:inline-block;width:892px;}
.fl{float:left!important;}
.about_con_a{ width: 1090px; margin: 0 auto; padding: 40px 0; line-height: 30px;}
.news_tt{ padding-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 40px;margin-bottom: 20px;}
.news_tt .img{  width: 391px; display: inline-block; float: left; margin-right: 20px; width: 391px;}
.news_tt .img img{width:335px; height:235px;}
.news_tt .txt{ display: inline-block; float: right; width: 440px;}
.news_tt .txt h2{ font-size: 20px; color: #000; margin-bottom: 20px;}
.news_tt .txt p{ line-height: 26px;}
.footer{ background: #111111; border-top: 4px solid #273b7b; padding-top:40px; position: relative;}
.footer .left{ width: 800px; float: left;}
.footer .backtop{ position: absolute; top: 0; right: 40px; background: #273c7f url("../images/ico_backtop.png") center no-repeat; height: 46px; width: 46px;;}
.footer ul{ border-bottom: 1px solid #383838; padding-bottom: 40px; 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);}
.footer ul li{ float: left;}
.footer ul li.line{ color: #333; margin: 0 16px;}
.footer ul li a{ font-size: 14px; color: #888;}
.footer ul li a:hover{ color: #fff;}
.footer .copyright{ padding: 40px 0; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
    
.footer .copyright .flink{}
.footer .concerned{ width:300px; float:right; margin-top:0px;}
.footer .concerned .ewm{
	width:106px;
	float:left;
	padding:5px;
	background:#fff;
	-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.1);
	-o-box-shadow:0px 1px 5px rgba(0,0,0,0.1);
	-ms-box-shadow:0px 1px 5px rgba(0,0,0,0.1);
	box-shadow:0px 1px 5px rgba(0,0,0,0.1);
	}
.footer .concerned .ewm img{ display:block; width:106px; height:106px;}
.footer .concerned p{ line-height:1; margin-top:5px; color:#999; text-align:center;}
.footer .concerned .cnt{ width:165px; float:right;}
.footer .concerned .cnt .title{ height:30px; line-height:30px; font-size:16px; color:#fff; padding-left:35px; position:relative;}
.footer .concerned .cnt .title .ico-tel{ width:27px; height:17px; display:block; position:absolute; left:0; top:50%; margin-top:-8.5px; background:url("../images/smallIcon_1.png") no-repeat center; background-size: 17px auto;}
.footer .concerned .cnt .num{ line-height:1; border-bottom:#dbdbdb 1px solid; color:#fff; font-size:24px; padding-bottom:10px; margin-top:5px;}
.footer .concerned .cnt .time{ margin-top:10px; line-height:1; font-size:13px; color:#999;}
.moreaa{ text-align: center;}
.moreaa a{ display: inline-block; background: #283d80; color: #fff; padding: 5px 25px; border-radius: 55px; font-size: 18px;}
.txt2{ text-align: center; padding-bottom: 50px;}
.scnl{}
.scnl .m1{ width: 1000px; margin: 0 auto; padding-bottom: 80px;}
.scnl .m1 img{ 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);}
.scnl .m1 h2{ 
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px); font-size: 30px; color: #111; text-align: center; padding-top: 20px;}
.scnl .m1 span{ display: block; width: 200px; height: 1px; background: #333; margin: 10px auto 30px auto; 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);}
.scnl .m1 p{ 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); color: #666; font-size: 14px; line-height: 24px; width: 790px; margin: 0 auto;}
.scnl .m2{ padding: 50px; background: #f2f2f2;}
.scnl .m2 .con{ width: 1000px; margin: 0 auto;}
.scnl .m2 .con ul{}
.scnl .m2 .con ul li{ 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5); float: left; width: 500px; background: #fff; height: 300px;}
.scnl .m2 .con .l1{}
.scnl .m2 .con .l2{}
.scnl .m2 .con .l2 h2{ padding: 30px 0 0 60px; font-size: 30px; color: #222;}
.scnl .m2 .con .l2 span{ display: block; width: 40px; margin: 20px 0; background: #283d80; height: 1px; margin-left: 60px;}
.scnl .m2 .con .l2 p{ padding: 0 60px 0 60px;}
.scnl .m2 .con .l3{}
.scnl .m2 .con .l3 h2{ text-align: center; color: #333333; font-size: 24px; margin: 70px 0 30px 0;}
.scnl .m2 .con .l3 h2 span{ display: inline-block; width: 20px; height: 1px; vertical-align: middle; background: #333; margin: 0 10px;}
.scnl .m2 .con .l3 p{ text-align: center; padding: 0 60px;}
.scnl .m2 .con .l4{ background: #283d80;}
.scnl .m2 .con .l4 h2{ text-align: center; color: #fff; font-size: 24px; margin: 70px 0 30px 0;}
.scnl .m2 .con .l4 h2 span{ display: inline-block; width: 20px; height: 1px; vertical-align: middle; background: #fff; margin: 0 10px;}
.scnl .m2 .con .l4 p{ text-align: center; padding: 0 60px; color: #fff;}
.scnl .m3{ text-align: center; padding: 60px 0;}
.scnl .m3 img{ 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);}
.scnl .m3 h2{ 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px); margin: 20px 0; font-size: 36px; color: #222; text-align: center;}
.scnl .m3 p{ 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); color: #666; width: 750px; margin: 0 auto;}
.scnl .m4{ padding: 60px 0; background: url("../images/scnl_17.jpg") repeat-x left border-box;}
.scnl .m4 ul{ width: 900px; margin: 0 auto;}
.scnl .m4 ul li{ 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5); width: 50%; float: left; text-align: center;}
.scnl .m4 ul li img{ width: 432px;}
.scnl .m4 ul li h2{ font-size: 32px; text-align: center; color: #333; padding: 20px 0;}
.scnl .m4 ul li p{ font-size: 14px; line-height: 24px; padding: 0 40px;}
.scnl .m5{ background: url("../images/scnl_21.jpg") no-repeat center; height: 461px; background-size: 100% auto;}
.scnl .m5 .tit{ color: #fff; font-size: 44px; line-height: 50px; text-align: center; font-weight: bold; padding:80px 0 50px 0; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
.scnl .m5 p{ 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); font-size: 16px; color: #fff; width: 800px; margin: 0 auto; text-align: center;}
    
.ppqs{}
.ppqs .c1{ width: 1000px; margin: 0 auto;}
.ppqs .c1 .img{ float: left; 
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);}
.ppqs .c1 .txt{ width: 380px; float: right; 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);}
.ppqs .c1 .txt h2{ font-size: 24px; text-align: center; padding-bottom: 20px; font-weight: bold; }
.ppqs .c1 .txt span{ width: 100%; display: block; height: 1px; background: #333;}
.ppqs .c1 .txt p{ color: #666; font-size: 14px; padding-top: 60px; line-height: 26px;}
.ppqs .c2{ background: url("../images/ppqs_06.jpg") center top no-repeat; background-size: 100% auto;}
.ppqs .c2 h2{ font-size: 32px; color: #333; text-align: center; padding: 90px 0 50px 0; font-weight: bold; 
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);}
.ppqs .c2 p{ 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px); width:1000px; margin: 0 auto; text-align: center;}
.ppqs .c2 ul{ width: 1000px; margin: 15px auto;}
.ppqs .c2 ul li{ float: left; width: 25%; 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);}
.ppqs .c2 ul li a{ background: #fff; border-radius: 200px; box-shadow: 0 0 20px #ccc; display: block; width: 200px; height: 200px; text-align: center; overflow: hidden;}
.ppqs .c2 ul li a img{ margin-top: 30px;}
.ppqs .c3{ width: 1000px; margin: 0 auto; padding: 60px 0;}
.ppqs .c3 .txt{ float: left; width: 500px; 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);}
.ppqs .c3 .txt h2{ font-size: 48px; color: #222; line-height: 40px; font-weight: bold; margin-top: 40px;}
.ppqs .c3 .txt h2 span{ font-size: 30px; font-weight: normal;}
.ppqs .c3 .txt p{ padding: 40px 0 60px 0; line-height: 26px;}
.ppqs .c3 .txt a{ background: #283d80; width: 127px; height: 47px; color: #fff; text-align: center; line-height: 47px; display: inline-block;}
.ppqs .c3 .img{ float: right; 
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);}
.ppqs .c3 .img img{}
.ppqs .c4{ background: url("../images/ppqs_28.jpg") no-repeat center; height: 343px; background-size: 100% auto;}
.ppqs .c4 .tit{ color: #fff; font-size: 44px; line-height: 50px; text-align: center; font-weight: bold; padding:80px 0 50px 0; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
.ppqs .c4 p{ 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); font-size: 14px; color: #fff; width: 800px; margin: 0 auto; text-align: center;}
   
.ppqs .c5{ background: url("../images/ppqs_31.jpg"); height: 526px; width: 1000px; margin: 50px auto; position: relative;}
.ppqs .c5 .txt{ position: absolute; width: 460px; height: 340px; background: #fff; right: 20px; bottom: 0; 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);}
.ppqs .c5 .txt h2{ text-align: center; color: #222; font-size: 32px; padding: 50px 0 30px 0;}
.ppqs .c5 .txt p{ text-align: center; padding: 0 50px; line-height: 30px; color: #666;}
.ppqs .c6{ background:#f2f2f2; padding: 10px 0;}
.ppqs .c6 .navtit{ font-size: 34px; color: #333; text-align: center; padding-bottom: 50px;}
.ppqs .c6 ul{ width: 1000px; margin: 0 auto;}
.ppqs .c6 li{ 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5); width:20%; text-align: center; float: left;}
.ppqs .c6 li .img{ background: #283d80; height: 88px; width: 108px; text-align: center; margin: 0 auto; border-radius: 108px; padding-top: 20px;}
.ppqs .c6 li h2{ color: #333; font-size: 22px; margin: 20px 0;}
.ppqs .c6 li p{ color: #666; font-size: 14px; line-height: 24px; width: 120px; margin: 0 auto;}
.ppqs .c7{ width: 1000px; margin:60px auto 20px auto}
.ppqs .c7 .txt{ 
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px); float: right; width: 499px;}
.ppqs .c7 .txt h2{ color: #333; font-size: 34px; padding: 60px 0 40px 0; text-align: center;}
.ppqs .c7 .txt p{ text-align: left; padding: 0 20px;}
.ppqs .c7 .img{ 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px); float: left; width: 501px; height: 296px;}
.ppqs .c8{ width: 1000px; margin: 20px auto 60px auto;}
.ppqs .c8 .txt{ 
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5); float: left; width: 499px;}
.ppqs .c8 .txt h2{ color: #333; font-size: 32px; padding: 60px 0 40px 0; text-align: center;}
.ppqs .c8 .txt p{ text-align: left; padding: 0 50px;}
.ppqs .c8 .img{ 
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px); float: right; width: 501px; height: 296px;}
.ppqs .c9{ background: url("../images/ppqs_60.jpg") no-repeat center; height: 390px; background-size: 100% auto;}
.ppqs .c9 .tit{ color: #fff; font-size: 44px; line-height: 50px; text-align: center; font-weight: bold; padding:110px 0 50px 0; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
.ppqs .c9 p{ 
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); font-size: 14px; color: #fff; width: 600px; margin: 0 auto; text-align: center;}
.foot{ background: #f2f2f2; padding: 20px 0;}
.foot dl{ width:120px; float:left; margin-right: 50px; 
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);}
.foot dl:nth-child(1){ 
    -webkit-transition:all 0.5s 0.2s;
    -moz-transition:all 0.5s 0.2s;
    -ms-transition:all 0.5s 0.2s;
    transition:all 0.5s 0.2s;}
.foot dl:nth-child(2){ 
    -webkit-transition:all 0.5s 0.4s;
    -moz-transition:all 0.5s 0.4s;
    -ms-transition:all 0.5s 0.4s;
    transition:all 0.5s 0.4s;}
.foot dl:nth-child(3){ 
    -webkit-transition:all 0.5s 0.6s;
    -moz-transition:all 0.5s 0.6s;
    -ms-transition:all 0.5s 0.6s;
    transition:all 0.5s 0.6s;}
.foot dl:nth-child(4){ 
    -webkit-transition:all 0.5s 0.8s;
    -moz-transition:all 0.5s 0.8s;
    -ms-transition:all 0.5s 0.8s;
    transition:all 0.5s 0.8s;}
.foot dl:nth-child(4){ 
    -webkit-transition:all 0.5s 1s;
    -moz-transition:all 0.5s 1s;
    -ms-transition:all 0.5s 1s;
    transition:all 0.5s 1s;}
.foot dl:nth-child(5){ 
    -webkit-transition:all 0.5s 0.4s;
    -moz-transition:all 0.5s 0.4s;
    -ms-transition:all 0.5s 0.4s;
    transition:all 0.5s 0.4s;
    -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);}
.foot dl:nth-child(6){ 
    -webkit-transition:all 0.5s 0.2s;
    -moz-transition:all 0.5s 0.2s;
    -ms-transition:all 0.5s 0.2s;
    transition:all 0.5s 0.2;
    
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);}
.foot dl dt{ margin-bottom: 25px; border-bottom: 1px solid  #aaa; padding-bottom: 10px;}
.foot dl dt a{ color: #111; font-size: 18px;}
.foot dl dd{}
.foot dl dd a{ color: #333; display: block; padding:3px 0; font-size: 14px;}
.foot dl dd a:hover{ color: #222;}
.foot dl.address{  width:250px; color: #c4cce8; line-height: 30px;}
.foot dl.address span{ font-size: 34px; font-family: arial; color: #111;}
.foot dl.ewm{ float: right;}
.foot dl.ewm img{ background: #fff; padding: 5px;;}
.foot dl.ewm dd{ text-align: center; color: #555;}
.foot dl dd{ color: #666;}
.copyright{ text-align:center; background: #ddd; color: #222; padding: 10px 0;}
.copyright .flink{ border-top: 1px solid #ccc;padding-top: 10px; margin-top: 10px;}
.copyright .flink a{ padding: 0 10px; color: #666;}
#map { width: 552px; height: 447px; margin: 20px auto 0px; background: url("../images/map.png") no-repeat left top; }
#map span { display: block; font-weight: normal; position: absolute; height: 20px; line-height: 20px; }
.mapl a, .mapr a { color: #402f00; background: url("../images/map-d1.png") no-repeat 0 center; }
.mapl a { padding-left: 20px; }
.mapr a { background-position: right center; padding-right: 20px; }
.mapl a:hover { background: url("../images/map-d2.png") no-repeat left center; color: #d80000; }
.mapr a:hover { background: url("../images/map-d2.png") no-repeat right center; color: #d80000; }
.contact { margin-top: 40px; line-height: 2; font-size: 16px; }
.contact .bt { padding-bottom: 20px; font-size: 24px; }
.maps { border: #eee 10px solid; border-radius: 10px; line-height: 0px; margin-top: 20px; }
.c5 { color: #44b83b; }
.fs5 { font-size: 30px; }
.pshow-pic { width: 300px; height: 300px; float: left; line-height: 0px; border: #dfdfdf 1px solid; margin-top: 40px; }
.pshow-pic img { width: 300px; height: 300px; }
.pshow-right { width: 650px; float: right; height: auto; margin-top: 40px; }
.pshow-right .title { border-bottom: #ebebeb 3px solid; height: 40px; line-height: 38px; }
.pshow-right .title .name { border-bottom: #44b83b 3px solid; height: 40px; float: left; display: block; padding: 0 10px; margin-bottom: -3px; font-weight: bold; font-size: 15px; }
.pshow-right .text-box { margin-top: 20px; line-height: 2; font-size: 14px; color: #666; }
.datexz{ overflow: visible !important; overflow-y: hidden;}
.swiper-button-prev{ position: absolute; right: -20px !important;}
#map2{ display: none;}
.pg-honor4{ display: none;}
.caselist_add{ display: block;}
.caselist_adda{ display: none;}
.xgcpa{ display:block;}
.xgcpb{ display:none;}
.about_fenlei3{}
.about_fenlei3 ul{ text-align: center;}
.about_fenlei3 ul li{display: inline-block; margin: 0 10px; font-size: 16px;}
.about_fenlei3 ul li a{ display: block;}
.about_fenlei3 ul li i{ background:#e8e8e8; height:63px; width:63px; border-radius: 100px; margin-bottom: 10px; color: #333; overflow: hidden; display: inline-block; padding:10px;}
.about_fenlei3 ul li i img{ width: 100%;}
.about_fenlei3 ul li span{ display: block; color: #222;}
#dituContent{width:100%;height:500px;}
/*-------------------add20180117飞哥---------------*/
.waptitle{ display:none;}
.txt font{text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;overflow:hidden; height:40px;}
	.ani em{float:left;}
	.title1{text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;overflow:hidden;height:20px; display:inline-block}	
	.title2{text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; height:40px}
.wtt{ display:none!important;}
.pccase{ display:none!important;}
@media all and (min-width:320px) and (max-width:768px){	
.title2{ display:block; height:auto;}
.supportLeft {height:auto; font-size:13px;line-height:23px;}
.pccase{ display:block!important;}
.pctitle{ display:none;}
.icase{padding-top:0px;}
.waptitle{ display:block; font: bold 20px 'microsoft yahei';height: 50px;line-height: 50px; margin-top: 30px;color: #000; border-bottom:solid 1px #ddd; width:90%; margin-bottom:10px; margin:auto; }
.wap_con img{width:100%!important; height:auto!important; }
.newspro li{width:33.33%!important;}
.about_fenlei2 ul li{width:33.33%;}
.hotpro dl dd{margin-top:5%;}
.r_pic span.r_pic2, .r_pic span.r_pic1{width:48%; margin:0px;}
.ppqs .c5 .txt h2{    padding: 30px 0 15px 0;}
.ppqs .c5 .txt p{ line-height:28px;}
.caselist_con_list ul li a .txt .name{text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;overflow:hidden;height:40px;}
#newscontent{width:100%!important; padding:0px!important;}
.marbott{ text-indent:0px!important;}
.pro_content .jianjie{padding:10px;}
.wapleft{ text-align:left!important; line-height:25px;padding: 0 20px!important;}	
.wptitle{ display:none;}
.wtt{margin-top:100px; display:block!important;}
.xgcp li img{height:120px!important; }
.casemimg{margin:0 20px;}
.moreaass{ display:none!important;}
.about_fenlei2{margin:10px;}
.about_fenlei2 li {
    display: block;
    color: #666;
	float:left;
    height: 35px;
    padding: 0px!important;
	width:23%!important;
    cursor: pointer;
    line-height: 35px;
    font-size: 14px;
    border-radius: 55px;
    box-shadow: 0 0 5px #aaa;
margin-left:0.2%;
	-webkit-box-sizing:border-box;
			    box-sizing:border-box;
				overflow:hidden;
}
}
