@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family: 'FuturaStdBook';font-size: 12px;font-size: 1.2rem;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.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea,select,option {font-family: 'FuturaStdBook'; font-size: 12px;font-size: 1.2rem;color:#1b1b1b;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

::-webkit-input-placeholder {/* WebKit browsers */
 color:#1b1b1b;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#1b1b1b;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#1b1b1b;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#1b1b1b;}
 
@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}

@font-face {
    font-family: 'FuturaStdBook';
    src: url('../fonts/FuturaStdBook.eot');
    src: url('../fonts/FuturaStdBook.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdBook.woff2') format('woff2'),
         url('../fonts/FuturaStdBook.woff') format('woff'),
         url('../fonts/FuturaStdBook.ttf') format('truetype'),
         url('../fonts/FuturaStdBook.svg#FuturaStdBook') format('svg');
}
@font-face {
    font-family: 'FuturaStdHeavy';
    src: url('../fonts/FuturaStdHeavy.eot');
    src: url('../fonts/FuturaStdHeavy.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdHeavy.woff2') format('woff2'),
         url('../fonts/FuturaStdHeavy.woff') format('woff'),
         url('../fonts/FuturaStdHeavy.ttf') format('truetype'),
         url('../fonts/FuturaStdHeavy.svg#FuturaStdHeavy') format('svg');
}
.zwlj {
    display: block;
    float: right;
    background: url(../img/zwtu.jpg) no-repeat left;
    padding-left: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
    padding-top: 2px;
    padding-bottom: 2px;
   /* margin-top: 6px;*/
	padding-right:20px;
}
.zwlj2 {
    display: block;
    float: right;
    background: url(../img/zwtu2.jpg) no-repeat left;
    padding-left: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
    padding-top: 2px;
    padding-bottom: 2px;
   /* margin-top: 6px;*/
	padding-right:20px;
}

.juse{ color: #0642cb  !important;}
/*  head  */
.head{ position:absolute; width:100%; left:0px; top:0px; background:#fff; background:rgba(255,255,255,0.9); padding-top:11px; padding-bottom:9px;z-index:99}
.logo{ display:block; float:left; width:654px; margin-left:110px;}
.logon{ display:block; width:179px; float:left;}
.logon img{ display:block; margin:auto; width:100%; max-width:179px; max-height:90px;}
.slogen{ display:block; width:455px; float:right; margin-top:22px;}
.slogen img{ display:block; margin:auto; width:100%; max-width:455px; max-height:44px;}

.daohangz{ float:right; margin-right:186px;}
.daohang{ padding-top:22px;}
.daohang>li{float:left; position:relative; z-index:9999; transition:0.5s; margin-left:62px;}
.daohang>li>a{ display:block; font-size:18px;font-size:1.8rem; line-height:42px; font-family: 'FuturaStdHeavy'; background:url(../img/daohang.jpg) no-repeat bottom center; background-size:0px 1px;}
.daohang>li:hover>a{ background-size:100% 1px;}
.dangqiandao{  background-size:100% 1px !important;}
.dangqiandao i{}
.bon{ border-top:none !important}

.yiji{ position:absolute; width:274px; top:-9999px; left:0px; background:#eeeeee; text-align:left; z-index:999999; border:1px solid #d2d2d2;}
.yiji>li{ position:relative; border-top:1px solid #d2d2d2; background:url(../img/jiahao.png) no-repeat left center; padding-left:38px;}
.yiji>li>a{ display:block; line-height:0px; padding-left:8px; font-size:14px; font-size:1.4rem; transition:0.3s; border-left:1px solid #d2d2d2;}
.yiji>li:hover{background:#001f67 url(../img/jianhao.png) no-repeat left center;}
.yiji>li:hover>a{ color:#fff;}
.erji{ position:absolute; width:274px; left:274px; top:-9999px; background:#fff; text-align:left; z-index:999999; border:1px solid #d2d2d2; padding-top:8px; padding-bottom:8px;}
.erji li{ margin-left:46px;}
.erji li a{ display:block; padding-left:15px; font-size:14px; font-size:1.4rem; line-height:0px; color:#4d4d4d; background:url(../img/huidian.jpg) no-repeat left 15px;}
.daohang>li:hover .yiji{ top:42px;}
.daohang>li:hover .yiji>li>a{ padding:10px 0; padding-left:7px; line-height:20px;}
.yiji>li:hover .erji{ top:0px;}
.yiji>li:hover .erji>li a{ padding:4px 0; padding-left:15px; line-height:24px;}
.erji>li:hover a{ background:url(../img/landian.jpg) no-repeat left 15px; color:#001f67;}

/*  sousuo  */
.search{width:27px;z-index:9999999; position:absolute;background:none; top:42px; right:104px;}
.sb-icon-search {color: #fff;z-index: 99;width:27px;height:27px;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:99999999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 27px;height: 27px;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: 27px;line-height:27px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:15px; background:none;/*background: #e5e3e4;*/ border-radius:14px;}
.sb-icon-search,.sb-search-submit{width:27px;height: 27px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../img/sousuo.png) no-repeat center; z-index:999999999;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:27px;line-height:27px;position:relative;right:0px;top:0px; z-index: 999999; background:#e5e3e4;color:#fff; border-radius:14px;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../img/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}

/*lun bo*/
.index_focus {position: relative;width: 100%;height:882px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus .slide_nav{ position:absolute; bottom:141px; left:50%; margin-left:-70px; z-index:9999}
.index_focus .slide_nav a {width:15px;height:15px;cursor: pointer;float: left;margin-right:10px; margin-left:10px; background:url(../img/baidian.png) no-repeat center; border-radius:3px;}
.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 .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none; background:url(../img/landian.png) no-repeat center;}

.index_focus2 {position: relative;width: 100%;height:729px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus2 .slide_nav{ position:absolute; bottom:141px; left:50%; margin-left:-70px; z-index:9999}
.index_focus2 .slide_nav a {width:15px;height:15px;cursor: pointer;float: left;margin-right:10px; margin-left:10px; background:url(../img/baidian.png) no-repeat center; border-radius:3px;}
.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(../img/landian.png) no-repeat center;}


.daohang2{ display:none}
@media screen and (max-width:1909px) {
.daohangz{ float:right; margin-right:70px;}
.logo{ width:570px; margin-left:20px;}
.logon{ width:150px;}
.slogen{ width:400px; margin-top:22px;}
.search{ right:20px; top:40px;}
.daohang>li{ margin-left:25px;}
}
@media screen and (max-width:1369px) {
.daohangz{ float:right; margin-right:50px;}
.daohang{ padding-top:2px;}
.logo{ width:440px; margin-left:20px;}
.logon{ width:120px;}
.slogen{ width:300px; margin-top:15px;}
.search{ right:20px; top:21px;}
.daohang>li{ margin-left:25px;}
.daohang>li>a{ font-size:16px; font-size:1.6rem;}
.index_focus { height:705px;}
.index_focusn img{ width:80%;}
.index_focus2 { height:583px;}
.index_focusn2 img{ width:80%;}
}
@media screen and (max-width:1159px) {
.logo{ width:410px; margin-left:20px;}
.logon{ width:100px;}
.slogen{ margin-top:10px;}
.daohang>li{ margin-left:15px;}
.daohang>li>a{ font-size:14px; font-size:1.4rem;}
.yiji{ left:-100px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus,.index_focus2{ display:none}

.head{ position:relative;}
.yiji{ display:none;}
.daohang>li{}

.head>.zong{ padding-top:13px; padding-bottom:13px;}
.logo{ width:auto; margin-top:2px;}
.slogen{ 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: 120px;height:5px;bottom: 65px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#193471;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (max-width:799px) {
.daohang>li>a{ font-size:12px; font-size:1.2rem;}
}
@media screen and (min-width:640px) {.container,.nav,.daohang2{ display:none}}
@media screen and (max-width:639px) {
.head>.zong{ padding-top:5px; padding-bottom:5px;}
.logo{ float:none;}
.search{ bottom:auto; top:22px; right:50px;}


.carousel ol{bottom: 40px;}
.container{ width:5px; height:100%;position:absolute; right:0px; transition:all 0.4s ease 0s; z-index:99999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:25px;right:10px;transition:all 0.4s ease 0s; z-index:99999999}
.menubtn span{display: block;width: 100%;height: 4px;margin-bottom: 5px;background-color: #179ddc;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:10px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}
.sou{ width:60%;}

.daohangz{ background:none;}
.daohang{ display:none}
.daohang2{ display:block; text-align:center; margin-top:0px;}
.daohang2 a{ text-align:center; float:left; font-size:12px; font-size:1.2rem; width:25%; color:#333; line-height:22px;}
.daohang2 .dangqiandao{ color:#179ddc;}
}
@media screen and (max-width:449px) {
.carousel ol{bottom:20px;}
}

/*  main1  */
.main1{ padding-top:52px; background:url(../img/m1bei.jpg) no-repeat center 52px; padding-bottom:20px; overflow:hidden;}
.m1lie1{ width:269px; float:left; margin-left:20px; margin-top:40px; position:relative; margin-right:20px;}
.m1kuang{ display:block;}
.m1kuang img{ display:block; margin:auto; width:100%;}
.m1fu1{ position:absolute; width:100%; height:100%; left:0px; top:0px; text-align:center;}
.m1fu1>a{ display:block; font-size:38px; font-size:3.8rem;font-family: 'FuturaStdHeavy'; line-height:60px; color:#001f67; background:url(../img/m1xian.jpg) no-repeat bottom center; padding-bottom:7px; margin-top:53px;}
.m1fu1 p a{ display:block; padding:0 35px; font-size:14px; font-size:1.4rem; line-height:30px; text-align:center; margin-top:17px;}
.m1lie{ width:297px; float:left; position:relative; overflow:hidden; margin-top:20px;}
.m1tu{ display:block;}
.m1tu img{ display:block; margin:auto; width:100%; max-width:439px; max-height:439px; transition:0.5s;}
.m1fu{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#001f67; background:rgba(0,31,103,0.6);}
.m1lie:hover .m1fu{ top:0px;}
.m1fu span{ display:block; text-align:center; font-size:26px; font-size:2.6rem; color:#ffffff; line-height:34px; position:absolute; width:100%; left:0px; top:50%; margin-top:-17px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m1fu1 a:hover{ color:#179ddc;}
.m1lie2{ width:249px; float:left; margin-left:20px; margin-top:40px; position:relative;}
.m1kuai{ display:block;}
.m1kuai img{ display:block; margin:auto; width:100%; max-width:249px; max-height:257px;}
.m1fu2{ display:block; width:190px; height:57px; border:2px solid #fff; position:absolute; left:50%; margin-left:-97px; top:50%; margin-top:-28px; font-size:26px; font-size:2.6rem; color:#ffffff; text-align:center; line-height:57px;}
.m1mor{ width:33px; height:33px; position:absolute; right:-20px; top:50%; margin-top:-16px;}
.mal1{ margin-left:20px;}
.m1lie:hover .m1tu img{ transform:scale(1.1,1.1)}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie1{ width:230px; margin-top:26px;}
.m1lie{ width:235px;}
.m1lie2{ width:230px; margin-top:18px;}
.m1fu1>a{ margin-top:30px;}
.m1fu1 p a{ padding:0px 3px;}
.m1fu span{ font-size:16px; font-size:1.6rem;}
.m1fu2{ width:130px; height:37px; margin-left:-67px; margin-top:-18px; font-size:16px; font-size:1.6rem; line-height:37px;}
}
@media screen and (max-width:999px) {
.main1{ background:none; background:#dde4f5; width:auto; padding:10px; margin-top:20px;}
.m1lie1{ width:24%; margin:auto; margin-top:15px; margin-right:1%;}
.m1lie{ width:25%; margin:auto; margin-top:10px;}
.m1lie2{ width:24%; margin:auto; margin-top:10px; margin-left:1%;}
.m1fu1>a{ margin-top:30px; font-size:28px; font-size:2.8rem; line-height:30px;}
.m1fu1 p a{ padding:0px 3px; line-height:20px; font-size:12px; font-size:1.2rem;}
.m1fu span{ font-size:16px; font-size:1.6rem;}
.m1fu2{ width:120px; height:37px; margin-left:-62px; margin-top:-18px; font-size:16px; font-size:1.6rem; line-height:37px;}
.m1fu,.m1fu span{ position:relative; background:none; left:auto; top:auto; margin:auto; color:#333; font-size:12px; font-size:1.2rem;}
.m1mor{ display:none}
}
@media screen and (max-width:659px) {
.m1lie1{ width:49%; margin:auto; margin-top:15px; margin-right:1%;}
.m1lie{ width:50%; margin:auto; margin-top:10px;}
.m1lie2{ width:49%; margin:auto; margin-top:10px; margin-left:1%;}
.m1fu1>a{ margin-top:25px;}
}

/*  main2  */
.main2{ background:url(../img/m2bei.jpg) no-repeat center 113px; margin-top:26px;}
.m2tu{ display:block; width:569px; float:left; height:610px;}
.m2tu img{ display:block; margin:auto; width:100%; max-width:569px; max-height:610px;}
.m2zi{ width:592px; float:right;}
.m2biao{ display:block; font-size:38px; line-height:45px;font-family: 'FuturaStdHeavy'; margin-top:105px;}
.m2zi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:18px;}
.m2mor{ display:block; width:144px; height:41px; border:2px solid #0449b1; font-size:18px; font-size:1.8rem; color:#0449b1; line-height:41px; padding-left:29px; background:url(../img/m2mor.jpg) no-repeat 128px center; margin-top:46px;}
.m2zi a:hover{ color:#0449b1;}
.m2mor:hover{ background:url(../img/m2mor.jpg) no-repeat 135px center;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m2tu{ width:490px;}
.m2zi{ width:470px;}
.m2biao{ margin-top:20px;}
}
@media screen and (max-width:999px) {
.main2{ background:none}
.m2tu{ width:100%; height:400px;}
.m2zi{ width:100%;}
.m2biao{ margin-top:20px; font-size:28px; font-size:2.8rem;}
.m2zi p a{ font-size:14px; font-size:1.4rem; margin-top:10px;}
.m2mor{ margin-top:20px;}
}

/*  main3  */
.main3{ background:url(../img/m3bei.jpg) no-repeat top center; margin-top:37px; padding-top:368px; padding-bottom:100px;}
.m3lie{ width:396px; float:left; margin-left:6px; text-align:center;}
.m3lie1{ margin-left:auto !important; background:#485ca4;}
.m3lie2{ background:#304591;}
.m3lie3{ background:#001f67;}
.m3lien{ border:2px solid #fff; border:2px solid rgba(255,255,255,0.5); margin:10px; padding-top:35px; padding-bottom:31px; transition:0.5s;}
.m3tu{ display:block; text-align:center;}
.m3tu img{ display:block; margin:auto; width:100%; max-width:81px; max-height:81px;}
.m3lie p a{ display:block; padding:0 40px; font-size:16px; font-size:1.6rem; color:#fff; line-height:30px; height:60px; margin-top:22px;}
.m3lie:hover .m3lien{ padding-top:25px;}
.m3lie:hover p a{ margin-top:32px; text-decoration:underline;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.main3{ padding-top:250px; padding-bottom:50px;}
.m3lie{ width:323px; float:left; margin-left:5px;}
.m3lie p a{ padding:0 20px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:999px) {
.main3{ padding-top:20px; padding-bottom:20px; background:none; margin-top:10px;}
.m3lie{ width:32.333%; float:left; margin-left:0.5% !important; margin-right:0.5%;}
.m3lie p a{ padding:0 5px; font-size:12px; font-size:1.2rem; line-height:24px; height:72px;}
}
@media screen and (max-width:639px) {
.m3lie{ width:99%; margin-top:10px;}
.m3lie p a{ height:48px;}
}

/*  main4  */
.main4{ background:url(../img/m4bei.jpg) no-repeat center; background-attachment:fixed;}
.m4n{ background:url(../img/m4bei2.png) no-repeat bottom center; padding-top:47px; padding-bottom:225px;}
.m4biao{ display:block; text-align:center; font-size:40px; font-size:4rem; color:#fff; line-height:60px;font-family: 'FuturaStdHeavy'; background:url(../img/m4biao.jpg) no-repeat bottom center; padding-bottom:11px; margin-bottom:14px;}
.m4lie{ width:25%; *width:24.5%; float:left; margin-top:36px;}
.m4tu{ display:block; overflow:hidden;}
.m4tu img{ display:block; margin:auto; width:100%; max-width:439px; max-height:439px; transition:0.5s;}
.m4zi{ display:block; text-align:center; font-size:16px; font-size:1.6rem; color:#fff; line-height:30px; margin-top:11px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m4zi:hover{ text-decoration:underline;}
.m4lie:hover .m4tu img{ transform:scale(1.1,1.1)}
@media screen and (max-width:999px) {
.main4{ background-attachment:scroll}
.m4n{ padding-top:30px; padding-bottom:105px;}
.m4biao{font-size:30px; font-size:3rem; padding-bottom:0px; margin-bottom:auto;}
}
@media screen and (max-width:739px) {
.main4{ background:#001f67;}
.m4n{ padding-top:20px; padding-bottom:55px;}
.m4lie{ width:50%; *width:49.5%; float:left; margin-top:20px;}
}

/*  main5  */
.main5{ padding-top:71px; padding-bottom:178px; overflow:hidden;}
.m5biao{ display:block; text-align:center; font-size:40px; font-size:4rem; color:#001f67; line-height:60px; background:url(../img/m5biao.jpg) no-repeat bottom center;font-family: 'FuturaStdHeavy'; padding-bottom:12px;}
.m5lie{ width:579px; position:relative; min-height:297px; margin-top:50px; z-index:9}
.m5tu{ display:block; width:265px; position:absolute; right:0px; top:20px; z-index:99}
.m5tu img{ display:block; margin:auto; width:100%; max-width:265px; max-height:277px;}
.m5zi{ margin-right:132px; padding:44px 150px 59px 33px; background:#e5e5e5; position:relative; z-index:90}
.m5a{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; height:60px; overflow:hidden; color:#001f67;}
.m5zi span{ display:block; color:#001f67; line-height:26px; padding-left:23px; background:url(../img/neshijian.jpg) no-repeat left center;}
.m5zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; height:120px; margin-top:7px;     height: 120px;}
.m5mor{ display:block; width:98px; height:49px; background:#001f67 url(../img/m5mor.jpg) no-repeat right center; padding-right:48px; text-align:center; line-height:49px; font-size:16px; font-size:1.6rem; color:#fff; position:absolute; left:33px; bottom:-25px;}
.m5zi p a:hover{ color:#001f67;}
.m5mor:hover{ background:#334c85 url(../img/m5mor.jpg) no-repeat right center;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.main5{ padding-top:30px;}
.m5lie{ width:479px; margin-top:30px;}
.m5tu{ width:220px;}
.m5zi{ margin-right:132px; padding:15px 100px 59px 10px;}
.m5mor{ left:10px;}
}
@media screen and (max-width:999px) {
.main5{ padding-top:30px; padding-bottom:50px;}
.m5biao{ font-size:30px; font-size:3rem; line-height:40px;}
.m5lie{ width:100%; float:none; margin-top:30px; min-height:230px;}
.m5tu{ width:220px; top:5px;}
.m5zi{ margin-right:132px; padding:15px 100px 59px 10px;}
.m5mor{ left:10px;}
.m5zi p a{ height:auto;}
}
@media screen and (max-width:499px) {
.m5tu{ position:relative; right:auto; top:auto; margin:auto;}
.m5zi{ margin-right:0px; padding:10px; margin-top:10px;}
.m5a{ font-size:16px; font-size:1.6rem;}
.m5mor{ position:relative; left:auto; bottom:auto;}
}

/*  foot  */
.foot{ background:url(../img/fbei.jpg); padding-top:58px; overflow:hidden;}
.ful1{ width:150px; float:left;}
.ful2{ width:570px; float:left; margin-left:127px;}
.ful3{ width:234px; float:right;}
.fbiao{ display:block; font-size:28px; font-size:2.8rem; color:#ffffff; line-height:35px;font-family: 'FuturaStdHeavy';}

.f1n{ margin-top:19px;}
.f1n a{ display:block; font-size:16px; font-size:1.6rem; color:#ffffff; line-height:30px;}
.f21{ width:230px; float:left;}
.f22{ width:302px; float:right;}
.ful2 ul{ margin-top:19px;}
.ful2 li{ font-size:16px; font-size:1.6rem; color:#ffffff; line-height:30px;}
.ful2 li a{ color:#fff;}

.shejiao{ padding-top:2px;}
.shejiao a{ display:block; float:left; margin-left:38px; margin-top:26px; margin-bottom:5px; width:52px;}
.shejiao a img{ display:block; margin:auto; width:100%; max-width:52px; max-height:52px;}
.foot a:hover{ color:#304591;}

.foot2{ background:#1d1d1d; padding-top:13px; padding-bottom:11px; margin-top:51px;}
.fp{ text-align:center; font-size:14px; font-size:1.4rem; line-height:26px; color:#ffffff;}
.fp a{ color:#fff;}
.youlian{ text-align:center; line-height:26px;}
.youlian p{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; color:#ffffff;}
.youlian a{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; color:#ffffff; margin:0 10px;}
.foot2 a:hover{ color:#304591;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.ful1{ width:150px;}
.ful2{ width:500px; margin-left:35px;}
.ful3{ width:234px;}
.f21{ width:210px; float:left;}
.f22{ width:260px; float:right;}
}
@media screen and (max-width:999px) {
.ful1{ width:40%;}
.ful2{ width:100%; margin-left:0px; margin-top:20px;}
.ful2 li,.f1n a{ font-size:14px; font-size:1.4rem;}
.ful3{ width:57%;}
.f21{ width:40%; float:left;}
.f22{ width:57%; float:right;}
}
@media screen and (max-width:639px) {
.youlian{ display:none}
}
@media screen and (max-width:459px) {
.foot{ padding-top:30px;}
.foot2{ margin-top:30px;}
.fbiao{ font-size:24px; font-size:2.4rem;}
.ful1{ width:100%; float:none;}
.ful2{ width:100%; float:none;}
.ful3{ width:100%; float:none; margin-top:20px;}
.f21{ width:100%; float:none;}
.f22{ width:100%; float:none; margin-top:0px !important;}
.shejiao a{ margin-left:15px; margin-top:10px; width:30px;}
}

/****************************************************************  product  **************************************************/
.mianbao{ border-bottom:1px solid #cccccc; font-size:14px; font-size:1.4rem; color:#4d4d4d; line-height:24px; padding-bottom:7px; padding-top:11px;}
.mianbao a{ color:#4d4d4d;}
.mianbao a:hover{ color:#0642cb}
.co06{ color:#0642cb !important}

.prmain{ padding-top:25px; padding-bottom:145px;}
.prl{ width:276px; float:left;}
.prr{ width:864px; float:right;}

.subNavBox{}
.prlbiao{ display:block; line-height:45px; text-align:center; background:#001f67; font-size:24px; font-size:2.4rem; color:#fff; text-transform:uppercase;font-family: 'FuturaStdHeavy'; margin-bottom:20px;}
.subNav{border:solid 1px #d2d2d2;cursor:pointer; padding-left:38px; background:#eeeeee url(../img/prljia.png) no-repeat left center; margin-top:10px; transition:0.5s;}
.subNav a{ display:block;border-left:solid 1px #d2d2d2; font-size:14px; font-size:1.4rem; line-height:26px; padding:7px;}
.subNav:hover{ background:#001f67 url(../img/prljian.png) no-repeat left center;}
.subNav:hover a{ color:#fff;}
.currentDd{ background:#001f67 url(../img/prljian.png) no-repeat left center;}
.currentDd a{color:#fff;}
.navContent{display: none;border:solid 1px #d2d2d2; border-top:none; padding-top:5px; padding-bottom:10px;}
.navContent>li a{display:block; margin-left:46px; padding-left:15px; font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; background:url(../img/huidian.jpg) no-repeat left 9px; margin-top:8px;}
.navContent>li a:hover{ color:#001f67; background:url(../img/landian.jpg) no-repeat left 9px;}
.dangqianpr{ color:#001f67 !important; background:url(../img/landian.jpg) no-repeat left 9px !important;}

.prlb{ margin-top:60px;}
.prlbn{ background:#eeeeee; border:1px solid #cccccc; border-bottom:none;}
.prlblie{ padding:9px 20px; padding-top:19px; border-bottom:1px solid #cccccc;}
.prlblie>a{ display:block; font-size:18px; font-size:1.8rem; color:#001f67; line-height:30px; padding-left:28px; background:url(../img/prlben.jpg) no-repeat left center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.prlblie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:5px;}
.prlblie p a:hover{ color:#001f67;}

.prlie{ width:275px; float:left; margin-left:19px; position:relative; margin-bottom:51px;}
.chantu{ display:block;}
.chantu img{ display:block; margin:auto; width:100%; max-width:439px; max-height:439px;}
.chanzi{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; text-align:center; padding:0 20px; margin-top:10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanmor{ display:block; width:152px; height:29px; border:1px solid #001f67; text-align:center; line-height:29px; margin:auto; font-size:14px; font-size:1.4rem; margin-top:11px;}
.chanzi:hover{ color:#001f67;}
.chanmor:hover{ background:#001f67; color:#fff;}
.prlie input{ position:absolute; left:0px; bottom:47px; cursor:pointer;}

.fenye{ padding-top:29px; position:relative;}
.fenyen{ float:left;}
.fenyen a{ display:inline-block; *float:left; width:25px; height:26px; background:#001f67; text-align:center; line-height:26px; border:1px solid #001f67;margin-right:11px; margin-bottom:10px; color:#fff; font-size:14px; font-size:1.4rem;}
.fenyen a:hover{ background:#ffffff; color:#001f67;}
.no:hover{border:1px solid #001f67 !important; background:#001f67 !important; color:#fff !important;}
.sx{ width:62px !important;}
.dangqianfen{color:#001f67 !important; background:#ffffff !important}
.fuxuan{ background:url(../img/fuxuan.jpg) no-repeat left center; padding-left:31px; float:right;}
.fuxuan input{ width:133px; height:28px; background:#001f67; border:none; cursor:pointer; color:#fff; font-size:14px; font-size:1.4rem; transition:0.5s;}
.fuxuan input:hover{ background:#fff; border:1px solid #001f67; color:#001f67;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.prmain{ padding-top:25px; padding-bottom:45px;}
.prl{ width:276px; float:left;}
.prr{ width:690px; float:right;}
.prlie{ width:223px; margin-left:10px; margin-bottom:30px;}
}
@media screen and (max-width:999px) {
.prmain{ padding-top:25px; padding-bottom:45px;}
.prl{ width:35%; float:left;}
.prr{ width:63%; float:right;}
.prlb{ margin-top:30px;}
.prlie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:30px;}
.navContent>li a{ margin-left:20px;}
.prlblie{ padding:9px 10px;}
.chanmor{ width:100px;}
.fenyen{ float:none;}
.fuxuan{ float:none;}
.prlie input{ bottom:6px;}
.chanzi{ padding:0px;}
}
@media screen and (max-width:639px) {
.prl{ width:100%; float:none; margin-top:20px;}
.prr{ width:100%; float:none;}
.chanzi{ padding:0px; font-size:12px; font-size:1.2rem;}
.chanmor{ width:80px; font-size:12px; font-size:1.2rem;}
.fenye a,.fenye input{ font-size:12px; font-size:1.2rem;}
.prlbiao{ font-size:20px; font-size:2rem;}
}

/****************************************************************  product  **************************************************/
.prmain2{ padding-top:25px; padding-bottom:145px;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:439px;position:relative; float:left;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{}
#tsShopContainer #tsPicContainer{width:100%;height:140px;position:relative; border-radius:4px; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:87px;background:url(../img/prleft.jpg) no-repeat left center;position:absolute;top:40px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:87px;background:url(../img/prright.jpg) no-repeat right center;position:absolute;top:40px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../img/prlefth.jpg) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../img/prrighth.jpg) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:25px;width:1px; left:28px;height:115px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:134px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;width:115px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:115px;height:115px;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.jianjie{ width:391px; float:right;}
.jianjie h1{ font-size:20px; font-size:2rem; line-height:20px; padding-bottom:17px; background:url(../img/chanbiao.jpg) no-repeat left bottom;font-family: 'FuturaStdHeavy';}
.jiann{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:16px;}
.jiann a{ color:#1962ac;}
.jiann img{ max-width:100%;}
.jiann table{ width:97%; max-width:560px; border-collapse:collapse; line-height:24px;}
.jiann tr td{ line-height:29px; padding:10px 2px; border:2px solid #191919; font-size:19px; font-size:1.9rem;}
.jiann tr td a{ color:#333;}
.share{ margin-top:112px;}
.inno{}
.inno a{ display:block; width:152px; height:29px; text-align:center; line-height:29px; font-size:14px; font-size:1.4rem; border:1px solid #001f67; margin-top:21px; }
.inno span{ display:block; width:152px; height:29px; text-align:center; line-height:29px; font-size:14px; font-size:1.4rem; border:1px solid #001f67; margin-top:21px; }
.inno a:hover{ background:#001f67; color:#fff;}

.chanxbiao{ display:block; font-size:20px; font-size:2rem; color:#001f67; line-height:40px; border-bottom:1px solid #cccccc;font-family: 'FuturaStdHeavy'; padding-bottom:2px; margin-top:36px;}
.chanxiang {line-height:30px; font-size:14px; font-size:1.4rem; padding-top:11px;}
.chanxiang a{ color:#1962ac;}
.chanxiang img{ max-width:100%;}
.chanxiang table{ width:100%; max-width:850px; border-collapse:collapse; line-height:24px;}
.chanxiang tr td{ line-height:29px; padding:10px 2px; border:2px solid #ededed; font-size:14px; font-size:1.4rem;}
.chanxiang tr td a{ color:#333;}
.chanxiang p strong{ color:#001f67; font-size:16px; font-size:1.6rem;}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

@media screen and (min-width:1000px) and (max-width:1219px){
.MagicZoomBigImageCont,.MagicZoomPup,.MagicZoomMain{ display:none !important;}
.MagicZoomPup{ background:rgba(255,255,255,0) !important}
#tsShopContainer{ float:none; margin:auto;}
.jianjie{ width:100%; float:none; margin-top:20px;}
.jianjie h1{ font-size:18px; font-size:1.8rem;}
.jiann{ font-size:14px; font-size:1.4rem; margin-top:15px;}
.share{ margin-top:30px;}
.inno a{ width:130px;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
.prmain2{ padding-bottom:28px;}
#tsShopContainer{ display:none}
.chanx{ width:100%; margin-top:0px;}
.chanx a{ display:block; width:49%; margin-left:0.5%; margin-right:0.5%; float:left; margin-bottom:10px;}
.chanx a img{ width:100%; max-width:439px; max-height:439px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:20px; background:none}
.jianjie h1{ font-size:18px; font-size:1.8rem;}
.jiann{ font-size:14px; font-size:1.4rem; margin-top:15px;}
.share{ margin-top:30px;}
.inno a{ width:120px; margin-right:10px;}

.chanxiang{ padding-top:20px; margin-top:20px; padding-bottom:20px;}
.chanxa{ font-size:20px; font-size:2rem; padding-left:10px;}
.chann{ margin:0 10px; padding-top:10px !important;}
.chanxiang {padding-top:25px;}
.chanxiang tr td{ border:1px solid #191919; font-size:12px; font-size:1.2rem;}
.chanxiang .table{ width:100%; overflow:scroll;}
.chanxiang .table table{ width:850px;}
}
@media screen and (max-width:639px){
.chanx a{ width:48%; margin-left:1%; margin-right:1%;}
.chanxa{ padding-top:40px;}
}

/****************************************************************  news  **************************************************/
.nemain{ padding-bottom:145px;}
.nemain .m5lie{ margin-top:25px; margin-bottom:60px;}
.jvzhong{ float:none; text-align:center; padding-top:45px;}
@media screen and (max-width:999px){
.nemain{ padding-bottom:20px;}
.nemain .m5lie{ margin-top:25px; margin-bottom:50px;}
.jvzhong{ padding-top:10px;}
}
@media screen and (max-width:499px){
.nemain .m5lie{ margin-top:25px; margin-bottom:20px;}
}

/****************************************************************  news2  **************************************************/
.nemain2{ padding-top:18px; padding-bottom:147px;}
.nemain2 h1{ font-size:18px; font-size:1.8rem; line-height:30px; color:#001f67; text-align:center;}
.riqi{ display:block; width:85px; margin:auto; padding-left:23px; color:#001f67; background:url(../img/neshijian2.jpg) no-repeat left center; margin-top:10px;}
.nex {line-height:30px; font-size:14px; font-size:1.4rem; padding-top:13px;}
.nex a{ color:#1962ac;}
.nex img{ max-width:100%;}
.nex table{ width:97%; max-width:560px; border-collapse:collapse; line-height:24px;}
.nex tr td{ line-height:29px; padding:10px 2px; border:2px solid #191919; font-size:19px; font-size:1.9rem;}
.nex tr td a{ color:#333;}
.fanpian{ border-top:1px solid #cccccc; padding-top:12px; margin-top:40px;}
.fanpian li{ font-size:16px; font-size:1.6rem; line-height:32px; padding-left:24px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian span{ font-size:16px; font-size:1.6rem; line-height:32px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#333;}


.pr{ background:url(../img/pr.jpg) no-repeat left center;}
.ne{ background:url(../img/ne.jpg) no-repeat left center;}
.fanpian li a:hover{ color:#001f67;}
@media screen and (max-width:999px){
.nemain2{ padding-top:18px; padding-bottom:30px;}
.nemain2 h1{ font-size:16px; font-size:1.6rem; line-height:24px;}
}

/****************************************************************  about  **************************************************/
.abmain1{ padding-bottom:155px;}
.abnav{ background:url(../img/doudou.jpg) no-repeat center 38px; *background:none; text-align:center; margin-top:25px;}
.abnav a{ display:inline-block; *float:left; font-size:16px; font-size:1.6rem; line-height:26px;font-family: 'FuturaStdHeavy'; width:133px; margin:0 27px; padding-top:93px}
.ab1{ background:url(../img/ab1.jpg) no-repeat top center;}
.ab2{ background:url(../img/ab2.jpg) no-repeat top center;}
.ab1:hover{ background:url(../img/ab1h.jpg) no-repeat top center;}
.ab2:hover{ background:url(../img/ab2h.jpg) no-repeat top center;}
.dangqianab.ab1{ background:url(../img/ab1h.jpg) no-repeat top center !important;}
.dangqianab.ab2{ background:url(../img/ab2h.jpg) no-repeat top center !important;}

.ab1n{ padding-top:20px; line-height:30px; font-size:16px; font-size:1.6rem;}
.abtu1{ display:block; width:510px; float:left; margin-right:39px; margin-bottom:10px; margin-top:3px;}
.abtu1 img{ display:block; margin:auto; width:100%; max-width:510px; max-height:334px;}
.ab1n p{ margin-top:30px;}
.abtu2{ display:block; width:643px; float:right; margin-left:5px; margin-top:55px;}
.abtu2 img{ display:block; margin:auto; width:100%; max-width:643px; max-height:387px;}
@media screen and (max-width:999px){
.abmain1{ padding-bottom:25px;}
.ab1n{ line-height:24px; font-size:14px; font-size:1.4rem;}
.abtu1,.abtu2{ float:none; margin:auto; margin-top:20px; width:auto;}
.ab1n p{ margin-top:24px;}
.abnav a{ margin:0 5px; font-size:14px; font-size:1.4rem; width:120px;}
}

/****************************************************************  about2  **************************************************/
.zhanshi_tp2{position:relative; width:980px; margin:auto; margin-top:23px;}
.zhanshi_tp2 .ulBigPic{width:834px; margin-left:72px; overflow:hidden;box-shadow:2px 2px 6px #c1c1c1;}
.zhanshi_tp2 .ulBigPic li{width:816px;display:none; border:9px solid #fff; position:relative;}
.abfu{ position:absolute; width:100%; font-size:16px; font-size:1.6rem; color:#fff; text-align:center; line-height:34px; bottom:0px; left:0px; background:#000; background:rgba(0,0,0,0.5);}
.zhanshi_tp2 .ulBigPic .liSelected{display:block;}
.zhanshi_tp2 .ulBigPic img{ display:block;width:816px;height:527px;}
.zhanshi_tp2 .sLeftBtnA,.zhanshi_tp2 .sLeftBtnASel,.zhanshi_tp2 .sLeftBtnABan,.zhanshi_tp2 .sRightBtnA,.zhanshi_tp2 .sRightBtnASel,.zhanshi_tp2 .sRightBtnABan{ width:29px;height:55px;display:block;position:absolute;top:245px; }
.zhanshi_tp2 .sLeftBtnA,.zhanshi_tp2 .sLeftBtnASel,.zhanshi_tp2 .sRightBtnA,.zhanshi_tp2 .sRightBtnASel{cursor:pointer;}
.zhanshi_tp2 .sLeftBtnA,.zhanshi_tp2 .sLeftBtnASel,.zhanshi_tp2 .sLeftBtnABan{left:0px; background:url(../img/eqleft.jpg)}
.zhanshi_tp2 .sRightBtnA,.zhanshi_tp2 .sRightBtnASel,.zhanshi_tp2 .sRightBtnABan{right:0px;background:url(../img/eqright.jpg)}
.zhanshi_tp2 .sLeftBtnA,.zhanshi_tp2 .sLeftBtnASel,.zhanshi_tp2 .sLeftBtnABan:hover{left:0px; background:url(../img/eqlefth.jpg)}
.zhanshi_tp2 .sRightBtnA,.zhanshi_tp2 .sRightBtnASel,.zhanshi_tp2 .sRightBtnABan:hover{right:0px;background:url(../img/eqrighth.jpg)}
.zhanshi_tp2 .dSmallPicBox{width:980px; height:126px; position:relative; margin-top:21px;  }
.zhanshi_tp2 .dSmallPic{width:835px; left:72px;height:126px; position:absolute; top:0px;overflow:hidden;}
.zhanshi_tp2 .dSmallPic ul{position:absolute;}
.zhanshi_tp2 .dSmallPic li{width:214px; height:126px;float:left; display:inline;cursor:pointer;overflow:hidden;}
.zhanshi_tp2 .dSmallPic .sPic{width:193px; height:126px; display:block;}
.zhanshi_tp2 .dSmallPic .sPic img{width:189px;height:122px; border:2px solid #fff;}
.zhanshi_tp2 .dSmallPic .sPic img:hover{ border:2px solid #001f67;}
.zhanshi_tp2 .dSmallPic .liSelected .sPic img{ border:2px solid #001f67;}

@media screen and (min-width:1000px){
.gongchang2{ display: none}
}
@media screen and (max-width:999px){
.zhanshi_tp2{ display:none}
.gongchang2{ width:100%}
.gonglie2{ display:block; width:45%; float:left; margin-left:2.5%; margin-right:2.5%; margin-top:30px;}
.gongtu2 img{ width:100%; max-width:816px; max-height:527px;}
.gongzi2{ display:block; text-align:center; line-height:30px; margin-top:5px;}
.ab3main{ padding-bottom:39px;}
}
@media screen and (max-width:639px){
.gonglie2{width:95%;}
.wenav a{ width:135px; font-size:12px; font-size:1.2rem; font-weight:normal; margin:0 2px;}
}

/****************************************************************  download  **************************************************/
.domain{ padding-top:6px; padding-bottom:145px;}
.dolie{ border-bottom:1px dashed #cccccc; position:relative; min-height:34px; padding-bottom:20px; margin-top:21px;}
.dolie>a{ display:block; width:83px; height:34px; border:1px solid #001f67; border-radius:17px; position:absolute; right:0px; top:0px; background:#001f67 url(../img/yun.png) no-repeat left center; padding-left:53px; font-size:16px; font-size:1.6rem; color:#fff; line-height:34px;cursor:pointer;}
.dolie p a{ display:block; margin-right:140px; font-size:16px; font-size:1.6rem; line-height:36px; padding-left:32px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background:url(../img/xiazai.jpg) no-repeat left center; cursor:pointer;}
.dolie p a:hover{ color:#001f67;}
.dolie>a:hover{ color:#001f67; background:#fff url(../img/yunh.png) no-repeat left center;}
.mat{ margin-top:35px;}
@media screen and (max-width:639px){
.domain{ padding-top:6px; padding-bottom:35px;}
.dolie>a{ top:34px;}
.dolie{ min-height:68px;}
.dolie p a{ margin-right:auto; font-size:14px; font-size:1.4rem;}
}

/****************************************************************  cetificates  **************************************************/
#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; display:block !important}
 .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)}}

.cemain{ padding-top:6px; padding-bottom:145px;}
.celie{ width:212px; float:left; margin-left:35px; margin-top:19px; margin-bottom:9px;}
.cetu{ display:block; position:relative; overflow:hidden; max-width:212px; margin:auto;}
.zhengshu{ display:block; margin:auto; width:100%; max-width:212px; max-height:286px;}
.cetu span{ display:block; background:#000; background:rgba(0,0,0,0.5); position:absolute; width:91%; height:93%; left:5%; top:100%; transition:0.5s;}
.cetu span img{ display:block; width:32px; height:32px; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px;}
.celie:hover .cetu span{ top:3.5%;}
.cezi{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; height:52px; text-align:center; margin-top:14px;}
.mat1{ margin-top:19px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.celie{ width:188px; margin-left:10px;}
}
@media screen and (max-width:999px){
.cemain{ padding-top:6px; padding-bottom:35px;}
.celie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.cetu span{ top:3.5%; background:rgba(0,0,0,0.1);}
.cezi{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:479px){
.celie{ width:49%;}
}

/****************************************************************  contact  **************************************************/
.comain{ padding-top:18px; padding-bottom:155px;}
.col{ width:100%; float:left;}
.cor{ width:100%; float:right;}

.cobiao{ display:block; font-size:28px; font-size:2.8rem; text-transform:uppercase; color:#001f67;font-family: 'FuturaStdHeavy';}
.col ul{ font-size:16px; font-size:1.6rem; line-height:36px; margin-top:12px; width:50%; float:left;}
.cor form{ padding-top:17px;}
.cor .xing{ background:url(../img/xing.jpg) no-repeat left top;}
.cor .int1{ width:559px; height:45px; line-height:45px; border:1px solid #dcd9d9; padding-left:21px; font-size:14px; font-size:1.4rem; margin-top:5px; margin-bottom:32px;}
.cor textarea{ width:1147px; height:177px; line-height:45px; border:1px solid #dcd9d9; padding-left:21px; font-size:14px; font-size:1.4rem; margin-bottom:30px; background:url(../img/xing.jpg) no-repeat left top;}
.yanzheng{ width:205px; height:49px; float:left; margin-left:24px; margin-top:5px; cursor:pointer}
.cor .int2{ width:137px; height:49px; float:right; margin-top:5px; background:#001f67; font-size:18px; font-size:1.8rem; color:#ffffff; cursor:pointer}
.cor .int2:hover{ background:#0547e0;}
.col ul li a:hover{ color:#001f67;}
.ditu{ display:block; margin:auto; margin-top:18px; max-width:100%;}
@media screen and (min-width:1000px) and (max-width:1219px){
.cor{ width:100%; float:right;}
.cor .int1{ width:452px;}
.cor textarea{ width:947px;}
.cor .int2{ width:60px;}
}
@media screen and (max-width:999px){
.comain{ padding-top:18px; padding-bottom:35px;}
.col{ width:100%; float:none; margin-top:30px;}
.cor{ width:100%; float:none;}
.cor .int1{ width:90%; float:none; margin-bottom:10px;}
.cor textarea{ width:90%; margin-bottom:10px;}
.cor .int2{ width:22%; float:left; margin-left:15px;}
.yanzheng{ margin-left:0px;}
.cobiao{ font-size:22px; font-size:2.2rem;}
.col ul{ font-size:14px; font-size:1.4rem;}
}




.chanxlie{ padding-top:20px;}
.chanxlie2{ width:210px; float:left; margin-left:8px; margin-top:10px;}
.chanxtu{ display:block;}
.chanxtu img{ display:block; margin:auto; width:100%; max-width:210px; max-height:213px;}
.chanxzi{ display:block; text-align:center; line-height:22px; height:66px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.chanxlie2{ width:168px; margin-left:5px;}
}
@media screen and (max-width:999px){
.chanxlie2{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
}





.download li a{ cursor:pointer; }
.theme-buy {text-align: center;}
.theme-gobuy, .theme-signin {font-size: 15px;}
.theme-desc {}
.theme-version {}
.theme-popover {z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%; background:rgba(0,0,0,0.3); display:none;}
.theme-poptit {padding:12px;position: relative;}
.kexin{ top:50%;left:53%;width:551px;height:287px;margin:-188px 0 0 -324px; position:absolute; background:#fff; padding-top:10px;padding-bottom: 23px;}
.theme-poptit .close {float:right; width:30px; height:30px; background:url(../img/guanbi.jpg)}
.theme-poptit .close:hover {color:#444;}
.theme-poptit h3{ font-size:24px; font-size:2.4rem; font-weight:bold; color:#000; text-align:center; line-height:36px; margin-bottom:auto;}
.denglu{ width:543px; margin:auto; margin-top:13px;}


.denglu .int{ width:249px; margin:0 auto; margin-bottom:12px; border:#ddd solid 1px; height:30px; font-size:14px; font-size:1.4rem; padding-left:10px; display:block; float:none;}

.denglu .int3{ display:block; width:163px; height:39px; border-radius:20px; background:#001f67; margin:auto; font-size:16px; font-size:1.6rem; color:#fff;  margin-top:31px;}
@media screen and (max-width:719px){
	.kexin{ padding-top:10px; height:200px;}
.kexin{ width:96%; left:0px; margin-left:2%;}
.denglu{ width:280px;}
.denglu .int{ width:80%;} 
.theme-poptit h3{ font-size:18px; font-size:1.8rem; line-height:22px;}
}





/***********************  tankuang *****************************/
.cobiao{ display:block; text-align:center;   }

.activator{cursor:pointer}
.overlay {/*background:#fff; background:rgba(255,255,255,0.3);*/ position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:10000; text-align:center; width:100%; margin:0 auto; max-width:1920px; }
.box1 { position:fixed; top:-1200px; background:#000; background:rgba(0,0,0,0.5); z-index:99999999; width:100%; margin:0 auto; /*padding-bottom:33px; */  height:100%; }
.box_n{ width:100%; margin:0 auto; max-width:638px; background:#fff; margin-top:200px; border-radius:3px; border:solid 1px #cccccc; padding-bottom:24px; }
a.boxclose{ display:block; cursor:pointer; /* margin-top:-50px; */position:relative; text-align:right; padding-right:16px; top:9px; }
.box_top{ background:#f5f5f1; }


.box_title{ text-align:center; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:30px; padding-left:62px; padding-right:62px; padding-top:12px; padding-bottom:21px; border-bottom:solid 1px #cccccc; color:#001f67;}
.box_title span{ font-size:20px; font-size:2rem; font-style:italic; color:#f92a63; }

.box_xp{ margin-top:23px; margin-left:22px; margin-right:22px; border-radius:3px; border:solid 1px #cccccc; }
.box_input{ height:44px; line-height:44px; float:left; text-indent:19px; width:75%; font-size:16px; font-size:1.6rem; color:#cccccc; }
.box_send{ height:46px; line-height:46px; width:128px; text-align:center; color:#fff; border-top-right-radius:3px; border-bottom-right-radius:3px; background:#001f67; font-size:20px; font-size:2rem; float:right; cursor:pointer; }

@media screen and (max-width:639px){
.fkuang{ display:none; }
}
@media screen and (max-width:599px){
.box_input{ width:70%;}
.box_title{ padding-left:30px; padding-right:30px;}
}
@media screen and (max-width:519px){
.box_input{ width:60%;}
}

@media screen and (max-width:399px){
.box_title{ padding-left:15px; padding-right:15px;}
.box_input{ width:95%;border:solid 1px #cccccc; float:none;}
.box_xp{border:none;}
.box_send{ float:none; margin-top:20px;}
}
 
/***********************  tankuang *****************************/
.activator3{cursor:pointer}
.overlay2 {/*background:#fff; background:rgba(255,255,255,0.3);*/ position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:10000; text-align:center; width:100%; margin:0 auto; max-width:1920px; }
.box3 { position:fixed; top:-1200px; background:#000; background:rgba(0,0,0,0.5); z-index:99999999; width:100%; margin:0 auto; /*padding-bottom:33px; */  height:100%; }

.box_n1{ width:100%; margin:0 auto; max-width:638px; background:#fff; margin-top:200px; border-radius:7px; padding-bottom:14px;   }
.box_n1 .box_title{ padding-top:23px; }
.box3_xp{ margin-top:22px; margin-left:22px; margin-right:22px;}
.box3_xpborder{ border-radius:3px; border:solid 1px #cccccc; }
.box_n1 .box_title,.box_n1 .box_top{ border-top-left-radius:7px; border-top-right-radius:7px; }

.box3_r{ width:86px; margin:0 auto; padding-top:6px;}
.box3_return{ font-size:14px; font-size:1.4rem; line-height:26px; cursor:pointer; text-align:center; margin:0 auto; margin:0; padding:0px; width:86px; text-decoration:underline; }

@media screen and (max-width:399px){
.box3_xpborder{ border:none; }	
}
.box3_return {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    margin: 0;
    padding: 0px;
    width: 86px;
    text-decoration: underline;
}




/*kefu*/
.kefu{ position:fixed; top:300px; right:0px; z-index:999; padding-left:11px; padding-right:9px; width:59px; background:#eeeeee; padding-bottom:5px; padding-top:0px; }

.kefu a{ display:block; text-align:center; }
.kefu_skype{ border-bottom:solid 1px #aaaaaa; background:url(../img/kefu-skype2.jpg) no-repeat  center 9px; line-height:26px; font-family:Verdana, Geneva, sans-serif; color:#000000; padding-top:33px; }
.kefu_skype:hover{ background:url(../img/kefu-skype1.jpg) no-repeat center 9px; color:#d30b0b; }

.kefu_app{ border-bottom:solid 1px #aaaaaa; background:url(../img/kefu-app2.jpg) no-repeat  center 9px; line-height:26px; font-family:Verdana, Geneva, sans-serif; color:#000000; padding-top:33px; }
.kefu_app:hover{ background:url(../img/kefu-app1.jpg) no-repeat center 9px; color:#d30b0b; }



.kefu_email{ background:url(../img/kefu-email2.jpg) no-repeat center; line-height:26px; font-family:Verdana, Geneva, sans-serif; color:#000000; padding-top:43px; margin-top:-15px;}
.kefu_email:hover{ background:url(../img/kefu-email1.jpg) no-repeat center;color:#d30b0b;  }

.xkefu{ display:none; padding-top:10px; padding-bottom:10px; }
.xkefu a{ font-size:14px; font-size:1.4rem; display:block; }
.xkefu a:hover{ color:#00a8e1; }
.xkefu_skype,.xkefu_email,.xkefu_app{ border-radius:10px; border:solid 1px #4d4d4d; float:left; display:block; line-height:26px; padding-top:5px; padding-bottom:5px; width:30%; margin-left:1.4%; margin-right:1.4%; }


.xkefu_skype_div{ width:80px; margin:0 auto;  }
.xkefu_skype a{ background:url(../img/kefu-skype2.png) no-repeat 0px 0px;/* padding-left:40px; */ padding-left:30px;}


.xkefu_app_div{ width:87px; margin:0 auto;  }
.xkefu_app a{ background:url(../img/kefu-app2.png) no-repeat 0px 2px; padding-left:30px; }



.xkefu_email a{ background:url(../img/kefu-email3.jpg) no-repeat 0px 6px; padding-left:30px; }
@media screen and (max-width:659px){	
.kefu{ display:none; }
.xkefu{ display:block; position:fixed; bottom:0px; background:#fff; width:100%; z-index:99999999; }
}

@media screen and (max-width:480px){	
.xkefu span{ display:none !important;}
.xkefu_skype img,.xkefu_email,.xkefu_app img{ display:block; }
.xkefu_skype,.xkefu_email,.xkefu_app{ }
.xkefu_skype a,.xkefu_email a,.xkefu_app a{ height:20px; background-position:center; display:block; width:100%; padding-left:0px; }
.xkefu_skype,.xkefu_email,.xkefu_app{ width:30%; margin-left:1.2%; margin-right:1.2%; }
}



@media screen and (max-width:639px){
.col ul{ width:100%;} 
}



.m2tu{}