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

* {margin:0;padding:0; list-style:none;}
body {font-family:"Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;}
a {text-decoration:none;}
a:hover {}
ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display:none;}
img {border:none;max-width:100%;height;auto;}
.clear {height:1px;clear:both;margin-bottom:-1px;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

.w1200{ width:1200px; margin:0 auto;}

.head-top{width:100%; height:34px; overflow:hidden;}
.head-top-left{float:left; width:600px;line-height:34px; font-size:14px; color:#999;}
.head-top-rg{ color:#333;float:right;/*width:160px;*/}
.head-top-rg a{ text-align:right;height:30px; line-height:30px;  color:#333; font-size:14px; padding:0 10px;}

.head-mid{width:1200px; height:92px; margin:0 auto;}
.logo{float:left; width:592px; height:74px;}
.tel{float:right; margin-top:10px;}

.navbox{background: url(../images/navbg.jpg); width:100%;height:65px;}
.nav{ width:1200px; height:67px; margin:auto;}
.nav li{float:left; font-size:16px; color:#5d5d5d;line-height:48px;border-left:1px solid #fff; text-align:center;}
.nav li:last-child{border-right:1px solid #fff;}
.nav li a{color:#fff; display:block;padding:0 32px;height:62px;}
.nav li span{ display:block;line-height:17px; text-transform:uppercase; font-size:12px; color:#d8d8d8; margin-top:-10px;}
.nav li a:hover{background:#fff;color:#333;}
.nav li a:hover span{ background:#fff;color:#888;}
.nav li.cur a{ background:#fff;color:#333;}
.nav li.cur a span{ background:#fff;color:#888;}

/*banner*/
.banner{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro-switch {height:auto;overflow: hidden;position: relative;margin:0 auto;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height:0;height:0;}
html[xmlns] .slides {display: block;}
* html .slides {height: auto;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width:100%;position: absolute;bottom:40px;text-align: center;}
.flex-control-nav li {margin:0 8px;display:inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a{background:#f8f8f8;display:block;height:6px;overflow:hidden;text-indent:-99em;width:68px;cursor: pointer;}
.flex-control-paging li a.flex-active {background:#f79a1e;}

.ban-bot{ height:10px; width:100%; background:url(../images/ban-botbg.jpg);}


/*主体*/
.title{ font-size:30px; text-align:center; color:#127046; text-transform:uppercase; padding:20px 0;}
.title .a{ font-size:18px; color:#888; display:block; margin:15px 0;}

.sum{ width:100%; overflow: hidden;}
/* .sum-block{ width:24.9%; text-align:center; border-right:1px solid #e3e3e3; float:left;padding:45px 0;} */
.sum-block{ width:24.9%; text-align:center; border-right:1px solid #e3e3e3; float:left;padding-bottom:20px;}
/* .sum-block span{ display:block; margin-top:15px; font-size:20px;} */
.sum-block span{ display:block; margin-top:0; font-size:20px;}
.sum-block a img{width:49px;height:44px; }
.sum-block:last-child{border-right:none;}

.sum1-list{ width:1200px; margin:0 auto 30px auto; overflow:hidden;}
.sum1-list li{ width:384px; float:left; margin:0 8px;}
.sum1-list li img{ width:384px; height:328px;} 
.sum1-list li .text{ border:1px solid #dbdbdb; padding:15px 0; text-align:center; color:#888; text-transform:uppercase;-webkit-transition: all .28s ease-in .1s;transition: all .28s ease-in .1s;}
.sum1-list li .text h2{ color:#333; font-size:20px; margin-bottom:5px;}
.sum1-list li:hover .text{ background:#ff9500; border:1px solid #ff9500; color:#fff;} 
.sum1-list li:hover .text h2{color:#fff;}

.sum2{width:100%; background:#fff url(../images/bg1.jpg) repeat-x left bottom;}
.searchbox{ width:1200px; margin:auto;}
.searchbox p{ margin-bottom:30px;}
.searchbox a{ color:#666; padding:0 20px;}
.search{width:522px; height:42px; background:url(../images/searchbg.jpg) no-repeat; margin:auto;}
.search .input{width:393px;height:40px;line-height:40px;border:none;background:none; font-size:14px; padding-left:38px; float:left; color:#9d9d9d;}
.search .btn{background:none;width:90px;height:41px;border:none;cursor:pointer; text-indent:-999px;float:left;}
/* .sum2 .tabnav{ overflow:hidden; margin:30px auto; width:860px;} */
.sum2 .tabnav{ overflow:hidden; margin:0 auto; width:860px;}
.sum2 .tabnav li{float:left; background:url(../images/tab.png) no-repeat center top; font-size:16px; line-height:80px; margin:0 44px; cursor:pointer;}
.sum2 .tabnav li.hover{background:url(../images/tabhover.png) no-repeat center top; color:#ff9500;}
.sum2 .tabnav{}
.sum2 .probox{width:1200px; margin:0 auto;height:410px; position:relative;}
#CSSBox{float:left;width:1200px;margin:0 auto;}
#CSSBox ul li{ float:left; margin-right:30px; width:379px; height:410px; background:#f8f8f8;-webkit-transition: all .28s ease-in .1s;transition: all .28s ease-in .1s;}
#CSSBox ul li img{ width:379px; height:257px; position:relative;}
#CSSBox ul li h2{ font-size:21px; padding:19px 19px 10px 19px; color:#333;}
#CSSBox ul li p{font-size:15px; color:#666;line-height:28px;padding:0 19px 10px 19px;}
#CSSBox ul li:hover{ background:#ff9500;}
#CSSBox ul li:hover h2{ color:#fff;}
#CSSBox ul li:hover p{ color:#fff;}
#LeftButton,#RightButton{ position:absolute; top:210px;height:52px;width:52px;cursor:pointer;}
#LeftButton{background:url(../images/btnleft.png); left:-100px;}
#RightButton{background:url(../images/btnright.png);right:-100px;}
#LeftButton:hover{background:url(../images/btnlefthover.png);}
#RightButton:hover{background:url(../images/btnrighthover.png);}


.rollBox{width:1200px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:1200px;overflow:hidden;margin:0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .piclist{float:left;}
.rollBox .Cont .piclist li{float:left; margin-right:30px; width:379px; height:410px; background:#f8f8f8;-webkit-transition: all .28s ease-in .1s;transition: all .28s ease-in .1s;}
*+html .rollBox .Cont .piclist{}
.rollBox .Cont .piclist li img{ width:379px; height:257px; position:relative;}
.rollBox .Cont .piclist li h2{ font-size:21px; padding:17px 19px 8px 19px; color:#333;}
.rollBox .Cont .piclist li p{font-size:14px; color:#666;line-height:28px;padding:0 19px 10px 19px;}
.rollBox .Cont .piclist li:hover{ background:#ff9500;}
.rollBox .Cont .piclist li:hover h2{ color:#fff;}
.rollBox .Cont .piclist li:hover p{ color:#fff;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2,.Cont{float:left;}
.img1,.img2{height:52px;width:52px;cursor:pointer;position:absolute; top:210px;}
.img1{background:url(../images/btnleft.png) no-repeat;left:-100px;}
.img2{background:url(../images/btnright.png) no-repeat;right:-100px;}
.img1:hover{background:url(../images/btnlefthover.png);}
.img2:hover{background:url(../images/btnrighthover.png);}


.mr_frbox{height:410px;width:1200px;margin:0 auto; position:relative;}
.mr_frUl{float:left;height:410px;width:1200px; overflow:hidden;}
.mr_frUl ul li{overflow:hidden;float:left; margin-right:30px; width:379px; height:410px; background:#f8f8f8;-webkit-transition: all .28s ease-in .1s;transition: all .28s ease-in .1s;}
.mr_frUl ul li img{ width:379px; height:257px;}
.mr_frUl ul li h2{ font-size:21px; padding:17px 19px 8px 19px; color:#333;}
.mr_frUl ul li p{font-size:14px; color:#666;line-height:28px;padding:0 19px 10px 19px;}
.mr_frUl ul li:hover{ background:#ff9500;}
.mr_frUl ul li:hover h2{ color:#fff;}
.mr_frUl ul li:hover p{ color:#fff;}

.mr_frBtnL,.mr_frBtnR{position:absolute; top:210px;height:52px;width:52px;cursor:pointer;}
.mr_frBtnL{background:url(../images/btnleft.png); left:-100px;}
.mr_frBtnR{background:url(../images/btnright.png);right:-100px;}
.mr_frBtnL:hover{background:url(../images/btnlefthover.png);}
.mr_frBtnR:hover{background:url(../images/btnrighthover.png);}


#wrapper{}
.jscarousal{width:1200px;height:410px;margin:0 auto;position:relative; }
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{position:absolute; top:210px;height:52px;width:52px;cursor:pointer;}
.jscarousal .jscarousal-left{background:url(../images/btnleft.png); left:-100px;}
.jscarousal .jscarousal-right{background:url(../images/btnright.png);right:-100px;}
.jscarousal-contents{width:1227px;height:410px;float:left;position: relative;overflow: hidden;}
.jscarousal-contents > div{position: absolute;width: 100%;height:410px;}
.jscarousal-contents > div > div{float:left; margin:0 15px;width:379px; height:410px; background:#f8f8f8;-webkit-transition: all .28s ease-in .1s;transition: all .28s ease-in .1s;}
.jscarousal-contents > div > div img{width:379px; height:257px;}
.jscarousal-contents > div > div h2{ font-size:21px; padding:19px 19px 10px 19px; color:#333;}
.jscarousal-contents > div > div p{font-size:14px; color:#666;line-height:28px;padding:0 19px 10px 19px;}
.jscarousal-contents > div > div:hover{ background:#ff9500;}
.jscarousal-contents > div > div:hover h2{ color:#fff;}
.jscarousal-contents > div > div:hover p{ color:#fff;}
.hidden{display: none;}
.visible{display: block;}

/*技术资源*/
.sum6{width:1200px;margin:40px auto 20px auto; overflow:hidden;}
.sum6-txt-tit{overflow:hidden; margin:0 auto; width:1076px; background:#fafafa;padding-top:20px;}
.sum6-txt-tit li{float:left; width:228px;font-size:16px;  padding:0 20px; border-right:1px dashed #b3b3b3; cursor:pointer;}
.sum6-txt-tit li span{ display:block;line-height:50px; text-align:center; background:url(../images/tb.jpg) no-repeat right center;}
.sum6-txt-tit li:last-child{border-right:none;}
.sum6-txt-tit li.hover span{color:#ff9500;background:url(../images/tbh.jpg) no-repeat right center;}

.sum6-txt-main{height:443px; overflow:hidden;}
.jszybox{width:1200px;margin:0 auto; position:relative;}
#CSSBox2{float:left;width:1200px;margin:0 auto;}
#CSSBox2 ul li{ float:left; width:1200px; height:443px; background:#4c4c4c; overflow:hidden;}
#CSSBox2 ul li .img{ float:left;}
#CSSBox2 ul li .img img{ width:600px; height:443px;}
#CSSBox2 ul li .txt{padding:20px; color:#fff; width:560px; float:right;}
#CSSBox2 ul li .txt h2{ font-size:24px;border-left:2px solid #fff; padding-left:10px; margin-top:20px;}
#CSSBox2 ul li .txt .time{font-size:16px; display:block; border-bottom:1px dashed #fff; line-height:62px; color:#cacaca; margin-bottom:20px;}
#CSSBox2 ul li .txt p{font-size:16px; color:#fff;line-height:34px;}

#LeftButton2,#RightButton2{ position:absolute; top:178px;height:84px;width:48px;cursor:pointer; z-index:999; }
#LeftButton2{background:url(../images/left.jpg); left:0px;}
#RightButton2{background:url(../images/right.jpg);right:0px;}
#LeftButton2:hover{background:url(../images/lefth.jpg);}
#RightButton2:hover{background:url(../images/righth.jpg);}
.ckxq{width:132px; line-height:47px; background:#ff9500; text-align:center;display:block; font-size:16px; border-radius:6px; color:#fff; margin-top:20px;}

#CSSBox3{float:left;width:1200px;margin:0 auto;}
#CSSBox3 ul li{ float:left; width:1200px; height:443px; background:#4c4c4c; overflow:hidden;}
#CSSBox3 ul li .img{ float:left;}
#CSSBox3 ul li .img img{ width:600px; height:443px;}
#CSSBox3 ul li .txt{padding:20px; color:#fff; width:560px; float:right;}
#CSSBox3 ul li .txt h2{ font-size:24px;border-left:2px solid #fff; padding-left:10px;margin-top:20px;}
#CSSBox3 ul li .txt .time{font-size:16px; display:block; border-bottom:1px dashed #fff; line-height:62px; color:#cacaca; margin-bottom:20px;}
#CSSBox3 ul li .txt p{font-size:16px; color:#fff;line-height:34px;}

#LeftButton3,#RightButton3{ position:absolute; top:178px;height:84px;width:48px;cursor:pointer; z-index:999; }
#LeftButton3{background:url(../images/left.jpg); left:0px;}
#RightButton3{background:url(../images/right.jpg);right:0px;}
#LeftButton3:hover{background:url(../images/lefth.jpg);}
#RightButton3:hover{background:url(../images/righth.jpg);}

#CSSBox4{float:left;width:1200px;margin:0 auto;}
#CSSBox4 ul li{ float:left; width:1200px; height:443px; background:#4c4c4c; overflow:hidden;}
#CSSBox4 ul li .img{ float:left;}
#CSSBox4 ul li .img img{ width:600px; height:443px;}
#CSSBox4 ul li .txt{padding:20px; color:#fff; width:560px; float:right;}
#CSSBox4 ul li .txt h2{ font-size:24px;border-left:2px solid #fff; padding-left:10px;margin-top:20px;}
#CSSBox4 ul li .txt .time{font-size:16px; display:block; border-bottom:1px dashed #fff; line-height:62px; color:#cacaca; margin-bottom:20px;}
#CSSBox4 ul li .txt p{font-size:16px; color:#fff;line-height:34px;}

#LeftButton4,#RightButton4{ position:absolute; top:178px;height:84px;width:48px;cursor:pointer; z-index:999; }
#LeftButton4{background:url(../images/left.jpg); left:0px;}
#RightButton4{background:url(../images/right.jpg);right:0px;}
#LeftButton4:hover{background:url(../images/lefth.jpg);}
#RightButton4:hover{background:url(../images/righth.jpg);}

#CSSBox5{float:left;width:1200px;margin:0 auto;}
#CSSBox5 ul li{ float:left; width:1200px; height:443px; background:#4c4c4c; overflow:hidden;}
#CSSBox5 ul li .img{ float:left;}
#CSSBox5 ul li .img img{ width:600px; height:443px;}
#CSSBox5 ul li .txt{padding:20px; color:#fff; width:560px; float:right;}
#CSSBox5 ul li .txt h2{ font-size:24px;border-left:2px solid #fff; padding-left:10px;margin-top:20px;}
#CSSBox5 ul li .txt .time{font-size:16px; display:block; border-bottom:1px dashed #fff; line-height:62px; color:#cacaca; margin-bottom:20px;}
#CSSBox5 ul li .txt p{font-size:16px; color:#fff;line-height:34px;}

#LeftButton5,#RightButton5{ position:absolute; top:178px;height:84px;width:48px;cursor:pointer; z-index:999; }
#LeftButton5{background:url(../images/left.jpg); left:0px;}
#RightButton5{background:url(../images/right.jpg);right:0px;}
#LeftButton5:hover{background:url(../images/lefth.jpg);}
#RightButton5:hover{background:url(../images/righth.jpg);}


/*about*/
.sum3{width:1200px; margin:0 auto;}
.sum3-txt{  overflow:hidden;}
.sum3-txt .img{ width:364px; height:353px; background:url(../images/indaboutbg.jpg) no-repeat;}
.sum3-txt .img img{width:346px; height:334px;}
.sum3-txt .about{ width:790px;color:#666; font-size:16px; line-height:32px; }
.sum3-txt .about h2{ font-size:20px; color:#333; font-weight:bold;margin:13px 0 30px 0;}
.sum3-txt .about p{ margin-top:20px;}
.sum3-txt .about a{ width:132px; line-height:48px; display:block;color:#fff; text-align:center; background:#4c4c4c; border-radius:6px; font-size:16px; margin-top:30px;}

/*新闻中心*/
.sum4{width:1200px;margin:40px auto 20px auto; overflow:hidden;}
.sum4 .left{ width:545px; float:left; font-size:16px; line-height:30px; color:#666;}
.sum4 .left img{ width:542px; height:246px;}
.sum4 .left .biaoti{ font-size:16px; font-weight: bold; position:relative; line-height:40px;}
.sum4 .left .biaoti a{ color:#333;}
.sum4 .left .biaoti span{ position:absolute; right:0;font-size:14px; font-weight:normal; color:#ff9500;}
.sum4 .left a{color:#ff9500;}
.sum4 .right{width:635px;}
.indnewslist{ overflow:hidden;}
.indnewslist li{ background:url(../images/libg.jpg) no-repeat 0 center; padding-left:15px; border-bottom:1px dashed #cacaca; line-height:42px; position:relative;}
.indnewslist li span{ position:absolute;right:0;}
.indnewslist li a{ color:#666;}
/* .newsmore{ width:213px; line-height:63px; background:#ff9500; text-align:center; margin:40px auto 0 auto; display:block; font-size:18px; border-radius:6px; color:#fff;} */
.newsmore{ line-height:25px; text-align:right; margin:0px auto; display:block; font-size:13px; border-radius:6px; color:#000;}

/*合作客户*/
.sum5{width:1200px;margin:40px auto; overflow:hidden;}
.hzkhlist{}
.hzkhlist li{ width:600px; float:left; overflow:hidden;height:282px; background:#eaeaea;}
.hzkhlist li .text{ width:276px; padding:12px;color:#666;}
.hzkhlist li .text h2{ border-bottom:1px dashed #717171; line-height:60px; font-size:18px;color:#333; margin-bottom:10px;}
.hzkhlist li .text p{ font-size:16px; line-height:32px;}
.hzkhlist li .text .more{ color:#333; font-weight:bold; margin-top:30px; display:block;}
.hzkhlist li .img{ width:300px; height:282px;}
.hzkhlist li .img img{width:300px; height:282px;}

/* UD */
.sum0{width:1200px;margin:40px auto 20px auto; overflow:hidden}
.sum0 .left{width:49%; float:left; font-size:16px; line-height:30px; color:#666;}
.sum0 .right{width:49%}
.sum0 .sum-prolist img{height:375px; width:auto;}

.sum6{width:1200px;margin:40px auto 20px auto; overflow:hidden}
.sum6 .left{width:49%; float:left; font-size:16px; line-height:30px; color:#666;}
.sum6 .right{width:49%}
.sum6 .div-newslist{text-align:center;padding-left:60px}
.sum6 .div-newslist .left{width:38%; float:left; margin:10px 20px;}
.sum6 .div-newslist .right{width:38%; float:left; margin:10px 20px;}
.sum6 .div-newslist img{width:90%;height:auto;border-radius:10%}
.sum6 .div-newslist p{text-align:center;}

/*foot*/
#footer{ background:#252525;width:100%; color:#bdbdbd;}
.mall-desc-bd{width:1210px;margin:0 auto; padding:20px 0; overflow:hidden;}
.mall-desc-bd .tit{ line-height:40px;font-size:16px; color:#fff;}
.mall-desc-bd .bot-logo{ width:194px;float:left;padding-top:30px;}
.mall-desc-bd .f-ad{width:338px;float:left;padding-left:60px;}
.mall-desc-bd .f-ad p{ font-size:16px; line-height:45px;color:#dddddd;}
.mall-desc-bd .f-ad p img{ margin-bottom:-8px; margin-right:10px;}

.flist{}
.flist li{line-height:30px; font-size:14px;}
.flist li a{ color:#c9c9c9;}
.flist li a:hover{ color:#e49815;}

.friendlink{width:1200px; margin:auto; line-height:84px;color:#ffffff;}
.friendlink a{padding:0 20px;color:#c7c7c7;}

.footer-bot{ border-top:1px solid #4d4d4d;line-height:63px; text-align:center;width:1200px; margin:auto; font-size:15px; overflow:hidden;color:#b1b0b0; }
.footer-bot a{color:#fff;}

/*内页*/
.ban-about,.ban-news,.ban-video,.ban-shili,.ban-pro{ width:100%; height:451px; text-align:center; overflow:hidden;}
.n-title{ text-align:center; font-size:30px; color:#333; font-weight:bold; margin:30px 0;}
.n-title span{ font-weight:normal; font-size:18px; display:block; color:#999; text-transform:uppercase; margin-top:10px;}

.sidelist{ padding-top:10px;text-align:center;}
.sidelist a{font-size:18px;padding:10px 20px; margin:0 10px; background:#dbdbdb;color:#4a4a4a;}
.sidelist a:hover{background:#004f9a; color:#fff;}
.sidelist a.current{background:#004f9a; color:#fff;}

.mainbox{padding:20px 0;}
.path{line-height:52px;border-bottom:1px solid #ccc;position:relative;font-size:24px; font-weight:bold;color:#444;}
.path span{position:absolute; right:0;top:0; font-weight:normal;font-size:16px;color:#666;}
.path .back{ font-size:16px; color:#999; font-weight:normal;}
.path .back img{ margin-bottom:-6px; margin-right:6px;}
.main_txt{ margin:20px 0;line-height:210%; font-size:16px; color:#666;}

.newslist{ margin-bottom:15px;}
.newslist li{ border-bottom:1px dashed #d3d3d3;  height:197px; overflow:hidden; padding:30px 0;}
.newslist li .img{ width:197px; height:197px; float:left;}
.newslist li .img img{width:197px; height:197px;}
.newslist li .img-rg{ width:985px;height:197px; float:right; position:relative;}
.newslist li .img-rg h4{  font-size:20px; color:#242323;}
.newslist li .img-rg .txt{ font-size:16px;color:#666;line-height:32px; margin-top:15px;}
.newslist li .img-rg .txt-bot{ width:100%;position:absolute; bottom:0; left:0; overflow:hidden; line-height:40px;}
.newslist li .img-rg .txt-bot .time{ font-size:16px; color:#999; float:left;}
.newslist li .img-rg .txt-bot .more{ color:#333;float:right; width:120px; background:#e5e5e5; text-align:center; text-align:center; text-transform:uppercase;font-size:14px; border-radius:4px;}
.newslist li:hover h4{color:#004f9a;}
.newslist li:hover .img-rg .txt-bot .more{background:#004f9a;color:#fff;}

.newsread{}
.newsread .h1{ font-size:36px; color:#316db5; margin-top:15px; }
.newsread .h1 span{ display:block; font-size:34px; color:#e7e7e7; font-weight:bold; text-transform:uppercase; margin-top:-10px;}
.newsread .title{ font-size:26px; text-align:center;color:#333; }
.newsread .daodu{color:#999;font-size:16px; text-align:center;border-bottom:1px dashed #c3c3c3; padding-bottom:20px;}
.newsread .p{ font-size:16px; line-height:210%; color:#666; padding:10px 0;}
.newsread .sxp{ border-top:1px solid #e8e8e8; font-size:14px; line-height:200%; color:#666; padding:10px 0; margin-top:30px; }
.newsread .sxp a{color:#666;}

.videolist{ margin:0 -18px}
.videolist li{ width:374px;  border:1px solid #e6e6e6; border-radius:4px;float:left; margin:18px; position:relative;}
.videolist li img{width:374px;height:328px;}
.videolist li span{ position:absolute; top:0; left:0;}
.videolist li p{ color:#666; font-size:18px; line-height:60px; display:block; text-align:center; border-radius:0 0 4px 4px;}
.videolist li:hover p{color:#fff; background:#46a1ff}

.shililist{ margin:0 -18px}
.shililist li{ width:374px;  border:1px solid #e6e6e6; border-radius:4px;float:left; margin:18px; position:relative;}
.shililist li img{width:374px;height:328px;}
.shililist li h2{position:relative;border-bottom:1px dashed #d2d2d2; height:60px; line-height:60px;margin:0 20px; font-size:18px; color:#555;}
.shililist li h2 .readmore{ position:absolute; right:0; color:#004f9a; font-size:12px; text-transform:uppercase;}
.shililist li p{ color:#666; font-size:16px; line-height:30px; display:block;margin:10px 20px}
.shililist li:hover{border:1px solid #004f9a;}

/*产品中心*/
.pro-left{ width:205px;}
.pro-title{font-size:26px; color:#333; font-weight:bold; border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
.pro-title .line{ width:27px; height:2px; background:#004f9a; display:block; margin:10px 0;}
.pro-title .yw{ display:block; text-transform:uppercase; color:#666; font-size:14px;}
.pro-side{}
.pro-side li{border-bottom:1px solid #e9e9e9; font-size:18px; font-weight:bold; line-height:60px; }
.pro-side li a{ color:#333;background:url(../images/arrow-r.jpg) no-repeat right 24px; display:block;}
.pro-side li.current a{background:url(../images/arrow-x.jpg) no-repeat right 24px;}

.pro-side li .erji{border-top:1px solid #e9e9e9;}
.pro-side li .erji li{border-bottom:1px dashed #e9e9e9; font-size:15px; font-weight:normal; line-height:50px; background:url(../images/libg.jpg) no-repeat 20px center; padding-left:30px;}
.pro-side li .erji li a{color:#666; background:none;}
.pro-side li .erji li a:hover{ color:#004f9a;}
.pro-side li .erji li.current a{color:#004f9a;}


.pro-searchbox{ overflow:hidden; margin:25px 0;}
.pro-searchbox .key{ width:438px; float:left; line-height:42px;}
.pro-searchbox .key a{ color:#666; padding:0 10px;}
.pro-search{width:522px; height:42px; background:url(../images/searchbg2.jpg) no-repeat; float:right;}
.pro-search .input{width:393px;height:40px;line-height:40px;border:none;background:none; font-size:14px; padding-left:38px; float:left; color:#9d9d9d;}
.pro-search .btn{background:none;width:90px;height:41px;border:none;cursor:pointer; text-indent:-999px;float:left;}

.prolist{ margin-bottom:15px;}
.prolist li{ border:1px solid #d2d2d2; overflow:hidden; margin-bottom:30px;}
.prolist li .img{ width:280px; height:280px; float:left;}
.prolist li .img img{width:280px; height:280px;}
.prolist li .img-rg{ width:640px; height:280px; position:relative;float:right; margin-right:20px;}
.prolist li .img-rg h4{  font-size:26px; color:#242323; line-height:80px;border-bottom:1px dashed #d2d2d2; }
.prolist li .img-rg .txt{ font-size:16px;color:#666;line-height:32px; margin-top:10px;}
.prolist li .img-rg .ckxq{ color:#333; background:#d7d7d7; width:130px; text-align:center; line-height:50px; height:50px; position:absolute; left:0; bottom:25px; display:block; border-radius:4px;}
.prolist li:hover{ border-color:#004f9a;}

.fenye{text-align:center;}
#pagelist,#espcms_bbs_pagelist{color:#818181}
.pagination {font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:14px;margin: 0px;}
/*按钮色彩样式*/
.pagination a {border: #004f9a 1px solid;color: #004f9a;text-decoration: none;overflow: hidden;padding:5px 8px;margin: 0px 0px 0px 5px;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #fff;background-color: #004f9a;overflow: hidden;}
.pagination span.current {border: #004f9a 1px solid;color: #fff;overflow: hidden;padding:5px 8px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #004f9a;}

.table {width: 100%;max-width: 100%;margin-bottom: 20px; margin-top:10px;}
.table {border-spacing: 0;border-collapse: collapse;}
.table>thead:first-child>tr:first-child>th {border-top: 0;}
tbody {display: table-row-group;vertical-align: middle;}
.table>tbody>tr>td,.table>tfoot>tr>td{line-height: 1.42857;padding:20px 8px;vertical-align: middle;color:#666;border-bottom:1px solid #dfdfdf;}

.table>tbody>tr>td { font-size:16px;color:#666; padding:20px 8px; }
.table>thead>tr>th:nth-child(1){ width:420px;text-align:left; padding-left:0;}
.table>tbody>tr>td a{ cursor:pointer;}
.table>tbody>tr>td:last-child{ width:100px; text-align:center;}
.table>tbody>tr>td a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.5s;}


.spline{
    padding: 0 20px 0;
    margin: 20px 0;
    line-height: 1px;
    border-left: 200px solid #ddd;
    border-right: 200px solid #ddd;
    text-align: center;
}