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

*{margin: 0;padding: 0;}

html {font-size: 62.5%;height: 100%}

body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif; max-width:1920px;font-size: 14px;font-size: 1.4rem;height: 100%;}

img {border: none;}

ul li {list-style-type: none;}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}

a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}

h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}

.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}

.l{ float:left;}

.r{ float:right;}

.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }



::-webkit-input-placeholder {/* WebKit browsers */

 color:#a6a6a6;}

:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#a6a6a6;}

::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#a6a6a6;}

:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#a6a6a6;}

 



 

 

  .fxp ::-webkit-input-placeholder {/* WebKit browsers */

 color:#fff;}

 .fxp :-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#fff;}

 .fxp ::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#fff;}

 .fxp :-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#fff;}

 

 

@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}

@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}



.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; top: 0; right: 0; display: block; }

.container .nav { width: 250px; background: #000;background: rgba(0, 0, 0, 0.8); position: absolute; top:50px; right: 6px; display: block; overflow: scroll; }

.container .nav > ul { display: none; margin-top: 10px; margin-bottom: 20px; overflow: scroll; }

.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; background-size: 100% 100%; }

.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.container .nav > ul > li .c-show { display: none; width: 100%; }

.container .nav > ul > li .c-show .c-s1 { position: relative; }

.container .nav > ul > li .c-show .c-s1 > a { padding-left: 0px; padding-right:10px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container .nav > ul > li .c-show .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.container .nav > ul > li .c-show .c-s1 .c-s2 { display: none; }

.container .nav > ul > li .c-show .c-s1 .c-s2 a { padding-left: 20px; padding-right:10px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container .nav > ul > li .c-show .c-s1 .c-s2 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.container .menubtn { width: 35px; height: 30px; position: absolute; top: 10px; right: 15px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.container .menubtn span { display: block; width: 100%; height: 5px; margin-bottom: 5px; background-color: #cb1c22; }





/*********************** search *****************************/

.search{width:33px;z-index:9999;background:none;margin-top: 36px;}

.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;display:block;}

.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999;}

.search_1000{}

.sb-search {position:relative;width: 0%;min-width: 33px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}

.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:26px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:4px; background:none;color: #fff;}

.sb-icon-search,.sb-search-submit{width: 33px;height: 33px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../images/sousuo.png) no-repeat center;border:none;}



.sb-search.sb-search-open,

.no-js .sb-search {width: 236px;height:32px;line-height:26px;position:relative;right:0px;top:0px; z-index: 999999; background:#978641; border-radius:17px;}

.no-js .sb-search .sb-icon-search {position:absolute;background:url(../images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}

.no-js .sb-search .sb-search-submit{z-index:91;}





/*********yincang nav*********/

.container{display: none;}



.fix a{color: #fff;}

.container{ width:5px; height:100%;position:absolute; right:0px;top: 20px;transition:all 0.4s ease 0s; z-index:800000000000; cursor:pointer;}

.container .menubtn{width: 35px;height: 30px;position: absolute;top:2px;right:20px;transition:all 0.4s ease 0s; z-index:2000}

.container .menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #014b9a;}

.container .nav{width:250px;height:100%; background:#000;background:rgba(0,0,0,0.8);position: absolute;top:-20px;right: 0;display: none;}

.container .nav ul {display: none; margin-top:10px;}

.container .nav ul li{line-height: 40px;font-size: 14px; font-size:1.4rem;}

.container .nav ul li a{ color:#fff;}

.hide_clear{display: none;}



@media screen and (min-width:1220px) {

    .no_margin{margin-left: auto!important;}

}

@media screen and (min-width:1000px) and (max-width:1219px) {

    .no_margin{margin-left: auto!important;}

    .nav1>li{margin-right:10px; }

}

@media screen and (max-width:999px) {

    .hide_clear{display: block;}

    .logo_box{float: left;margin-top: 0;}

    .nav1>li{margin-right:20px; }

    .yiji{display: none;}

    .sjss{position: relative;top: -37px;margin-top: 0;}

}

@media screen and (max-width:768px){

    .container{display: block;}

    .medianone,.xiaoyuzhong {display: none!important;}

	.yiji{display: none;}

    .nav_list1{display: none;}

    .nav_list2{display: block;}

    .logo{margin-left: 0;}

    .cllist{display: none;}

    .sjss{position: static;top: 0px;margin-top: 17px;}

}



@media screen and (max-width:479px){

    .nav1>li{margin-right:0; }

    .icon_box>ul>li{margin-left: 3px;}

    .nav1>li>a{font-size: 1.4rem;padding:44px 3px;}

    

}

@media screen and (max-width:420px){

    .nav_list>li>a{font-size: 1.4rem;padding-left: 5px;padding-right: 5px;}

   .head_lianxi li{float: none;}

    .dianhua{margin-bottom: 10px;}

    .nav_list>li{margin-right: 6px;}

}



/*******lunbo*******/

div.index_focus_s{height: 771px;}

div.index_focuss{height: 771px;}

.index_focus {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9;height: 771px;}

.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:99;height: 771px;}

.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}



.index_focus_post {z-index: 10;}

.index_focus .pic {height: auto;display: block;	margin:0 auto;}

.index_focus .pic:hover {text-decoration: none;}

.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top: -32px;width:60px;height:60px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:5000;}

.index_focus_pre {left:3%; background:url(../images/prev.png) no-repeat;}

.index_focus_next {right: 3%;background:url(../images/next.png) no-repeat;}

.index_focus_pre:hover{left:3%; background:url(../images/prev2.png) no-repeat;}

.index_focus_next:hover{right: 3%;background:url(../images/next2.png) no-repeat;}

.index_focus .wp {position: absolute;left: 50%;margin-left: -600px;height: 20px;bottom:38px;z-index: 9999}

.index_focus .slide_nav {position: absolute; left: 6px;z-index: 99999;}

.index_focus .slide_nav a {width:20px;height:20px; cursor: pointer;float: left; margin-right:6px;background:url("../images/dian.png") no-repeat center center;}

.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none;background:url("../images/dian2.png") no-repeat center center;}



.index_focus2 {position: relative;width: 100%;height:250px;margin: 0 auto; overflow:hidden; z-index:9;}

.index_focusn2{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:99;height: 250px;}

.index_focus2 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}



.index_focus_post {z-index: 10;}

.index_focus2 .pic {height: auto;display: block;	margin:0 auto;}

.index_focus2 .pic:hover {text-decoration: none;}

.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none; background:url("../images/dian2.png") no-repeat center center;}

.index_focus_pre2,.index_focus_next2 {display: none;position: absolute;top: 50%;margin-top:-35px;width:65px;height:65px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}

.index_focus_pre2 {left: 40px; background:url(../images/prev.png) no-repeat;}

.index_focus_next2 {right: 40px;background:url(../images/next.png) no-repeat;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.index_focus {height:380px;}

.index_focusn img {width:81%;}

.index_focus2 {height:250px;}

.index_focusn2 img {width: 80%;}

}

@media screen and (min-width:1220px) {.carousel,.clear2{display: none}}



