@charset "utf-8";
/* CSS Document */

body {
magin: 0px;
min-width: 1140px;
}
* {
padding: 0px;
margin: 0px;
font-family: Arial, "微软雅黑";
}
dd, dl, dt, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
input {
margin: 0;
outline: none
}
a {
text-decoration: none;
}
a:link {color:inherit;}/*未访问样式*/
a:visited{color:inherit;}/*访问过样式*/
.hr1{ border:none; border-top:1px dashed #ccc; margin:12px 0px;}
.left{ float:left;}
.right{ float:right;}
.red{ color:#ff431a;}
.purple{ color:#2e2b75;}
.yellow{ color:#ffe200;}
hr{ border:none; border-bottom:1px dashed #ccc; margin:6px 0px;}
   
/* Initialize processing end */
.top-box{ background-color:#ebebeb;}
.top{ width:1140px; margin:auto; overflow:hidden; font-size:12px; color:#4c4c4c; line-height:30px;}
.top a{ padding:0px 2px;}
.top a:hover{ color:#5a55e6;}
.top-right{ font-size:12px; line-height:12px; margin:9px 0px; padding-left:8px;}

.logo{ width:1140px; margin:auto;overflow:hidden;}
.logo .left{ height:130px;}
.logo a{ overflow:hidden;}
.logo .search{ overflow:hidden; margin-top:40px;}
.logo .search input{height:26px; line-height:26px; border:2px solid #38358f; width:205px; text-indent:8px;}
.logo .search a{ display:block; width:34px; height:30px; line-height:30px; background:url(../images/icon-search.png) no-repeat center center;background-color:#38358f; overflow:hidden;}
.logo .search a:hover{ display:block; width:34px; height:30px; line-height:30px; background:url(../images/icon-search.png) no-repeat center center;background-color:#4643a0; overflow:hidden;}
.logo .rexian{ margin-top:4px;}
.logo .rexian b{ font-size:15px; height:30px; line-height:36px;}
.logo .rexian h3{ font-size:22px; height:30px; line-height:30px; font-weight:normal;}

.navBox{ background-color:#2e2b75;}
.nav{ width:1140px; margin:auto; overflow:hidden;}
.nav li{ float:left; background:url(../images/bg-nav.jpg) no-repeat center right; padding-right:2px;}
.nav li a{ padding:42px; line-height:50px; font-size:14px; color:#fff;}
.nav li a:hover{background-color:#38358f;color:#ffe200;}
.nav li a.on{background-color:#38358f;color:#ffe200;}
/* top-nav end */
#banner{
	width:100%;
	height:500px;
	position:relative;
}

/* fullSlide */
.fullSlide{width:100%;position:relative;height:500px;background:#000;  }
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center; position:relative; }
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:4px; border-radius:4px;margin:5px;overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px;}
.fullSlide .hd ul .on{background:#2a6ff8;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}
/* banner css end */


.box{ width:1140px; margin:auto; overflow:hidden;} 

.gjc{ background-color:#2e2b75; color:#fff; margin-bottom:20px;}
.gjc-box{background:url(../images/bg-nav.jpg) repeat-y; background-position:850px; overflow:hidden;padding:10px 0px;}
.gjc-box b{ font-size:14px; display:inline-block; line-height:22px;}
.gjc-box a{ font-size:12px;line-height:22px;}
.gjc-box a:hover{ font-size:12px;line-height:22px; color:#ffe200;}
.gjc-txt{ width:700px;}
.gjc-box ul{ overflow:hidden;}
.gjc-box ul li{ float:left; margin-right:16px; }
.search2{ padding:10px 0px;}
.search2 input{ border:none; height:28px; line-height:26px;  width:205px; text-indent:8px;}
.search2 a{ display:block; padding:0px 18px; font-size:12px;height:28px; line-height:28px; background-color:#38358f; overflow:hidden;}
.search2 a:hover{ display:block; height:28px; line-height:28px;background-color:#4643a0; overflow:hidden;}
/*关键词*/

.product-nav{  padding:40px 30px 40px 0px;background:url(../images/icon-product-navbg1.png) no-repeat top 13px right 4px,url(../images/icon-product-navbg2.png) no-repeat bottom 12px right 10px; }
.product-nav ul{ background:url(../images/img-product-bg.jpg) repeat-y; overflow:hidden; }
.product-nav ol{ line-height:0px;}
.product-nav .nav-bottom{ margin-top:60px;}
.product-nav li{ width:245px; border-bottom:1px solid #ccc;}
.product-nav li a{ display:inline-block; line-height:50px; width:100%; text-indent:40px; color:#333; background-color:#fff; background:url(../images/icon-product.png) no-repeat center left 16px; font-size:14px; }
.product-nav li:hover a{ color:#2e2b75; background-color:#e5e5f8;}
/*产品左侧导航*/

.product-box{ padding:40px 0px 0px 0px;}
.product-box ul{ width:840px; overflow:hidden;}
.product-box ul li{ float:left; margin:0px 10px 20px;width:170px; padding:9px; border:1px solid #ccc;
        box-shadow:5px 4px 6px rgba(0,0,0,.2);
   -moz-box-shadow:5px 4px 6px rgba(0,0,0,.2);
-webkit-box-shadow:5px 4px 6px rgba(0,0,0,.2);
transition-duration: .3s;
}
.product-box ul li:hover{border:1px solid #5a55e6; background-color:#f2f2f2;transition-duration: .3s;}
.product-box ul li a.product-img{ display:block; width:170px; height:170px; overflow:hidden;vertical-align:middle;text-align:center; display: table-cell; line-height:0px;}
.product-box ul li a.product-img img{ max-width:100%; max-height:100%;}
.product-box ul li a.product-txt{ display:inline-block; text-align:center; width:100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size:14px; margin-top:10px;}
.product-box ul li:hover a.product-txt{ color:#5a55e6}
/*产品右侧导航*/

.qeys{ margin-top:40px;}
/*通栏广告*/

.about{background:url(../images/bg-aboutbg1.png) no-repeat center top 0px,url(../images/bg-aboutbg2.png) no-repeat center bottom 0px;  font-size:14px; line-height:26px; color:#4d4d4d;padding:8px 0px; margin-top:70px;}
.about-bg{ background:#f2f2f2;padding:40px 0px;}
.about .left{ width:510px;}
.about-title{ margin-top:18px; margin-bottom:40px;}
.about .left a{ display:inline-block; margin-top:30px; line-height:28px; padding:0px 26px; background-color:#2e2b75; color:#fff;transition-duration: .3s;}
.about .left a:hover{  background-color:#ffe200; color:#2e2b75;transition-duration: .3s;}
.about .right{ border:1px dashed #ccc; line-height:0px; background:#fff;}
.about .right img{ padding:8px;}


#gccg{width:100%; overflow:hidden; margin:0px auto; margin-top:10px;}
#marquePic1 td{ background-color:#ebebeb; border-bottom:2px solid #2e2b75;
        box-shadow:0px 2px 5px rgba(0,0,0,.4);
   -moz-box-shadow:0px 2px 5px rgba(0,0,0,.4);
-webkit-box-shadow:0px 2px 5px rgba(0,0,0,.4);}
#marquePic2 td{ background-color:#ebebeb; border-bottom:2px solid #2e2b75;
        box-shadow:0px 2px 5px rgba(0,0,0,.4);
   -moz-box-shadow:0px 2px 5px rgba(0,0,0,.4);
-webkit-box-shadow:0px 2px 5px rgba(0,0,0,.4);}
#gccg tr td a{ display:block;line-height:0px;}
#gccg tr td a img{ max-width:244px; height:158px; border:3px solid #fff; line-height:0px;}
#gccg tr td a p{font-size:14px; color:#4d4d4d; line-height:36px;}
#gccg tr td a:hover p{ color:#5a55e6;}

.partner{ background-color:#f7f7f7; padding:30px 0px 20px 0px; margin-top:50px;}
.partner-title{ text-align:center;}
.partner-title img{ display:inline-block;}

.news{ padding:10px; margin-top:60px;}
.news-title{ border-top:3px solid #c0c0c0; position:relative; line-height:46px; font-size:16px; background-color:#f2f2f2; text-indent:20px;}
.news-title:after{ content:""; position:absolute; top:-3px; left:0px; display:block; width:200px;height: 3px;background-color:#2e2b75;}
.news-title2{ border-top:3px solid #c0c0c0; position:relative; line-height:46px; font-size:16px; background-color:#f2f2f2; text-indent:20px;}
.news-title2:after{ content:""; position:absolute; top:-3px; left:0px; display:block; width:300px;height: 3px;background-color:#2e2b75;}
.wd{ width:280px;
        box-shadow:3px 6px 10px rgba(0,0,0,.4);
   -moz-box-shadow:3px 6px 10px rgba(0,0,0,.4);
-webkit-box-shadow:3px 6px 10px rgba(0,0,0,.4);
}
.up{ width:90%; margin:14px auto;  height:315px; overflow:hidden;}
.up li{margin-bottom:8px;}
.up a{ width:100%; font-size:14px; line-height:28px; text-indent:26px; background:url(../images/icon-news1.jpg) no-repeat left top 2px;display:block; text-decoration:none; font-weight:bold; color:#352677; margin-bottom:4px; border-bottom:1px dashed #ccc;}
.up p{ font-size:12px; line-height:20px; color:#4d4d4d; padding-left:26px; background:url(../images/icon-news2.jpg) no-repeat left top 2px;}
.up a:hover{color:#5a55e6; }

.news-box{ width:410px; margin-left:20px; min-height:394px;
        box-shadow:3px 6px 10px rgba(0,0,0,.4);
   -moz-box-shadow:3px 6px 10px rgba(0,0,0,.4);
-webkit-box-shadow:3px 6px 10px rgba(0,0,0,.4);
}
.news-box ul{ margin-top:14px; margin-bottom:33px;}
.news-box li{ width:370px; margin:auto; overflow:hidden; border-bottom:1px dashed #ccc;}
.news-box li a{ display:inline-block; max-width:290px; font-size:14px; line-height:36px; text-indent:14px; color:#333; background:url(../images/icon-news3.jpg) no-repeat left 0px center;}
.news-box li a:hover{color:#5a55e6;}
.news-box li small{ font-size:12px; line-height:36px; color:#999;}


.foot{ background-color:#424242; border-top:8px solid #585591; margin-top:70px;}
.foot-nav{ overflow:hidden; margin-top:6px; background:url(../images/foot-nav.jpg) repeat-x bottom;}
.foot-nav li{ float:left; background:url(../images/foot-nav-li.jpg) repeat-y center right; padding:0px 24px; color:#fff; margin:20px 0px; font-size:14px; line-height:16px;}
.foot-nav li a:hover{ color:#ffe200; }
.foot-information{ padding:20px 0px;  margin-left:20px; font-size:13px; line-height:28px; color:#fff; overflow:hidden; min-height:160px;}
.foot-information p{ display:inline-block;}
.foot-ewm{ margin-left:10px; font-size:12px; color:#fff; line-height:30px; overflow:hidden; text-align:center;}
.foot-ewm img{ display:block;}

.fdc{ position:fixed; z-index:99999; right:5px; top:36%;
        box-shadow:1px 1px 3px rgba(0,0,0,.6);
   -moz-box-shadow:1px 1px 3px rgba(0,0,0,.6);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.6);
}
.fdc>ul>li{line-height:0px; position:relative;}
.fdc ul li dl{ position:absolute; z-index:99996; right:78px; top:0px;background-color:#fff;  padding:14px 20px; overflow:hidden; border:1px solid #ccc; border-right:0px;
}
.fdc ul li dl dd a{ font-size:15px; color:#4d4d4d; line-height:20px; display:inline-block;white-space:nowrap; margin:4px 0px;  }
.fdc ul li dl dd a:hover{color:#38358f;}
.fdc-qq dd a{text-indent: 28px; background:url(../images/fdc-qq2.jpg) no-repeat left center;}
.fdc ul li dl dd b{ font-size:14px; color:#4d4d4d; line-height:20px; white-space:nowrap; margin:6px 0px;  }
.fdc ul li dl dd b strong{ font-size:18px; }
.fdc ul li dl.fdc-ewm { padding:6px;}
.fdc ul li dl.fdc-ewm img{ max-width:110px;}
/* 浮动窗 css */

.img-banner{ background:center center; width:100%; overflow:hidden;}
.img-banner div{ width:100%; line-height:0px;}
.img-banner div img{opacity:0;}

.nav2{ margin-top:-52px; background-color:#f7f7f7;
 /*       box-shadow:0px 3px 3px rgba(0,0,0,.4);
   -moz-box-shadow:0px 3px 3px rgba(0,0,0,.4);
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,.4);*/}
.nav2 ul{ overflow:hidden;}
.nav2 ul li{float:left; position:relative; }
.nav2 ul li a{display:block; line-height:50px; color:#4d4d4d; font-size:14px; padding:0px 40px; transition-duration: .5s;}
.nav2 ul li a:hover{ color:#fff; background:#2e2b75;transition-duration: .5s; }
.nav2 ul li a.on{ color:#fff; background:#2e2b75;transition-duration: .5s; }


.content{ width:1100px; margin:auto; margin-top:30px; padding:20px; font-size:15px; color:#4d4d4d; line-height:22px; background-color:#f7f7f7;}
.content p{margin-bottom:4px;}
.content h2{ line-height:40px;}
.content h3{ line-height:36px;}

.img-list{ width:1100px; margin-top:30px;padding:20px 20px; background-color:#f7f7f7;}
.img-list ul{ overflow:hidden;}
.img-list ul li{ float:left; width:198px; margin:10px;}
.img-list ul li a{ display:block; width:192px; height:158px; border:1px solid #ccc; padding:6px; line-height:0px; background-color:#fff;vertical-align:middle;text-align:center; display: table-cell; line-height:0px; overflow:hidden;}
.img-list ul li a img{ max-width:100%; max-height:100%; margin:auto;transition-duration: .5s;}
.img-list ul li p{ line-height:30px; font-size:14px; color:#4d4d4d; text-align:center;}
.img-list ul li:hover a{border:1px solid #38358f;}
.img-list ul li:hover p{ color:#38358f;}
.img-list ul li:hover a img{transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
transition-duration: .5s;}


.Pagebox{ text-align:center; margin-top:15px;}
.Page{ display:inline-block; overflow:hidden;}
.Page a{ display:block; float:left; line-height:30px; font-size:14px; color:#4d4d4d; padding:0px 12px; margin:3px; border:1px solid #ebebeb; background-color:#fff;}
.Page a.on{ background-color:#2e2b75; color:#fff; border:1px solid #2e2b75;}
.Page a:hover{color:#5a55e6;border:1px solid #5a55e6;}
.Page a.on:hover{ background-color:#2e2b75; color:#fff;border:1px solid #2e2b75;}

.product-box2{width:1100px; margin-top:30px;padding:30px 20px; background-color:#f7f7f7;}
.product-box2 ul{ width:1100px; overflow:hidden;}
.product-box2 ul li{ float:left; margin:0px 8px 30px 8px; width:239px; padding:9px; border:1px solid #ccc; border-bottom:3px solid #ccc;
transition-duration: .3s;
}
.product-box2 ul li:hover{border-bottom:3px solid #38358f; background-color:#f2f2f2;transition-duration: .3s;}
.product-box2 ul li a.product-img{ display:block; width:239px; height:239px; overflow:hidden;vertical-align:middle;text-align:center; display: table-cell; line-height:0px;}
.product-box2 ul li a.product-img img{ max-width:100%; max-height:100%;}
.product-box2 ul li a.product-txt{ display:inline-block; text-align:center; width:100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size:14px; margin-top:10px;}
.product-box2 ul li:hover a.product-txt{ color:#38358f}
/*产品右侧导航*/


.product-cotent{width:1100px;margin-top:30px;padding:20px 20px 30px 20px; background-color:#f7f7f7;}
.product-details{  overflow:hidden;}
.product-show{ float:left;}
.product-Introduction{ float:right; width:600px; margin-right:20px;}
.product-Introduction p{ line-height:22px; margin:6px 0px; font-size:13px; color:#666;}
.product-Introduction .product-title{ width:100%;line-height:50px; font-size:24px; color:#2e2b75; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.product-contact{ display:inline-block; width:100%;   margin-top:50px; padding-top:20px; overflow:hidden; border-top:1px dashed #ccc;}
.product-contact a{ float:left;color:#fff; font-size:15px; text-align:center; line-height:40px; padding:0px 30px; margin-right:8px; background-color:#2e2b75;}
.product-contact a:hover{ background-color:#38358f;color: #ffe200;}
.product-contact img{ float:left;}



.product-cs{ width:100%; margin-top:40px;}
.menu0 {display:block;width:100%;background:#ebebeb;overflow:hidden;}
.menu0 li {display: block;float: left;font-size:14px;line-height:46px;padding: 0px 50px;text-align: center;cursor: pointer;background: #fff;color:#4d4d4d;}
.menu0 li.hover {background: #38358f;color:#fff;}
.menu0 li:hover {background: #38358f;color:#fff;}
#main0{ margin-top:30px; font-size:14px; color:#666; line-height:22px; margin-bottom:8px;}
#main0 ul {display: none;}
#main0 ul.block {display: block;}


.product-cs .product-cs-title{ line-height:40px; text-indent:10px; color:#2e2b75; border-bottom:1px solid #ccc; margin-bottom:20px;}
.product-cs table{  overflow:hidden; cellpadding:0; margin-left:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.product-cs table tr td{ font-size:14px; height:32px; color:#666; padding:0px 8px;border-left:1px solid #ccc;border-top:1px solid #ccc;}


.news-list{margin-top:30px; overflow:hidden;}
.news-list-box { width:845px; float:left; overflow:hidden; margin-left:10px;}
.news-list-box ul{ margin-bottom:30px; overflow:hidden;}
.news-list-box li{ overflow:hidden; border-bottom:1px dashed #ccc}
.news-list-box li a { overflow:hidden; line-height:40px;}
.news-list-box li a p{ float:left; width:740px; text-indent:10px; font-size:14px; color:#4d4d4d;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news-list-box li a small{ float:right; width:70px; font-size:12px; color:#999;}
.news-list-box li a:hover p{ color:#38358f;}

.news-tj{ float:left; width:245px; margin-left:30px; background:#fafafa; border-bottom:4px solid #2e2b75;
        box-shadow:2px 2px 5px rgba(0,0,0,.3);
   -moz-box-shadow:2px 2px 5px rgba(0,0,0,.3);
-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.3);
}
.news-tj img{ margin-bottom:20px; display:block; height:40px;}
.news-tj-box{ overflow:hidden; height:430px; margin-bottom:10px;}
.news-tj ul{ margin-bottom:16px; overflow:hidden;}
.news-tj ul li{ width:205px; margin:auto; border-bottom:1px dashed #ccc; margin-bottom:10px;}
.news-tj ul li a{ width:100%; display:inline-block; font-size:14px; color:#4d4d4d; font-weight:bold; margin-bottom:4px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news-tj ul li a:hover{ color:#38358f;}
.news-tj ul li p{ display:inline-block; font-size:12px; color:#666; line-height:22px; height:44px; overflow:hidden;}


.news-content{ width:845px; float:left; overflow:hidden; margin-left:10px;}
.news-content-title{ text-align:center;}
.news-content-title h3{ color:#38358f; line-height:40px; font-size:24px; margin-bottom:6px; padding-bottom:4px; border-bottom:1px dashed #ccc;}
.news-content-title span{ display:inline-block; overflow:hidden; font-size:12px; color:#999;}
.news-content-title span p{ float:left; margin:0px 6px;}
.news-content-box{ font-size:14px; color:#4d4d4d; line-height:22px; margin-top:24px;}
.news-content-box p{ margin-bottom:6px;}

.news-Pagebox{ border-top: 1px dashed #ccc; margin-top:30px; text-align:center;}
.news-Page{ display:inline-block;}
.news-Pagebox span{ display:inline-block; color:#4d4d4d; margin:10px 10px;}
.news-Pagebox span:hover a{ color:#38358f;}

.service-box{ width:1000px; margin:auto; margin-top:40px; }
.service-title{ width:960px; margin-bottom:10px;  color:#4d4d4d; line-height:40px; font-size:15px; text-indent:20px;cursor:pointer;padding-right:40px;background:url(../images/icon-service2.png) no-repeat right 10px center; background-color:#f7f7f7;}
.service-title:hover{color:#38358f;}
.service-title2{background:url(../images/icon-service1.png) no-repeat right 10px center;background-color:#f2f2f2; color:#38358f;}
.service-list{display:none; width:960px; margin:auto; margin-bottom:30px; font-size:13px; color:#4d4d4d; line-height:22px;}

.ly{ margin-top:30px;}
.ly .messages_box {width:700px;padding: 10px 1% 60px 1%;}
.ly .messages_box ul {width: 100%;}
.ly .messages_box ul li {padding: 5px 28px 5px 5px;}
.ly .messages_box .text-input, .ly .messages_box .summary-input, .ly .messages_box .qq-input {width: 100%;height: 33px;padding: 0px 10px;line-height: 33px;font-size: 14px;}
.ly .messages_box .cont-input {width: 100%;height: 130px;padding: 10px;line-height: 20px;font-size: 14px;}
.ly .messages_box .code-input {width: 125px;vertical-align: middle;height: 33px;padding: 0px 10px;line-height: normal;}
.ly .messages_box .verify-pic {height: 35px;vertical-align: middle;}
.ly .messages_box .submitBtn {text-align: center;padding-top: 10px;}
.ly .messages_box .messages-button { margin-top:10px;width: 125px;height: 34px;line-height: 34px;font-size: 16px;color: #fff;text-align: center;background: none repeat scroll 0% 0% #38358f;border: none;transition-duration: .3s;}
.ly .messages_box .messages-button:hover {background: none repeat scroll 0% 0% #ffe200;transition-duration: .3s;cursor: pointer; color:#38358f;}

.client{width:1100px; margin-top:30px;padding:20px 20px; background-color:#f7f7f7;}
.client ul{ padding-top:10px;overflow:hidden;}
.client ul li{ float:left; margin:0px 9px 20px 9px; line-height:0px; width:165px; overflow:hidden;}
.client ul li p{ width:100%; line-height:30px; font-size:14px; color:#4d4d4d; text-align:center;}
.client ul li a{width:165px; height:100px; overflow:hidden;vertical-align:middle;text-align:center; display: table-cell; line-height:0px;}
.client ul li a img{ max-width:163px; max-height:98px; display:inline-block;border:1px solid #ccc;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
transition-duration: 2s;
}
.client ul li a img:hover{border:1px solid #ccc;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
transform:rotateY(360deg);
transition-duration: 2s;

}


.join-box{ width:1000px; margin-left:30px; margin-top:30px; }
.join-title{ width:960px; margin-bottom:10px;  color:#4d4d4d; line-height:40px; font-size:15px; text-indent:20px;cursor:pointer;padding-right:40px;background:url(../images/icon-service2.png) no-repeat right 10px center; background-color:#f7f7f7;}
.join-title:hover{color:#38358f;}
.join-title2{background:url(../images/icon-service1.png) no-repeat right 10px center;background-color:#f2f2f2; color:#38358f;}
.join-list{display:none; width:960px; margin:auto; margin-bottom:30px; font-size:13px; color:#4d4d4d; line-height:22px;}



.pages { clear: left; margin-top: 6px; margin: 0 auto; text-align: center; line-height: 35px; }
.pages a, .pages font, .pages i { border: 1px solid #DDD; color: #333; padding: 5px 10px; text-decoration: none; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.pages b { border: 1px solid #2E2B75; padding: 5px 10px; text-decoration: none; background: #2E2B75; color: #FFF; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.pages a:hover { border: 1px solid #2E2B75; padding: 5px 10px; text-decoration: none; background: #2E2B75; color: #FFF; font-size: 12px; }

/*2017-05-22日修改*/
.up a{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.product-nav2{ text-align:left; margin-bottom:30px;}
.product-nav2 dd{ display:inline-block;}
.product-nav2 dd a{ display:inline-block; font-size:15px; color:#4d4d4d; line-height:42px; width:180px; text-align:center; transition-duration: .3s;}
.product-nav2 dd a:hover{ background-color:#38358f; color:#fff;transition-duration: .3s; }
.product-nav2 dd.on a{background-color:#38358f; color:#fff;transition-duration: .3s;}