@charset "utf-8";
/* CSS Document */
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0; padding:0px;}
body{font-family:"Microsoft Yahei"; font-size:13px; color:#333; text-decoration:none; line-height:190%;}
ul,li{list-style:none;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
img{border:0px none;}
a{color:#333; text-decoration:none;}
a:hover{color:#f40201;}


/**/
.title{font-family:Microsoft Yahei; color:#070802; font-size:15px; text-decoration:none;}
.titlea{color:#f40201; font-family:Microsoft Yahei; font-size:14px; text-decoration:none;}


/*banner*/
.banner { height:595px; width: 100%; position: relative; }
.banner .bd, .banner .bd ul, .banner .bd ul li { height: 595px; width: 100% !important; }
.banner .bd ul li { background-repeat: no-repeat; background-position: center top; }
.banner .bd ul li a { height: 595px; width: 100% !important; display: block; }
.banner .prev, .banner .next { width: 51px; height: 100px; position: absolute; top: 50%; margin-top: -50px; background-repeat: no-repeat; background-position: 0 0; }
.banner .prev { left: 30px; background-image: url(images/arrow_l.png); }
.banner .next { right: 30px; background-image: url(images/arrow_r.png); }
.banner .prevStop, .banner .nextStop { display: none; }
.banner .hd { position: absolute; bottom:120px; width: 100%;  }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #fff; margin: 0 6px; display: inline-block; text-indent: -9999px; cursor: pointer; }
.banner .hd ul li.on { background: #fff; }


/*top*/
.top{background:url(images/ttbg.jpg) repeat-x top; height:103px;}
.menuul{width:800px;}
.menuul li{width:100px; text-align:center; float:left; height:103px; background:url(images/mbg.png) no-repeat 0 -103px;}
.menuul li a{font-family:"Microsoft Yahei"; font-size:15px; color:#333; text-decoration:none; line-height:103px; display:block;}
.menuul li a:hover{color:#fff;}
.menuul li:hover,.menuul li.on{ background-position:0 0; -webkit-transition:all .4s ease; transition:all .4s ease;}
.menuul li:hover,.menuul li.on a{color:#fff;}


/*-------------index_pro-------*/
.wapper{ width:1120px; margin:0 auto; overflow:hidden;}
.tit{ padding-left:15px; font-size:20px; background:url(images/jiantou.png) no-repeat left center; margin-bottom:30px; color:#000;}
.tit span{ color:#f40201; text-transform:uppercase; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
#i_pro{}
#i_pro ul{ width:1400px;}
#i_pro ul li,#c_content ul.c_pro li{ float:left; margin-right:12px;}
#i_pro ul li a,#c_content ul.c_pro li a{display:block;width:228px; height:250px; border:1px solid #c3c3c3; padding:8px; transition:1s;}
#i_pro ul li img,#c_content ul.c_pro li img{ width:228px; height:210px;}
#i_pro ul li p,#c_content ul.c_pro li p{ height:40px;line-height:40px; background-color:#34495e; font-size:14px; color:#fff; text-align:center;}
#i_proclass_bg{background-color:#f5f5f5; margin:30px 0px; padding:30px 0px;}
#i_proclass{}
#i_proclass ul{ width:1400px;}
#i_proclass ul li{ width:239px;float:left; margin-right:25px; padding:10px; border:1px solid #d9d9d9; background-color:#fff;}
#i_proclass ul li h3{ font-size:16px; font-weight:normal; margin:10px 0px;}
#i_proclass ul li h3 a{ font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:0 3px;background-color:#f40201; color:#fff; font-weight:bold;}
#i_proclass ul li img.aa{width:238px; height:80px;}
#i_proclass ul li dl{margin-top:10px; height:130px;}
#i_proclass ul li dt{ padding-left:12px; background:url(images/hongdian.jpg) no-repeat left center; line-height:26px;}
#i_contact_bg{ background-color:#34495e; padding:50px 0px;}
#i_contact{ background:url(images/contact_bg.jpg) no-repeat 232px center; color:#fff;}
#i_contact .tit{ background:none; padding:0px; color:#fff;}
#i_contact .tit span{ color:#fff;  font-size:14px;}
#i_contact .i_feedback input,#c_content .c_feedback input{ background-color:#5d6d7d; color:#a3acb3; display:block; font-size:12px; border:none; line-height:20px; font-family:microsoft yahei;height:20px; border-radius:5px; padding:10px;}
#foot_bg{ height:108px; background-color:#000; color:#fff; text-align:center; line-height:108px;}

/*-----------content-----------*/
#bannerx{ height:250px; background:url(images/bannerx2.jpg) no-repeat center center;}
#main{ position:relative; margin-bottom:30px;}
#leftside{ width:264px;}
#leftside h3{ margin-top:-96px; background:url(images/leftside_tit.jpg) center center; font-size:26px; font-weight:normal; text-align:center; line-height:30px; color:#fff; padding-top:20px; padding-bottom:10px; border:5px solid #98adc2; border-bottom:1px solid #98adc2;}
#leftside span{ text-transform:uppercase; font-size:14px;}
#leftside ul{background-color:#485f76;padding-top:20px; padding-bottom:10px; border:5px solid #98adc2;border-top:1px solid #98adc2; padding:20px;}
#leftside ul li{ background:url(images/xian.png) no-repeat left bottom; display:flex;}
#leftside ul li a{display:block; color:#fff; font-size:14px; padding-left:24px; padding-bottom:8px; background:url(images/diandian.png) no-repeat left 8px;}
#leftside ul li a:hover,#leftside ul li a.on{color:yellow;}
#leftside .cont{border:5px solid #98adc2; margin-top:20px; padding:8px;}
#c_content{ width:810px;border:1px solid #eee; margin-top:10px; padding:10px;}
#c_content .tit{ background-color:#eee; height:30px; line-height:30px; padding:10px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; margin-bottom:20px;}
#c_content .tit em{font-style:normal; font-size:12px; float:right; font-family:宋体;}
#c_content ul.c_news{}
#c_content ul.c_news li:hover{background-color:#f1f1f1;}
#c_content ul.c_news h3{ border-bottom:1px dashed #999; padding-top:15px;}
#c_content ul.c_news h3 span{ color:#999; font-size:12px; float:right; font-weight:normal;}
#c_content ul.c_news p{ border-bottom:1px solid #999; padding-bottom:20px;}
#c_content ul.c_pro li{ margin:0px; margin:0 12px;margin-bottom:20px; overflow:hidden;}
#c_content ul.c_pro li a{ position:relative;}
#c_content ul.c_pro li a em{z-index:10; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-transform: skewx(-25deg); -webkit-transition: 0s;  display:block; width:228px; height:210px; left:-200px; top:10px; position:absolute;}
#c_content ul.c_pro li a:hover em{left:200px; -webkit-transition: 0.8s;}
#c_content ul.c_pro li a:hover{ border-color:#485f76; background-color:#eee;}
#c_content ul.c_pro li a:hover p{color:yellow;}
#c_content .c_feedback input{ border:1px solid #5d6d7d; background-color:#fff;}
#c_content .c_feedback input:focus,#c_content .c_feedback textarea{outline:none;}
#c_content .neirong p strong.aa,#c_content .neirong p b.aa{ display:block; border-left:4px solid red; padding:5px; background-color:#f1f1f1; margin:5px 0px;}
#c_content .neirong .tab_cc{ width:100%;border-collapse:collapse; margin-top:15px;}
#c_content .neirong .tab_cc td{ border:1px solid #cad9e8; height:30px; line-height:30px; text-align:center; }

/*--------lu-------------*/
.join_more { width: 100%; border-top: 2px solid #6294d1; font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; margin-bottom:20px; }
.join_more thead tr th { line-height: 40px; text-align: left; background: #f8f8f8; padding: 0 10px; border-bottom: 1px solid #dedede; font-size: 18px; font-weight: normal; }
.join_more tbody tr td { line-height: 14px; padding: 11px 10px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }
.join_more a.gangwei{ padding:10px 20px; background-color:#485f76; float:right; color:#fff; border-radius:5px;}
.join_more a.gangwei:hover{ color:yellow;}

/*--------home图标------------*/
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:12px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}