@charset "utf-8";
/* CSS Document */
body, div, 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; }
fieldset, img { border: 0; }
/* remember to define focus styles! */
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }
[url=]/*@purpose[/url] To enable resizing for IE */
[url=]/*@branch[/url] For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%; }
:focus { outline: none; }
ol, ul, li { list-style: none; }
/* remember to highlight anchors and inserts somehow! */
:link, :visited, ins { text-decoration: none; text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body {font: normal 14px/1.5 "Microsoft Yahei",Simsun,Arial,sans-serif; color: #333333;max-width:1440px;min-width:1000px;margin:0 auto;}
html { -webkit-text-size-adjust: none; }
/*::selection { text-shadow:none;}*/
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
sup, sub { font-size: 80%; line-height: 1px; }
a{color:#3c3c3c}

.main table{border-collapse: collapse;}
.main td,.main th{border: 1px solid #ccc; text-align: center;}

/*common style*/
.fl-left { float: left; }
.fl-right { float: right; }

.fl-none { float: none; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.pr20{padding-right:20px;}
.head_top_bg{ background-color:#dcdcdc;}
.sl-wrapper { width: 100%; }
.sl-container { width: 1000px; margin-left: auto; margin-right: auto; }
.clear{clear:both}
/*header*/
.header .top{height:40px;}
.header .top ul li{color:#333333;height:40px;line-height:40px;}
.header .top ul li:last-child{border:none;}
.header .top .kf{width:210px;background:url(../images/top-line.png) no-repeat 203px 13px; color:#c30102; font-weight:bold;}
.header .top .top1{width:100px;background:url(../images/top-line.png) no-repeat 99px 13px;}
.header .top .top1 a{color:#333333;}

.header .phone{ position:relative; width: 100px; margin: 0 10px; cursor: pointer;}
.header .phone img{ position: absolute; left:0; top:30px; z-index:999; display:none;}

.header .top .search{width:140px;}
.header .top .search .text{width:138px;height:18px;border:1px solid #333333;color:#333333;text-indent:5px; background-color:#dcdcdc;}
.header .top .search .image{top:11px;right:5px;height:18px}
.header .lang { z-index: 900; width:90px;padding: 0 10px; /*margin: 0 10px;*/  border-width: 1px 1px 0 1px; border-radius: 2px 2px 0 0; }
.header .lang.top1{background-position: 118px 13px;}
.header .lang:hover { cursor: pointer;}
.header .lang-list { display:none ; z-index: 12;  left:-1px;width: 110px;top: 41px; border: solid #ccc; border-width: 0 1px 1px; border-radius: 0 0 2px 2px; line-height: 2; background-color: #fff;}
.header .lang .fa-caret-down { width: 7px; height: 12px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.header .lang:hover .fa-caret-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.header .lang:hover .lang-list { display: block; }
.header .lang-list li a { display: block;  transition:all ease 0s;color:#333333 }
.header .lang-list li a:hover { background: #f0f0f0; color: #333; }
.header .nav{height:90px;border-top:1px solid #dedede;z-index:888}
.header .nav .logo{width:290px;height:90px;background:url(../images/logo.png) no-repeat 0 0px;}
.header .nav .logo a{width:260px;height:90px;display:block;cursor:pointer;}
/*nav↓*/
.header .nav .navbar{height:90px;font-size:16px;}
.header .nav .navbar a{color:#3c3c3c;}
.header .nav .navbar a:hover{color:#302A2A;}
.header .nav .navbar .nav1{padding:0 17px;line-height:115px;overflow:hidden;height:90px;}
.header .nav .navbar .on span{color:#302A2A}
.header .nav .navbar .nav-a{display:block}
.header .nav .nav-cont{width:100% !important;overflow:hidden;left:0;top:90px;background:rgba(255,255,255,0.95);display:none;line-height:normal;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2ffffff,endColorstr=#f2ffffff)}
.header .nav .navbar span:hover{color:#455FAA}
.header .nav .n1 ul{overflow:hidden;padding-left:220px}
.header .nav .n1{height:60px;line-height:30px;background-color:#e6e6e6; border-bottom:8px solid #455faa;}
.header .nav .n1 li{width:140px;text-align:center}
.header .nav .n2{height:300px; background-color:#e6e6e6;border-bottom:8px solid #455faa;}
.header .nav .nav-pro h2{margin-top:30px;}
.header .nav .nav-pro h2 a{color:#ff0000;font-size:16px;}
.header .nav .nav-pro ul {overflow:hidden;margin-top:25px;}
.header .nav .nav-pro ul li{float:left;margin-bottom:22px;}
.header .nav .fm{width:314px;margin-right:5px;}
.fm ul{width:314px;}
.header .nav .fm li{width:152px;margin-right:5px;}
.header .nav .ds{width:142px;margin-right:5px;}
.header .nav .ds li{ width: 90px; }
.header .nav .xk{width:133px;margin-right:15px;}
.header .nav .xk li{width:133px;}
.header .nav .hb{width:112px;margin-right:15px;}
.header .nav .hb li{ width: 112px; }
.header .nav .bp{width:234px;margin-right:10px;}
.header .nav .bp li{width:112px;margin-right:5px;}
.bp ul{width:234px;}
.header .nav .dh{width:120px;}
.header .nav .n3 ul{overflow:hidden;padding-left:20px}
.header .nav .n3{height:60px;line-height:30px;background-color:#e6e6e6;border-bottom:8px solid #455faa;}
.header .nav .n3 li{width:140px;text-align:center}
.header .nav .n4 ul{overflow:hidden;padding-left:440px}
.header .nav .n4{height:60px;line-height:30px; background-color:#e6e6e6; border-bottom:8px solid #455faa;}
.header .nav .n4 li{width:140px;text-align:center}

/*nav↑*/
.header .neck{height:59px;background:#455faa;overflow:hidden; border-bottom:2px solid #475eaa;}
.header .neck a{color:#FFFFFF}
.header .neck a:hover{color:#ff0000}
.header .neck span{float:left;font-size:24px;line-height:60px;}
.header .neck p{color:#FFFFFF;font-size:16px;line-height:65px;}
.header .neck1{height:59px;overflow:hidden;border-bottom:1px solid #ccc; background-color:#455faa;}
.header .neck1 a{color:#FFF}
.header .neck1 a:hover{#3c3c3c}
.header .neck1 span{float:left;font-size:24px;line-height:60px;}
.header .neck1 p{color:#FFF;font-size:16px;line-height:65px;}
.header .banner img{width:100% !important;z-index:99}
.header .banner .search{width:1000px;height:300px;z-index:100;top:0;left:0;right:0;bottom:0;margin:auto;}
.header .banner .search1{width:260px;height:265px;background:#fff;padding:35px 20px 0 20px;}
.header .banner .search1 strong{font-size:18px}
.header .banner #type,.banner .product{width:260px;border:none;height:30px;color:#808080;border:1px solid #ccc;margin-top:15px;}
.header .banner .product{margin-bottom:35px;}
.header .banner select{text-indent:10px;}
.header .banner .search p{font-size:16px;}
.header .banner .search a{width:260px;height:35px;background:#455faa;color:#fff;display:block;margin-top:20px;line-height:35px;font-size:16px;border-radius:5px;}
.header .bar{background:#3c3c3c;height:60px;line-height:60px;font-size:16px;overflow:hidden}
.header .bar a{color:#fff;display:block;width:166.5px;height:60px}
.header .bar li{float:left;width:166.5px;text-align:center;}
.header .bar ul{width:1000px;}

.xbanner_top img{ width: 100%;}

/*footer*/
.footer{overflow:hidden;border-top:1px solid #ccc; margin-top:25px;}
.foot-top{overflow:hidden}
.foot-top li{width:210px;height:135px;}
.foot-top1{background:url(../images/f1.png) no-repeat left ;margin-right:50px;}
.foot-top2{background:url(../images/f2.png) no-repeat left ;margin-right:50px;}
.foot-top3{background:url(../images/f3.png) no-repeat left ;margin-right:50px;}
.foot-top4{background:url(../images/f5.png) no-repeat left }
.foot-other{background:#a5b4dd;height:90px;line-height:90px;font-size:18px;color:#333333}
.foot-other .search{width:390px;margin-right:100px;}
.foot-other .search span{float:left;margin-right:12px;}
.foot-other .search .text{border:none;width:300px;height:25px;text-indent:5px;color:#333333}
.foot-other .search .image{top:35px;right:10px}
.foot-other .guanzhu a{color:#333333}
.foot-other .bdsharebuttonbox span{float:left;margin-right:5px;}
.foot-other .bdsharebuttonbox a {margin-top:34px;}
.foot{height:435px;background:#455faa;}
.foot ul a{color:#fff;}
.foot ul a:hover{color:#ff0000}
.foot ul a:hover h2{color:#ff0000;}
.foot h2{font-size:20px;font-weight:normal;margin-bottom:10px;color:#fff;}
.foot .f1{width:125px;margin-top:50px;}
.foot .f2 li{line-height:30px;}
.foot .wechat{background:url(../images/wechat.png) no-repeat;width:112px;height:177px;margin-top:105px;}
.foot .copyright{border-top:1px solid #ffffff;height:55px;line-height:55px;color:#fff;}
.foot .copyright a{color:#fff;}
/*l-side*/
.l-side{width:220px;}
.l-side .tit{height:29px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.l-side .tit h2{line-height:29px;font-size:18px;font-weight:normal}
.l-side .list ul{display:none;}
.l-side h3{height:35px;line-height:35px;font-weight:normal;text-indent:20px;background:url(../images/l-side-up.png) no-repeat left;cursor:pointer}
.l-side .on{background:url(../images/l-side-down.png) no-repeat left;}
.l-side .list ul li{text-indent:20px;height:30px;line-height:30px;cursor:pointer;}
.l-side .list ul li a{color:#3c3c3c;}
.l-side .list {padding-bottom:20px;border-bottom:1px solid #ccc}
.l-side .pic{overflow:hidden}
.l-side .pic li{height:100px;margin-top:20px;}
.l-side .pic img{width:220px;height:100px;}
.l-side .list-top li a{display:block;width:220px;height:49px;color:#3c3c3c;line-height:49px;border-bottom:1px solid #ccc;font-size:16px;text-indent:10px;}
.l-side .list-top li a:hover{background:#dedede;border-bottom:1px solid #fff}
.l-side .list-top .fa-angle-right{margin-top:16px;color:#808080;margin-right:6px}
.l-side .list-s ul li a{color:#3c3c3c;display:block;width:220px;height:49px;text-indent:10px;font-size:16px;}
.l-side .list-s li{height:49px;border-bottom:1px solid #ccc;line-height:49px;}
.l-side .list-s .fa{margin-top:15px;margin-right:10px;}
.l-side .list-s a:hover{background:#455faa;border-bottom:1px solid #fff; color:#FFFFFF;}
/*content*/
.line{line-height:28px}
.line p{margin:20px 0;}
.line001 p{margin:5px 0;}

/*go&top*/
.go-top a {width:40px;height:40px;display:none;cursor:pointer;background:#ff3333;right:0px;bottom:50px;transition: all 0.2s ease;position:fixed !important;z-index:10;}
.go-top a:hover{width:80px;transition: all 0.2s ease;border-radius:5px 0px 0px 5px;background: #666;display:block;}
.go-top a:hover .go1{display:block}
.go-top .go1{display:none;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;font-size:12px;}
.go2{width:40px;height:40px;background:url(../images/top.png) no-repeat 11px ;position:absolute;right:0;top:0;}




.test001{ margin:-14px auto 0px 616px;}
.test002{ margin:-10px auto 0px 830px;}
.test003{ margin:-14px auto 0px 908px;}
.test004{ margin:-15px auto 0px 1010px;}

.phot0{ display:none;}
.phot{ display:none;}

.nav_top ul  li{ float:left; width:200px; height:60px; line-height:60px; text-align:center;}
.nav_top ul  li a:hover{ background-color:#1b337d; padding:20px 48px;}
.nav_top_cur{background-color:#1b337d;}

.fl-left img{ padding-right:0px;}

.css404{ background:url(../images/404_pic.jpg) center center; width:100%; text-align:center; overflow:hidden;}
.css404 ul{ margin-top:570px; padding-bottom:200px; text-align:center; padding-left:28%;}
.css404 ul li{ float:left; width:145px; height:60px;  line-height:60px; font-family:"微软雅黑"; font-size:24px; font-weight:bold; background-color:#465faa; border-right:2px solid #FFFFFF;}
.css404 ul li a{ color:#FFFFFF;}
.css404 ul li.cur404{ background-color:#ff6600;}

.webdh dl{ display:inline-block; margin-top:10px;}
.webdh dt{ background:url(../images/dh_jiantou.jpg) left center no-repeat; padding-left:20px; font-size:16px; font-weight:bold;}
.webdh li{ float:left; padding-left:6px; margin-right:6px; line-height:45px;}


.fh{ float:left; font-size:14px; color:#a7a7a7; font-weight:normal; line-height:38px;}
.fh a{ color:#a7a7a7;}

.zwdh{ width:740px; height:50px; background-color:#f0f0f0;}
.zwdh span{ line-height:50px;  margin-right:40px; margin-left:20px;}


.box-show .cont1{overflow:hidden;padding-bottom:0px;border-bottom:1px solid #FFF}
.box-show .cont1 a{text-decoration:underline;color:#ff0000;}

.tdjl{ width:740px; height:95px; border-top:1px solid #dedede;}
.tdjl span{ width:140px; height:40px; background-color:#0093d6; display:block; text-align:center;  line-height:40px;  margin-left:20px; margin-top:30px;}
.tdjl span a{color:#FFFFFF; font-size:16px;}

.reserve{ margin-top:20px;}


#swt{position:fixed;top:140px; right:0;}
.swt{ position:relative;  width: 150px; height: 300px; }
.swt img{ position:absolute; top:0; right:0;}
.swt a{ display:block; position:absolute;  z-index:99; width: 130px; height: 37px;display: block;position: absolute;bottom: 89px;left: 10px;}
.swt .a2{ bottom:51px;}
.swt .a3{ bottom:13px;}


/* query-tag 
.query-tag { position: fixed; right: 1px; bottom: 1px; z-index: 9999;}*/
.query-tag { position: fixed; right: 0px; bottom: 1px; z-index: 9999; margin-bottom:170px; }
.query-tag a { display: block; width: 80px; height: 80px; text-align: center; font-size: 12px; color: #c40000; line-height:126px; border:1px solid #b7b7b7; border-bottom:0; background: url(/skin/ccjxzz/images/query-tag.png) no-repeat 0 0 #fff;}
.query-tag a:hover{background-color:#dcdcdc;}

.query-tag a.tel { }
.query-tag a.net { background-position: 0 -82px; }
.query-tag a.net2 { background-position: 0 -164px; }
.query-tag a.wx{ border-bottom: 1px solid #b7b7b7; background-position: 0 -246px;}
.query-wx{position: fixed; right:85px; bottom:150px; display: none;}
.query-tel{ position: fixed; right: 83px; bottom: 414px; line-height: 80px; font-size: 24px; font-weight: 700; color: #C40000; background: #fff; padding: 0 15px; border: 1px solid #ccc; display: none; };


.query-cover { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none; }
.query-pop { position: fixed; left: 50%; top: 50%; z-index: 20000; width: 400px; height: 230px; padding-top: 15px; margin-left: -200px; margin-top: -120px; background: #fff; display: none; }
.query-pop .tel { overflow: hidden; }
.query-pop .tel .input-wrap,
.query-pop .tel .btn-wrap { float: left; }
.query-pop .tel .input-wrap { width: 188px; height: 39px; border-bottom: 1px solid #333;  margin-right: 10px; }
.query-pop .tel .btn-wrap { width: 120px; }
.query-pop .tel .input-wrap input { border: 0; height: 39px; line-height: 39px; padding: 0; font-size: 20px; }
.query-pop .tel,
.query-pop .net { padding: 0 40px; margin: 30px 0; }
.query-pop .btn-wrap a { background: #e60012; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; }
.query-pop .tip { padding-bottom: 5px; }
.query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(/skin/ccjxzz/images/pop-closebtn.png) no-repeat center center; }