@media screen and (max-width:1219px) {

.index_focus {display: none}

.index_focus2 {display: none}



.carousel{width: 100%;position: relative;overflow: hidden;}

.carousel ul{width: 100%;height: 100%;}

.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.carousel ul li img{width: 100%; vertical-align: middle;}

.carousel ol{position: absolute;z-index: 2;width: 80px;height:5px;bottom: 10%;left: 50%;-webkit-transform:translate3d(-50%,0,0);}

.carousel ol li{float: left;width:10px;height:10px; border-radius:5px;margin-right: 10px;background-color: #fff;transition:all 0.3s ease 0s;}

.carousel ol li.cur{width:10px;height:10px; border-radius:5px;;background:#014b9a;}

.carousel ol li:last-child{margin: 0;}

}

@media screen and (min-width:980px) {}



@media screen and (max-width:380px){

    .h-bd2 ul li a{padding: 0 5px;}

}



.head .wp{position: relative;}

.ss{position: absolute;right: 0;top: 40px;}

.ss form{ float:right}

.logo{margin-top: 26px;}

.logo img{width: 100%;max-width: 275px;max-height: 94px;}

.navlist2{display: none;}

.navlist{margin-top: 92px;}

.navlist>li{position: relative;float: left;margin-left: 50px;}

.navlist>li>a{display: block;font-size: 18px;font-size: 1.8rem;font-weight: bold;padding-bottom: 11px;}

.navlist>li:hover>a{border-bottom: 5px solid #014b9a;}

.navlist>li.currentnav>a{border-bottom: 5px solid #014b9a;}



.sou{width: 210px;height: 29px;line-height: 29px;border: 1px solid #014b9a;border-radius: 5px;color: #014b9a;text-indent: 9px;background: #fff;}

.suo{position: absolute;right: 8px;top: 7px;cursor: pointer;width: 19px;height: 19px;background: url(../images/sousuo.png) no-repeat;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.navlist>li{margin-left: 15px;}

}

@media screen and (max-width:999px) {

.navlist{width: 100%;margin-top: 20px;}

.navlist>li{margin-left: 30px;}

.logo{margin-top: 10px;width: 200px;}

}





@media screen and (max-width:820px) {

.navlist>li{margin-left: 20px;}	

.navlist>li>a{font-size: 14px;font-size: 1.4rem;}



	

}

@media screen and (max-width:720px) {

}

@media screen and (max-width:768px) {

.navlist1,.xiaoyuzhong{display: none;}

.navlist2{display: block;}

.navlist>li{width: 25%; margin-left:0px; text-align:center}

.ss{right: 50px;}

.logo{width: 160px;}

}

@media screen and (max-width:500px) {

.ss{width: 100%;top: 70px;right: 0;}

.sou{width: 100%;}

.navlist{margin-top: 50px;}

.navlist>li>a{font-size: 12px;font-size: 1.2rem;}

}





@font-face {

    font-family: 'OpenSansBold';

    src: url('../fonts/OpenSansBold.eot');

    src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),

         url('../fonts/OpenSansBold.woff2') format('woff2'),

         url('../fonts/OpenSansBold.woff') format('woff'),

         url('../fonts/OpenSansBold.ttf') format('truetype'),

         url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');

}



.sypbt>a{font-size:22px;font-size: 2.2rem;font-family: 'OpenSansBold';text-transform: uppercase;color: #014b9a;}

.sypbt>a:hover{color: #333;}

.syp{padding-top: 93px;padding-bottom: 78px;}

.syp .wp{position: relative;}

.syp #tab{position: absolute;right: 0;top: 13px;}

#tab a{float: left;width: 150px;;line-height: 35px;border: 1px solid #01489c;color: #01489c;font-size: 16px;font-size: 1.6rem;font-weight: bold;text-align: center;transform: skew(-20deg,0deg);cursor: pointer;margin-left: 5px;overflow:hidden; 



text-overflow:ellipsis;



white-space:nowrap;}

#tab a span{display:block;transform: skew(20deg,0deg);color: #01489c;}

#tab a:hover{color: #fff;background: #01489c;}

#tab a:hover span{color: #fff;}

#tab a.current{background: #01489c; color:#fff}

#tab a.current span{color: #fff;}

#content{padding-top: 40px;}

#content .ul{ display:none}

.sypbox{width: 278px;float: left;margin-left: 29px;margin-bottom: 31px;box-shadow: 3px 3px 10px 0px #a6a5a4;}

.sypcon{position: relative;overflow: hidden;}

.sypcover1{position: absolute;width: 100%;line-height: 66px;text-align: center;color: #fff; background:#000;background: rgba(0,0,0,0.5);left: 0;bottom: 0;font-size: 17px;font-size: 1.7rem;font-weight: bold;z-index: 99;transition: 0.5s;    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; }

.sypcover2{position: absolute;width: 100%;height: 100%;background:#000;background: rgba(0,0,0,0.5);left: 0;top: -100%;}

.sypcover2 img{width: 157px;height: 44px;position: absolute;left: 50%;margin-left: -78px;top: 48%;margin-top: -22px;}

.syptu img{width: 100%;max-width: 489px;max-height: 485px;display: block;}

.sypbox:hover .sypcover2{top: 0;}

.sypbox:hover .sypcover1{background: none;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.sypbox{margin-left: 20px;width: 230px;}

#tab a{width: 110px;}

.sypbt>a{font-size: 20px;font-size: 2rem;}

.syp #tab{top: 3px;}

.sypcover1{position: absolute;width: 100%;line-height: 25px; height:50px;text-align: center;color: #fff;  overflow:hidden }





}

@media screen and (max-width:999px) {

.syp #tab{position: static;}

.sypbt{margin-bottom: 20px;}

.syp{padding-top: 20px;}

.sypbt>a{font-size: 30px;font-size: 3rem;}

#tab a{width: calc(48% - 5px);margin: 10px 1%;}

.sypbox{width: 23%;margin: 0 1%;margin-bottom: 30px;}

.sypcover1{line-height: 40px;}

.sypcover2{display: none;}

.sypbox:hover .sypcover1{background:#000;background: rgba(0,0,0,0.5);}

#content{padding-top: 25px;}

.sypcover1{position: absolute;width: 100%;line-height: 25px;    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; ;text-align: center;color: #fff;  overflow:hidden }



}

@media screen and (max-width:700px) {

.sypbt>a{font-size: 24px;font-size: 2.4rem;}

#tab a{font-size: 14px;font-size: 1.4rem;}

.sypcover1{font-size: 14px;font-size: 1.4rem;}

}

@media screen and (max-width:639px) {

.sypbox{width: 31.333%;margin: 0 1%;margin-bottom: 30px;}

}

@media screen and (max-width:560px) {

#tab a{width: calc(98% - 5px);margin: 10px 1%; float:none; clear:both; display:block}}





/*************  sya  ************/

.sya{padding-top: 97px;padding-bottom: 104px;background: url(../images/sybg1.jpg) no-repeat center top;background-attachment: fixed;}

.syazuo img{width: 100%;max-width: 676px;max-height: 497px;display: block;}

.syazuo a{display: block;box-shadow: 2px 2px 10px 0px #949495;}

.syayou{width: 480px;background: url(../images/syabtbg.png) no-repeat right 0px;padding-top: 13px;}

.wwa{display: block;font-size: 40px;font-size: 4rem;font-family: 'OpenSansBold';color: #014b9a;padding-bottom: 8px;background: url(../images/syaxian.jpg) no-repeat left bottom;text-transform: uppercase;}

.wwa:hover{color: #333;}

.syanr{display: block;font-size: 16px;font-size: 1.6rem;line-height: 30px;margin-top: 24px;}

.syanr:hover{color: #014b9a;}

.syabtn{display: block;width: 155px;height: 42px;line-height:42px;border: 1px solid #014b9a;text-align: center;background: #014b9a;color: #fff;text-transform: uppercase;margin-top: 63px;}

.syabtn:hover{background: transparent;color: #014b9a;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.syazuo{width: 500px;margin-top: 20px;}

.syayou{width: 455px;}

.syabtn{margin-top: 20px;}

.syp{padding-top: 60px;padding-bottom: 40px;}

.sya{padding-top: 40px;padding-bottom: 50px;}

}

@media screen and (max-width:999px) {

.syp{padding-bottom: 15px;}

.syayou{width: 100%;margin-bottom: 30px;}

.sya{padding-top: 20px;}

.syazuo{width: 100%;text-align: center;}

.syazuo a{display: inline-block;}

.syabtn{margin-top: 25px;}

.wwa{font-size: 30px;font-size: 3rem;}

}

@media screen and (max-width:639px) {

.syanr{font-size: 14px;font-size: 1.4rem;margin-top: 15px;}

.wwa{font-size: 22px;font-size: 2.2rem;}

.sypbt>a{font-size: 20px;font-size: 2rem;}

}



/************* syblog ************/

.syblog{padding-top: 59px;padding-bottom: 65px;}

.blogbt{text-align: center;padding-bottom: 5px;background: url(../images/syaxian.jpg) no-repeat center bottom;margin-bottom: 40px;}

.blogbt a{font-size: 40px;font-size: 4rem;color: #014b9a;text-transform: uppercase;font-family: 'OpenSansBold';}

.blogbt a:hover{color: #333;}

.synbox{float: left;width: 560px;margin-left: 80px;position: relative;margin-bottom: 27px;}

.syntu img{width: 100%;max-width: 200px;max-height: 147px;display: block;}

.syntu{position: absolute;left: 0;top: 3px;box-shadow: 1px 1px 10px 0px #a7a6a6;display: block;width: 200px;}

.synp1{display: block;font-size: 16px;font-size: 1.6rem;font-weight: bold;color: #4d4d4d;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.synnr{padding-left: 228px;}

.synnr span{display: block;color: #4d4d4d;line-height: 24px;}

.synp2{display: block;color: #4d4d4d;line-height: 24px;height: 72px;overflow: hidden;margin-bottom: 10px;}

.synp3{color: #4d4d4d;}

.synp1:hover{color: #014b9a;}

.synp2:hover{color: #014b9a;}

.synp3:hover{color: #014b9a;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.synbox{margin-left: 40px;width: 470px;}

}

@media screen and (max-width:999px) {

.synbox{width: 100%;margin: 0;margin-bottom: 40px;}

.sya{padding-bottom: 60px;}

.syblog{padding-top: 30px;}

}

@media screen and (max-width:639px) {

.blogbt a{font-size: 26px;font-size: 2.6rem;}

.blogbt{margin-bottom: 25px;}

}

@media screen and (max-width:500px) {

.synnr{padding-left: 0;padding-top: 160px;}

.synbox{margin-bottom: 25px;}

}



/************  bottom  **************/

.bottom{padding-top: 31px;padding-bottom: 15px;background: url(../images/bottombg.jpg) no-repeat center top #014b9a;}

.bottom p,.bottom li,.bottom a,.bottom span{color: #fff;}

.div>span,.div>a{display: block;font-family: 'OpenSansBold';font-size: 26px;font-size: 2.6rem;text-transform: uppercase;margin-bottom: 27px;}

.div>a:hover{text-decoration: underline;}

.div1{width: 290px;margin-right: 125px;}

.div1 li{line-height: 20px;padding-left: 31px;margin-bottom: 10px;}

.bli1{background: url(../images/bi1.png) no-repeat left 4px;}

.bli2{background: url(../images/bi2.png) no-repeat left 4px;}

.bli3{background: url(../images/bi3.png) no-repeat left 4px;}

.bli4{background: url(../images/bi4.png) no-repeat left 4px;}

.bli5{background: url(../images/fdianhua.png) no-repeat left 0px; padding-top:1px; padding-bottom:1px}

.bli6{background: url(../images/dbfax.png) no-repeat left 4px;}

.div1 li a:hover{text-decoration: underline;}



.div2 li{line-height: 30px;font-size: 16px;font-size: 1.6rem;}

.div2>a{margin-bottom: 18px;}

.div2 li a:hover{text-decoration: underline;}

.bsjj{padding-top: 42px;}

.bsjj a{float: left;margin-right: 7px;}



.div3{width: 467px;}

.div3>span{margin-bottom: 17px;}

.fxp_div1{ margin-bottom:14px; }

.fxp_div2{ margin-bottom:11px; }

.fxp{padding-top: 11px;}



.fxp_bt{ float:left; width:11px; height:36px; line-height:44px; font-family:Verdana, Geneva, sans-serif; color:#ff4f53;background: url("../images/syxing.png") no-repeat left center; }



.fxp_input,.fxp_textarea{ text-indent:10px; font-size:14px; font-size:1.4rem; color:#fff; }

.fxp_input,.fxp_captcha{ height:35px; line-height:35px; float:left; }



.fxp_input{ width:224px;background: transparent;border: 1px solid #fff;}

.fxp_textarea{ width:463px; background:transparent; line-height:26px; padding-top:5px; height:67px;border: 1px solid #fff; }



.fxp_captcha{ text-indent:11px; background:transparent; font-size:14px; font-size:1.4rem; color:#999999; width:168px; border: 1px solid #fff;color: #fff;}



.div3 .yanzheng{ cursor:pointer; float:left; margin-left:19px; }

.fxp_send{ float:right; cursor:pointer; text-align:center; font-size:14px; font-size:1.4rem; color:#333; background:transparent; width:106px; height:35px; line-height:35px;color: #fff;border: 1px solid #fff; }

.fxp_send:hover{ background:#fff;  transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; color: #014b9a;}

.copyright a:hover{text-decoration: underline;}

.copyright{line-height: 30px;margin-top: 23px;}

.reanod{padding-left: 8px;padding-right: 8px;}



.link{line-height: 30px;text-transform: uppercase;padding-top: 45px;}

.link a{ margin-right:20px; display:inline-block}

.link a:hover{text-decoration: underline;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.div1{width: 240px;margin-right: 40px;}

.div2{width: 210px;}

.bsjj a{margin-bottom: 10px;}

.link{padding-top: 12px;}

}

@media screen and (max-width:999px) {

.bottom{background: #014b9a;}

.div1{width: 62%;margin: 0;margin-right:3%;margin-bottom: 20px;}

.div2{width: 35%;margin: 0;margin-bottom: 20px;}

.div3{width: 100%;}

.fxp_nr{width: 48%;}

.fxp_input{width: 100%;}

.fxp_div2 .fxp_nr{width: 100%;}

.fxp_textarea{width: 100%;}

.bsjj a{margin-bottom: 10px;}

.syblog{padding-bottom: 20px;}

}

@media screen and (max-width:639px) {

.link span,.link a{display: none;}

.link{padding-top: 0;}

.div1{width: 100%;}

.div2{width: 100%;}

.bsjj a{margin-bottom: 10px; margin-right:1px ; margin-left:4px}



}

@media screen and (max-width:470px) {

.bsjj{padding-top: 15px;}

.fxp_nr{width: 100%;margin-bottom: 14px;}

.fxp_div1{margin-bottom: 0;}

.fxp_captcha{width: 100%;margin-bottom: 14px;}

.div3 .yanzheng{margin-left: 0;}

}



.banner2 img{width: 100%;}

.bread{line-height: 29px;color: #666666;text-align: right;padding-top: 9px;padding-bottom: 9px;}

.bread a{color: #666666;}

.bread a:hover{color: #014899;}

.bread a.currentbread{color: #014899;}









/***************** product1 ******************/

.product1{padding-top: 13px;padding-bottom: 40px;}





/*goods*/

.goods{width: 830px;}

.goods .box1{width: 100%;}

.goods .box1 ul{width: 100%;}

.goods .box1 ul li{float: left;margin-left: 10px;width: 270px;margin-bottom: 42px;}



.goods .box1 ul li .libox{border: 1px solid #dadada;}

.goods .box1 ul li .img{width: 100%;border-bottom: 1px solid #bfbfb6;}

.goods .box1 ul li .img>a{display: block;width: 100%;position: relative;overflow: hidden; }

.goods .box1 ul li .img>a img{display: block;width: 100%;height: 100%;}



.goods .box1 ul li .img>a .przz{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background:#000;background:rgba(1,72,153,0.5);transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }

.goods .box1 ul li .img>a .przz span{display: block;width: 113px;height: 36px;line-height: 36px;font-size:14px;font-size:1.4rem;color: #333;background-color: #fff;text-align: center;margin:115px auto 0; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

.goods .box1 ul li .img>a .przz span:hover{color: #014899;}

.goods .box1 ul li .img>a:hover .przz{top: 0;}



.goods .box1 ul li .wenzi1{text-align: center; padding-top: 14px;padding-bottom: 13px;border-top: 1px solid #dadada;}

.goods .box1 ul li .wenzi1 a{font-size:16px;font-size:1.6rem;color:#333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.goods .box1 ul li .wenzi1 a:hover{color: #014899;}



.goods .box1 ul li .wenzi{height: auto;margin:0 auto 11px;}

.goods .box1 ul li .wenzi a{display: block;; width:calc(92% - 10px);overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;border-radius: 13px; line-height: 26px;color: #fff;border: 1px solid #014899; font-size:14px;font-size:1.4rem; text-align: center;background: #014899; margin-left:auto; margin-right:auto; padding-left:5px; padding-right:5px}

.goods .box1 ul li .wenzi a:hover{color: #014899;background-color: #fff; }

.goods .box1 ul li .wenzi input{cursor: pointer; display: block;margin-top: 7px; margin-left:15px; margin-bottom:10px}



/*page*/

.page{position: relative;margin:50px auto 36px;}

.page {text-align: center;}

.page a,.page span.first,.page span.last   {display: inline-block;background-color:#fff;color: #333; margin-left:5px;width: 33px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;}

.page a.on,.page a:hover,.page span.on{color: #014899;border: 1px solid #014899;}

.page a.first,.page span.first{width:59px;margin-left: 0;}

.page a.last,.page span.last{width: 59px;}

/*.page span{display: inline-block;width: 50px;text-align: center;font-size:16px;font-size:1.6rem;color: #333;position: relative;top: 3px;}

*/.page img{display: inline-block;position: relative;top: 2px;margin-left: 7px;}

.ins{width: 260px;display: inline-block;height: 30px; line-height: 28px;text-align: center; border: none; outline: none;background-color: #014899;color: #fff;font-size: 12px;font-size: 1.2rem;cursor: pointer;font-family: Verdana, Geneva, Tahoma, sans-serif;}





/*list*/

.list {width: 320px;margin-bottom: 30px; }

.list .title1{width: 100%;margin-bottom:10px;}

.list .title1 a{display: block;width: 100%;;text-align: center;font-size:22px;font-size:2.2rem;line-height: 50px;border-bottom: 1px solid #014899; color:#014899;font-weight:bold;text-transform: uppercase;background-color: #eeeeee; }

.list .subNavBox{width: 100%;}

.list .subNav{cursor: pointer;background:#fff;margin-top: 4px;}

.list .subNav.div1{margin-top: 0px;padding-top: 4px;}

.list .subNav a{ display: block;line-height: 25px;padding-top: 8px;padding-bottom: 8px;  padding-left:18px;padding-right: 25px; background:#e4e5e6 url(../images/parrow.png) no-repeat 95.5% 14px; font-size:16px; font-size:1.6rem; color:#333333; transition:0s;}



.list .subNav:hover a{ background:#014899 url(../images/parrowon.png) no-repeat 95.5% 14px; color:#fff;}

.list .currentDd a{ background:#014899 url(../images/parrowon.png) no-repeat 95.5% 14px; color:#fff;}





.list .navContent{padding-top: 6px;padding-bottom: 5px; display: none;position: relative;top:0px;}

.list .navContent>li a{display:block; font-size:14px; font-size:1.4rem; line-height: 30px; color:#333; padding-left:51px;background:url(../images/xian.png) no-repeat 28px center; }

.list .navContent>li a:hover{color: #014899;}

.lcswb{color: #014899 !important}



.list .title2{width: 100%;margin-top:34px;margin-bottom: 2px;}

.list .title2 a{display: block;text-align: left;font-size:22px;font-size:2.2rem;font-weight:bold;height: 46px;line-height: 46px;border-top: 2px solid #014899; color:#014899;text-transform: uppercase;background-color: #eeeeee; padding: 0 15px;}



.list dl{background-color: #eeeeee;padding: 0 18px;}

.list dl dd{border-bottom: 1px solid #b5b5b5; }

.list dl dd .dd1{border: 1px solid #b5b5b5;padding: 2px;margin-bottom: 12px;margin-top: 17px; }

.list dl dd .dd1 a{display: block;}

.list dl dd .dd1 a img{display: block;max-width:100%; }



.list dl dd .dd2{margin-bottom: 12px; }

.list dl dd .dd2 span{display: block;font-size:14px;font-size:1.4rem;color: #333;font-weight: bold; }

.list dl dd .dd2 a{display: block;font-size:14px;font-size:1.4rem;color: #333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.list dl dd .dd2 a:hover{color: #014899;}



.list dl dd .dd3{margin-bottom: 14px; }

.list dl dd .dd3 a{display: block;font-size:14px;font-size:1.4rem;color: #666;line-height: 24px;height: 48px;overflow: hidden;}

.list dl dd .dd3 a:hover{color: #014899;}



.list dl dd .dd4{margin-bottom: 23px; }

.list dl dd .dd4 a{display: block;font-size:14px;font-size:1.4rem;color:#666; ; }

.list dl dd .dd4 a:hover{color: #014899;}





.list dl dd.dl2{margin-top: 22px;border: none; }

/* ===============================================================product1====================================================== */

/*goods1*/

.goods1{width: 834px;}



#showArea{margin-top: 31px;margin-bottom:25px; }

#showArea img{cursor:pointer;display:block;width:109px;height:109px;margin-bottom: 13px;border: 1px solid #bfbfb6;}

#showArea a{ display:block;}

#main_img{cursor:pointer;display:block;}

#gotop{cursor:pointer;display:block; margin:auto; }

#gobottom{cursor:pointer;display:block; margin:auto;}

#showArea{height:360px; overflow:hidden;}

.MagicZoomBigImageCont {background:#FFF;}

.MagicZoomBigImageCont img{width: 976px!important;





	display: block;}

.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}



.left-pro{width:612px;text-align:left;margin:0px auto 27px;}

.left-pro .t1{width:111px;float:right;}

.left-pro .t2{width:488px;text-indent:0;float:left; border: 1px solid #bfbfb6;}

.left-pro .t2 a{ display:block;margin-bottom: 0px;}

.left-pro .t2 img{text-indent:0;display: block;}





.goods1 .content .title{padding-top: 2px;}

.goods1 .content .title h1{font-size:16px;font-size:1.6rem;color: #333;text-align: center;font-weight: bold; }





.goods1 .content .btn{width: 100%;margin: 0 auto; margin-top: 23px;margin-bottom: 33px;}

.goods1 .content .btn a,.goods1 .content .btn span {display: block; font-size:16px;font-size:1.6rem;color: #014899;width: calc(48% - 2px);width: 46%\9; margin-left:1%; margin-right:1%;;;line-height: 44px;text-align: center;border: 1px solid #014899; }

.goods1 .content .btn a:hover{color: #fff; background-color: #014899;}





.goods1 .content .share1{width: 230px;margin: 0 auto; padding-bottom: 27px;}

.goods1 .content .share1 .span{font-size:14px;font-size:1.4rem;color: #1e8bc3;height: 26px;line-height: 26px; }



.goods1 .content .share1 .at-resp-share-element .at-icon{width:26px!important;height:26px!important;}

.goods1 .content .share1 .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.goods1 .content .share1 .at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}

.goods1 .content .share1 .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}





.shar_wrap .at-resp-share-element .at-icon{width:26px!important;height:26px!important;}

.shar_wrap .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.shar_wrap .at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}

.shar_wrap .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}





.protitle1{background:#eeeeee; width: 100%;margin-bottom: 30px;margin-top: 30px;}

.protitle1 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 277px;padding-left:15px;background:#f8f8f8 url(../images/xian1.png) repeat-x bottom center;}



.protitle2{background:#eeeeee; width: 100%;margin-bottom: 20px;margin-top: 30px;}

.protitle2 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 277px;padding-left:15px;background:#f8f8f8 url(../images/xian1.png) repeat-x bottom center;}



.protitle3{background:#eeeeee; width: 100%;margin-bottom: 20px;margin-top: 30px;}

.protitle3 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 262px;text-align: center;background:#f8f8f8 url(../images/xian1.png) repeat-x bottom center;}



.protitle4{background:#eeeeee; width: 100%;margin-bottom: 30px;margin-top: 40px;}

.protitle4 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 209px;text-align: center;background:#f8f8f8 url(../images/xian1.png) repeat-x bottom center;}



ul.rel-pro{margin-bottom: 76px;}

ul.rel-pro li{float: left;margin-left: 10px;width: 270px;}



.wenzi{color: #000000;line-height: 30px;}

.wenzi p,.wenzi li,.wenzi span,.wenzi b{color: #000;}

.wenzi a{color: #014899;}

.wenzi img{max-width: 100%;}

.goods1 .wenzi table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 30px;}

.goods1 .wenzi tr td{ line-height:24px; padding:2px;border: 1px solid #ccc;white-space:nowrap;}



/* ul.rel-pro li .libox{} */

ul.rel-pro li .img{border: 1px solid #bfbfb6;}

ul.rel-pro li .img>a{display: block;width: 100%;position: relative;overflow: hidden; }

ul.rel-pro li .img>a img{display: block;width: 100%;height: 100%;}



ul.rel-pro li .img>a .przz{position: absolute;top: 100%;left: 0;width: 100%;height: 100%; background:#014899;background:rgba(1,72,153,0.4);transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }

ul.rel-pro li .img>a .przz span{display: block;width: 113px;height: 36px;line-height: 36px;font-size:14px;font-size:1.4rem;color: #333;background-color: #fff;text-align: center;margin:115px auto 0; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

ul.rel-pro li .img>a .przz span:hover{color: #1e8bc3;}

ul.rel-pro li .img>a:hover .przz{top: 0;}



ul.rel-pro li .wenzi1{text-align: center; padding-top: 14px;padding-bottom: 18px;border-top: 1px solid #dadada;}

ul.rel-pro li .wenzi1 a{font-size:16px;font-size:1.6rem;color:#333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

ul.rel-pro li .wenzi1 a:hover{color: #1e8bc3;}



.img980{display: none;}

.img980 ul li{width: 23%;margin: 1%;float: left;}

.img980 ul li a{display: block;width: 100%;}

.img980 ul li a img{display: block;width: 100%;}

@media screen and  (max-width:1640px){

	.goods1 .wenzi table{ width:810px; border-collapse:collapse; line-height:24px;margin-bottom: 30px;}

.table{ overflow:scroll}

	}



/*pro media zhuyemian*/

@media screen and  (max-width:1219px){

.list{width: 260px;}

.goods{width: 700px;}

.goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}







}

@media screen and  (max-width:999px){

.goods{width: 650px;}





}

@media screen and  (max-width:979px){

    .page{margin-bottom: 30px;}

    .page .l{float: none;}

    .page a{margin-bottom: 10px;}

    .page .add{float: none;}

    .goods{width:100%; padding-bottom:2rem}

    .goods .box1 ul li{width: 23%;margin: 0 1% 2% 1%!important;}

    .list{width: 100%;}

    .goods .box1 ul li .img > a .przz{display: none;}

    .list dl dd .dd1{border: none; border-bottom: 1px solid #b5b5b5;}

}   

@media screen and  (max-width:900px){

    .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}

    .goods .box1 ul li .wenzi1 a{font-size: 14px;font-size: 1.4rem;}

}



@media screen and  (max-width:767px){

.goods1 .content .btn a,.goods1 .content .btn span {display: block; font-size:16px;font-size:1.6rem;color: #014899;width: calc(100% - 2px);width: 90%\9; margin-left:1%; margin-right:1%;;;line-height: 30px;text-align: center;border: 1px solid #014899; float:none; clear:both; margin-bottom:20px }



}

@media screen and  (max-width:500px){

    .goods .box1 ul li{width: 48%;margin: 0 1% 2% 1%!important;}

}

@media screen and  (max-width:320px){

    .goods .box1 ul li{width: 100%;margin: 0 0% 2% 0%!important;}

}



/*pro media xiangqingyemian*/

@media screen and  (max-width:1219px){

    .goods1{width: 700px;}

    .MagicZoomPup,.MagicZoomBigImageCont {display: none!important;}

    .MagicZoom{cursor: auto!important;}

    .goods1 .content{width: 100%;}

    ul.rel-pro li{width: 31%;margin: 1%!important;}

}

@media screen and  (max-width:999px){

    .goods1{width: 650px;}

}

@media screen and  (max-width:979px){

    .img980{display: block;}

    .left-pro{display: none;}

    .goods1{width:100%;}

    ul.rel-pro{margin-bottom: 40px;}

    ul.rel-pro li .img > a .przz{display: none;}

}



@media screen and  (max-width:640px){

    ul.rel-pro li{width: 48%;margin: 1%!important;}

    .goods1 .img980  ul li{width: 48%;margin: 0 1% 2% 1%!important;}

}

@media screen and  (max-width:410px){

    .goods1 .content .btn{width: 100%;}

    .goods1 .content .btn a,.goods1 .content .btn span{float: none;margin: 15px auto 0;}

}

@media screen and  (max-width:320px){

    ul.rel-pro li{width: 98%;margin: 1%!important;}



    

}





/***************** case1 ******************/

.case1{padding-top: 4px;padding-bottom: 40px;}



.case1 p{font-size:14px;font-size:1.4rem;line-height: 28px;}



.case1 ul {margin-top: 56px;}

.case1 ul li{width: 383px;margin-left: 25px;float: left;margin-bottom: 43px; }

.case1 ul li .libox{padding: 2px;background:url(../images/kuang1.png) no-repeat center center;background-size: 100% 100%; }

.case1 ul li .libox .libox1{padding:13px 12px;}

.case1 ul li .libox .libox1 .litop a{display: block;position: relative;overflow: hidden; }

.case1 ul li .libox .libox1 .litop a .l-img img{display: block;max-width:100%;}



.case1 ul li .libox .libox1 .litop a .l-more{ background:#000;background:rgba(0,0,0,0.5); width: 100%;top: 100%;height: 100%;left: 0;position: absolute;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }

.case1 ul li .libox .libox1 .litop a .l-more span{text-align: center;font-size:16px;font-size:1.6rem; background-color: #014899;color:#fff;text-transform: uppercase; display: block;width: 280px;height: 57px;line-height: 57px;position: relative;top: 50%;margin-top: -28px;left: 50%;margin-left: -140px;}



.case1 ul li .libox .libox1 .litop a:hover .l-more{top: 0;}



.case1 ul li .libox .libox1 .libot .mid1{margin-top: 22px;margin-bottom: 8px;}

.case1 ul li .libox .libox1 .libot .mid1 span{font-size:16px;font-size:1.6rem;color: #333;font-weight: bold; }

.case1 ul li .libox .libox1 .libot .mid1 a{color: #333;font-weight: bold; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.case1 ul li .libox .libox1 .libot .mid1 a:hover{color: #014899;}

.case1 ul li .libox .libox1 .libot .mid2{margin-bottom: 15px;}

.case1 ul li .libox .libox1 .libot .mid2 a{font-size:14px;font-size:1.4rem;color: #666;line-height: 30px; display: block;height: 60px;overflow: hidden;}

.case1 ul li .libox .libox1 .libot .mid2 a:hover{color: #014899; }



.case1 .page{margin-top: 43px;margin-bottom: 48px;}



@media screen and  (max-width:1219px){

    .case1 ul li{width: 31%;margin: 1%!important;}

}

@media screen and  (max-width:979px){

    .case1 ul li .libox .libox1 .litop a .l-more{display: none;}

    .case1 ul{margin-top: 25px;}

    .case1 .page{margin-bottom: 10px;}

}

@media screen and  (max-width:768px){

    .case1 ul li{width: 48%;margin: 1%!important;}

    .case1 .page{margin-top: 20px;margin-bottom: 30px;}

}

@media screen and  (max-width:460px){

    .case1 ul li{width: 100%;margin:15px auto!important;max-width: 383px;float: none;}

}



/***************** case2 ******************/

.case2{padding-top: 12px;padding-bottom: 120px;}

.news2{padding-top: 12px;padding-bottom: 120px;}



.new2_left{ width: 798px;}



.case2 .xqy {position: relative;}



.case2 .xqy .top1 .title1{}

.case2 .xqy .top1 .title1 h1{font-size: 16px;font-size:1.6rem;color: #333;font-weight: bold; line-height: 40px;}

.case2 .xqy .top1 .time{margin-top: 7px;margin-bottom: 18px;}

.case2 .xqy .top1 .time span{font-size: 14px;font-size:1.4rem;color: #333333;font-weight: normal;display: inline-block;line-height: 26px; }



.nex{line-height: 28px;padding-bottom: 89px;border-bottom: 1px solid #d2d2d2;margin-bottom: 30px;}



.nex table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}

.nex table tr td{ padding:3px; border:1px solid #ccc; background:#fff}



.new2_right .back{ display: block; font-size:18px;font-size:1.8rem; border-radius: 10px; max-width: 222px; width: 100%; margin: 0 auto; height: 51px; line-height: 51px; text-align: center; color: #fff; background: #014899;  margin-bottom: 21px; }

.new2_right .title{ padding-top: 7px;  margin-bottom: 6px; display: block; font-size:24px;font-size:2.4rem;color:#014899; line-height: 40px; font-weight: bold;}

.top_imgtd{ display: block; width: 8px; height: 20px; margin-bottom: 12px; }



.shar_wrap{ text-align: center; margin-bottom: 56px;   }

.shar_wrap .span{ font-size:16px;font-size:1.6rem;color:#1962ac; display: inline-block;position: relative;top: 5px; padding-right: 6px;}

.shar_wrap .img{ position: relative; top: 13px; display: inline-block;  }



.inpu{ text-align: center; margin-bottom: 24px;   }

.inpu a{ display: inline-block; width: 130px; height: 38px; line-height: 38px; text-align: center; margin-left: 25px; margin-right: 25px;font-size:14px;font-size:1.4rem;color:#2c8dd6; border-radius: 50px; border: 1px solid #2c8dd6;  }

.inpu a:hover{  background: #2c8dd6; color: #fff; }

.new2_right .ex_wrap{ border: 1px solid #b3d3ec; width: 353px;  margin: 0 auto; padding-bottom: 10px;  }

.new2_right .ex_wrap dl{ max-width: 319px; width: 100%; margin: 0 auto;}

.new2_right .ex_wrap dd{margin-bottom: 40px;}

.new2_right .ex_wrap dl dd a{ display: block;  }

.new2_right .ex_wrap dl dd a.we_tit{  padding-top: 13px; font-size:16px;font-size:1.6rem; font-weight: bold; color:#333; line-height: 24px; height: 48px;overflow: hidden; margin-bottom: 6px;}

.new2_right .ex_wrap dl dd a.titlewen{ line-height: 30px;  }

.new2_right .ex_wrap dl dd a.we_tit:hover{color: #014899;}

.new2_right .ex_wrap dl dt img{ display: block; max-width:320px; max-height: 253px; width: 100%;  }



.news2 .new2_right .ex_wrap dl dt img{ display: block; max-width:330px; max-height: 244px; width: 100%;  }

.news2 .new2_right .ex_wrap{ border: 1px solid #b3d3ec; width: 353px;  margin: 0 auto; padding-bottom: 5px;  }



.ex_wrap dl dt img{ display: block; max-width:319px; max-height: 228px; width: 100%;  }



.updown{margin-bottom:64px;}

.updown .up{margin-top: 18px;margin-bottom: 6px;}

.updown p{ display: inline-block; text-transform: uppercase;  line-height: 28px;font-size: 14px;font-size:1.4rem;color: #888888;}



.updown p .img{ display: inline-block; }

.updown p .img img{ display: inline-block; position: relative;  top:7px;  padding-right: 4px; }



.updown p .on{color:#014899; }

.updown p a{ font-size: 14px;font-size:1.4rem;color: #333; text-transform: none; }

.updown p:hover a{color: #014899;}

.updown p:hover{ color: #888;  }



@media screen and (max-width:1219px){

.new2_left{ width:605px;}

.case2{padding-bottom: 50px;}

}



@media screen and (max-width:999px){

.new2_left{ width: 545px;}

.nex{padding-bottom: 40px;}

}

@media screen and (max-width:979px){

.new2_right { width:100%; float: none; }

.new2_left{ width:100%; float: none; }

}

@media screen and (max-width:400px){

.new2_right .ex_wrap{ width: 100%;  }

.news2 .new2_right .ex_wrap{ width: 100%;  }

.new2_right .ex_wrap dl{ width: 90%; }

.ex_wrap{ width: 100%;  }

.ex_wrap dl{ width: 90%; }

.updown{margin-bottom: 40px;}

}



/* new1 */

.new1{padding-top: 12px;padding-bottom: 118px;}

.new1 .fwp{margin-bottom: 56px; padding-bottom: 39px;  position: relative;  }

.new1 .swp{ position: absolute; top:0; left: 0;  }

.new1 .swp a{ display: block; width: 100%; margin: 0 auto; }

.new1 .swp a img{ display: block; max-width: 330px; max-height: 244px; width: 100%; margin: 0 auto; }



.new1 .zi {  padding-left: 370px; min-height: 236px; padding-right: 0px; }

.new1 .zi .time{ padding-bottom: 19px; padding-top: 4px;  font-size: 14px; font-size: 1.4rem; line-height: 30px;color: #333;   }

.new1 .zi .title{  color: #333;   display: block; padding-top: 22px;  line-height: 30px; font-size: 16px; font-size: 1.6rem; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.new1 .zi .p{ display: block;  margin-bottom: 17px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 28px; height: 56px;overflow: hidden;}

.new1 .zi .more{ display: block;  font-size: 14px; font-size: 1.4rem;  width: 113px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #014899; border-radius: 50px; }

.new1 .zi .title:hover{ color: #014899;}

.new1 .zi .p:hover{ color: #014899;}



.new1 .zi .more:hover{ background: #333; color: #fff; }



.new1 .page { position: relative; margin: 69px auto 0;}



@media screen and (max-width:999px){

.new1 .fwp{padding-bottom: 15px;margin-bottom: 20px;}

.new1 .page{margin: 45px auto 0;}

.new1{padding-bottom: 60px;}

}

@media screen and (max-width:700px){

    .new1{ padding-bottom: 30px; }

    .new1 .fwp{ padding-bottom: 0px; }

    .new1 .swp{ position: relative; top:0; left: 0;  }

    .new1 .zi {  padding-left: 0px; min-height: 236px; padding-right: 0px; padding-top: 250px;min-height: auto;}

    .new1 .zi .title{padding-top: 10px;}

    .new1 .page{margin: 20px auto 0;}

    .new1 .zi .time{padding-bottom: 5px;}

}

@media screen and (max-width:320px){

    .new1 .zi{padding-top: 228px;}

}



/********** faq *********/

.faq{padding-top: 12px;padding-bottom: 52px;}



.support_faq{padding-top: 40px;padding-bottom: 80px;}



.zm{font-size: 1.6rem;font-weight: bold;color: #014899;}

.subNav1{line-height: 50px;background:url("../images/xy.png") #f1f1f1 no-repeat 98.5% center;padding-left: 15px;border-left: 5px solid #014899;margin-bottom: 15px;padding-right: 35px;; cursor: pointer; }

.subNav1:hover{background:url("../images/xz.png") #014899 no-repeat 98.5% center;}

.subNav1:hover .zm{color: #fff;}

.subNav1:hover .zu{color: #fff;}

.zu{font-size: 1.8rem;font-weight: bold;color: #014899;}

.currentDt1{background:url("../images/xz.png") #014899 no-repeat 98.5% center;}

.currentDt1 .zm{color: #fff;}

.currentDt1 .zu{color: #fff;}

.navContent1{display: none;margin-top: -17px;border: 2px solid #014899;padding:0 18px;padding-top: 16px;padding-bottom: 23px;margin-bottom: 13px;}

.navContent1 img{width: 90%;max-width: 380px;margin-left: 25px;}

.pack span{font-size: 1.6rem;font-weight: bold;display: inline-block;color: #014899; margin-top:1px; margin-right:3px}

.pack div{display: inline-block;line-height: 24px;}

.pack p{ display:inline} 

.pack{margin-bottom: 29px;}



.faq .page{margin: 99px auto 36px;}



@media screen and (max-width:999px){

.faq .page{margin:60px auto 0px}

}

@media screen and (max-width:639px){

.zu{font-size: 14px;font-size: 1.4rem;}

.faq .page{margin:40px auto 0px}

.faq{padding-bottom: 40px;}

.subNav1{line-height: 25px; display:block}



}



/********** contact *********/

.contact{padding-top: 3px;padding-bottom: 100px;}





.col{ width:480px; float:left;}

.cor{ width:662px; float:right; margin-right:2px; margin-top:7px;}



.col li{ font-size:14px; font-size:1.4rem; line-height:40px; padding-left:26px;}

.col li>a{}

.col li a:hover{ color:#1962ac;}



.codingwei{ background:url(../images/ci4.jpg) no-repeat left 12px;}

.codianhua{ background:url(../images/ci1.jpg) no-repeat left 10px;}

.coxinfeng{ background:url(../images/ci2.jpg) no-repeat left 15px;}

.cos{ background:url(../images/ci3.jpg) no-repeat left 13px;}

.coapp{ background:url(../images/cochuanzhen.jpg) no-repeat left 8px;}

.coditu{ display:block; margin-top:48px;}

.coditu img{ display:block; margin:auto; width:100%; max-width:477px; max-height:286px;}



.cor p{ font-size:14px; font-size:1.4rem; color:#666666; line-height:30px; margin-left:14px;margin-bottom: 10px;}



.coxin{ margin-top:1px; *border:1px solid #fff; padding-bottom:20px;}

.coxin .xing{ background:url(../images/xing.jpg) no-repeat left 25px; padding-left:14px;}

.coxin .int1{ padding-left:14px; width:313px; float:left; margin-top:14px;}

.coxin .int2{ padding-left:14px; width:313px; float:right; margin-top:14px;}

.coxin .int1 input,.coxin .int2 input{ font-family:Arial, Helvetica, sans-serif; width:297px; height:52px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:52px; border:1px solid #d2d2d2;}

.coxin .tex{ padding-top:14px; background:url(../images/xing.jpg) no-repeat left 30px; padding-left:14px;}

.coxin textarea{ width:633px; height:195px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:36px; border:1px solid #d2d2d2; font-family:Arial, Helvetica, sans-serif;}

.coxin .int5{ margin-top:14px;}

.coxin .int3{ width:163px; height:52px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:52px; border:1px solid #d2d2d2; float:left; margin-right:22px; font-family:Arial, Helvetica, sans-serif;}

.coxin .int4{ width:250px; height:54px; border:1px solid #1962ac; float:right; background:#1962ac; font-size:16px; font-size:1.6rem; font-family:Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;}

.coxin .int4:hover{ background:#fff; border:1px solid #1962ac; color:#1962ac;}

.ditu{ display:block; width:100%; max-width:1200px; max-height:415px; margin-top:35px;}

.coxin .yanzheng{width:178px; height:54px; float:left; cursor:pointer;}



@media screen and (min-width:1000px) and (max-width:1219px){

.col{ width:300px;}

.cor{ width:662px; margin-right:0px;}

.coxin textarea{ width:633px; height:120px;}

}

@media screen and (max-width:999px){

.comain{ padding-bottom:0px;}

.col{ width:40%;}

.cor{ width:57%; margin-right:0px;}

.cor p{ font-size:14px; font-size:1.4rem; line-height:22px;}

.coxin .xing{ background:url(../images/xing.jpg) no-repeat left 16px;}

.coxin .int1{ margin-top:10px;}

.coxin .int2{ margin-top:10px;}

.coxin .int1,.coxin .int2,.coxin .tex{ width:auto; float:none;}

.coxin .tex{ padding-top:10px; background:url(../images/xing.jpg) no-repeat left 25px;}

.coxin .int1 input,.coxin .int2 input,.coxin textarea,.coxin .int3{ width:95%; height:30px; line-height:30px;}

.coxin .int3{ margin-bottom:10px;}

.coxin .int4{ width:42%; float:left; margin-left:10px; font-size:14px; font-size:1.4rem;}

.coxin .int5{ margin-top:10px;}

.coxin textarea{ height:120px;}



.contact{padding-bottom: 40px;}

}

@media screen and (max-width:639px){

.col{ width:100%; float:none;}

.cor{ width:100%; float:none; margin-right:0px;margin-top: 25px;}

.coxin .int1 input,.coxin .int2 input,.coxin textarea,.coxin .int3{ width:90%;}

.coxin .int4{ font-size:12px; font-size:1.2rem;width:40%;}

.ditu{ margin-top:30px;}

.comain{ padding-bottom:27px;}

.coditu{margin-top: 10px;}

.contact{padding-bottom: 15px;}

}

@media screen and (max-width:370px){

.coxin .int4{ width:93%; margin-left:auto; margin-top:10px;}

}





@media screen and (max-width:999px){

.ab6zi{ position:static;}

.ab6zi a{ display:block; position:absolute; top:50%; margin-top:-40px;}

}





/********** about *********/

.about{padding-top: 8px;padding-bottom: 60px;}

.ap1{text-align: center;font-size: 30px;font-size: 3rem;font-weight: bold;color: #014899;padding-bottom: 12px;background: url(../images/axian.jpg) no-repeat center bottom;margin-bottom: 60px;}

.ap2{line-height: 28px;}

.abg{margin-top: 58px;padding-top: 60px;background: url(../images/abg.jpg) no-repeat center top;padding-bottom: 47px;}

.app1{color: #fff;background: url(../images/axian2.jpg) no-repeat center bottom;margin-bottom: 18px}

.ap3{text-align: center;color: #fff;font-size: 16px;font-size: 1.6rem;line-height: 31px;}





.img-scroll8 {position: relative;margin: 0 auto;width: 100%;padding-top: 22px;padding-bottom: 68px;margin-top: 38px;}

.img-scroll8 .prev8, .img-scroll8 .next8 {position: absolute;display: block;width: 39px;height: 39px;bottom:0;margin-top:-55px;color: #fff;text-align: center;line-height: 100px}

.img-scroll8 .prev8 {left: 50%;margin-left: -45px;cursor: pointer;background:url("../images/as.png") no-repeat center center;}

.img-scroll8 .next8 {right: 50%;margin-right: -45px;cursor: pointer;background:url("../images/ax.png") no-repeat center center;}

.img-scroll8 .prev8:hover {background:url("../images/as2.png") no-repeat center center;}

.img-scroll8 .next8:hover {background:url("../images/ax2.png") no-repeat center center;}

.img-list8 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}

.img-list8 ul {width: 999999px;}

.img-list8 li {float: left;display: inline;width: 310px;position: relative;margin-right: 135px;}



.gcbox{position: relative;}

.gongchang img{width: 100%;max-width: 310px;max-height: 230px;display: block;}

.fangda{position: absolute;left: 0;top: -100%; background:#000;background: rgba(0,0,0,0.4);width: 100%;height: 100%;}

.fangda img{width: 29px;height: 29px;position: absolute;left: 50%;margin-left: -15px;top: 50%;margin-top: -15px;}

.propp{text-align: center;line-height: 31px;color: #fff;margin-top: 15px;}

.gcbox:hover .fangda{top: 0;}



/*********************fangdaxiaoguo**********************/

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}

 #baguetteBox-overlay.visible{opacity:1}

 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}

 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}

 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

 

 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}

 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}

 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}

 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}

 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}

 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}

 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;

 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}

 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}

 .baguetteBox-button#next-button{right:2%}

 .baguetteBox-button#previous-button{left:2%}

 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}

 .baguetteBox-button svg{position:absolute;left:0;top:0}

 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}

 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}

 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}

 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}

 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}

 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}

 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}

 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}

 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}



.ap111{padding-top: 54px;margin-bottom: 38px;}

.aditu{width: 100%;max-width: 1200px;max-height: 702px;}



@media screen and (min-width:1000px) and (max-width:1219px){

.img-list8 li{margin-right: 25px;}

}

@media screen and (max-width:999px){

.ap1{margin-bottom: 20px;}

.abg{padding-top: 35px;}

.img-scroll8{margin-top: 0;}

.img-list8 ul{width: 10000%;}

.img-list8 li{width: 0.3133%;margin: 0 0.01%;}

.fangda{top: 0;}

}

@media screen and (max-width:639px){

.ap1{font-size: 24px;font-size: 2.4rem;}

.abg{margin-top: 30px;}

.ap111{padding-top: 30px;}

}

@media screen and (max-width:450px){

.img-list8 li{width: 0.48%;margin: 0 0.01%;}

}



.navlist>li:hover .yiji{top: 37px;}

.yiji{position: absolute;top: -9999px;left: 0;width: 200px;z-index: 999999; background:#014899;background: rgba(1,72,153,0.8);padding-top: 10px;padding-bottom: 10px;}

.yiji>li{line-height: 30px;padding: 0 10px;position: relative;}

.yiji>li>a{display: block;color: #fff;}

.yiji>li:hover{background: #fff;}

.yiji>li:hover>a{color: #014899;}

.erji{position: absolute;left: 100%;top: -9999px;width: 240px;background:#014899;background: rgba(1,72,153,0.8);padding-top: 10px;padding-bottom: 10px;}

.erji>li{line-height: 30px;padding: 0 10px;}

.erji>li>a{display: block;color: #fff;}

.erji>li:hover{background: #fff;}

.erji>li:hover>a{color: #014899;}

.yiji>li:hover .erji{top: -10px;}





.syazuo{width: 676px;}



.img-scroll1 {position: relative;margin: 0 auto;width: 100%;}

.img-scroll1 .prev1, .img-scroll1 .next1 {position: absolute;display: block;width: 39px;height: 39px;top: 50%;margin-top: -20px;color: #fff;text-align: center;line-height: 100px}

.img-scroll1 .prev1 {left: 2px;cursor: pointer;background:url("../images/syas.png") no-repeat center center;}

.img-scroll1 .next1 {right: 2px;cursor: pointer;background:url("../images/syax.png") no-repeat center center;}

.img-scroll1 .prev1:hover {background:url("../images/syas2.png") no-repeat center center;}

.img-scroll1 .next1:hover {background:url("../images/syax2.png") no-repeat center center;}

.img-list1 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}

.img-list1 ul {width: 10000%;}

.img-list1 li {float: left;display: inline;width: 1%;position: relative;}





@media screen and (min-width:1000px) and (max-width:1219px){

.syazuo{width: 500px;}

}

@media screen and (max-width:999px){

.syayou{float: none;}

.syazuo{float: none;width: 70%;margin: 0 auto;}

}

@media screen and (max-width:639px){

.syazuo{float: none;width: 90%;margin: 0 auto;}

}

.listcart{ width:100%; margin-top:40px}

.listcart a{ display:inline-block;height: 30px; width:300px;

	line-height: 30px;

	

	cursor: pointer;

	

	border: none;

	overflow: hidden;

	color: #333;

	cursor: pointer; background:#fff; border:1px solid #707070; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}

	

	.listcart a:hover{  border:#014899 solid 1px; background:#014899; color:#fff}

	@media screen and (max-width:999px){

		.listcart a{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }

		.listcart{ width:100%; margin-top:2rem }

		

	}

	

	@media screen and (max-width:767px){

		

		.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}



}

	

	.cuowu404{width:100%;max-width:435px;overflow:hidden;margin-left:auto;margin-right:auto;display:block;padding-top:40px;}

.cuowu404 img{width:100%}

@media screen and (max-width:999px){.cuowu404{width:80%;overflow:hidden;padding-top:2rem;padding-bottom:2rem}

}

@media screen and (max-width:999px){.cuowu404{width:80%;overflow:hidden;padding-top:2rem;padding-bottom:2rem}

}

.xiaoyuzhong{ text-align:right; margin-top:10px; float:left; margin-right:20px}

.xiaoyuzhong a{ display:inline-block; margin-left:40px; color:$333; }

.top20du{ line-height:25px}

.shuxp_c{ line-height:25px; margin-top:10px}

.shuxp_c a{ color:#1962ac}