@import url("system.css");
html {overflow-x:hidden; width:100%; height:100%;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0;color:#333;font-family:"微软雅黑";}
td, th { word-wrap:break-word; word-break:break-all; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul{ font-size:12px;}
li{list-style:none; font-size:12px;}
img { border:0; }
.clear { clear:both; }
a { text-decoration:none;color:#333;font-family:"微软雅黑";transition:all .2s ease;}
a:hover { text-decoration:none; color:#e51e01;font-family:"微软雅黑";}
body { font-family:"微软雅黑";height:100%;width:100%; font-size:12px;}
.z{ float:left;}
.y{ float:right;}
.fl{ float:left;}
.fr{ float:right;}
.mt5{margin: 5px 0 0 0;}
.mt10{margin: 10px 0 0 0;}
.mt15{margin: 15px 0 0 0;}
.mt20{margin: 20px 0 0 0;}
.mt25{margin: 25px 0 0 0;}
.mt30{margin: 30px 0 0 0;}
.wrap{width: 1100px;margin: auto;}
.clear{clear:both; width:auto;}

.headbg{width:100%; height:30px; background:#023e9d;}
.head{width:1100px; height:30px; margin:0 auto;}
.headl{background:url(images/index1.jpg) no-repeat left; color:#fff; line-height:30px; height:30px; padding-left:40px; overflow:hidden;}
.heady{ color:#fff;}
.heady a{color:#fff; line-height:30px; height:30px;}
.heady a:hover{color:#ff4200;}
.yuyan{ width:180px;height:30px;}
.yuyan ul li{float:left; margin-left:10px; line-height:30px;}
.yuyan ul li.n1{background:url(images/cn.jpg) no-repeat left;}
.yuyan ul li.n2{background:url(images/en.jpg) no-repeat left;}
.yuyan ul li a{font-size:12px; color:#fff;}
.yuyan ul li a:hover{color:#ff0000;}

/*头部开始*/
.top {background:url("../images/top.gif") no-repeat center 0;;height: 214px;border-top:solid 4px #c61f1f}
.h_topbg{width:100%;height:30px;background-color:#eee;}
.header , .footer { width:960px; margin:0 auto; overflow:hidden; }
.h_top {height: 30px;line-height: 30px;overflow: hidden;}
.h_top em {float: left;color: #333;font-size:14px;}
.h_top p{float: right;font-size: 12px;color: #5d91ef;padding-right: 10px;}
.h_top p i {display: block;float: left;}
.h_top p a {padding: 0 5px;color: #000;_padding: 0 6px;}
.h_top p span {padding-left: 5px;}
.h_top a:hover{text-decoration:underline;}
.h_con {height:130px;overflow: hidden;}
.h_con h1 {float: left;padding-top: 10px;height:120px}
.h_con .phone {float: right;padding: 50px 0 0 0;}
.phone img {float: left;}

.phone p {font-family: "Microsoft YaHei";font-size: 14px;color: #626262;float: left;padding-left: 15px;}
.phone p span {display: block;font-family: Arial, Helvetica, sans-serif;font-size: 30px;color: #000;font-weight: bold;}
.navbg{width:100%;height:56px;background: url("../images/nav_bg.gif") repeat-x;}
.h_nav {font-size: 14px;font-weight: bold;height: 56px;width:1000px;margin:0 auto}
.h_nav ul li {float: left;height: 55px;line-height: 55px;}
.h_nav ul li a {color: #fff;display: inline-block;padding: 0 25px;border-right: 1px solid #a50c0c;font-size:14px;}
.h_nav ul li a:hover {background: url("../images/n_cur.gif") repeat-x;text-decoration: none;}
/*banner*/
.banner{width:100%; height:580px; margin:0 auto;background: url(../images/banner.jpg) no-repeat center top;position: relative;}
.banner ul{padding: 275px 0 0;}
.banner ul li{float: left;margin: 0 5px;}
.banner .albb{width: 306px;height: 79px;display: block;margin:30px auto;}


.bt{padding: 30px 0;}
.bt p{text-transform: uppercase;text-align: center;font-size: 24px;color: #b2b2ba;}
.bt h3{text-align: center;font-size: 22px;color: #000;background: url(../images/bt_bg.gif);line-height: 48px;}
/*产品*/
.pro_bg{width: 100%;background: #f5f5f5;padding:0 0 30px  ;}
.xf-m02-l{width:194px;float:left;background-color:#1978d6}
.xf-m02-r{width:885px;float:right;}
.xf-m03{height:56px;margin-top:20px;background-image:url(../images/bg02.jpg);}
.xf-m03 h1{width:285px;float:left;display:block;height:56px;line-height:56px;text-indent:63px;font-size:16px;color:#fff;text-align:left;font-weight:400;letter-spacing:1px;}
.xf-m03 h2{width:500px;float:right;display:block;margin-right:15px;height:56px;line-height:56px;color:#fff;letter-spacing:1px;font-weight:400;text-align:right;font-size:16px;}
.xf-m04{margin-top:50px;height:223px;background-image:url(../images/bg03.jpg);background-position:top center;background-repeat:no-repeat;}
.xf-m04 .w-1100 h1{display:block;padding-top:45px;height:46px;font-size:22px;color:#0eadca;text-align:left;font-weight:400;}
.xf-m04-nr{width:700px;height:80px;text-align:left;color:#3f3f3f;font-size:15px;overflow:hidden;line-height:170%;}
/*--- 产品类别 ---*/
.prod_type{}
.prod_type ul{margin:0px;float:none;padding:10px;background: url(../images/pro_nav_bg.jpg);}
.prod_type ul li{text-indent:30px;margin-bottom:0px;border-bottom: 1px dotted #bdcfeb;}
.prod_type ul li a{padding:15px 0;text-decoration:none;background:url(../images/tu05.gif) no-repeat 15px 22px;display: block;font-size: 14px;}
.prod_type ul li a:hover{color: #da2121;}
.prod_type ul li ul{margin:0px;padding: 0px;}
.prod_type ul li ul li{border:0px;padding:0px;background-position:0px 8px;background:url(../images/tu05.jpg) no-repeat left top;height:30px;width:250px;}
.prod_type ul li ul li a{padding: 2px 0;background: none;}
.prod_type ul li ul li a:hover{color: #da2121;}
.prod_type ul li,.prod_type ul li a,.prod_type ul li a:visited{color:#fff;}
.prod_type p{width: 100%;height: 70px;line-height: 70px;font-size: 23px;color: #fff;background: #da2121;text-align: center;}

.part3{padding-top:20px;width:885px;overflow:hidden;}
.part3-2{color:#000;line-height:170%;}
.part3-2 dl{float:left;margin-right:21px;margin-bottom:20px;position:relative;width:240px;border: 1px solid #dedede;background: #fff;}
.part3-2 dl:first-child{margin-left:0;}
.part3-2 dl .title{text-align: center;padding: 10px 0;}
.part3-2 .title span{display:block;}
.part3-2 .title .title2{color:#004dc8;font-size:12px;line-height:22px;}
.part3-2 .title .title4 a.more{color:#1c1c1c;font-size:14px;display: block;border: 1px solid #cbcbcb;border-radius: 6px;width: 110px;padding:0px;margin: 5px auto 0 auto;}
.part3-2 .title .title4 a.more:hover{background: #da2121;color: #fff;border: 1px solid #fff;}
.part3-2 dl .addtime{margin-left:50px;}
.part3-2 dl .top-img{display:none;left:0;position:absolute;top:0;}
.part3-2 dl:hover .top-img{display:block;}
.part3 .part3-2 dl:hover .title,.part3 .part3-2 dl:first-child .title{background:rgba(0,0,0,0) url("../images/img_17.jpg") no-repeat scroll 0 0;}


.xwdt{width:580px; overflow:hidden;}
.xwdtlist{width:1100px; margin:0 auto;}
.xwdtlist ul li{ margin-bottom:30px; width:520px;  padding:13px 20px 13px 0px; overflow:hidden;float: left;margin: 0 10px 20px 0;border-bottom:1px dotted #c7c7c7;}
.xwdtlist ul li span{width:75px; height:60px; float:left;background: #959595;color: #fff;text-align: center;font-size: 15px;padding: 15px 0 0;}
.xwdtlist ul li:hover span{background: #da2121;color: #fff;}
.xwdtlist ul li span b{font-size: 20px;}
.xwdtlist ul li p{width:420px; float:right; margin-top:3px;}
.xwdtlist ul li p.t a{font-size:16px; color:#333;}
.xwdtlist ul li p.t a:hover{color:#da2121;}
.xwdtlist ul li p.f{font-size:12px; color:#999; line-height:24px;}





/*产品*/
#product_list{width:1128px;border:1px solid #cccccc;margin:37px auto 0;padding:35px;background:#fff; overflow:hidden;}
#product_list .p_detail{width:268px;height:100px;line-height:24px;text-align:center;position:absolute;top:272px;background:rgba(255,255,255,0.9);}
#product_list .p_detail_de{width:248px;height:30px;padding:10px; line-height:18px;}
#product_list .p_detail_an{ display:block;width:142px;height:24px;border:1px solid #e2e2e2;border-radius:10px;line-height:24px;text-align:center;margin:10px auto 0;}
#product_list li{float:left;width:268px;height:325px;margin:0 6px 24px;border:1px solid #e1e1e1;background:#fff;display:inline;position:relative;overflow:hidden;}
#product_list dt{height:38px;border-bottom:1px solid #e2e2e2;line-height:38px;text-align:center}
#product_list li:hover{border:1px solid #f15b10;outline:2px solid #f15b10}
#product_list li:hover a{color:#fff}
#product_list li:hover .p_detail_an{background:#f15b10;color:#fff}
#product_list li:hover dt{background:#f15b10;color:#fff}


.container { width:100%; height:100%;}
.section { width:100%; height:100%;}
.login{ width:630px; height:350px; margin:0 auto; overflow:hidden; position:absolute;}
.login-top{width:580px;height:250px; background:#E9F8FD; border-radius:5px 5px 0px 0px; padding:25px;}
.login-top-left{ float:left; width:289px;height:250px; border-right:1px #D6F2FC solid; text-align:center;}
.login-top-left .logo { margin-top:90px; width:158px; height:77px; margin-left:50px;}
.login-top-left .logo a img{ width:158px; height:77px;}
.login-top-left .slogan{ line-height:40px; font-size:14px; margin-top:30px; text-align:center;}

.login-top-right{ float:right; width:290px;height:250px;}
.login-top-right .logo { margin-top:90px;  width:158px; height:77px;margin-left:70px;}
.login-top-right .logo a img{  width:158px; height:77px;}
.login-top-right .slogan{ line-height:40px; font-size:14px; margin-top:30px; text-align: center;}

.btn-login{ border:0; cursor:pointer; width:315px; line-height:40px;height:40px;background:#0888e6; color:#FFF; font-size:14px; font-weight:bold; border-radius:4px;
background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));background: linear-gradient(top, #42abf8, #0888e6);}
.login-bot{ width:630px;height:50px; line-height:50px; text-align:center; background:#22628C;border-radius:0px 0px 5px 5px}
.login-bot p{ color:#ABBDCE; font-size:12px;}
.login-bot a{ color:#ABBDCE; font-size:12px;}
.login-bot a:hover{color:#fff600;}

/*资质荣誉*/
/* 多个左滚动 - 图片- 公用类 */
.leftLoop1{ overflow:hidden; position:relative;width: 580px;}
.leftLoop1 .hd{ overflow:hidden;  height:30px;  }
.leftLoop1 .hd .prev,.leftLoop1 .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;  
	 cursor:pointer; background:url("../images/icoLeft.gif") no-repeat;}
.leftLoop1 .hd .next{ background:url("../images/icoRight.gif") no-repeat;  }
.leftLoop1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop1 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);}
.leftLoop1 .hd ul li.on{ background:#f00;  }
.leftLoop1 .bd{ padding:10px;   }
.leftLoop1 .bd ul{ overflow:hidden; zoom:1; }
.leftLoop1 .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }
.leftLoop1 .bd ul li img{width: 257px;height: 175px;}


/*案例滚动*/
#demokk{overflow:hidden;width:1100px;}
#demokk .demowrap{overflow:hidden;width:30000px;}
#demokk .demowrap li{float:left;margin:0 10px 12px 10px;display:inline;width: 230px;}
#demokk .demowrap li a{display: block;width: 230px;height: 164px;position: relative;}
#demokk .demowrap li a span{text-align: center;height: 25px;line-height: 25px;position: absolute;display: none;background: url(images/imgbg.png);}
#demokk .demowrap li a:hover span{display: block;width: 210px;height:119px;left: 6px;top: 6px;padding: 50px 10px 0 10px;}
#demokk .demowrap li a span h3{font-size: 20px;color: #fff;}
#demokk .demowrap li a span p{font-size: 14px;color: #fff;margin: 50px;}
#demokk .demowrap ul li a img{border:1px solid #e8e8e8;padding: 5px;background: #fff;}
#demokk .demowrap ul li a:hover img{border:1px solid #da2121;}
#marquePic3{float:left;height: 240px;width: 1920px;}
#marquePic4{float:left;height: 240px;width: 1920px;}

/*产品双行滚动*/
#demo{overflow:hidden;width:885px;}
#demo .demowrap{overflow:hidden;width:30000px;}
#demo .demowrap li{float:left;margin:0 10px 12px 10px;display:inline;width: 269px;}
#demo .demowrap li a{display: block;width: 269px;height: 194px;position: relative;}
#demo .demowrap li a span{width: 249px;text-align: center;display: block;position: absolute;left: 0px;top: 0px;height: 144px;background: url(images/imgbg.png) repeat;display: none;padding: 50px 10px 0 10px;}
#demo .demowrap li a span h3{font-size: 20px;}
#demo .demowrap li a span p{font-size: 14px;color: #fff;margin: 50px;}
#demo .demowrap li a:hover span {display: block;color: #fff;}
#demo .demowrap li a:hover span h3{color: #fff;}
#demo1{float:left;height: 500px;width: 1578px;}
#demo2{float:left;height: 500px;width: 1578px;}

/*关于我们*/
.about_bg{background: url(../images/about_bg.jpg);padding: 30px 0;height: 473px;overflow: hidden;}
.intro{width: 444px;height: 492px;}
.intro a{background: #fff;display: block;}
.intro a img{font-size: 0px;line-height: 0px;}
.intro a .txt{padding: 20px 25px;height: 220px;line-height: 30px;}
.intro a .txt h3{font-size: 20px;font-weight: bold;}
.intro a .txt p{line-height: 28px;margin: 10px 0 0;}
.intro a .txt span{float: right;}
.ab_r{width: 620px;}
.wenhua a{background: #fff;display: block;}
.wenhua img{float: left;padding: 15px;}
.wenhua .txt{float: left;padding: 20px;padding-left:0px;width: 415px;line-height: 30px;}
.wenhua h3, .zz h3{font-weight: bold;}
.wenhua h3, .wenhua p{color: #333;}
.wenhua h3{font-size: 20px;}
.wenhua p{padding: 10px 0;line-height: 24px;}
.zz{margin: 30px 0 0;}
.zz a{background: #fff;display: block;}
.zz img{padding: 15px;}
.zz .txt{float: left;padding: 20px;padding-right:0px;width: 415px;line-height: 30px;}
.zz h3, .wenhua p{color: #333;}
.zz h3{font-size: 20px;}
.zz p{padding: 10px 0;line-height: 24px;}




/*footer*/

.links{ height:120px; width:960px; margin:0 auto; padding-top:30px;}
.links h3{font-size:16px;font-family: "Microsoft Yahei";  height:33px; line-height:33px; color:#a6a6a6; border-bottom:2px solid #f92323;}
.links h3 a{ color:#f92323; display:inline-block;}
.links h3 span{ float:right; font-family:"宋体"; font-size:12px; padding:0 10px 0 0; font-weight:normal;}
.links h3 span a{ color:#f9540b;}
.links h3 q{ color:#999;font-size:12px; font-family:Arial; padding:0 0 0 6px; font-weight:normal;}
.links p{padding:14px 0 0 0;color:#777;}
.links p a{ display:inline-block; padding:0 19px; color:#000; font-family:"宋体"; font-size:12px; line-height:25px;}
/*底部开始*/
.f_bg{ background:url(../images/f_bg.gif) repeat-x; height:268px;}
.f_menu{ height:34px; line-height:34px; color:#fff; text-align:center;}
.f_menu a{ color:#fff; font-size:12px; font-weight:bold;padding:0 19px;}
.f_con{}
.f_con h3{ float:left; padding:37px 58px 0 53px;}
.f_con p{ float:left; width:340px;font-size:12px; color:#000;padding:40px 0 49px 0;background:url(../images/f_p.jpg) no-repeat left center; padding-left:46px;*width:300px;_width:300px;}
.f_con p i{ font-style:normal; display:block; color:#000; line-height:27px; font-size:13px;}
.f_con p i span{ padding:0 20px;}
.f_con q{ float: right; padding:40px 0 0 55px;display:inline-block;background:url(../images/f_p.jpg) no-repeat left center; width:270px;*width:318px;_width:318px;}
.f_con q img{ float:left;}
.f_con q span{ display:block;font-size:12px; color:#000; padding-top:20px;float:left; padding-left:18px; line-height:28px;}
.f_con p i a{ color:#000;}
/*底部结束*/