@charset "gb2312";
/* CSS Document */

*{margin:0;padding:0;border:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a img{border:0;}
a {text-decoration:none;color:#333;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
a:hover {text-decoration:none;color:#9a0f30;}
a img{ border:none}
ol, ul, li{margin:0;padding:0;border: 0;list-style:none;}

body { font-size:13px;font-family:"微软雅黑","Microsoft YaHei",Arial,sans-serif;margin: 0;padding: 0;color:#666;}
.main{width:1060px;margin:0 auto;}

.fl{ float:left}
.fr{ float:right}

/* ======  clearfix  ====== */
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }

/*头部 logo+导航*/


.top{ width: auto;height: auto; background:#031360;font-size:13px; }
.topl{ height:40px;line-height:40px; color:#fff; }



.head{ width:100%; height:90px; margin:10px 0}


.logol{line-height: 0; font-size:0px }

.logor{height:auto; margin-top:18px; color:#333;}
.logor p{font-size:14px; line-height:24px; height:24px; display:block}
.logor span{ color:#333333; font-size:16px;line-height:30px; height:30px;display:block}

.dh{margin-left:50px; background:url(../images/phico.gif) no-repeat left center; padding-left:80px;}

.yx{margin-left:50px; background:url(../images/yxico.png) no-repeat left center; padding-left:60px;}

.nav{ width:auto; height:auto;background:url(../images/headbj.jpg)repeat-x center center; border-top:#eaedf2 solid 1px}

.nav li{float:left;height:50px; text-align:center; font-size:15px;background:url(../images/nav-line.png) no-repeat right center; width:10%}
.nav li:last-child{ background: none}
.nav li a{ display:block;line-height:40px;border-radius:5px; margin:5px 10px; color:#fff; font-weight: bold;}
/*.nav li a.shouye{ color:#031360}*/
.nav li a:hover{color:#02125f; background:url(../images/headhov.jpg)repeat-x center center;}


.mRSearch{height:34px; float:right; margin-top:14px;}
.mRSearch li{ float:right; line-height:34px; height:34px}
.btnSearch{ border:0px; background-color:#f1c40f; }
.textInput{width:auto; background: #fff;}
.textInput input{ width:130px;  color:#2b3141;height:34px;line-height: 34px; border:none; background:none; padding-left:20px; font-family: Microsoft YaHei;}
.btnSearch input{width:80px;color:#293036;height:34px;line-height: 34px; background:none;cursor:pointer;outline-style: none; border:0px; font-family: Microsoft YaHei;}


/*banner START*/
.fullSlide{width:100%;position:relative;height:480px; overflow:hidden; background:url(../images/loading.gif) no-repeat center center;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;width:1920px; /*图片宽度*/position:absolute;left:50%;margin-left:-960px; }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:80px;left:0;height:auto;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:25px;height:25px;margin:0 5px;overflow:hidden;background:#02125f;filter:alpha(opacity=50);opacity:0.5;line-height:25px; color:#fff }
.fullSlide .hd ul .on{background:#f3ad27;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:8%;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:8%;background-position:-6px -137px;}

.gundong{ width:100%; height:40px; background:rgba(0,0,0,0.5); position: absolute; bottom:0;line-height:40px;}

.gl{ width:150px; background:url(../images/glbj.jpg) no-repeat left center; color:#fff;  padding-left:20px}
.gr{ width:910px; }
.gr li{color:#fff; background:url(../images/grli.png) no-repeat left center; display:inline-block; padding:0 15px; margin:0 30px}
.gr li a{  color:#fff}
.wapp{ background:#f1f1f1;}

.gygs, .cpzx, .scsb{padding:50px 0;} 

.cpbt{ margin-bottom:60px; height:auto;}
.cp_mc{ margin:0 auto; text-align:center;}
.cp_mc h2{line-height: normal;font-size: 20px;font-weight: bold;margin-bottom: 15px;color: #000; }
.cp_mc h3{line-height: normal;font-size: 13px;font-weight: normal;margin-bottom: 15px;color: #000;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase}
.cp_mc em{display: block;height: 3px;width:100%;overflow: hidden;background: url(../images/cp-line.png) no-repeat center;}

.dhbt{ margin-bottom:30px; }

.dhbt h2{float:left; height:24px; display:inline-block; font-size:14px; font-weight:normal; padding-left:11px; line-height:1em; color:#333}
.dhbt .cpdh{ width:100px;  background:#f1f1f1 url(../images/1_snyk.png) no-repeat left;}
.dhbt p{ font-size:13px; line-height:1em;border-bottom:#dadada solid 1px; text-align:right; height:23px}
.dhbt p a{color:#5a5a5a}


.flbt{ margin-bottom:60px; height:auto;}
.fl_mc{ margin:0 auto; text-align:center;}
.fl_mc h2{line-height: normal;font-size: 20px;font-weight: bold;margin-bottom: 15px; color:#fff;}
.fl_mc h3{line-height: normal;font-size: 13px;font-weight: normal;margin-bottom: 15px;color: #fff;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase}
.fl_mc em{display: block;height: 3px;width:100%;overflow: hidden;background: url(../images/fl-line.png) no-repeat center;}











#demo{overflow: hidden;width: 100%;margin:0 auto;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
#demo .cn00{float: left;padding-right:30px;text-align:center; }
#demo .cn{width:270px;he ight: 180px;overflow: hidden;position: relative}
#demo img{background: none repeat scroll 0 0 #FFFFFF;width: 100%;he ight: 180px;display: block; margin-bottom:20px}
#demo .cn .cnmc{ position:absolute;width: 100%; bottom:0; line-height:45px; background:rgba(0,0,0,0.5); color:#fff}
#demo .cn00 p{font-size: 13px; width:270px; margin-top:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height: 24px;height: 45px;}

.dbt{ background:url(../images/dbtbj.png) repeat-x center; width:100%; height:auto;text-align: center; margin-bottom:45px}

.dbt span{ color:#031360; font-size:24px; font-weight:bolder; background:#f1f1f1; padding:0 20px;}
.dbt span i{color:#000; font-style:normal}

.sort{width:220px;height:auto;float:left;position:relative;z-index:20}
.sort .sort-ti{height:40px;font:16px/40px \5fae\8f6f\96c5\9ed1;color:#fff;padding-left:30px; background: url(../images/footbj.jpg) repeat;font-weight:bold}

.sort .sort-list{border:1px solid #3b3f4a;border-top:0;height:auto;background-color:#fafafa;    margin-bottom: 20px;}
.sort .sort-list p{ line-height:26px; padding:20px}
.sort .sort-list ul{height:auto;padding: 10px 0;}
.sort .sort-list li{padding:0 5px;width:100%;height:39px;border-bottom: 1px solid #f1f0f0;}

.sort .sort-list li a{display:block;height:37px;line-height:37px;font-size:13px;padding-left:30px;cursor:pointer;background:url(../images/ico-index-sort.png) no-repeat}
.sort .sort-list li a span{display:block;height:37px;background:url(../images/bg-index-sort-v211.png) no-repeat right -0px;overflow: hidden;}
.sort .sort-list li.hover{background:#3b3f4a}
.sort .sort-list li.hover a{color:#fff}
.sort .sort-list li a.sort-list-1{background-position:left 4px;}
.sort .sort-list li.hover a.sort-list-1{background-position:left -46px}

.sort .sort-list ul ul{display:none; padding:0px}
.sort .sort-list ul li.hover ul{background-color:#fff;left:180px;margin-top:-37px;width:150px;z-index:30;position:absolute;height:auto;overflow:hidden;}
.sort .sort-list ul li.hover ul li{height:auto;padding:0}
.sort .sort-list ul li.hover ul li:nth-child(n){border-left:1px solid #3b3f4a;border-right:1px solid #3b3f4a; }
.sort .sort-list ul li.hover ul li:first-child{border-top:1px solid #3b3f4a;}
.sort .sort-list ul li.hover ul li:last-child{border-bottom:1px solid #3b3f4a;}
.sort .sort-list ul li.hover ul{display:block}
.sort .sort-list ul li.hover ul li a{height:30px;line-height:30px;font-size:12px;padding-left:30px;color:#333;background:url(../images/bg-index-sort-v211.png) no-repeat 15px -74px;}
.sort .sort-list ul li.hover ul li a:hover{background:url(../images/bg-index-sort-v211.png) no-repeat 15px -101px; color:#031360}

.cpzs{ width:800px}


.gallery li { width:32%; height:auto;float: left; margin-right:2%; margin-bottom:20px; }
.gallery li:nth-child(3n){margin-right:0;}
.pro-pic {position: relative; width:100%; height:auto;overflow:hidden; border:#dbe2e8 solid 1px; padding: 10px;background: #fff;}
.pro-pic img, .pro-pic a{width: 100%; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.pro-pic:hover {z-index: 1;}
.pro-pic:hover img {transform: scale(1.3, 1.3);transition: .8s transform; }

.pro-tit{ text-align:center; width: auto; height:auto; line-height:40px; font-size:14px}
.pro-tit a{ color:#000}
.pro-tit a:hover{ text-decoration:underline;color:#9a0f30}



#second{background-color:#000;background-image: url(../images/demo.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}
#second #example{position: relative;float: right;top: 10%;width: auto;padding: 40px;right: 55px;}


.gsjj{width: 45%; margin-right:5%}
.gsjj img{width: 100%; height:160px; margin-bottom:20px}

.gsjj .int{ }
.gsjj .int p{ line-height:2em; }

.nlist{ width:50%; }
.nlist li{width:auto;height: auto;padding: 5px 0 12px;border-bottom: 1px solid #dadada;margin-bottom: 21px;}
.nlist .nrq{width: 79px; text-align:center}
.nlist .nrq h2{ font: bold 30px/42px Arial;color: #031360;}
.nlist .nrq span{ font-size:14px; line-height:28px}
.nlist .nwz { width:450px;display:inline-block;line-height: 20px;color: #888;padding-left:20px;border-left: 1px solid #dadada;}
.nlist .nwz a{ font-size:14px;display: inline-block;  margin-bottom:10px}






.ylink{ width:100%; line-height:40px;}

.ylink .ylink_tit{ font-weight:bold;}

/*版权*/
#footer{height: auto;width:100%;background:url(../images/footbj.jpg) repeat;}

#footer .fttop{ border-bottom:#4d515c solid 1px}

.foot_l{width: auto; padding:50px 0; height:250px}
.foot_l li{float:left;width:auto;border-right:1px solid #b1b0b6; text-align:center;height:150px; padding:0 50px}
.foot_l .title{font-size:16px;height:16px;line-height:16px; margin-bottom:30px; text-align:center; text-transform: uppercase; color:#b1b0b6}
.foot_l a{color:#fff;}

.foot_l p{ line-height:24px;color:#fff;}

.foot_l .copyright{float:left; padding:0 50px}

.foot_l .erweima{ float:right; text-align:center}

#footer .ftbq{ line-height:60px; color:#cccccc; text-align:center; border-top:#2a2e39 solid 1px;}
#footer .ftbq a{ color:#fff}
/*友链*/
.yll{}
.yll h3{color: #fff;font-weight: normal; line-height: 60px;font-size: 16px; display:inline-block; margin-right:20px}
.yll a{ padding-right:20px;color:#ccc; line-height:60px; font-size:13px;}
.yll a:hover{ color:#fdc236; }