@charset "utf-8";

/* CSS Document */

*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", "Times New Roman", Arial;}

a{ text-decoration:none; font-size: 14px; color:#000;}

input,select,textarea{ outline:none;}



.clear{clear:both;}

.clearfix{ *zoom: 1;}

.clearfix:before{ content: ""; display: table;}

.clearfix:after{ content: ""; display: table; clear: both;}



.pic{ overflow: hidden;}

.pic img{ max-width: 100%; display: block; width: 100%; transition: all 0.5s;transform: scale(1);max-height: 100%;}



.left{ float:left;}

.right{ float:right;}



.topbg{ border-bottom: 1px solid #e6e6e6; line-height: 38px; font-size: 12px;}

.topbg .top{ width: 1200px; margin: 0 auto;}

.topbg .top .right{ float: right; text-align: right;}

.topbg .top .right a{ font-size: 12px;}



.logo{ width:100%; height: 115px; background: url("../images/logo.png") center no-repeat;}

.lan{ width:1200px; margin: 0 auto; text-align: right; line-height: 115px;}

.lan img{ vertical-align: middle; margin: 0 0 0 5px;}

.lan a{ font-size:12px; margin: 0 0 0 10px;}



nav{ background: #c60a17; border-bottom: 2px solid #f8ad2c;}

nav ul{ width: 1200px; line-height: 48px; margin: 0 auto;}

nav ul li{ float: left; display: block; width: 171px; text-align: center;}

nav ul li a{ display: block; font-size: 16px; color: #fff;}

nav ul li.this a,

nav ul li:hover a{ background: #f8ad2c; color: #fff;}



.banner{ width:100%; height: 600px;}

.nbanner{ width:100%; height: 429px;}



.searchbg{ background:#fff;}

.searchbg .search{ color: #838383; font-size: 14px; width: 1200px; margin: 0 auto; line-height: 56px;}

.searchbg .search .left span{ font-weight:bold; color: #c60a17;}

.searchbg .search .left a{ color:#838383;}



.searchbg .search .right form{margin:10px 0 0 0;}

.searchbg .search .right .searchtext{ width:300px; height: 35px; border: 1px solid #626262; padding: 0 15px; float: left;}

.searchbg .search .right .searchbut{ width:69px; height: 37px; border: none; background: url("../images/sbut.jpg") #fff center no-repeat; float: left;}



.stitle{ text-align:center; width: 100%; font-weight: bold;}

.stitle .cntitle{ font-size: 28px; color: #242424; line-height: 50px;}

.stitle .cntitle span{ color: #f8ad2c;}

.stitle .entitle{ font-size: 14px; color: #242424; line-height: 24px;}

.stitle .entitle li{ display: inline-block; vertical-align: middle;}

.stitle .entitle li:nth-child(1),

.stitle .entitle li:nth-child(3){ width:60px; height: 1px; background: #242424;}



.sprobg{ padding:90px 0; background: url("../images/spbg.jpg") center repeat-y;}



.sprobg .stitle .cntitle{ color: #242424;}

.sprobg .stitle .entitle{ color: #242424;}

.sprobg .stitle .entitle li:nth-child(1),

.sprobg .stitle .entitle li:nth-child(3){ background: #242424;}



.sprobg .spro{ width: 1200px; margin: 50px auto 0 auto;}

.sprofl{ margin: 0 0 40px 0;}

.sprofl ul{ text-align: center;}

.sprofl ul li{ display: inline-block; width:290px; background: #eee; margin: 0 6px 25px 0; position: relative; line-height: 50px; text-align: center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sprofl ul li:last-child{ margin:0;}

.sprofl ul li a{ display: block; font-size: 12px; color: #3d3d3d; background: url("../images/leftlibg1.png") right center no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sprofl ul li.this,

.sprofl ul li:hover{ background:#ff9c00; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sprofl ul li.this a,

.sprofl ul li:hover a{ color:#fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sprofl ul li img{ display:block; opacity: 0; position: absolute; bottom: -16px; left: 50%; margin-left: -15px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sprofl ul li.this img,

.sprofl ul li:hover img{ opacity: 1; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.sprobg .spro .sproul{ width: 1200px;}

.sprobg .spro .sproul ul{}

.sprobg .spro .sproul ul li{ display: block; width: 380px; height: 223px; float: left; margin: 0 30px 30px 0; position: relative;}

.sprobg .spro .sproul ul li img{ width: 380px; height: 223px;}

.sprobg .spro .sproul ul li .text{ opacity: 0; position: absolute; border: 4px solid #fff; width: 372px; height: 215px; z-index: 9; background: rgba(0,0,0,.6); -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sprobg .spro .sproul ul li p{ line-height: 26px; text-align: center; font-size: 18px; font-weight: bold; margin: 75px auto 0 auto; color: #fff; width: 90%;}

.sprobg .spro .sproul ul li .more{ width: 115px; height: 30px; line-height: 30px; color: #ff9c00; text-align: center; border-radius: 15px; margin: 10px auto; border: 1px solid #ff9c00; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sprobg .spro .sproul ul li:nth-child(3),

.sprobg .spro .sproul ul li:nth-child(6),

.sprobg .spro .sproul ul li:nth-child(9){ margin: 0 0 20px 0;}

.sprobg .spro .sproul ul li:hover .text{ opacity: 1; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}







.adv{ padding: 90px 0; height: 780px; background: url("../images/advbg.jpg") center no-repeat;}

.adv .stitle .cntitle li:nth-child(2){ margin-top: -30px;}

.adv ul{ width: 1200px; margin: 50px auto 0 auto;}

.adv ul li{ width: 600px; float: left; text-align: center; display: block; margin: 0 0 105px 0;}

.adv ul li .pic{ width:120px; height: 120px; border-radius: 70px; background-color: #1c3f8e; background-repeat: no-repeat; background-position: center; margin:0 auto; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.adv ul li .pic p{ width:80%;}

.adv ul li h1{ color:#1c3f8e; font-size: 20px; margin:12px 0 0 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.adv ul li p{ color:#242424; font-size: 12px; margin:12px 0 0 0; line-height: 24px;}

.adv ul li:hover .pic{ background-color: #f8ad2c;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}

.adv ul li:hover h1{ color:#f8ad2c;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.adv ul li:nth-child(1) .pic{ background-image: url("../images/t1.png");}

.adv ul li:nth-child(2) .pic{ background-image: url("../images/t2.png");}

.adv ul li:nth-child(3) .pic{ background-image: url("../images/t3.png");}

.adv ul li:nth-child(4) .pic{ background-image: url("../images/t4.png");}



.xbanner{ width: 100%;  height: 220px; background: url("../images/xban.jpg") center no-repeat;}





@keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-webkit-keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-moz-keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-o-keyframes icon-bounce {

  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}





.snews{ width: 100%; padding: 90px 0; background: #f3f8ff;}

.snews .nbottom{ margin: 60px auto 0 auto; width:100%; max-width: 1200px;}

.snews .nbottom .left{ margin: 0 100px 0 0;}

.snews .nbottom .nnewsul{ width:550px; float: left;}

.snews .nbottom .nnewsul ul li{ display: block; position: relative; width: 475px; padding: 25px 50px 25px 25px; margin: 0 0 20px 0; float: left; background:url("../images/m1.png") #fff right bottom no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li .date{ width: 65px; float: left; border: 1px solid #363636; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li .date span{ display: block; width: 65px; height: 35px; text-align: center; line-height: 35px; color: #363636; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li .date span:last-child{ display: block; width: 65px; height: 35px; background: #363636; color: #fff; font-size: 14px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li .text{ margin: 0 0 0 13px;}

.snews .nbottom .nnewsul ul li .title{ font-size: 18px; float: left; padding:0 0 4px 0; border-bottom: 1px solid #242424; line-height: 20px; color:#242424; margin: 0 0 20px 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li p{ font-size: 12px; line-height: 18px; color: #9e9e9e;}

.snews .nbottom .nnewsul ul li:hover{ box-shadow: 0 0 12px 0 #ccc; background:url("../images/m2.png") #fff right bottom no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li:hover .title{ color: #1c3f8e; border-bottom: 1px solid #1c3f8e; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li:hover .date{border: 1px solid #9f621b; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li:hover .date span{ color: #9f621b; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul ul li:hover .date span:last-child{ background: #9f621b; color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .nnewsul h1{ color:#272c3b; font-size: 24px; border-left: 5px solid #272c3b; padding: 0 0 0 5px; margin: 0 0 30px 0;}



.amore{ width: 135px; height: 40px; border-radius: 20px; background: #fc781e; border: 1px solid #fc781e; text-align: center; line-height: 40px; margin: 0 auto; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.amore a{ display: block; color:#fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.amore:hover{ background: none; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.amore:hover a{ color: #fc781e; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}







footer{ background:#434343;}

footer .fcontext{ width:1200px; margin: 0 auto; padding: 40px 0 30px 0;}

footer .fcontext .left{ width:550px; float: left; text-align: left; color: #fff; line-height: 28px;}

footer .fcontext .left h1{ font-size: 18px;}

footer .fcontext .left h2{ font-size: 12px; font-weight: normal; line-height: 16px; margin: 0 0 20px 0;}

footer .fcontext .left p{ font-size: 14px;}

footer .fcontext .right{ float: left;}

footer .fcontext .fcimg{ float: right; text-align: center;}





footer .bdshare-button-style1-16{ float:right;}

footer .bdshare-button-style1-16 a, .bdshare-button-style1-16 .bds_more{ margin:10px 10px 20px 10px;}

footer .bdshare-button-style1-16 .bds_more{ display:none;}

footer .bdshare-button-style1-16 .bds_tsina{ background-position: center !important; background-image: url(../images/3.png); background-color: #2e3030;}

footer .bdshare-button-style1-16 .bds_qq{ background-position: center !important; background-image: url(../images/1.png); background-color: #2e3030; display: block;}

footer .bdshare-button-style1-16 .bds_weixin{ background-position: center !important; background-image: url(../images/2.png); background-color: #2e3030;}

footer .bdshare-button-style1-16 a{ border:none; border-radius: 100%; padding: 15px !important; height: auto !important; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

footer .bdshare-button-style1-16 a:hover{ opacity:1 !important; background-color: #3588e2; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.fc{ line-height:60px; text-align: center; background: #dcdcdc; font-size: 12px; color: #666;}

.fc a{ color: #666; font-size: 12px;}





.nprobg { background:#f8f8f8;}

.nprobg .stitle .cntitle{ color: #242424;}

.nprobg .stitle .entitle{ color: #242424;}

.nprobg .stitle .entitle li:nth-child(1),

.nprobg .stitle .entitle li:nth-child(3){ background: #242424;}







#showbox{}

#showbox p{ top:83px !important;}

.showpage{ display: none;}

#showsum{ display: none;}



.detail{ font-size:12px;}

.detail a{ font-size:12px;}

.detail a:first-child{ display:none;}

.detailpic{ background:#fff; padding: 20px;}

.detailpic img{ margin-bottom: 20px; max-width: 100%;}



.naboutbg{ padding:100px 0; background: #f7f7f7;}

.naboutbg .nabout{ width: 1120px; height: 664px; margin: 0 auto; background: url(../images/nabg.jpg) center no-repeat; padding: 30px 40px;}

.naboutbg .nabout h1{ font-size: 28px; font-weight: bold; color: #1252a9; margin: 0 0 15px 0;}

.naboutbg .nabout h1 span{ font-weight: lighter; border-bottom: 4px solid #2e2e2e; color: #2e2e2e;}



.naboutbg .nabout p{ olor:#5d5d5d; font-size: 14px; line-height: 36px;}



.fapp{ background: #f8f8f8; padding: 100px 0; overflow: hidden;}

.ncontact{ width:1200px; margin: 50px auto 0 auto;}



.ncontact .left{ width: 585px; background: #fff; padding: 0 0 40px 0; box-shadow: 0 0 12px 0 #ccc;}

.ncontact .right{ width: 585px; background: #fff; padding: 0 0 40px 0; box-shadow: 0 0 12px 0 #ccc;}

.ncontact h1{ border-top:3px solid #c60a17; border-bottom: 1px solid #616161; line-height: 35px; padding: 0 0 0 20px; color: #5b5b5b; font-size: 16px; font-weight: normal; margin: 0 0 30px 0;}

.ncontact .left p{ padding:0 40px; line-height: 42px; font-size: 16px; color: #545454;}

.ncontact .left img{ margin: 0 0 30px 0;}

.ncontact .right p{ padding:0 40px;}



.nnews{ background: #f8f8f8;}

.nnews .nbottom .nnewsul{ width:1200px; margin: 0 auto; float: none;}

.nnews .nbottom .nnewsul ul li{ width:1192px; float: none; padding: 3px; border: 1px solid #d3d3d3;}

.nnews .nbottom .nnewsul ul li .pic{ width:372px; height: 215px; float: left; text-align: center;}

.nnews .nbottom .nnewsul ul li .pic img{ width: auto; display: inline;}

.nnews .nbottom .nnewsul ul li .text{ float:left; margin: 35px 0 0 50px; width: 720px;}

.nnews .nbottom .nnewsul ul li .title{ font-weight: bold; margin: 0;}

.nnews .nbottom .nnewsul ul li p{ font-size:14px; color: #888; line-height: 24px; margin: 10px 0;}

.nnews .nbottom .nnewsul ul li .nnmore{ width: 120px; height: 30px; border-radius: 16px; line-height: 30px; text-align: center; border: 1px solid #000; color: #000;}

.nnews .nbottom .nnewsul ul li:hover .nnmore{ border: 1px solid #1d2088; background: #1d2088; color: #fff;}



.nnews .sprofl{ margin: 50px auto 0 auto;}

.nnews .nbottom{ margin: 40px auto 0 auto;}



.nnews .newstext{ border-top: 8px solid #1f1d6b; background: #fff; margin: 0;}

.nnews .newstext h2{ font-size: 20px;}



.rela{ background:#fff;}

.rela .nprobg{ padding: 0;}

.rela .nprobg .spro{ width: 1180px;}

.rela .nprobg .spro .sproul ul li{ margin: 0 16px 30px 0;}

.rela .nprobg .spro .sproul ul li:hover{ box-shadow: 0 0 12px 0 #595c84;}

.rela h1{ color:#1c3f8e; font-size: 24px; padding: 0 0 0 25px; border-bottom: 10px solid #1c3f8e; line-height: 50px;}







footer .fcontext .right .tableborder input[type="text"]{ width:280px; height: 35px; padding: 0 10px; margin: 0 0 5px 0; background: #707070; border:none;}

footer .fcontext .right .tableborder input[type="text"]#key{ width:200px; height: 35px; padding: 0 10px; background: #707070; border:none;}

footer .fcontext .right .tableborder textarea{ width:280px; height: 57px; padding: 10px; margin: 0 0 5px 0; background: #707070; border:none;}

footer .fcontext .right .tableborder .subbutton{ width:145px; height: 36px; background: #ff9c00; border: 1px solid #ff9c00; color: #fff; border-radius: 20px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

footer .fcontext .right .tableborder .subbutton:hover{ background: none; border-color: #ff9c00; color: #ff9c00; cursor: pointer;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





footer .tableborder input::-webkit-input-placeholder{ color: #fff;}

footer .tableborder input::-moz-input-placeholder{ color: #fff;}

footer .tableborder input::-ms-input-placeholder{ color: #fff;}

footer .tableborder textarea::-webkit-input-placeholder{ color: #fff;}

footer .tableborder textarea::-moz-input-placeholder{ color: #fff;}

footer .tableborder textarea::-ms-input-placeholder{ color: #fff;}