@charset "gb2312";
/* CSS Document */
html, body, ul, li, p,input, select, form { padding: 0; margin: 0;}
body { font-size: 14px; color: #333; background-color: #fff; }
ul,li { list-style-type: none; text-transform: capitalize;}
.clear { width: 100%; height: 0; clear: both; line-height:0; font-size:0; margin:0 auto; padding:0; }
.clear10 { width: 100%; height: 10px; clear: both; line-height:0; font-size:0; margin:0 auto; padding:0; }
.clear15 { width: 100%; height: 15px; clear: both; line-height:0; font-size:0; margin:0 auto; padding:0; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; color:#333; }





.phone { width: 170px; float: right; font-family: "Times New Roman", Times, serif; color: #555; margin-top: 40px; }
/*.nav-wrap { width: 100%; min-width: 1200px; height: 55px; background: url(../images/nav-bg.png) repeat-x 0 0; }*/
.nav-wrap { width: 100%; min-width: 1200px; height: 55px; background-color: blue; }
.nav { width: 1140px; height: 55px; margin: 0 auto; padding-left:39px; }
.nav ul { height: 55px; }
.nav ul li { padding: 0 16px; float:left; font-family:"Microsoft Yahei", "΢ÈíÑźÚ"; line-height: 55px; font-size: 16px; letter-spacing: 1px; font-weight: bold; }
.nav ul li a { color: #fff; }
.nav ul li a:hover{ color: #fff; text-decoration:none; }

.box-1 { width: 1080px; height: 410px; margin: 0 auto; }
.left-1 { width: 410px; background-color: #ddd; float: left; margin-right: 10px; height: 410px; }
.title-a { width: 397px; height: 24px; line-height: 24px; padding-left: 13px; background-color: #adafb0; font-size: 16px; font-weight: bold; }
.left-1 ul { width: 390px; padding: 5px 10px; line-height: 24px;}
.left-1 ul.ul-a { border-bottom: 1px #adafb0 solid; margin-bottom: 3px;}
.left-1 ul li span { width: 18px; float: left; }
.right-1 { width: 660px; float: left; height: 410px; }

#banner { width:660px; height:308px; position:relative; margin-bottom: 10px; }
.slides-a { display:block; width:660px; height:308px; list-style:none; padding:0; margin:0; position:relative}
.slides-a li { display:block; width:660px; height:308px; list-style:none; padding:0; margin:0; position:absolute; background-size:100% 100%; background-position: top center; background-repeat: no-repeat; }
.slides-a li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; width:90px; right:250px; bottom: 15px; z-index:9900;  padding:5px 10px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:10px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#199039; }
.ad1 { width: 660px; height: 92px; }
.box-2 { width: 1080px; height:258px; margin: 0 auto; }
.title-b { width: 1080px; height: 53px; margin-bottom: 15px; }
.title-b img { width: 1080px; height: 53px; border: 0; }
.box-2 ul { width: 1100px; margin: 0 -10px; }
.box-2 ul li { width: 200px; margin: 0 10px; float: left; height: 190px; }
.box-2 ul li img { width: 200px; height: 190px; border: 0; }
.box-3 { width: 1080px; height:325px; margin: 0 auto; }
.box-3 ul { width: 1102px; margin: 0 -11px; }
.box-3 ul li { width: 345px; margin: 0 11px; float: left; height: 257px; }
.box-3 ul li img { width: 345px; height: 257px; border: 0; }
.box-4 { width: 1080px; height: 1233px; margin: 0 auto; }
.left-4 { width: 710px; height: 1233px; margin-right: 20px; float:left; }
.title-c { width: 710px; height: 51px; margin-bottom: 15px; }
.title-c img { width: 710px; height: 51px; border: 0; }
.tuij { width: 710px; height: 400px; }
.tuij-img { width: 500px; height: 400px; margin-right: 10px; float: left; }
.tuij-img img { width: 500px; height: 400px; border: 0; }
.tuij-text { width: 180px; height: 390px; padding: 5px 10px; background-color: #ddd; float: left; color: #666; }
.tuij-text b { line-height: 26px; }
.tuij-text p { line-height: 20px; font-size: 13px; }
.tuij-text a { float: right; width: 60px; line-height: 22px; height: 22px; display:block; background-color: #aaa; font-size: 13px; text-align: center; color: #555; }
.shouc { width: 720px; margin: 0 -5px; height: 276px; }
.shouc-in { width: 230px; margin: 0 5px; float: left; height: 276px; background-color: #ddd; }
.shouc-in img { width: 230px; height: 180px; border: 0; }
.shouc-in p { padding: 5px 10px; font-size: 13px; line-height: 20px; color: #555; }
.shouc-in p a { color: #555; }
.right-4 { width: 350px; height: 1233px;  float:left;  }
.title-d { width: 350px; height: 51px; margin-bottom: 15px; }
.title-d img { width: 350px; height: 51px; border: 0; }
.right-4 ul { height: 1155px;  padding: 6px 9px; background-color: #ddd; width: 332px;  }
.right-4 ul li { width: 160px; height: 225px; margin: 3px; background-color: #fff; text-align: center; font-size: 13px; line-height: 14px; float: left; }
.right-4 ul li img { width: 160px; height: 195px; border: 0; }
.box-5 { width: 1080px; height: 341px; margin: 0 auto; }
.left-5 { width: 710px; height: 341px; float: left; margin-right: 20px; }
.wenh { width: 690px; height:255px; padding: 10px; background-color: #ddd; }
.wenh img { width: 372px; height: 255px; border: 0; margin-right: 15px; float: left; }
.wenh ul { padding-top: 2px; line-height: 25px; }
.wenh ul span { width: 18px; float: left; }
.right-5 { width: 330px; height: 325px; padding: 8px 10px; background-color: #ddd; float: left; }
.right-5 img { width: 330px; height: 325px; border: 0; }

/*-----------ÄÚÒ³css---------*/
#banner-in { width:100%; height:150px; position:relative;  }
.slides-b { display:block; width:100%; height:150px; list-style:none; padding:0; margin:0; position:relative; }
.slides-b li { display:block; width:100%; height:150px; list-style:none; padding:0; margin:0; position:absolute; background-size:cover; background-position: top center; background-repeat: no-repeat; }
.slides-b li a { display:block; width:100%; height:100%; text-indent:-9999px; }
.box-6 {min-height:300px; height:auto !important;}
.title-in { height:40px; padding-left: 15px; background: url(../images/ying.png) no-repeat 75px 0; }
.title-1 { width: 80px; height:40px; line-height:40px; text-align: center; background-color: #00a4e1; font-weight: bold; color: #000; }
.title-2 { width: 80px; height: 45px; padding-top: 14px; line-height: 18px; text-align: center; background-color: #d11685; font-weight: bold; color: #000; }
.title-21 { width: 110px; height: 45px; padding-top: 14px; line-height: 18px; text-align: center; background-color: #d11685; font-weight: bold; color: #000; }
.title-3 { width: 80px; height: 45px; padding-top: 14px; line-height: 18px; text-align: center; background-color: #fff100; font-weight: bold; color: #000; }
.fangt {padding:0 15px;}
.fangt li {width:49%;background-color: #ddd; float: left;margin-right:2%;margin-bottom:2%;}
.fangt li:nth-child(2n){margin-right:0}
.fangt li img{width:100%;height:130px;}
.fangt li p { height:40px; line-height:40px; font-size:14px; font-family: "΢ÈíÑźÚ"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.zhuanj { width: 1080px; height: 190px; }
.zhuanj li { width: 172px; height: 190px; float: left; margin: 0 4px 8px; }
.zhuanj li img { width: 172px; height: 190px; border: 0; }
.left-6 { width: 532px; height: 670px; margin: 0 4px; float: left; }
.shuom { width: 532px; height: 192px; margin-bottom: 8px; background-color: #ddd; }
.shuom img { width: 258px; height:192px; border: 0; margin: 0 10px; float: left; }
.shuom p { width: 244px; float: left; margin: 5px; line-height: 22px; font-size: 13px; color: #555; }
.shuom p b { line-height: 24px; font-size: 14px; }
.yu { margin: 0 4px 8px; float: left; }
.tuijie-all {}
.tuijian {padding: 10px; background-color: #ddd;margin-bottom:15px;}
.tuijian p { text-align: center; line-height:35px; font-size:16px; font-family: "΢ÈíÑźÚ";padding-top: 5px;}
.tuijian img { width:100%;border: 0; }
.dashi {}
.dashi li { width:49%;margin-right:2%;margin-bottom:2%; float: left; background-color: #ddd;}
.dashi li:nth-child(2n){margin-right:0}
.dashi li p { height:40px; text-align: center; line-height:40px; font-weight: bold;  }
.dashi li img { width:100%; height:130px; border: 0; }
.page { height: 24px; line-height: 20px; text-align: right; padding-right:10px; }
.page input { width: 15px; padding:0 2px;  }
.page a { padding: 0 3px; color: #555; }
.page a.on { font-weight: bold; }
.more { width: 100%; height: 20px; text-align: right; }
.box-7 { width: 1080px; margin: 0 auto; height:420px; }
.box-7in { width: 1080px; height:351px; }
.left-7 { width: 700px; height:320px; padding: 10px; margin-right: 10px; float:left; background-color: #ddd; }
.hezuo { background-color: #ddd; padding:15px;min-height:300px; margin: 0 auto 15px; }
.title-hz { height:40px;  line-height: 35px; font-size: 20px; font-family: "΢ÈíÑźÚ"; font-weight: bold; }
.hezuo img { width: 886px; height: 305px; }
.box-8 {min-height:300px; height:auto !important;margin: 0 auto; }
.box-8a {height:auto !important;}
.jingp { width: 330px; height: 335px; border: 10px #ddd solid; background-color: #aaa; text-align: center; margin-bottom: 10px; }
.jingp p { height: 76px; margin-top: 4px; line-height:24px;  }
.jingp img { width: 330px; height:255px; }
.news {border:5px #ddd solid;margin-bottom: 10px; background-color: #ddd; }
.news .p1 {padding:10px; line-height: 25px; font-size:16px; font-family: "΢ÈíÑźÚ"; background-color: #aaa;  }
.news img { width:100%;border: 0; }
.news .p2 { line-height: 20px; font-size: 13px;padding:5px;}
.news .p2 a { color: #555; }
.position { height: 30px; line-height: 30px; font-size:12px; margin: 0 auto 15px; border-bottom: 1px #b2b2b2 solid; padding:0 0 5px;  }
.position a { padding: 0 5px; }
.news-list {}
.news-list li {margin-bottom: 15px; }
.news-list li img {width:100%;border: 0;}
.news-li { padding:15px; background-color: #ddd;}
.news-li a { font-size: 16px; line-height: 30px; font-weight: bold; color: #555; }
.news-li p { line-height:22px; font-size: 13px; color: #555; }
.title-bt { width: 900px; margin: 0 auto; text-align: center; line-height:50px; height: 60px; font-size: 20px; font-weight: bold; border-bottom:2px #333 solid; margin-bottom: 20px; }
.content { line-height: 26px; }
.content img { display:block; border: 0; margin: 10px auto;max-width:100%;}
.content p { margin:20px 0; font-size: 16px; text-indent: 2em;}
.box-pic { width: 1080px; height:470px; }
/*-----------²úÆ·Ïêϸҳcss-----------*/
#preview{ width:500px; height:470px; float:left; margin-right:20px;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; padding:6px 10px; width:480px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:465px; margin-top:-50px;}

#imageMenu {height:50px; width:450px; overflow:hidden; margin0:0; float:left;}
#imageMenu li {height:50px; width:75px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:60px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:56px; height:46px; border:2px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:500px; height:400px; overflow:hidden;}
.bigImg #midimg{width:500px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{ position:absolute; border: 1px solid #959595; overflow: hidden; z-index:999; margin-left:520px; }
#bigView img{position:absolute;} 
.pic-js { width: 560px; height:470px; float: left; }
.pic-js1 { width: 500px; height:30px; padding: 30px; background-color: #ddd; line-height:30px; font-size: 20px; font-family: "΢ÈíÑźÚ"; }
.pic-js2 { width: 560px; line-height: 35px; font-size: 16px; font-family: "΢ÈíÑźÚ"; margin: 20px 0;  }
.pic-js3 { width: 560px; line-height: 35px; font-size: 16px; font-family: "΢ÈíÑźÚ"; margin: 20px 0; font-weight: bold;  }
.content-bt { width: 1080px; height:50px; line-height: 47px; font-size: 28px; font-family: "΢ÈíÑźÚ"; text-align: center; background-color: #ddd; letter-spacing:10px; }
.content-bt2 {height:66px; background:url(../images/content-bt1.png) repeat-x 0 0; line-height: 62px; font-size:24px; font-family: "΢ÈíÑźÚ"; margin: 20px 0; } 
.con-in { width: 173px; height:66px; background:url(../images/content-bt2.png) no-repeat 0 0; text-align:center; margin: 0 auto; letter-spacing:10px; }
.jiazuo { width: 1110px; margin:0 -15px; }
.jiazuo li { width: 330px; height: 270px; float: left; margin: 0 20px; }
.jiazuo li img { width: 330px; height: 270px; border: 0; }



.dashi-add {}
.dashi-add li { width:49%;margin-right:2%;margin-bottom:2%; float: left; background-color: #ddd;text-align: center; }
.dashi-add li:nth-child(2n){margin-right:0}
.dashi-add li img {display: block; width:100%; height: 130px; border: 0;}
.dashi-add li p {line-height:30px; }

.main {padding-left:15px;padding-right:15px;}

/*add 2018-09-17*/
.main-add {padding:15px; }
.main-add .tuijian { }


.slides-c { display:block; width:100%; min-width: 1080px; height:400px; list-style:none; padding:0; margin:0; position:relative; }
.slides-c li { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:absolute;
    background-size: auto 100%; background-position: top center; background-repeat: no-repeat; background-color: #0c0c0c; }
.slides-c li a { display:block; width:100%; height:100%; text-indent:-9999px; }
.ti-6 { text-align: center; }

.ad-add {margin: 20px auto; }
.ad-add img { width:100%; }

.banner-add { width: 100%; min-width: 1100px; background-color: #0c0c0c;  }
.banner-add img { display: block; margin: 0 auto; }

.main-add2 { background-color: #adafb0; width: 1080px; margin: 0 auto; }
.add-list { }

.search-box {}
.search-box form { padding-top: 10px; }
.form-b { height: 40px; padding-left: 20px; }
.form-b>div { position: relative; width: 100px; height: 40px; float: left; font-size:16px; text-align: center; font-weight: bold; }
.form-b>div label { position: absolute; width: 100px; height: 40px; line-height: 40px; top: 0; left: 0; text-align: center; }
.form-b .radio_btn{ display: inline-block; width: 100px; height: 40px; position: relative; vertical-align: middle; }
.form-b .radio_btn input{ width: 100%; height: 100%; position: absolute; top: 0;
    left: 0; z-index: 100; opacity: 0; cursor: pointer;  }
.form-b .radio_btn span{ width: 100px; height: 40px; display: inline-block; position: absolute; z-index: 0; top: 0; left: 0;}
.form-b .radio_btn input[type="radio"]:checked + span{ background-color: #ea0600; color: #fff; }
.form-b .radio_btn input[type="radio"]:checked + span + label{ color: #fff; }
.form-a { border: 3px #ea0600 solid; height: 40px; }
.form-a input[type="text"] {width:calc(100% -20px); border: 0; background: no-repeat; line-height: 40px; padding-left: 10px;
    outline: 0; font-size: 16px; }
.form-a input[type="submit"] { width: 80px; float: right; border: 0; background: no-repeat; cursor: pointer;
    line-height: 40px; outline: 0; font-size: 16px; background-color: #ea0600; color: #fff; }