@charset "utf-8";
html{height:100%; font:normal 12px/24px arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; color:#50534f;}
body{height: 100%; padding:0px; margin:0px auto; color:#444; background-image:url(../images/bxg.jpg); background-repeat:no-repeat}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px; font-weight: normal;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#444; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none;  border:0; overflow:hidden; vertical-align:top; max-width: 100%;}
a{ color:#444; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}  /* 去掉链接触摸高亮 */
a:hover{color: #e60012;}
a:focus {outline:none; -moz-outline:none;}

#wrapper {width: 100%;min-height: 100%;height: auto !important;height: 100%;margin: 0px 0px -78px 0px;}
#content_wrapper {width: 100%;padding: 0px 0px 78px 0px;}
.Texthide{ display:none;}
.Contain{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}/*两端对齐*/
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.warp{width: 1200px; max-width: 100%;  margin: 0 auto; position: relative;}
.clearfix2:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix2 { zoom:1; }  
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
.form_err{color:#f00;}
.mainContainInfo{width: 100%;overflow: hidden;}
/*------------------CSS Document------------------*/

/*------------------Page------------------*/
.Pages{ padding:25px 0; line-height:18px; zoom:1; overflow:hidden; text-align:left;color:#636363;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages .p_cur{ float:left; display:none;}
.Pages .p_cur b{ color:#a89a86;}
.Pages .p_count{ float:left;display:none;}
.Pages .p_count b{ color:#a89a86;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#0d579e; font-weight:normal; padding:0 5px;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:0px 7px; background:url(../images/pageNum.jpg) repeat-x; line-height:21px; height:21px;color:#1d6eab; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.Pages .p_page em a:hover{}
.Pages .p_page em a.a_cur{ color:#fff; background:url(../images/pageOn.jpg) repeat-x;}
.Pages .p_page b{ font-weight:normal;}
.Pages .f1,.Pages .f2{ display:none;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;display:none;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;display:none;}
.Pages .p_page .num{}
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{ background:#ececec; height:19px; line-height:19px; padding:0px 8px;color:#5b5b5b; display:inline-block; border:1px solid #d8d8d8;}
.Pages .a_first,.Pages .a_end{ display:none;}
/*------------------Page------------------*/

/*------------------sitemap------------------*/
.ul_sitemap{}
.ul_sitemap li strong{ font-size:16px; display: inline-block; line-height:35px; color:#273ea7;  padding-left:12px; width: 86px; text-align: right;}
.ul_sitemap li strong a{color: #e60012;}
.ul_sitemap li span{ padding-left:15px;}
.ul_sitemap li span a { line-height:35px; color:#000; font-size:14px; padding:0 5px;}
/*------------------sitemap------------------*/

/*------------------info_------------------*/
.info_title{font-size: 24px; line-height:32px;  padding-top:5px; padding-bottom: 15px; color:#e60012; font-family:'微软雅黑'; font-weight:normal; text-align:center;}
.info_time{ text-align:center; line-height:38px;color:#737373;line-height:38px; text-align:center; margin-bottom:12px; background:url(../images/timeBg.jpg) no-repeat; line-height:29px;}
.info_cont{text-justify:inter-ideograph;text-align:justify;word-wrap:break-word;/*clear:both;*/overflow:hidden;width:100%;}
.back{ line-height:20px; padding-top:10px; text-align:center;background:url(../images/pageLine.jpg) no-repeat top center;}
.back a{ line-height:20px;color:#787878;}
.pageControl{height:77px; border-top:1px solid #e9e9e9; margin-top:15px; }
.pageControl a{line-height:32px;color:#575757;}
.pageControl .pagePrev{text-align:left; overflow:hidden; height:32px; line-height:32px; padding-top:8px; overflow:hidden;}
.pageControl .pageNext{text-align:left; overflow:hidden; height:32px; line-height:32px;}
.info_jobs{ text-align:center; padding:15px;}
.info_jobs .btnJobs{ display:inline-block;background:url(../images/btnJobs.jpg) no-repeat top center; width:108px; height:26px;}
/*------------------info_------------------*/

/*------------------top------------------*/
.pc_top{  background:#fff; width: 100%;position: relative;z-index: 201; background:url(../images/balogo.jpg) center top; background-repeat:no-repeat}
.top{ width:1200px;max-width: 100%;  margin:0 auto; position: relative;}
.top .logo{  width:667px;  padding: 22px 0 18px 0; position: relative;}
.top .logo .Websitelogo{background-color: #0075c2;font-size: 10px;line-height: 16px;color: #fff; display: block;position: absolute;left: 102%;bottom: 18px;white-space: nowrap;padding: 0 6px;}
.mainnav{ height:38px; width:100%; background-color:#e60012}
.mainnav ul{ text-align:center; margin:0 auto; width:1200px}
.mainnav ul li{ float:left;}
.mainnav ul li a{ line-height:38px; display:block; padding:0px 50px 0 41px;color:#fff; background:url(../images/mainnavLine.jpg) no-repeat left center; font-size:16px; text-align:center}
.mainnav ul li a.aon,.mainnav li a:hover{color:#fff; text-decoration:underline }
.mainnav ul li a#mainnav1{ padding-left:0px; background:none;}
.topRight{ position: absolute;right: 0;top: 0; width: 280px; z-index: 201;}
.TRSearch{margin-top: 12px;width: 280px;}
.SearchSelect{width: 82px;height: 22px;margin-right: 6px; float: left;position: relative; background: url(../images/searchSelect.png) no-repeat center;}
.SearchSelect span{display: block; line-height: 22px; text-indent:11px; font-size: 11px; color: #666;}
.SearchSelect ul{display: none;position:absolute;top: 22px;left: 0px;z-index: 201; }
.SearchSelect li a{display: block;background-color:#fff;  border: 1px solid #efeaea;text-indent:11px; font-size: 11px; color: #666; width: 80px;height: 20px; }

.searchA{float:right;padding:0 20px 0 8px;display:inline-block; }
.searchA a{  line-height:49px; display:inline-block; font-size:11px; color:#3ab2c1;}
.searchBox{ background:url(../images/searchBox.jpg) no-repeat; width:146px; height:22px; float:right;  padding-left:11px;}
.searchBox .text{ width:110px; height:22px; line-height:22px; border:none; outline:none; background:none;color:#a4a4a4; font-size:12px;  float:left;}
.searchBox .btn{ background:none; height:22px; width:30px; border:none; cursor:pointer; cursor:pointer; outline:none; float:right;}

.TRTop{float: right;margin-top: 18px;}
.TRTop .img_tel{float: left;}
.TRTop .a_email{float: left;padding-top: 6px; width: 16px; height: 11px;background: url(../images/ico_email.png) no-repeat bottom;}
.TRTop .language{ display:inline-block; font-size:11px;color:#999999; float:left; line-height: 23px;padding: 0 5px;}
.TRTop .language a{font-size:11px; color:#444; padding:0 5px;}
.TRTop .language span{font-size:11px; color:#999999; padding-right:5px;}
.TRImg{position: absolute;right: -100px;top: 22px;}

.mobile_top{display: none;position: relative; background-color: #fff;padding-bottom: 8px;}
.mobile_top .logo a{display: block;}
.mobile_top .logo .Websitelogo{background-color: #0075c2;font-size: 10px;line-height: 16px;color: #fff; display: block;white-space: nowrap;padding: 0 6px; display: inline-block;*display: inline;*zoom:1;}
.mobile_top .logo{padding: 30px 0;text-align: left;margin-left: 2%;}
.mobile_top .btn_back{position:absolute; left:4%;top: 27px;display: block;}
/*.mobile_top .btn_search{position: absolute;right: 17%;top: 29px;width: 9%;z-index: 1000;}
.mobile_top .btn_search img{width: 100%;}*/
.mob_nav{background:#198def; position:absolute; right:0%; z-index:99; width:40%; top:100%; height: 100%; display: none;}
.mob_nav li{ width:100%;}
.mob_nav li a{display: block;font-size: 1.8em; line-height: 3.2em;text-indent:10px;color: #fff; font-weight: bold;margin-top: 1px;}
.mob_nav li a:hover{background-color: #fff; color: #e60012;}
.mob_nav li ul{display: none;}
.mob_nav li ul.subnav li a{font-size:1.8em; margin-top: 0px; background-color: #198def; line-height: 2.4em; background-image: none;}
.mob_nav li ul.subnav li a:hover{background-color: #fff; color: #198def; background-image: none;}

.topMember{line-height:49px; display:inline-block; font-size:11px; color:#999999; position: absolute;top: 30px;right: 41px; background:url(../images/topLoginIcon.jpg) no-repeat left center; padding-left:8px;}
.topMember a{line-height:49px;font-size:12px; color:#999999; padding:0 8px; }
.topMember1{line-height:49px;  font-size:11px; color:#999999; position: absolute;top: 30px;right: 41px; padding-left:8px;}
.topMember1 a{line-height:49px;font-size:12px;color:#999999; padding:0 8px; }
.follow{line-height: 35px; display:inline-block; font-size:11px;color:#999999; float:right; padding-right:10px; padding-top:10px;padding-top:8px\9;}
/*------------------top------------------*/

/*------------------bottom------------------*/
.homeContain .bg_hbt{display: none; position: absolute;bottom: 0;left: 0; width: 100%; overflow: hidden;}
.homeContain .bg_hbt img{width: 150%;max-width: 150%;margin-left: -25%;}

.bottomBg{ min-height: 131px; position:relative; z-index: 201; background-color:#d5d5d5}
.bottomBg *{ margin:0px; padding:0px;}
.bottom{ width:1200px;max-width: 100%; min-height:112px; margin:0 auto; position:relative; z-index:400;}
body.home .serviceIcon{ display:none;}
.serviceIcon{ width:189px; height:161px;float: right; margin-right: 12px;}
.serviceIcon a{ width:189px; height:161px; display:block;}
.bottomNav{ padding-left:68px; line-height:15px;float:left; *float: none;}
.bottomNav a{ line-height:15px; display:inline-block; padding: 0 13px 0 14px; background:url(../images/bottomLine.jpg) no-repeat left top; font-size:13px; color:#000;}
.bottomNav a.bottomNav1{ padding-left:0px; background:none;}
.bottomErweima{ background:url(../images/bottomErweima.jpg) no-repeat; width:149px; height:70px;position: absolute;right: 19px;top: 17px;z-index:310;}
.bottomErweima img{    max-width: 999px; position:absolute; bottom: 12px; right:21px; padding: 6px; background:#fff; width:33px; height:33px;}
.bottomLogo{ background: url(../images/bottomLogo.png) no-repeat 68px 5px;padding-left:205px; float:left; padding-top:12px;}
.bottomLogo p{ line-height:20px; color:#000; font-size:12px;}
.bottomCopy{float:left;line-height:24px;font-size:12px;color:#000;padding-left:68px;}
.bottomCopy a{ line-height:24px;font-size:12px;color:#000; }
.bottom .backtop{display: block;width: 34px; height: 28px; background: url(../images/btn_backtop.png) no-repeat; position: absolute; top: 50%;margin-top:-14px;right:-34px; }

.bottomBg .BotBg{position: absolute; top: 0%; height: 100%; overflow: hidden; display: none;}
.bottomBg .BotBg img{width: 150%;height: 100%;margin-left: -25%;max-width: 150%;}

ins#qiao-wrap #qiao-icon-wrap{z-index: 201;}
.QQBox{width: 125px;height: 280px; background: url(../images/bg_qqbox.png) no-repeat;position: fixed;bottom: 35px;right: -125px;z-index: 202;}
.QQBox .QQSide{display: block; width: 39px;height: 143px; position: absolute;left: -39px;top: 76px; background: url(../images/bg_qqside.png) no-repeat;}
.QQBox .QQinfo{padding: 16px 0 0 21px;}
.QQBox .QQinfo .qq_logo{padding-bottom: 15px;}
.QQBox .QQinfo .h4{font-size: 14px;color: #0068a5; line-height: 1em;padding-bottom: 10px;}
.QQBox .QQinfo .btn1{display: block;width:115px;height: 27px;margin-top: 12px; background: url(../images/btn_qq1.jpg) no-repeat; }
.QQBox .QQinfo .btn2{display: block;width:115px;height: 27px;margin-top: 12px;margin-bottom: 17px; background: url(../images/btn_qq2.jpg) no-repeat; }
.QQBox .QQinfo .link{display: block;margin-top: 3px;margin-bottom: 7px;}
.QQBox .QQinfo .qq_share{font-size: 14px;color: #0068a5;  height: 17px;overflow: hidden;}
.QQBox .QQinfo .qq_share span{float: left;line-height: 17px;margin-right: 7px;}
.QQBox .QQinfo .qq_shop{color: #999999;height: 17px;overflow: hidden;margin-bottom: 4px;}
.QQBox .QQinfo .qq_shop span{float: left;line-height: 17px;font-size: 14px;color: #0068a5;}
.QQBox .QQinfo .ico{display: inline-block;*display: inline;*zoom:1; width: 17px;height: 17px;}
.QQBox .QQinfo .ico1{background: url(../images/ico_qq1.jpg) no-repeat center;margin-left: 8px;}
.QQBox .QQinfo .ico2{background: url(../images/ico_qq2.jpg) no-repeat center;margin-left:4px;}
.QQBox .QQinfo .ico3{background: url(../images/ico_qq3.jpg) no-repeat center;margin-left: 6px;}
.QQBox .QQinfo .ico4{background: url(../images/ico_qq4.jpg) no-repeat center;margin-left: 4px;}
.QQBox .QRBox{display: none; position: absolute;right:0;bottom: 248px; border:2px solid #0068a5; border-right: 0px; background-color: #fff;}
.QQBox .QRBox img{width: 185px;height: 185px;padding: 20px;    max-width: 999px;}
.QQBox .QRBox .btn_close{display: block;width: 16px;height: 16px;position: absolute;right: 2px;top: 5px; background: url(../images/btn_close.jpg) no-repeat center;}

.jiathis_style{left: auto !important;right: 0;margin: 0 !important;}
/*------------------bottom------------------*/

/*------------------home------------------*/
.homTitle{position: relative;margin-bottom: 15px;}
.homTitle .h2{color: #3e3e3e;font-size: 16px; line-height: 16px;text-indent: 22px; background: url(../images/ico_homtitle.png) no-repeat left center;}
.homTitle .more{font-size: 12px;line-height: 16px; color: #999999;position: absolute; right: 0;top: 0px;}
.homTitle .more span{font-family: "宋体";}

.homeBanner{ position:relative; z-index:10; overflow:hidden;}
.homeCoverTop{ position:absolute;top: 80px; width:80%; z-index:50; height:10px; text-align:center; font-size:18px}
.homeCoverBot{ background:url(../images/homeBannerbottom.png) no-repeat top center; position:absolute;bottom: 0px; width:100%; z-index:50; height:62px;}
.homeCoverBot img{display: none;}
.homeBanner .bd{position: relative;display: none;/*先隐藏，加载完JS显示*/}
.homeBanner .bd ul{ position:relative; width:100%; z-index:1;}
.homeBanner .bd li .BG{background-position: -100%; display: block;}
.homeBanner .bd li .BG img{display: block;width: 100%;}
.homeBanner .bd li .Text{background: url(../images/bg_banoverlay.png) repeat;padding: 97px 40px 0 40px; width: 290px; height: 393px; position: absolute; left: 50%;margin-left: -501px; top: 0px;}
.homeBanner .bd li .Text .h3{font-size: 36px; line-height: 36px;color:#fff;margin-bottom: 20px;}
.homeBanner .bd li .Text .p{font-size: 18px; line-height: 24px; color: #fff;}
.homeBanner .bd li .Text .more{display: block;width: 125px;height: 36px; margin-top: 72px; background: url(../images/btn_banmore.png) no-repeat;position: relative;z-index: 999;}
.homeTab{ width:1200px; margin:0 auto; position:relative;}
.homeBanner .bx-controls{ width: 1200px;max-width: 98%; margin: 0 auto; }
.homeBanner .bx-has-pager .bx-pager {*display: none; position: absolute;bottom: 19px;right: 50%;margin-right: -501px;z-index: 99;}
.homeBanner .bx-has-pager .bx-pager .bx-pager-item{display: inline-block;margin-right:7px; }
.homeBanner .bx-has-pager .bx-pager .bx-pager-item a{display: block;text-indent: 14px;overflow: hidden; width: 14px; height: 14px; cursor: pointer; background:url(../images/bannerIcon.png) no-repeat;}
.homeBanner .bx-has-pager .bx-pager .bx-pager-item a.active{background:url(../images/bannerIconOn.png) no-repeat;}
.homeBanner .bx-controls-direction{}
.homeBanner .bx-prev,.homeBanner .bx-next{display: none;width: 25px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 99;}
.homeBanner .bx-prev{background: url(../images/btn_hombanprev.png) no-repeat; left: 50%;margin-left: -501px;}
.homeBanner .bx-next{background: url(../images/btn_hombannext.png) no-repeat; right: 50%;margin-right: -501px;}

.homCharacteristicWarp{overflow: hidden; width: 100%;}
.homCharacteristic{position: relative;padding-top: 2%;padding-bottom: 4%;width: 100%; max-width: 1200px; margin: 0 auto;}
.homCharacteristic .bg{width:1285px;height: 105px;  position: absolute;bottom: 0; left: 50%;margin-left: -605px;  background:url(../images/bg_Characteristic.png) no-repeat bottom center;}
.homCharacteristic ul{position: relative; z-index: 9;}
.homCharacteristic li{float: left; margin-left: 13%;height: 41px; }
.homCharacteristic li a{display: inline-block;*display: inline;*zoom:1;}
.homCharacteristic li a .bgleft{padding-left:10px; display: inline-block;*display: inline;*zoom:1; }
.homCharacteristic li a .bgright{padding-right: 17px;display: inline-block;*display: inline;*zoom:1;}
.homCharacteristic li a span{line-height: 41px; display: inline-block;*display: inline;*zoom:1; font-size: 16px; clear: #5d5d5d;}
.homCharacteristic li a:hover span{color: #fff;}
.homCharacteristic li a:hover{background: url(../images/bg_hsrepeat.png) repeat;}
.homCharacteristic li a:hover .bgleft{background: url(../images/bg_hsleft.png) no-repeat left center;}
.homCharacteristic li a:hover .bgright{background: url(../images/bg_hsright.png) no-repeat right center;}



.homeCategory{width: 1200px;max-width: 100%; margin: 0 auto;}
.homeCategory ul li{width: 26%;float: left;overflow: hidden; margin-left: 5.5%;margin-top: 4%;position: relative;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 5px 5px 5px #cac9c9;
-webkit-box-shadow: 5px 5px 5px #cac9c9;
box-shadow: 5px 5px 5px #cac9c9;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#cac9c9');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#cac9c9')";
}
.homeCategory ul li a{display: block;height: 100%;width: 100%; position: absolute;z-index: 999;top: 0;left: 0;}
.homeCategory ul li img{width: 100%;}
.homeCategory ul li .overlay{position: absolute; top: 0;left: 0; z-index:2; display: none; width: 100%; height: 100%;text-align: center; background-color: #000000;}
.homeCategory .overlay table{width: 100%; height: 100%;}
.homeCategory .overlay td{vertical-align: middle;text-align: center; }
.homeCategory .overlay span{display: inline-block;*display: inline;*zoom:1; width: 72%;color: #fff;}
.homeCategory .hc_more{display: block;text-align: center; margin-top: 20px;}


.homeCase{ width:1200px;max-width: 100%; margin:0 auto; height:257px;}
.homeCase .homTitle{margin: 20px 0 30px 0;}
.homeCaseInfo .bd li .picListWarp{ background:url(../images/homeCaseBg.jpg) no-repeat top; margin: 0 8px;background-size: 100% auto;}
.homeCaseInfo .bd li.on .picListWarp{ }
.homeCaseInfo .bd li .pic{padding: 6px;}
.homeCaseInfo .bd li .pic a{display: block;position: relative; text-align:center}
.homeCaseInfo .bd li .pic .overlay{display: none;text-align: center; width: 100%; height: 100%;position: absolute;top: 0;overflow: hidden;}
.homeCaseInfo .bd li .pic .overlay table{width: 100%; height: 100%;}
.homeCaseInfo .bd li .pic .overlay span{display: inline-block;width: 144px;max-width: 72%; color: #fff;width: 100%;}
.homeCaseInfo .bd li .pic img{ height:156px;}
.homeCaseInfo .bd li .title{ height:42px; line-height:42px; text-align:center;}
.homeCaseInfo .bd li .title a{color:#000;}
.homeCaseInfo .bd li.on .title a{ color:#e60012}
.homeCaseInfo .bd li.on .overlay{display: block;}
.homeCaseInfo .bd li .title a:hover{ text-decoration:none;}
.leftLoop{ overflow:hidden; position:relative;padding: 0px 33.5px; }
.leftLoop .picList{width: 200%;}
.leftLoop .picList li{width: 214px;float: left;}
.leftLoop .bx-controls .bx-prev,.leftLoop .bx-controls .bx-next{display:block;  width:25px;text-indent: 25px; height:42px;position: absolute; top: 50%;margin-top: -21px;overflow:hidden;cursor:pointer;}
.leftLoop .bx-controls .bx-prev{left: 6px; background:url(../images/homeLeft.jpg) no-repeat;} 
.leftLoop .bx-controls .bx-prev:hover{ background:url(../images/homeLeftOn.jpg) no-repeat;}
.leftLoop .bx-controls .bx-next{right: 6px; background:url(../images/homeRight.jpg) no-repeat;} 
.leftLoop .bx-controls .bx-next:hover{ background:url(../images/homeRightOn.jpg) no-repeat;}
.homeBottom{ width:1200px;max-width: 100%; margin:0 auto;padding-top: 52px; background:url(../images/shadow_hombottom.png) no-repeat top center;}
.homeBottomLeft{width: 520px;float:left;}
.homeBottomLeftContent{ /*background:url(../images/homeBottomLeft.jpg) no-repeat;*/padding-bottom: 9px;  border:1px solid #ebebeb;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.homeBottomLeftContent .homeBottomLeftImg{ width:184px; height:119px; padding-top:14px; padding-left:11px; float:left;}
.homeBottomLeftContent .homeBottomLeftImg img{ width:184px; height:119px;}
.homeBottomLeftNews{ width:308px; float:right; padding-top: 13px;}
.homeBottomLeftNews ul li{ height:24px;}
.homeBottomLeftNews ul li a{ line-height:24px; padding-left:7px; background:url(../images/homeBottomLeftNewsIcon.jpg) no-repeat left center;color:#000; font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.homeBottomLeftNews ul li a:hover{color:#e60012; text-decoration:none;}
.homeBottomLeftNews ul li span{ float:right; color:#999999; font-size:10px; padding-right: 17px; line-height:24px; -webkit-transform:scale(0.830);}
.homeBottomCenter{ float:left;margin-left: 40px;}
.homeBottomCenter a{display: block; background:url(../images/homeBottomCenter.jpg) no-repeat; width:168px; height:139px;  margin-top:3px;}
.homeBottomCenter img{ width:160px; height:135px; padding-top:2px; padding-left:2px;}
.homeBottomRight{ width:359px; float:left;padding-top: 31px; margin-left:15px}
.homeBottomRight img{ width:199px; }
.homeContain{padding-bottom: 120px;background:#fff url(../images/bg_bottom1.png) no-repeat bottom center; position:relative; z-index:200;}

.HomLong{width: 962px;max-width: 100%;margin: 0 auto; background: url(../images/shadow_hombottom.png) no-repeat bottom center; padding: 31px 0 49px 40px;}
.HomLong .bgcenter{display: block; background: url(../images/bg_homlongrepeat.png) repeat;}
.HomLong .bgleft{background: url(../images/bg_homlongleft.png) no-repeat left center;background-size: auto 100%;}
.HomLong .bgright{background: url(../images/bg_homlongright.png) no-repeat right center;background-size: auto 100%; text-align:  center; }
.HomLong .bgright img{max-width: 90%;}
/*------------------home------------------*/
/*------------------content------------------*/
.Banner{ height: auto;position:relative; z-index:10; overflow:hidden; background-color: #fff}
.BannerCover{ background:url(../images/bannerBg2.png) no-repeat bottom center; position:absolute; width:100%;bottom: 0; z-index:50; height:550px;}
.BannerCover img{display: none;}
.Banner .BannerBg{background-position: -100%; height: auto;}
.Banner .BannerBg img{display: block; margin:0 auto}
.productSearch{width: 1200px;max-width: 98%;margin: 0 auto; height: 35px;display: none;}
.productSearch *{ margin:0px; padding:0px;}
.productSearch span{ float:right; margin-right:27px; color:#FFF; width:auto; height:30px; line-height:30px; background:url(../images/line.jpg) repeat-x; padding:0 10px; font-size:13px; }
.productSearchBox{ background:url(../images/productSearch.jpg) no-repeat; width:197px; height:32px; float:right; padding-left:17px;}
.productSearchBox .text{ width: 153px; height:32px; line-height:32px; border:none; outline:none; background:none;color:#e60012; font-size:12px; float:left;}
.productSearchBox .btn{ background:none; height:32px; width: 43px; border:none; cursor:pointer; cursor:pointer; outline:none; float:right;}
.contain{ width:1200px;max-width: 98%; margin:0 auto;padding-top: 2%;background-color: #fff; }
.sidebar{ width:201px; float:left;background-color: #f7f7f7;}
.sidebar *{ margin:0px; padding:0px;}
.sidebarTitle{ height:63px;}
.sideTitle_products{ text-align:center; line-height:63PX; font-size:20px}
.sideTitle_products span { font-size:12px; color:#999}
.sideTitle_about{ text-align:center; line-height:63PX; font-size:20px}
.sideTitle_about span { font-size:12px; color:#999}


.sideTitle_industry{ background:url(../images/sideTitle_industry.jpg) no-repeat;}
.sideTitle_service{ background:url(../images/sideTitle_service.jpg) no-repeat;}
.sideTitle_news{ background:url(../images/sideTitle_news.jpg) no-repeat;}
.sideTitle_dealer{ background:url(../images/sideTitle_dealer.jpg) no-repeat;}
.sideTitle_contact{ background:url(../images/sideTitle_contact.jpg) no-repeat;}
.sideTitle_talents{ background:url(../images/sideTitle_talents.jpg) no-repeat;}
.sideTitle_other{ background:url(../images/sideTitle_other.jpg) no-repeat;}
.sideTitle_member{ background:url(../images/sideTitle_member.jpg) no-repeat;}
.sideTitle_search{ background:url(../images/sideTitle_search.jpg) no-repeat;}
.sideTitle_member{ background:url(../images/sideTitle_member.jpg) no-repeat;}
.sidebarInfo{background: url(../images/sideBg.jpg) no-repeat bottom center;min-height: 250px;position: relative;padding-bottom: 64px;}
.sidebarInfo li a{ height:36px; background:url(../images/sideLi.png) no-repeat; font-size:14px; line-height: 32px; color:#fff;  padding-left: 38px; display:block;overflow:hidden;word-break:break-all;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.sidebarInfo li a.aon,.sidebarInfo li a:hover{ background:url(../images/sideLiHover.png) no-repeat;color:#fff; text-decoration:none;}
.sidebarInfo li ul{ display:none;}
.sidebarInfo li ul.show{display: block;}
.sidebarInfo li li a{ height:30px; line-height:30px; background:url(../images/sideDd.png) no-repeat; padding-left:27px; font-size:14px; color:#000;overflow:hidden;word-break:break-all;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.sidebarInfo li li a:hover,.sidebarInfo li li a.aon{ background:url(../images/sideDd.png) no-repeat;color:#e60012;}
.sidebarInfo li li li a{background: url("../images/ico_threenav.jpg") no-repeat 25px center;text-indent: 10px;}
.sidebarInfo li li li a:hover,.sidebarInfo li li li a.aon{background: url("../images/ico_threenav.jpg") no-repeat 25px center;color:#e60012;}

.sidebarInfo .tinynav_label{display: none;width: 20%;float: left;font-weight: bold;font-size: 1.4em;color: rgb(255, 255, 255);line-height: 38px;text-indent: 5px;}
.sidebarInfo .tinynav{display: none; height: 30px;line-height: 30px;margin: 4px 0;width: 78%;position: absolute;right: 1%;background-color: #f7f7f7;border: 1px solid #e5e5e5;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-indent: 2px;}


.mainContain{ margin-left: 244px;}
.mainContainTitle{ height:43px; border-bottom:1px solid #dfdfdf; overflow:hidden; position: relative;}
.mainContainTitle em{ float:left; display:inline-block; background:url(../images/homeIcon.jpg) no-repeat 1px 15px; padding-left:21px; line-height:43px; color: #e60012; font-size:20px;  font-style:normal;  overflow:hidden; white-space:nowrap;word-break:break-all;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.mainContainTitle font{color:#737373;position: absolute;right: 0;line-height:30px; font-size:12px; padding-right:10px; padding-top:10px; text-align:right; width:90%; overflow:hidden;word-break:break-all;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.mainContainTitle font a{line-height:30px; font-size:12px;color:#737373;}
.mainContainTitle font span{line-height:30px; font-size:12px;color:#737373;}

.productList{width: 104%; padding-bottom:10px;display: inline-block; *display: inline;*zoom:1; margin-top:20px}
.productList *{ margin:0px; padding:0px;}
.productList li{ width: 20%; float:left; margin-right: 3.7%; padding-bottom:1%;}
.productList .BgGrey{background-color: #fafafa; border:1px solid #ecebeb;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.productList .BgGrey img{ background: none;}
.productList a.a_img{display: block;position: relative;}
.productList .pimg{ width: 90%; padding:5%;position: absolute;left: 0;top: 0;}
.productList h3{ height:40px;line-height:40px; font-size:12px; color:#333333; font-weight:normal; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 80%;margin: 0 auto;}
.productList h3 a{ line-height:40px; font-size:12px; color:#333333; font-weight:normal;}
.productList h3 a:hover{color:#e60012; text-decoration:none;}

.productInfo{ padding-top:40px; padding-bottom: 10px;}


.productInfoImgSlide{background-color: #fff;border:1px solid #d5d5d5; -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;}
.productInfoImgSlide *{margin:0px; padding:0px;}
.productInfoImgSlide .picBtnTop{position:relative; overflow:hidden;  zoom:1;   } 
.productInfoImgSlide .picBtnTop .hd{position:absolute; right: 0px;padding-left: 7px; padding-right: 15px; background-color: #f3f3f3;} 
.productInfoImgSlide .picBtnTop .hd .tempWrap{ height:333px; overflow: hidden;}
.productInfoImgSlide .picBtnTop .hd .tempWrap ul{position: relative; height: 9999px;}
.productInfoImgSlide .picBtnTop .hd ul li{ padding:0 0 10px 0px;  text-align:center; line-height:0px;  } 
.productInfoImgSlide .picBtnTop .hd ul li img{ width:125px; height:97px;cursor:pointer; padding:2px 2px 2px 11px; background:url(../images/productInfoImgSlideLi.jpg) no-repeat;background-size: 100% 100%;} 
/*.productInfoImgSlide .picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; } */
.productInfoImgSlide .picBtnTop .hd ul li.on img{ background:url(../images/productInfoImgSlideHover.jpg) no-repeat;background-size: 100% 100%;}
 
.productInfoImgSlide .picBtnTop .bd{padding-left:9px; margin-right: 160px; position:relative;height: 100%; } 
.productInfoImgSlide .picBtnTop .bd table{width: 100%;height: 100%;vertical-align: middle;}
.productInfoImgSlide .picBtnTop .bd img{width: 100%;} 
.productInfoImgSlide .picBtnTop .bd li{display: none; } 
.productInfoImgSlide .picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px;  } 
.productInfoImgSlide .picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    } 
.productInfoImgSlide .picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  } 
.productInfoImgSlide .picBtnTop .bd li .title a{ color:#fff;  } 

.PITWarp{height: 46px;margin-top: 30px;}
.productInfoTab{background: url(../images/bg_PITab.jpg) repeat-x top;height: 46px; }
.productInfoTab.Fixed{position: absolute;top: 0;margin-top: 0;width: 100%;}
.productInfoTab .Bg_Left{background: url(../images/bg_PITabLeft.jpg) no-repeat left top;*width: 100%;}
.productInfoTab .Bg_Right{background: url(../images/bg_PITabRight.jpg) no-repeat right top;*width: 702px; padding:0 13px;position: relative;}
.productInfoTab li{float: left;}
.productInfoTab li a{display: block;position: relative;width:94px;line-height: 37px;background: url(../images/line_PITab.jpg) no-repeat right;  font-size: 14px;color: #fff;text-align: center;}
.productInfoTab li a:hover,.productInfoTab li.on a{background:#48d0d2; }
.productInfoTab li a:hover span,.productInfoTab li.on span{display: block;width: 17px;height: 9px;position: absolute;left: 50%;margin-left: -8.5px;bottom: -9px; background: url(../images/arrow_PITab.png) no-repeat;}
.productInfoTab .bx-wrapper{float: left;}
.productInfoTab .bx-viewport{padding-bottom: 9px;}
.productInfoTab .bx-prev,.productInfoTab .bx-next{width: 24px;text-indent: 24px; height: 37px;overflow: hidden; display: block;position: absolute;top: 0px;  background: url(../images/arr7.gif) no-repeat center;}
.productInfoTab .bx-prev{background-position:left center;left: 0;}
.productInfoTab .bx-next{background-position:right center;right: 0;}
.productInfoTab .disabled{display: none;}
.productInfoCont{width: 100%;overflow: hidden;}
.productInfoCont .TabDefault{color: #e60012;font-size: 14px; line-height: 2em; font-weight: normal;margin: 0;}
.productInfoCont .TabDefault span{color: rgb(51, 51, 51);}
.productInfoCont .TDtitle{border-bottom: 1px solid #e60012;margin-bottom: 5px;padding-bottom: 5px;margin-top: 10px;}

.DownloadList li{border-bottom:dashed 1px #d5d5d5;padding-left: 30px; background: url(../images/ico_download.png) no-repeat left center;}
.DownloadList li a{line-height: 46px;}

.productInfoCont .other{ line-height:36px; padding-left: 4px; font-size:14px; color:#333333;}
.productInfoCont .other *{ margin:0px; padding:0px;}
.productInfoCont .other p{line-height:36px; font-size:14px; color:#333333;}
.productInfoCont .other p font{line-height:36px; font-size:14px; color:#e60012;}

.productDownBtn{ padding:15px 0 15px 7px; height:36px;}
.productDownBtn a{ background:url(../images/productDownBtn.jpg) no-repeat; width:150px; height:36px; display:block; float:left;} 
.productDownBtn span{ line-height:36px; padding-left:20px;}

.productFeedback{background-color: #f5f5f5;border: 1px solid #c9c9c9;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius:20px; padding-top: 8px;   margin-top: 30px;}
/*.productFeedback.productFeedback1{background:url(../images/onlineTable1.jpg) no-repeat;  height:340px;}
.productFeedback.productFeedback2{background:url(../images/onlineTable2.jpg) no-repeat;  height:494px;}
.productFeedback.productFeedback3{background:url(../images/onlineTable3.jpg) no-repeat;  height:415px;}*/
.productFeedbackTop{ text-align:center;color: #e60012;font-size: 20px; width: 90%;margin: 0 auto;background: url(../images/line_onlineTable.jpg) repeat-x center;}
.productFeedbackTop span{display: inline-block;*display: inline;*zoom:1; background-color: rgb(245, 245, 245);padding: 0px 14px;}
.productFeedbackTop font{color: #e60012;font-size: 20px;display:inline-block; padding:0px 12px; line-height:40px; background:#F5F5F5;}
.productFeedback dl{ font-size:14px;color:#333333; width: 50%;float: left;height: 29px;padding: 4px 0;}
.productFeedback dl.long{width: 100%;}
.productFeedback dl dt{width: 128px;float: left;text-align: right; line-height: 29px;}
.productFeedback dl dd{margin-left: 128px;}
.productFeedback dl dt.dt2{width: 93px; }
.productFeedback dl dd.dd2{margin-left: 93px;}
.productFeedback .text{ height:25px; line-height:25px; background:#fff; border:1px solid #9cc1d5; max-width: 95%; outline:none;}
.productFeedback dl dd.dd2 .text{width: 220px;}
.productFeedback dl.long .text{width: 530px;max-width: 98%;}
.productFeedback .BtnDl{height: 28px;padding:16px 0px;}
.productFeedback dl.textAreaDl{height: auto;}
.productFeedback .textArea{height: 56px; line-height:25px; background:#fff; border:1px solid #9cc1d5; width: 530px;max-width: 95%; outline:none; line-height:24px; resize:none;}
.productFeedback .btn{ background:url(../images/submit.jpg) no-repeat; width:118px; height:28px; border:none; cursor:pointer; outline:none;}
.productFeedback .btn1{ background:url(../images/submit1.jpg) no-repeat; width:118px; height:28px; border:none; cursor:pointer; outline:none;}
.productFeedback .btn2{ background:url(../images/btnBg1.gif) no-repeat; width:118px; height:28px; border:none; cursor:pointer; outline:none; text-align:center; color:#fff; font-size:14px; font-weight:normal; line-height:26px;display:inline-block;}

.FeedbackTable{width: 690px;max-width: 100%;}
.LonginTable dl{width: 100%;padding: 10px 0;}
.LonginTable dl dt{width: 36%;float: left;text-align: right; line-height: 29px;}
.LonginTable dl dd{margin-left: 36%;}
.LonginTable .text{height:25px; line-height:25px; background:#fff; border:1px solid #9cc1d5;width: 203px; max-width: 95%; outline:none;}

.industryList{ padding-top:32px;}
.industryListIndex{padding-bottom:40px;}
.industryList *{ margin:0px; padding:0px;}
.industryList{width: 104%;}
.industryList li{  width: 29.6%; float:left; margin-right: 3.7%; padding-bottom:5%; position:relative;*position: static; z-index:200;}
.industryList li.first{margin-left: 0;}
.industryList img{width: 100%;}
.industryList .ImgLink{padding: 3px;border:1px solid #dadada; display:block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.industryList .on .ImgLink{background-color: #3bb3c3;border:1px solid #3bb3c3;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.industryList h3{ height:40px; overflow: hidden; text-align:center;}
.industryList h3 a{ line-height:40px; font-size:14px; color:#333333; font-weight:normal;}
.industryList .on h3{background: #3bb3c3 url(../images/industryListImgHover_03.jpg) center no-repeat;background-size: auto 100%;  -moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.industryList .on h3 a{color:#fff; text-decoration:none;}
.industryList .on h3 a:hover{color:#fff; text-decoration:none;}

.faqInfo{ padding-top:13px; padding-bottom:10px;}

.honorList{ padding-top:37px;width: 104%;}
.honorList *{ margin:0px; padding:0px;}
.honorList li { width: 29.6%; float:left; margin-right: 3.7%; padding-bottom:5%; }
.honorList li.first{margin-left: 0;}
.honorList li .img{padding:6px; background-color: #eee;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.honorList li img{width: 100%;}
.honorList li h3{ padding:10px 18px; text-align:center;color:#484747; line-height:20px; font-size:14px;  font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*.honorList li h3 a{color:#484747; line-height:20px; font-size:14px;  font-weight:normal;}*/

.magazineInfo{ padding-top:30px; padding-bottom:80px;}
.magazineInfoSlide{width:721px; max-width: 98%;margin: 0 auto; background-color:#eee;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; }
.magazineInfoSlide *{margin:0px; padding:0px;}
.magazineInfoSlide .picBtnTop{ width:100%;position:relative; overflow:hidden;  zoom:1;   } 
.magazineInfoSlide .picBtnTop .hd{ width: 100%;  height:96px; margin: 2% 0; position: relative;}
.magazineInfoSlide .picBtnTop .tempWrap{ width:610px; float:left; overflow: hidden;}
.magazineInfoSlide .picBtnTop .hd ul{ width:3000%; float:left;}
.magazineInfoSlide .picBtnTop .hd ul li{ width:112px; height:96px; line-height:0px; float:left;} 
.magazineInfoSlide .picBtnTop .hd ul li img{ width:106px; height:90px;cursor:pointer; border:3px solid #eeeeee;} 
/*.productInfoImgSlide .picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; } */
.magazineInfoSlide .picBtnTop .hd ul li.on img{ border:3px solid #008ecc;}
.magazineInfoSlide .picBtnTop .hdwarp{padding:0 56px;}
.magazineInfoSlide .picBtnTop .hd .bx-prev{ display:block; background:url(../images/magazineLeft.jpg) no-repeat 29px center; width:56px; height:96px;text-indent: 56px;overflow: hidden; position:absolute;left: 0;top: 0%; }
.magazineInfoSlide .picBtnTop .hd .bx-prev:hover{ background:url(../images/magazineLeftHover.jpg) no-repeat 29px center;}
.magazineInfoSlide .picBtnTop .hd .bx-next{ display:block; background:url(../images/magazineRight.jpg) no-repeat 13px center; width:55px; height:96px;text-indent: 56px;overflow: hidden; position:absolute;right: 0;top: 0%;}
.magazineInfoSlide .picBtnTop .hd .bx-next:hover{ background:url(../images/magazineRightHover.jpg) no-repeat 13px center;}
.magazineInfoSlide .picBtnTop .bd{padding:2%; position:relative; margin:0 auto; background:#fff; border:1px solid #dedede;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; } 
.magazineInfoSlide .picBtnTop .bd img{width: 100%;} 
.magazineInfoSlide .picBtnTop .bd li{ position:relative; zoom:1; display: none; } 
.magazineInfoSlide .picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px;  } 
.magazineInfoSlide .picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    } 
.magazineInfoSlide .picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  } 
.magazineInfoSlide .picBtnTop .bd li .title a{ color:#fff;  } 

.newslist{ padding-top:18px;}
.newslist *{margin:0px; padding:0px;}
.newslist li{ padding-top:22px; padding-bottom:20px; border-bottom:1px dotted #a9a9a9; padding-right:27px;}
.newslist li dt{width:157px; height:106px;float:left; padding-right:20px;}
.newslist li img{ width:100%; height:100%; }
.newslist li dd{min-height: 106px;}
.newslist li h3 a{ font-size:14px; color:#e60012; font-weight:normal; line-height:34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.newslist li h3 span{ font-size:14px; font-family:Arial;color:#a2a2a2; font-weight:normal; line-height:34px; float:right;}
.newslist li p{ font-size:12px; color:#808080; font-weight:normal; line-height:20px; height: 40px; overflow: hidden;}
.newslist li p a{ font-size:12px; color:#e60012; font-weight:normal; line-height:20px;}

.dealerList{ padding-top: 10px;}
.dealerList *{margin:0px; padding:0px;}
.dealerList li{ padding-top: 17px; padding-bottom:20px; border-bottom:1px dotted #a9a9a9; padding-right:27px; padding-left:15px;}
.dealerList li h3 a{ font-size:14px; color:#e60012; font-weight:normal; line-height:34px; background:url(../images/dealerListIcon.jpg) no-repeat left center; padding-left:15px;}
.dealerList li h3 span{ font-size:14px; font-family: "微软雅黑";color:#a2a2a2; font-weight:normal; line-height:34px; float:right;}
.dealerList li p{ font-size:12px; color:#808080; font-weight:normal; line-height:20px;}
.dealerList li p a{ font-size:12px; color:#e60012; font-weight:normal; line-height:20px;}

.contactInfo{ padding-top:36px; padding-bottom:80px;}

.links{ padding-top:35px;}
.links *{ margin:0px; padding:0px;}
.links ul li{ text-align:center; width: 25%; float:left; height:125px; overflow:hidden; padding: 0px 4.1%;}
.links ul .pic{ border:solid 1px #e0e0e0; padding:1px; }
.links ul .pic img{ width: 100%;}
.links ul h5{ font-size:12px; font-weight:normal; padding:8px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.links ul h5 a{ color:#696969;}
.links ul h5 a:hover{ color: #e60012; text-decoration:underline;}

/*------------------content------------------*/

.industryCaseList *{margin:0px; padding:0px;}
.industryCaseList{width: 104%;}
.industryCaseList li{ width: 29.6%; float:left; margin-right: 3.7%;overflow:hidden; margin-bottom:10px;text-align: center;}
.industryCaseList li.first{margin-left: 0px;}
.industryCaseList li img{width: 100%;}
.industryCaseList li h3{ line-height:20px;color:#337fe5; font-size:12px; font-weight:normal;}
.industryCaseList li p{ line-height:20px;color:#999; font-size:12px;}



.industryRecommList *{margin:0px; padding:0px;}
.industryRecommList li{width: 22%;padding: 0 2% 0 1%;  float:left; text-align: center;overflow:hidden; margin-bottom:10px;}
.industryRecommList li img{ width: 100%;}
.industryRecommList li h3{line-height:20px;height: 40px;color:#337fe5; font-size:12px;font-weight:normal;}
.industryRecommList li h3 a{ line-height:20px;height: 40px;color:#337fe5; font-size:12px;font-weight:normal;}

/*Start*/
.templet_video_001{ position:relative; height:300px;}
.templet_video_001 .videoBig{ position:absolute;}
.templet_video_001 .videoList{ position:absolute; right:150px; width:122px;}
.templet_video_001 .videoList .arrowPrev{  height:14px; width:122px; cursor:pointer; margin-bottom:12px; background:url(../images/templet_video_arrow.jpg) no-repeat top;}
.templet_video_001 .videoList .arrowNext{ height:14px; width:122px; cursor:pointer; margin-top:12px; background:url(../images/templet_video_arrow.jpg) no-repeat bottom;}
.templet_video_001 .listBox{ height:240px; overflow:hidden;}

.templet_video_001 .listImg li{ height:120px; overflow:hidden;}
.templet_video_001 .listImg .pic{ border:solid 1px #dddee0; text-align:center; padding:7px 0px 25px 0px; background:url(../images/templet_video_play.jpg) no-repeat bottom;}
.templet_video_001 .listImg .pic img{ width:105px; height:57px;}
.templet_video_001 .listImg h5{ font-size:12px; font-weight:normal; padding:3px 8px 0px 8px; line-height:22px;}
.templet_video_001 .listImg h5 a{ color:#207bcb;}
/*End*/

/*联系我们*/
.MapCh{display: block;width: 640px;max-width: 98%; margin: 0 auto; position: relative;}
.MapCh li{position: absolute; /*width: 2%;*/width: 12px; }
.MapCh li img{cursor:pointer;}
.MapInfo{position: absolute;display: none; top: 50%;margin-top: -109px;left: 50%;margin-left: -209px;z-index: 2; width: 418px;    height: 270px; background-color: #fff; border:1px solid #004c95;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
.MapInfo .btn_close{display: block;width: 20px;height: 20px; background: url(../images/btn_colse.png) no-repeat; position: absolute;right: 5px;top: 5px;z-index: 99;}
.MapInfo dd .MapContent{padding:13px 20px}
.MapInfo .MapContent .h3{font-size: 14px;color: #e60012; line-height: 24px; font-weight: bold;}
.MapInfo .MapContent .p{font-size: 12px;color: #484747; line-height: 24px;}
.MapInfo .MapContent .bth_lookmap,.MapInfo .MapContent .bth_maplink{display: inline-block;height: 24px;}
.MapInfo .MapContent .bth_lookmap img,.MapInfo .MapContent .bth_maplink img{margin-top: -4px;}
.MapInfo .bx-has-pager{position:absolute; left: 21px;bottom: 2px;}
.MapInfo .bx-has-pager .bx-pager .bx-pager-item{display: inline-block;margin-right:7px; }
.MapInfo .bx-has-pager .bx-pager .bx-pager-item a{display: block;overflow: hidden; width: 24px; height: 24px;text-align: center; line-height: 24px; color: #e60012; cursor: pointer; background:url(../images/ico_MapInfo.jpg) no-repeat;}
.MapInfo .bx-has-pager .bx-pager .bx-pager-item a.active{background:url(../images/ico_MapInfoOn.jpg) no-repeat; color: #fff;}

.MapSelectWarp{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9; display: none;}
.MapSelect{min-height: 38px;background-color: rgb(203, 53, 52);border-radius: 3px;position: absolute;width: 96%;left: 2%;top: 0;z-index: 9;margin-top: -19px;}
.MapSelect label{width: 30%;float: left;font-weight: bold;font-size: 1.4em;color: rgb(255, 255, 255);line-height: 38px;text-indent: 5px;}
.MapSelect select{ height: 30px;line-height: 30px;margin: 4px 0;width: 68%;float: left;background-color: #f7f7f7;border: 1px solid #e5e5e5;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-indent: 2px;}


.MapCh li.a1{left:67%;top: 85%;}
.MapCh li.a2{left: 62.5%;top: 92%;}
.MapCh li.a3{left: 71%;top: 82%;}
.MapCh li.a4{left: 75.5%;top: 80.5%;}
.MapCh li.a5{left: 85.5%;top: 79%;}
.MapCh li.a6{left: 79.5%;top: 71.3%;}
.MapCh li.a7{left: 82.5%;top: 63.5%;}
.MapCh li.a8{left: 75.5%;top: 65.4%;}
.MapCh li.a9{left: 83%;top: 58%;}
.MapCh li.a10{left: 76.5%;top: 57%;}
.MapCh li.a11{left: 79%;top: 50.5%;}
.MapCh li.a12{left: 76%;top: 43.7%;}
.MapCh li.a13{left: 72%;top: 38.7%;}
.MapCh li.a14{left: 74%;top: 33.3%;}
.MapCh li.a15{left: 70%;top: 31.1%;}
.MapCh li.a16{left: 83.5%;top: 28%;}
.MapCh li.a17{left: 88%;top: 21.3%;}
.MapCh li.a18{left: 89%;top: 11.6%;}
.MapCh li.a19{left: 65.5%;top: 67.3%;}
.MapCh li.a20{left: 67%;top: 56.6%;}
.MapCh li.a21{left: 68%;top: 50.5%;}
.MapCh li.a22{left: 66%;top: 41.1%;}
.MapCh li.a23{left: 60%;top: 79%;}
.MapCh li.a24{left: 57%;top: 73%;}
.MapCh li.a25{left: 58%;top: 60%;}
.MapCh li.a26{left: 60%;top: 49.3%;}
.MapCh li.a27{left: 57.5%;top: 32%;}
.MapCh li.a28{left: 55%;top: 41.5%;}
.MapCh li.a29{left: 47%;top: 56.5%;}
.MapCh li.a30{left: 46%;top: 76%;}
.MapCh li.a31{left: 39%;top: 32%;}
.MapCh li.a32{left: 35%;top: 42.6%;}
.MapCh li.a33{left: 22.5%;top: 55.2%;}
.MapCh li.a34{left: 19.5%;top: 26%;}

.MapInfoLIist dl{width: 364px;max-width: 100%;float: left; margin-top: 36px;}
.MapInfoLIist dt{width: 58px;float: left;}
.MapInfoLIist dd{margin-left: 63px;padding-right: 4px;}
.MapInfoLIist dt .h2{width: 58px;height: 58px;line-height: 58px; font-size: 18px; color: #fff; font-weight: bold;text-align: center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; background: url(../images/bg_round.png) no-repeat center;}
.MapInfoLIist dt .bth_lookmap,.MapInfoLIist dt .bth_maplink{display: block;margin-top: 15px;}
.MapInfoLIist dd .addressinfo{height: 168px;}
.MapInfoLIist dd .h3{font-size: 14px;color: #e60012; line-height: 24px; font-weight: bold;}
.subtitle{font-size: 14px;background-color:#e60012;color:#fff;padding: 2px 5px;}
.MapInfoLIist dd .p{font-size: 12px;color: #484747; line-height: 24px;}


.contactmap{ position:fixed; width:796px;max-width: 98%; height:496px; left:50%; top:50%; margin:-250px 0 0 -400px; border:2px solid #000; background:#fff; overflow:hidden;z-index: -1; }
.contactmap .clear{ display:block; position:absolute; right:0; top:0; width:39px; height:39px; cursor:pointer; background:url(../images/about_alert_close.jpg) no-repeat; z-index:333;}
.contactmap .ul{ width:11144px; height:496px; position:relative;}
.contactmap .ul li{ float:left; width:796px; height:496px;}

/*404*/
.page404{width: 1200px;margin: 0 auto;max-width: 98%;min-height: 377px;}
.page404 .Img{width: 45%;float: left;padding-top: 4%;}
.page404 .Info{width: 46%;float: right;padding-top: 12%; font-size: 14px;}
.page404 .Info h2{margin: 0;font-size: 32px;}
.page404 .Info em{font-size: 16px;}
.page404 .Info .Solution{border-top: 1px solid #8d8d8d;}
.page404 .Info .Solution dl{padding-top: 10px;}
.page404 .Info .Solution a{color: #00A0FF;}
.page404 .Info .Solution .btn{display: inline-block;*display: inline;*zoom:1; width: 89px;height: 34px;line-height: 34px;text-align: center;color: #fff; background: url(../images/btn_404.jpg) no-repeat;}
@media screen and (max-width:640px){
	.page404 .Img,.page404 .Info{width: 96%; margin: 0 auto;}

}

/*涨高未加载完的Banner高度*/
@media screen and (min-width:320px){.homeBanner{min-height:91px;}}
@media screen and (min-width:640px){.homeBanner{min-height:183px;}}
@media screen and (min-width:748px){.homeBanner{min-height:214px;}}
@media screen and (min-width:1004px){.homeBanner{min-height:287px;}}
@media screen and (min-width:1260px){.homeBanner{min-height:361px;}}
@media screen and (min-width:1420px){.homeBanner{min-height:406px;}}
@media screen and (min-width:1660px){.homeBanner{min-height:475px;}}
@media screen and (min-width:1900px){.homeBanner{min-height:544px;}}

@media screen and (max-width:1440px){

.homeCoverBot{background-position:  -2560px;overflow: hidden;width: 100%; height: auto;}
.homeCoverBot img{width: 200%;max-width: 200%; margin-left: -50%; display: block;}
.BannerCover{background-position: -2560px;overflow: hidden;width: 100%; height: auto;}
.BannerCover img{width: 200%;max-width: 200%; margin-left: -50%; display: block;}

.homeBanner .bd li .Text{display: none;}
.bx-has-pager{left: auto;right: 20px;margin-left: 0px;}
.bx-has-pager .bx-pager{padding: 0px;}

.homeBanner .bx-controls{width: 100%;text-align: center;left: 1%;margin-left: 0;}
.homeBanner .bx-has-pager .bx-pager{right: auto;left: 50%\9; display: inline-block;*display: none;bottom: 8%;margin-left: -84px;}


}

@media screen and (max-width:1024px){
.TRImg{display: none;}
.homeBottom{width: 923px;}
.homeBottomLeft{width: 55%;margin-left: 0px;}
.homeBottomLeftNews{width: auto;float: none;margin-left: 207px;}
.homeBottomCenter{margin-left: 3%;width: 18%;}
.homeBottomCenter a{width: auto;height: auto;background-size: 100% 100%;padding: 2px 5px 2px 2px;}
.homeBottomCenter img{width: 100%;height: auto;padding: 0px;}
.homeBottomRight{width: 21.5%;}
.homeBottomRight img{width: 100%;}
.HomLong{padding: 31px 0px 49px;max-width: 98%;width: 923px;}
.bottom .backtop{display: none;}



.bottomNav{padding-left: 20px;}
.bottomLogo{background: url(../images/bottomLogo.png) no-repeat 21px 20px;padding-left: 144px;}
.bottomCopy{padding-left: 20px;}

.homeCase .homTitle{margin: 20px 1% 30px 1%;}



.homeContain{background: none; padding-bottom:1px;}
.homeContain .bg_hbt{display: block;line-height: 0;}
.bottomBg{background-size: 150% auto; padding-top: 3%;}
}
@media screen and (max-width:1200px){
.top .logo,.mainnav{padding-left: 10px;}	
.homeBanner .bd li .Text{left: 0px;margin-left: 0px;}
.mainContain{margin-left: 230px;}
.mainContainTitle font{display:none;}
.homeCaseInfo .bd li .pic .overlay span{max-width: 98%;}
.homeBanner .bx-prev{left: 0;margin-left: 0;}
.homeBanner .bx-next{right: 0;margin-right: 0;}

.contactmap{width: 97%;height: 496px; left: 1%; top: 1%; margin: 0;}
}
@media screen and (max-width:1024px){
.mainnav{margin: 0 auto;}
.TRTop{margin-top: 35px;}
.mainnav{ height:38px; width:100%; background-color:#e60012}
.mainnav ul{ text-align:center; margin:0 auto; width:1024px}
.mainnav ul li{ float:left;}
.mainnav ul li a{ line-height:38px; display:block; padding:0px 31px 0 31px;color:#fff; background:url(../images/mainnavLine.jpg) no-repeat left center; font-size:16px; text-align:center}
.mainnav ul li a.aon,.mainnav li a:hover{color:#fff; text-decoration:underline }
.mainnav ul li a#mainnav1{ padding-left:0px; background:none;}
.homeCategory ul li{width: 46%; margin: 4% 2% 0 2%;}

.homCharacteristic li{margin-left: 5%;}
.topMember{top: 19px;right: 269px;}
.topMember1{top: 19px;right: 269px;}
}

@media screen and (max-width:932px){
.mainnav{margin: 0 auto;}
.TRTop{margin-top: 35px;}
.mainnav{ height:38px; width:100%; background-color:#e60012}
.mainnav ul{ text-align:center; margin:0 auto; width:932px}
.mainnav ul li{ float:left;}
.mainnav ul li a{ line-height:38px; display:block; padding:0px 18px 0 18px;color:#fff; background:url(../images/mainnavLine.jpg) no-repeat left center; font-size:16px; text-align:center}
.mainnav ul li a.aon,.mainnav li a:hover{color:#fff; text-decoration:underline }
.mainnav ul li a#mainnav1{ padding-left:0px; background:none;}
.homeCategory ul li{width: 46%; margin: 4% 2% 0 2%;}

.homCharacteristic li{margin-left: 5%;}
.topMember{top: 19px;right: 269px;}
.topMember1{top: 19px;right: 269px;}
}
@media screen and (max-width:768px){
.mainContain{ margin-left: 224px;}
.top .logo img{  width:500px;}
.TRTop{float: right;margin-top: 13px;}


.bottomErweima{position: relative; float: left;margin-left: 20px;margin-top: 10px; left: 0px;top: 0;margin-bottom: 20px;}
.bottomErweima img{left: 83px;}
.mainnav{ height:38px; width:100%; background-color:#e60012}
.mainnav ul{ text-align:center; margin:0 auto; width:768px}
.mainnav ul li{ float:left;}
.mainnav ul li a{ line-height:38px; display:block; padding:0px 15px 0 15px;color:#fff; background:url(../images/mainnavLine.jpg) no-repeat left center; font-size:16px; text-align:center}
.mainnav ul li a.aon,.mainnav li a:hover{color:#fff; text-decoration:underline }
.mainnav ul li a#mainnav1{ padding-left:0px; background:none;}
.homeCategory ul li{width: 46%; margin: 4% 2% 0 2%;}

.productInfoImgSlide .picBtnTop .hd{padding: 0px;}
.productInfoImgSlide .picBtnTop .hd ul li img{width: 100px;height: 77.6px;}
.productInfoImgSlide .picBtnTop .bd{margin-right: 138px;}

.productFeedback dl{width: 100%;}
.productFeedback dl dt.dt2{width: 128px;}
.productFeedback dl dd.dd2{margin-left: 128px;}
.productFeedback .text{width: 95%;}
.productFeedback dl.long .text{width: 95%;}
.productFeedback dl dd.dd2 .text{width: 95%;}
.productFeedback .BtnDl dt{display: none;}
.productFeedback .BtnDl dd{margin-left: 0;text-align: center;}
.LonginTable .text{width: 64%;}

.top .logo .Websitelogo{position: static;display: inline-block;*display: inline;*zoom:1;}
}
@media screen and (max-width:640px){
.homeContain{padding-bottom: 120px;background:#fff url(../images/mbg.png) no-repeat bottom center; position:relative; z-index:200;}
.mobile_top{display: block;}
.pc_top .logo,.pc_top .mainnav,.pc_top .TRImg{display: none;}
.homeBanner .bx-prev,.homeBanner .bx-next{display: block;}
.homeBanner .bx-has-pager .bx-pager{display: none;}
.pc_top .TRTop{margin-top: 5px;}
.topRight{padding-right: 2%; width: 98%;}
.TRSearch{width: 96%;position: absolute;margin-top: 0px;top: 77px;left: 2%;}
.SearchSelect{float: left;border: 1px solid rgb(233, 237, 238); background: url(../images/arrow_search.png) no-repeat 64px center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
.searchBox{border: 1px solid rgb(233, 237, 238);background: transparent none repeat scroll 0% 0%;float: none;margin-left: 10px;width: auto;margin-right: 56px;height: 22px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
.searchBox .text{line-height: 22px;height: 22px;width: 100%;}
.searchBox .btn{position: absolute;float: none;right: 0px;width: 48px;height: 24px;background: url(../images/btn_search.jpg) no-repeat ; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
.SearchSelect li a{height: 30px;line-height: 30px;font-size: 14px;}

.homCharacteristic .bg{background: none;}

.bottomBg .BotBg{display: block;}
.bottomErweima,.waphidden{display: none;}
body #qiao-wrap{display: none;}

.sidebarInfo .tinynav,.sidebarInfo .tinynav_label,.MapSelectWarp{ display: block }
#nav,.sidebarTitle{ display: none }
.sidebarInfo li ul.show{display: none;}
.sidebar,.mainContain{width: 96%;margin: 0 2%;float: none;}
.sidebarInfo{min-height: 38px;background-color: rgb(203, 53, 52);background-image: none; border-radius: 3px;padding-bottom: 0;}

.homCharacteristic ul{text-align: center;}
.homCharacteristic li{margin: 0 0 10px 0;float: none;}
.homeCase{width: 96%; margin:  0 auto; height: auto; padding-bottom: 5%;}
.homeBottomLeft{width: 96%;margin: 0px 2% 4%; float: none;}
.homeBottomCenter{width: 46%;margin-left: 2%;}
.homeBottomRight{width: 46%;margin-right: 2%;}
.homeCaseInfo .bd li .title{height: 23px;line-height: 23px;}

.newslist li dt{width: 120px; height: 72px;padding-right: 10px;}
.newslist li h3 a{line-height: 1em;margin-bottom: 8px;}
.newslist li h3 span{display: none;}
.newslist li dd{min-height: 72px;}

.productSearchBox{padding-bottom: 2%;}
.productSearch{max-width: 94%;}
.productList li{width: 40%;margin: 0 4%;}
.productList li.first{margin: 0 2%;}

.industryList li{width: 46%;margin: 0 2%;}
.industryList li.first{margin: 0 2%;}

.industryCaseList li{width: 46%;margin: 0 2%;}
.industryCaseList li.first{margin: 0 2%;}

.honorList li{width: 46%;margin: 0 2%;}
.honorList li.first{margin: 0 2%;}
.honorList li h3{white-space:normal; height: 40px;}

.industryRecommList li{width: 46%;padding: 0 2%;}

.links ul li{width: 46%;padding: 0 2%;}

.bottomLogo{padding-left: 20px; background: none;}
.bottomNav{line-height: 24px;}
.bottomNav,.bottomLogo,.bottomCopy{padding: 0 10px; float: none;}

.LonginTable dl dt{width: 5em;}
.LonginTable dl dd{margin-left: 5em;}
.ContactTable.productFeedback dl dt{width: 86px;}
.ContactTable.productFeedback dl dd{margin-left: 86px;}

.productList{width: 100%;}
.moblie-menu .dl-trigger img{}
}
@media screen and (max-width:480px){
.top .logo img{  width:500px;}
.TRTop{float: right;margin-top: 13px;}

.productInfoImgSlide .picBtnTop .hd{padding: 0px;}
.productInfoImgSlide .picBtnTop .hd ul li img{width: 75px;height: 58.2px;padding: 1px 1px 1px 6px;}
.productInfoImgSlide .picBtnTop .bd{margin-right: 100px;}
.productInfoImgSlide .sPrev,.productInfoImgSlide .sNext{ width: 100px;display: block;}

.homeBottomLeftContent .homeBottomLeftImg{width: 100px;}
.homeBottomLeftContent .homeBottomLeftImg img{width: 100px; height: 65px;margin-top:27px;}
.homeBottomLeftNews{margin-left: 115px;}

.homeCategory ul li{width: 96%; margin: 4% 2% 0 2%;}
.homeCaseInfo .bd li .pic .overlay span{line-height: 18px;}
}
@media screen and (max-width:420px){
.mobile_top .logo img{width: 60%;}
.mobile_top .btn_back img{height: 36px;}
.moblie-menu .dl-trigger img{}
}
@media screen and (max-width:320px){

}


/*手机CSS*/
.moblie-menu{position: absolute;right: 4%;top: 27px;/*width: 11%;*/z-index: 999;width: 180px; height: 45px;}
.dl-menuwrapper {width: 100%;position: absolute;top:0;left:0;
	z-index: 100;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%; 
	text-align: right;
}
.dl-menuwrapper:first-child {}
.dl-menuwrapper button {
	border:none;
	width: 64px;
	height: 64px;
	overflow: hidden;
	position: absolute;
	top:0; 
	right:0;
	padding:0;
	cursor: pointer;
	outline: none;
	color: #bedef8; text-align:center; background:url(../images/btn_menu.png) no-repeat center center #565e6b;
}
.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {

}

.dl-menuwrapper ul {
	background: #565e6b;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff; text-align:center;
	border-top: 1px solid #4E535A;
	border-bottom:1px solid #6D7788;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	content: ".";
	display: block;
    width: 8px;
    text-indent: 8px;
    height: 42px;
    overflow: hidden;
	background: url(../images/arrow-wapmenu.jpg) no-repeat center;
}
@media (max-width:640px)
{
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {line-height: 30px;}
.dl-menuwrapper li a {padding: 10px 15px;font-size: 14px;}	
.dl-menuwrapper button {width: 44px;height: 44px; background-size:70% auto;}
}
.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	margin: 0;
	position: absolute;
	right: 0;
	z-index: 99;
	width: 180px;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}
/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	/*top: 90px;*/
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;


	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;}
	100% {-webkit-transform: translateZ(-200px);opacity: 0;}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {-moz-transform: translateX(0%);opacity: 1;}
	100% {-moz-transform: translateX(50%);opacity: 0;}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {-moz-transform: translateX(0%);opacity: 1;}
	100% {-moz-transform: translateX(100%);opacity: 0;}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {-moz-transform: translateZ(0px);opacity: 1;}
	100% {-moz-transform: translateZ(-300px);opacity: 0;}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {-moz-transform: translateZ(0px);opacity: 1;}
	100% {-moz-transform: translateZ(300px);opacity: 0;}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {-moz-transform: translateZ(0);opacity: 1;}
	100% {-moz-transform: translateZ(-200px);opacity: 0;}
}

@keyframes SubMenuAnimOut1 {
	0% {transform: translateX(0%);opacity: 1;}
	100% {transform: translateX(50%);opacity: 0;}
}

@keyframes SubMenuAnimOut2 {
	0% {transform: translateX(0%);opacity: 1;}
	100% {transform: translateX(100%);opacity: 0;}
}

@keyframes SubMenuAnimOut3 {
	0% {transform: translateZ(0px);opacity: 1;}
	100% {transform: translateZ(-300px);opacity: 0;}
}

@keyframes SubMenuAnimOut4 {
	0% {transform: translateZ(0px);opacity: 1;}
	100% {transform: translateZ(300px);opacity: 0;}
}

@keyframes SubMenuAnimOut5 {
	0% {transform: translateZ(0);opacity: 1;}
	100% {transform: translateZ(-200px);opacity: 0;}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}


.PIItem iframe{width:100%; height: 450px;}
.info_cont iframe{width:100%; height: 450px;}