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

body { font-family: '微软雅黑', sans-serif, Arial; font-size:13px; color:#777; overflow-x:hidden; background-color:#FFF;}
* { margin:0; padding:0;}
a { color:#777; text-decoration:none;}
a:hover {text-decoration:none; cursor:pointer}
.clear{clear:both;}
img{ border:0}
ul{list-style-type:none}
.dn{ display: none; }

.header{ width: 100%; height: 34px; overflow: hidden; background-color: #13a0b2}
.header .con{ width: 1200px; height: 34px; overflow: hidden; margin:0 auto; line-height: 34px; color: #fff;}
.header .con .t1{ float: left; font-size: 14px}
.header .con .t2{ float: right; padding-left: 22px; background-image: url('../images/email.png'); background-repeat: no-repeat; background-position: 0px 12px}
.header .con .t3{ float: right; padding-left: 22px; background-image: url('../images/tel.png'); background-repeat: no-repeat; background-position: 0px 12px;}
.header .con .xian{ float: right; width: 1px; height: 10px; background-color: #fff; margin: 12px 15px 0 15px;}

.top{ width: 100%; height: 128px; overflow: hidden; border-top: #fff 1px solid}
.top .con{ width: 1200px; height: 128px; margin:0 auto; /*background-color: #006699*/}
.top .con .logo{ float: left; margin-top: 23px}

.nav{ float: right; width: 690px; height: 128px;/* background-color: #ff6600*/}
.nav .ncon{ width: 690px; height: 128px; margin: 0 auto }
.nav .ncon .xian{ float:left; width:1px; height:41px; background-color:#f3f3f3; margin-top: 44px;}
.nav .ncon li{ float:left;}
.nav .ncon li .dh_a{ float:left; width: 114px; height:128px;/* padding:0 44px 0 44px*/; font-size: 18px; color: #fff; text-align: center;}
.nav .ncon li .dh_a span{ float: left; width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #333; margin-top: 36px;}
.nav .ncon li .dh_a font{ float: left; width: 100%; height: 28px; line-height: 28px; font-family: Arial; font-size: 12px; color: #888; text-align: center;}

.nav .ncon li .dh_xl{ float:left; position:absolute; width:114px; margin-top:128px; background-color: #13a0b2; z-index:999; padding:0px; border-top: #fff 1px solid; display:none }
.nav .ncon li .dh_xl a{ float:left; width:100%; overflow:hidden; height:44px; overflow:hidden; color:#fff; font-size:15px; line-height:44px; text-align: center; border-bottom: #fff 1px solid}
.nav .ncon li .dh_xl a span{}
.nav .ncon li .dh_xl a:hover{ background-color:#ebaa0e; color:#fff}
.nav .ncon li:hover .dh_a{ background-color: #13a0b2; color: #fff }
.nav .ncon li:hover .dh_a span{ color: #fff }
.nav .ncon li:hover .dh_a font{ color: #fff }

.flash{ float:left; width:100%; height:550px; position:relative; overflow:hidden;}
.flash .num { overflow:hidden; height:20px; position:absolute; bottom:30px; left:47%; zoom:1;}
.flash .num li{ float:left; margin-right:26px; width:20px; height:20px; background:rgba(0,0,0,0.3); border-radius: 10px;}
.flash .num li.on{ width:20px; height:20px; background-color: #eee}
.flash .num li a { width:20px; height:20px; line-height:0px; cursor:pointer; float:left;}
.flash .prev,
.flash .next { display:none; width:24px; height:41px; position:absolute; top:250px;}
.flash .prev { left:2%; background: url(../images/flash-left.png) no-repeat;}
.flash .next { right:2%; background: url(../images/flash-right.png) no-repeat;}
#flash_pic{ width:1920px; height:550px; position:absolute; left:50%; margin-left:-960px; display:block;}
#flash_pic img{ width:1920px; height:550px; }

.in-pro{ width: 100%; overflow: hidden;}
.in-pro .tit{ width: 100%; height: 58px; overflow: hidden; margin-top: 35px; font-size: 30px; color: #13a0b2; line-height: 58px; text-align: center; font-weight: bold;}
.in-pro .tit font{ color: #333; margin-left: 25px; }
.in-pro .tit-des{ width: 100%; height: 50px; overflow: hidden; font-size: 18px; color: #888; line-height: 50px; text-align: center; position: relative;}
.in-pro .tit-des:before{content: " "; position: absolute; width: 30px; height: 13px; background-color: #e5e5e5; margin: 19px 0 0 -45px; background:url('../images/icon-2.png') no-repeat;}
.in-pro .tit-des:after{content: " "; position: absolute; width: 30px; height: 13px; background-color: #e5e5e5; margin: 19px 0 0 15px; background:url('../images/icon-2.png') no-repeat;}

.in-search-bg{ width: 100%; height: 80px; background-color: #f8f8f8; margin-top: 18px}
.in-search{ width: 1200px; height: 80px; margin: 0 auto;}
.in-search .txt{ float: left; width: 800px; overflow: hidden; line-height: 80px;}
.in-search .txt span{ float: left; color: #333; font-weight: bold;}
.in-search .txt a{ float: left; color: #666; margin-right: 10px; margin-left: 6px;}
.in-search .txt a:hover{ color: #ebaa0e }
.in-search .scon{ float: right; width: 360px; height: 50px; overflow: hidden; margin: 15px 0 0 0;}
.in-search .scon .search-txt{ float: left; width: 260px; height: 50px; font-size: 14px; line-height: 50px; padding: 0 20px 0 20px; outline: none; border: 0px; background-color: #eee}
.in-search .scon .search-btn{ width: 60px; height: 50px; background-color: #2454ac; border: 0px; color: #fff; cursor: pointer; background: url(../images/search-btn.png) no-repeat;}

.in-pro .con{ width: 1200px; min-height: 600px; overflow: hidden; margin: 0 auto; margin-top: 31px; margin-bottom: 15px;}

.in-pro .con .pro_menu{ float: left; width: 100%; min-height: 44px;}
.in-pro .con .pro_menu a{ float: left; height: 44px; background-color: #13a0b2; color: #fff; padding: 0 30px 0 30px; font-size: 16px; line-height: 44px; margin-right: 10px; margin-bottom: 10px;}
.in-pro .con .pro_menu a:hover{ background-color: #ebaa0e; color: #fff }
.in-pro .con .pro_menu .cur{ background-color: #ebaa0e; color: #fff }
/*.in-pro .con .pro_menu a:nth-child(1){ margin-left: 0px; }*/
.in-pro .con .pro_con{ float: left; width: 100%; overflow: hidden; margin-top: 33px; }
.in-pro .con .pro_con .list{ float: left; width: 279px; height: 323px; overflow: hidden; margin: 0 28px 17px 0}
.in-pro .con .pro_con .list a{ float: left; width: 279px; height: 323px; overflow: hidden; background-color: #fff;}
.in-pro .con .pro_con .list a img{ float: left; width: 279px; height: 279px; }
.in-pro .con .pro_con .list a span{ float: left; width: 279px; height: 44px; overflow: hidden; font-size: 14px; color: #5e7387; line-height: 50px; text-align: center;}
.in-pro .con .pro_con .list a:hover span{ color: #ebaa0e }

.in-about-bg{ width: 100%; overflow: hidden; background-color: #f8f8f8; padding: 60px 0 60px 0;}
.in-about{ width: 1200px; margin: 0 auto; overflow: hidden;}
.in-about .con1{ float:left; width:690px; overflow:hidden}
.in-about .con1 .tit{ float:left; width:100%; height:34px; overflow:hidden; font-weight: bold;}
.in-about .con1 .tit span{ float:left; font-size:30px; line-height:34px; color:#13a0b2;}
.in-about .con1 .tit font{ float:left; font-size:26px; line-height:44px; color:#ccc; margin-left:19px; font-family:'Arial'}
.in-about .con1 .tit_fu{ float:left; width:100%; margin:15px 0 10px 0; font-size:16px; line-height:32px; color:#666}
.in-about .con1 .txt{ float:left; width:100%; font-size:14px; line-height:28px; color:#666}
.in-about .con1 .txt p{ overflow:hidden; margin-top:5px}
.in-about .con1 .more{ float:left; margin-top: 15px}
.in-about .con1 .more a{ float:left; padding:10px 10px 8px 10px; margin-top:13px; border:#dfdfdf 1px solid; color:#999; font-family:"Times New Roman", Times, serif; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
.in-about .con1 .more a:hover{ border:#ebaa0e 1px solid; color:#ebaa0e;}
.in-about .con2{ float:right; margin:6px 35px 0 0}

.in-application{ width: 100%; height: 668px; overflow: hidden; margin-top: 25px;}
.in-application .tit{ width: 100%; height: 58px; overflow: hidden; margin-top: 35px; font-size: 30px; color: #13a0b2; line-height: 58px; text-align: center; font-weight: bold;}
.in-application .tit font{ color: #333; margin-left: 25px; }
.in-application .tit-des{ width: 100%; height: 50px; overflow: hidden; font-size: 18px; color: #888; line-height: 50px; text-align: center; position: relative;}
.in-application .tit-des:before{content: " "; position: absolute; width: 30px; height: 13px; background-color: #e5e5e5; margin: 19px 0 0 -45px; background:url('../images/icon-2.png') no-repeat;}
.in-application .tit-des:after{content: " "; position: absolute; width: 30px; height: 13px; background-color: #e5e5e5; margin: 19px 0 0 15px; background:url('../images/icon-2.png') no-repeat;}

.in-application .con{ width: 1200px; height: 465px; margin: 0 auto; margin-top: 20px; }
.in-application .con .img-scroll { position:relative; width:1200px; height:465px;}
.in-application .con .img-scroll .prev,.in-application .con .img-scroll .next { position:absolute; display:block; width:40px; height:50px; top:206px; z-index:999}
.in-application .con .img-scroll .prev { left:-60px; background-image:url(../images/in-application-left.png); background-repeat:no-repeat; cursor:pointer; background-position:0 0}
.in-application .con .img-scroll .next { right:-60px ;background-image:url(../images/in-application-right.png); background-repeat:no-repeat; cursor:pointer; background-position:0 0}
.in-application .con .img-list { position:relative; width:1200px; height:465px; float:left; overflow:hidden;}
.in-application .con .img-list ul { width:13400px;}
.in-application .con .img-list li { float:left; display:inline; width:279px; height:460px; overflow:hidden; margin-right: 28px;}
.in-application .con .img-list li a{ float:left; width:259px; height:440px; overflow: hidden; background-color: #fff; padding: 10px;}
.in-application .con .img-list li a img{ float: left; width: 259px; height: 304px; }
.in-application .con .img-list li a .desc{ float: left; font-size: 13px; color: #5e7387; height: 60px; overflow: hidden; line-height: 20px; margin: 10px;}
.in-application .con .img-list li a .more{ float: left; width: 80%; border:#5e7387 1px solid; color: #5e7387; text-align: center; margin-left:9%; margin-top: 10px; font-size: 14px; line-height: 36px} 
.in-application .con .img-list li a:hover .more{ color: #ebaa0e; border:#ebaa0e 1px solid; }

.in-contact{ width: 100%; height: 110px; background-color: #13a0b2 }
.in-contact .con{ width: 1200px; height: 110px; overflow: hidden; margin: 0 auto; }
.in-contact .con .txt{ float: left; font-size: 30px; color: #fff; line-height: 110px; margin-left: 35px; }
.in-contact .con .button{ float: right; margin: 33px 33px 0 0; }

.in-news{ width: 100%; height: 668px; overflow: hidden; background-image: url('../images/in-news-bg.jpg'); background-repeat: no-repeat; background-position: center top;}
.in-news .tit{ width: 100%; height: 58px; overflow: hidden; margin-top: 35px; font-size: 30px; color: #13a0b2; line-height: 58px; text-align: center; font-weight: bold;}
.in-news .tit font{ color: #333; margin-left: 25px; }
.in-news .tit-des{ width: 100%; height: 50px; overflow: hidden; font-size: 18px; color: #888; line-height: 50px; text-align: center; position: relative;}
.in-news .tit-des:before{content: " "; position: absolute; width: 30px; height: 13px; background-color: #e5e5e5; margin: 19px 0 0 -45px; background:url('../images/icon-2.png') no-repeat;}
.in-news .tit-des:after{content: " "; position: absolute; width: 30px; height: 13px; background-color: #e5e5e5; margin: 19px 0 0 15px; background:url('../images/icon-2.png') no-repeat;}

.in-news .con{ width: 1200px; height: 465px; margin: 0 auto; margin-top: 30px;}
.in-news .inews_ibox{ float:left; width:585px; height:420px; overflow:hidden; position:relative; background-color:#13a0b2}
.in-news .inews_ibox .num { overflow:hidden; height:12px; position:absolute; z-index:11; bottom:9px; right:5px; zoom:1;}
.in-news .inews_ibox .num li{ float:left; margin-right:8px; width:12px; height:12px; background-color:#d9d9d9; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px;}
.in-news .inews_ibox .num li.on{ width:12px; height:12px; background-color:#fc114a}
.in-news .inews_ibox .num li a { width:12px; height:12px; line-height:0px; cursor:pointer; float:left;}

#inews_pic{ width:585px; height:420px; position:absolute; display:block;}
#inews_pic img{ width:585px; height:420px; }
#inews_pic .ntit{ float:left; width:585px; height:30px; overflow:hidden; position:absolute; z-index:10; top:390px; font-size:14px; line-height:30px; background-image:url(../images/inews_pic_titbg.png)}
#inews_pic .ntit a{ float:left; width:415px; height:30px; overflow:hidden; margin-left:10px; color:#fff}

.in-news .inews_lbox{ float:right; width:566px; height:420px; overflow:hidden}
.in-news .inews_lbox li{ float:left; width:566px; height:120px; overflow:hidden; background-color:#f4f4f4; margin-bottom:30px}
.in-news .inews_lbox li .date{ float:left; width:70xpx; height:120px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; color:#fff; letter-spacing:0px;}
.in-news .inews_lbox li .date .md{ width:70px; height:76px; overflow:hidden; background-color:#13a0b2; line-height:76px; text-align:center;}
.in-news .inews_lbox li .date .md .txt1{ font-size:28px;}
.in-news .inews_lbox li .date .md .txt2{ font-size:14px; margin-left:4px}
.in-news .inews_lbox li .date .year{ width:70px; height:44px; overflow:hidden; background-color:#5f5e60; line-height:44px; font-size:18px; text-align:center}
.in-news .inews_lbox li .lcon{ float:left; width:496px; height:120px; overflow:hidden;}
.in-news .inews_lbox li .lcon .ltit{ float:left; width:456px; height:28px; overflow:hidden; margin:17px 0 0 20px; font-size:16px; line-height:28px}
.in-news .inews_lbox li .lcon .ltit a{ color:#333}
.in-news .inews_lbox li .lcon .ltit a:hover{ color:#ebaa0e}
.in-news .inews_lbox li .lcon .ltxt{ float:left; width:456px; height:56px; overflow:hidden; margin:6px 0 0 20px; font-size:13px; line-height:28px}
.in-news .inews_lbox li .lcon .ltxt a{ color:#888}
.in-news .inews_lbox li .lcon .ltxt a:hover{ color:#ebaa0e}

.footer{ width:100%; overflow:hidden; background-color:#212832}
.footer .con{ width:1200px; overflow:hidden; margin:0 auto; color:#cbcbcb}
.footer .con a{ color:#cbcbcb}
.footer .con a:hover{ color:#fff}

.foot_1{ float:left; width:1200px; padding:33px 0 0 0}

.foot_1 .f1_contact{ float:left; width:410px; min-height:198px; position: relative; /*background-color: #ff6600*/; margin-top: 10px;}
.foot_1 .f1_contact .txt{ float:left; width:100%; /*background-color: #ff5566*/}
.foot_1 .f1_contact .txt .foot-logo-cn{ display: inline-block; width: 100%; height: 36px; overflow: hidden; font-size: 29px; line-height: 36px; color: #fff; text-align: justify; text-align-last: justify;}
.foot_1 .f1_contact .txt .foot-logo-en{ display: inline-block; width: 100%; height: 36px; overflow: hidden; font-size: 14px; line-height: 36px; text-align: justify; text-align-last: justify; font-family: Arial;}
.foot_1 .f1_contact .txt .dtxt{ margin-top: 8px; overflow: hidden; line-height: 30px; font-size: 13px;}
.foot_1 .f1_contact .txt .dinfo{ overflow: hidden; margin-top: 10px;}
.foot_1 .f1_contact .txt .dinfo .erweima{ float:left; width:126px; height:156px; overflow:hidden; margin-top: 7px}
.foot_1 .f1_contact .txt .dinfo .erweima img{ width:126px; height:126px;}
.foot_1 .f1_contact .txt .dinfo .erweima span{ float:left; width:126px; height:30px; overflow:hidden; font-size:14px; line-height:36px; text-align:center;}
.foot_1 .f1_contact .txt .dinfo .ftel{ float:left;}
.foot_1 .f1_contact .txt .dinfo .ftel .foot-tel{ margin: 20px 0 0 40px;}

.foot_1 .f1_contact .tel img{ float:right; margin-top:2px}
.foot_1 .f1_contact .tel .txt1{ float:right; width:100%; text-align:right; font-size:14px; margin-top:16px;}
.foot_1 .f1_contact .tel .txt2{ float:right; width:100%; text-align:right; font-size:24px; margin-top:12px;}

.foot_1 .f1_dh{ float:right; width:711px;/* background-color: #006699*/}
.foot_1 .f1_dh ul{ float: left; width: 100px; margin-right: 50px;}
.foot_1 .f1_dh ul li.tit{ float: left; width: 100px; height: 50px; font-size: 16px; line-height: 50px; border-bottom: #13a0b2 1px solid; margin-bottom: 10px; padding-left: 5px; color: #fff}
.foot_1 .f1_dh ul li{ float: left; width: 110px; height: 30px; line-height: 30px; padding-left: 5px;}

.foot_2{ float:left; width:100%; height: 50px; line-height:50px; margin-top:26px;}
.foot_xian1{ float:left; width:100%; height:1px; overflow:hidden; background-color:#191e26;}
.foot_xian2{ float:left; width:100%; height:1px; overflow:hidden; background-color:#2a333f;}
.foot_3{ float:left; width:100%; height: 60px; line-height:60px;}
.foot_3 .txt1{ float:left}
.foot_3 .txt2{ float:right}

.nei_banner{ width:100%; height:330px; overflow:hidden; background-repeat:no-repeat; background-position:center 0px}

.nei{ width:1200px; /*overflow:hidden;*/ margin:0 auto}
.nei .nei_left{ float:left; width:262px; /*overflow:hidden*/ margin-bottom: 55px}
.nei .nei_right{ float:right; width:885px; overflow:hidden; margin-bottom: 55px;}

.left_01{ float:left; width:252px; height:111px; overflow:hidden; background:rgba(19,160,178,0.5); margin-top:-111px}
.left_01 .le01_en{ font-size:22px; line-height:34px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin:15px 0 0 20px}
.left_01 .le01_cn{ font-size:22px; line-height:28px; color:#fff; margin:8px 0 0 20px}

.h107{ height:107px; margin-top:-107px;}

.left_02{ float:left; width:252px; background-color:#f7f7f7; padding-bottom:15px}
.left_02 a{ float:left; width:145px; height:65px; overflow:hidden; padding:0 24px 0 60px; border-bottom:#dedede 1px solid; font-size:16px; color:#666; line-height:66px}
.left_02 a:hover{ color:#ebaa0e}
.left_02 a.cur{ color:#ebaa0e;}

.left_contact{ float:left; width:252px; background-color:#f2f2f2; margin-top:35px; padding-bottom:25px}
.left_contact_img{ float:left;}
.left_contact .txt{ float:left; width:252px; font-size:14px; line-height:30px; color:#666; margin:0 10px 0 15px;}

.right_01{ width:100%; height:50px; overflow:hidden; border-bottom:#112433 2px solid; margin-top:14px;}
.right_01 .rt_cn{ float:left; font-size:20px; color:#ebaa0e; line-height:50px; margin-left:15px}
.right_01 .rt_en{ float:left; font-size:16px; color:#cbcbcb; line-height:54px; margin-left:15px; font-family:Arial, Helvetica, sans-serif}
.right_01 .rhere{ float:right; color:#666; line-height:54px; font-size:14px; margin-right:10px;}
.right_01 .rhere a{ color:#939393}
.right_01 .rhere a:hover{ color:#666}

.nei_con{ margin:18px 10px 15px 15px; font-size:14px; line-height:26px; }
.page_detail{ float:left;}
.page_detail p{ padding:0 0 10px 0}

.newslist{ overflow: hidden; }
.newslist li{ float: left; width: 100%; height: 40px; overflow: hidden; border-bottom:#ececec 1px solid;}
.newslist li a{ float: left; width: 100%; height: 40px; overflow: hidden; font-size: 14px; line-height: 40px;}
.newslist li span{ }
.newslist li a:hover span{ color: #f49b00 }

.prolist{ overflow: hidden; }
.prolist li{ float: left; width: 202px; height: 286px; overflow: hidden; margin: 0 17px 22px 0}
.prolist li a{ float: left; width: 202px; height: 286px; overflow: hidden}
.prolist li a img{ float: left; width: 200px; height: 200px; margin: 0px; border:#d3d3d3 1px solid;}
.prolist li a:hover img{ border:#f49b00 1px solid; }
.prolist li a span{ float: left; width: 202px; height: 30px; font-size: 14px; line-height: 30px; text-align: left; background-color: #f9f9f9; padding: 0 5px 0 5px;}
.prolist li a:hover span{ background-color: #f49b00; color: #fff }
.prolist li a .desc{ float: left; width: 202px; padding: 5px; height: 44px; overflow: hidden; line-height: 22px; background-color: #f9f9f9; border-top: #fff 1px solid; font-size: 13px; color: #999}
.prolist li a:hover .desc{ background-color: #f49b00; color: #fff }

.prodetail{ float: left; }
.prodetail img{ float: left; width: 360px; height: 360px; margin: 0px; border:#ececec 1px solid; padding: 1px;}
.prodetail .txt{ float: left; margin: 0 0 0 25px;}
.prodetail .txt p{ font-size: 16px; line-height: 36px; color: #f49b00; font-weight: bold;}

.comtitle{ width: 100%; background:#fafafa; font-size:20px; line-height:35px; font-weight:bold; padding:8px 15px; margin:25px 0px; color: #f49b00}

.contact_01{ float:left; width:436px; overflow:hidden; margin-top:15px}
.contact_01 .tit{ overflow:hidden; font-size:32px; line-height:92px; color:#123a8e; border-bottom:#dbdbdb 1px solid; padding:0 0 0 5px; letter-spacing:3px;}
.contact_01 .ltxt{ overflow:hidden; font-size:16px; line-height:60px; color:#666; border-bottom:#dbdbdb 1px solid; padding:0 0 0 10px}

.contact_02{ float:right; width:400px; overflow:hidden; margin-top:88px;}
.feedback_txtl{ float:left; width:398px; overflow:hidden; margin-bottom:10px; background-color:#fbfcfc; border:#e0e1e1 1px solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;}
.feedback_txtl span{ float:left; width:75px; overflow:hidden; margin-left:10px; font-size:14px; line-height:38px; color:#666;}
.feedback_txtl input{ float:left; width:300px; height:38px; overflow:hidden; border:0px; font-size:14px; line-height:38px; color:#666; margin-left:5px; background-color:#fbfcfc; padding:0 3px 0 5px; font-family:"微软雅黑"}
.feedback_txtl textarea{ float:left; width:300px; height:100px; overflow:hidden; border:0px; font-size:14px; line-height:28px; color:#666; margin-left:5px; background-color:#fbfcfc; padding:0 3px 0 5px; font-family:"微软雅黑"}
.feedback_submit{ float:left; width:398px; overflow:hidden; margin-top:10px;}
.feedback_submit .dosubmit{ float:left; height:30px; line-height:30px; color:#fff; background-color:#0066bf; padding:0 15px 0 15px; border:0px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; cursor:pointer; font-family:"微软雅黑"}
.feedback_submit .reset{ float:right; height:30px; line-height:30px; color:#fff; background-color:#0066bf; padding:0 15px 0 15px; border:0px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; cursor:pointer; font-family:"微软雅黑"}

.contact_03{ width:1180px; height:380px; overflow:hidden; margin:0 auto; background-color:#9C9; margin-top:60px; margin-bottom:25px}

.pages{
    padding: 20px 0;
}
.pages a{
    display: inline-block;
    padding: 5px 15px;
    margin: 0 10px 0 0;
    color: #555;
    background-color: #eee;
    -ms-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}
.pages a:hover{
    color: #eee;
    background-color: #f49b00;
}
.pages span{
    display: inline-block;
    padding: 5px 15px;
    margin: 0 10px 0 0;
    color: #fff;
    background-color: #f49b00;
}


.news_detail{ margin-bottom: 30px; }

.detail_prev{ margin-left: 10px; font-size: 14px; line-height: 28px; margin-top: 35px; }
.detail_prev a{ text-decoration: underline; }
.detail_prev a:hover{ color: #f49b00 }

.detail_next{ margin-left: 10px; font-size: 14px; line-height: 28px; }
.detail_next a{ text-decoration: underline; }
.detail_next a:hover{ color: #f49b00 }

.detail_last{ margin-left: 10px; font-size: 14px; line-height: 28px; margin-top: 6px; margin-bottom: 6px;}
.detail_last a:hover{ color: #f49b00 }
.detail_last span{ color: #999; margin-left: 15px; }
.detail_rels{ margin-left: 10px; font-size: 14px; line-height: 28px; margin-top: 6px; margin-bottom: 6px;}
.detail_rels a:hover{ color: #f49b00 }
.detail_rels span{ color: #999; margin-left: 15px; }


.side_nav {
    position: fixed;
    top: 50%;
    right: 0;
    width: 60px;
    z-index: 99999;
}
.side_nav ul li {
    position: relative;
    width: 60px;
    height: 60px;
    float: right;
    margin-bottom: 1px;/* border-bottom: 1px solid #fff; */
}
.side_nav ul li a {
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;/*  border-bottom: 1px solid #fff; */
}
/* .side_nav ul li:last-child,.side_nav ul li:last-child a{
    border-bottom: 0;
} */
.current_side_n {
    width: 140px!important;
}
.current_side_n a {
    width: 140px!important;
}
/* .current_side_n span{

} */
.side_nav ul li span {
    /*      display:block; */
    width: 148px;
    height: 148px;
    float: left;
    color: #fff;
    line-height: 60px;
    font-size: 16px;
    margin-left: 60px;
    cursor: pointer;
}
.side_nav ul li span img {
    width: 148px;
    height: 148px;
}
.side_nav_3 a {
    width: 60px;
}
.side_nav_3 a span {
    position: absolute;
    right: 60px;
    bottom: 0;
    margin-left: 0!important;
    display: none;
}
.tel a {
    background: #f49b00 url(../images/24hour_09.png) no-repeat 15px 15px;
}
.QQ a {
    background: #f49b00 url(../images/0013920_47.png) no-repeat 15px -96px;

}
.sub_QR a {
    background: #f49b00 url(../images/0013920_47.png) no-repeat 15px -207px;
}
.back_top a {
    background: #f49b00 url(../images/0013920_47.png) no-repeat 15px -317px;
}


.foot-h85{ width: 100%; height: 85px; overflow: hidden; }
.foot-kefu{ float: left; width: 100%; height: 85px; overflow: hidden; background-color: #13a0b2; position: fixed; bottom: 0px; z-index: 999}
.foot-kefu ul{ width: 1200px; height: 85px; overflow: hidden; margin: 0 auto; }
.foot-kefu ul li{ float: left; width: 366px; height: 85px; overflow: hidden; margin-right: 50px; }
.foot-kefu ul li .num{ float: left; width: 52px; height: 52px; overflow: hidden; background-color: #f1c61a; color: #fff; font-size: 32px; font-weight: bold; line-height: 52px; border-radius: 50%; text-align: center; font-family: Arial; margin-top: 16px;}
.foot-kefu ul li .txt{ float: left; width: 160px; height: 48px; overflow: hidden; margin: 16px 0 0 10px; color: #fff}
.foot-kefu ul li .txt .t1{ line-height: 28px; font-size: 18px; }
.foot-kefu ul li .txt .t2{ line-height: 20px; font-size: 15px; font-family: Arial;}
.foot-kefu ul li a.link{ float: left; overflow: hidden; height: 34px; border: #fff 1px solid; border-radius: 17px; padding: 0 16px; margin-top: 22px; color: #fff; font-size: 15px; line-height: 34px; background-image:url(../images/icon_4.png); background-repeat: no-repeat; background-position: 16px 10px}
.foot-kefu ul li a.link span{ margin-left: 23px;}
.foot-kefu ul li a.link:hover{ border: #f1c61a 1px solid; color: #f1c61a; background-image:url(../images/icon_4_hover.png); }


#product-category.container{ overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 15px}
.product-box{padding-bottom:25px;}

.product-cate-title{position:relative;height:50px;padding-left:65px;line-height:26px;border-bottom:#24201F solid 2px;}
.product-cate-title:after{position:absolute;top:11px;left:49px;content:" ";display:block;border:#CD0A0A solid 2px;height:3px;width:3px;line-height:3px;}
.product-cate-title .floor-name{position:absolute;top:0;left:0;width:38px;height:50px;border-bottom:#CD0A0A solid 2px;}
.product-cate-title .floor-name em{display:block;height:26px;background-color:#f49b00;color:#fff;font-style:normal;font-size:22px;line-height:26px;text-align: center;}
.product-cate-title h3{margin-top: 0;margin-bottom: 0;}
.product-cate-title span.more{position:absolute;right:0;top:0;line-height:26px; height: 26px; width: 1000px; overflow: hidden; text-align: right;}
.product-cate-title span.more a{color:#5C5C5C;}
.product-cate-title span.more a:hover{color:#f49b00;text-decoration: none;}
#home-product-list .product-list{border-left:#EEE solid 1px;}
#home-product-list .product-item{float:left;width:50%;height:229px;border-right:#EEE solid 1px;border-bottom:#EEE solid 1px; position: relative; overflow: hidden;}
#home-product-list .product-item .pro_hov_img{ position: absolute; z-index: 10; top: 0px; left: 0px; }
#home-product-list .product-item div{width:180px;margin:12px auto 0;}
#home-product-list .product-item p{color:#747474;padding-top:10px; line-height:22px; height: 44px; overflow: hidden; font-size:12px;}
#home-product-list .product-item a{font-size: 14px;color:#f49b00;line-height:36px;}
#home-product-list .product-item a:hover{color:#f49b00;text-decoration: none;}
#home-product-list .product-vivid{display:none;text-align: center;color:#fff;}
#home-product-list .product-cate-slogan{font-size: 22px;margin-top:35px;}
#home-product-list .product-cate-desc{font-size: 14px;height:40px;line-height: 40px;background: url("productCategory-desc-bg.png") no-repeat center center;}
#home-product-list .product-cate-more{font-size: 12px;padding-top:15px;}
#home-product-list .product-cate-more a{padding:10px 15px;border:#fff solid 1px;color:#fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; font-size: 12px;}
#home-product-list .product-cate-more a:hover{text-decoration:none;border:#f49b00 solid 1px;background-color:#f49b00;}
#home-product-list .product-item img{width:180px;height:120px;display:block;}

#left-product-category{display: none;}
.product-cate-list{margin:0;padding:0;list-style-type:none;border-top:#EDEDED solid 1px;}
.product-cate-list li{border-bottom: #EDEDED solid 1px;}
.product-cate-list a{display:block;padding:5px 20px;}
#product-list{padding-top:25px;}
.product-details h1{font-size:26px;}
.product-details img{max-width:100%;height:auto;}
#product-list .product-item{width:242px;margin:15px auto;background-color:#eee;border:#eee solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#product-list .product-item img{width:240px;height:160px;display:block;}
#product-list .product-item .title,#product-list .product-item p{display:block;margin:0 10px;padding-top:6px;padding-bottom:6px;}
#product-list .product-item p{border-top:#dcdcdc solid 1px;font-size:12px;line-height:1.6em;height:70px;}
#product-list .product-item a{text-decoration: none;color:#363636;}
#product-list .product-item:hover{background-color:#dd2e2d;color:#fff;border:#dd2e2d solid 1px;}
#product-list .product-item:hover a{color:#fff;}
@media (min-width:768px){
    #home-product-list .product-vivid{display:none;}
    #home-product-list .product-item{width:25%; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .product-container{height:458px;}
    #product-list{float:none;width:100%;}
}
@media (min-width:992px) {
    #home-product-list .product-list{float:left;width:924px;border-left:none; margin-top: 0px!important;}
    #home-product-list .product-vivid{display:block;float:left;width:276px;height:458px;background-position:left top;background-repeat:no-repeat;}
    #home-product-menu{position:absolute;display:block;width:165px;left:50%;margin-left:-710px;}
    #home-product-menu ul{list-style-type: none;margin:0;padding:0 15px 0 0;float:left;}
    #home-product-menu ul li{padding-top:3px;padding-bottom:3px;}
    #home-product-menu ul li a{color:#6a6969;display: block;position:relative;padding-left:20px;height:22px;line-height:22px;}
    #home-product-menu ul li i{position:absolute;top:0;left:0;width:15px;height:22px;display:block;border-bottom:#A1A1A1 solid 1px;font-style: normal;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
    #home-product-menu ul li a:after{position:absolute;top:11px;left:13px;content:" ";display:block;border:#CD0A0A solid 1px;height:1px;width:1px;line-height:1px;}
    #home-product-menu ul li a:hover,
    #home-product-menu ul li.active a{color:#cc1300;text-decoration:none;}
    #home-product-menu ul li a:hover i,
    #home-product-menu ul li.active a i{width:100%;}

    #left-product-category{display:block;float:left;margin-right:18px;width:242px;min-height:539px;background: url("product-left-category.png") no-repeat 0 0;}
    #left-product-category.application{background: url("application-left-category.png") no-repeat 0 0;}
    #left-product-category .product-cate-head{height:120px;}
    #left-product-category .product-cate-list{list-style-type: none;margin:50px 0 0 55px;border-top: none;}
    #left-product-category .product-cate-list li{border-bottom: none;}
    #left-product-category a{color:#fff;}
    #product-list{float:left;width:840px;}
}