@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Tahoma; font-size: 14px;font-size: 1.4rem;height: 100%;  overflow-x: hidden; }
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}
.mln {margin-left: auto !important}
input, textarea {font-family:Tahoma; -webkit-appearance:none; font-size: 14px;font-size: 1.4rem;color:#999999;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.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:#999999;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;}
 .coxin .int3 input:-ms-input-placeholder{   color:#666;}
 .coxin .int3 input::-webkit-input-placeholder{ color:#666; }
 .coxin .int3 input:-o-placeholder { color:#666; }
 .coxin .int3 input::-moz-placeholder{ color:#666; }


article, aside, dialog, footer, header,time, nav, figure, video,section,main {
display: block
}

@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;}}

@font-face {
    font-family: 'LSANS';
    src: url('fonts/LSANS.eot');
    src: url('fonts/LSANS.eot') format('embedded-opentype'),
         url('fonts/LSANS.woff2') format('woff2'),
         url('fonts/LSANS.woff') format('woff'),
         url('fonts/LSANS.ttf') format('truetype'),
         url('fonts/LSANS.svg#LSANS') format('svg');
}



@font-face {
    font-family: 'LSANSD';
    src: url('fonts/LSANSD.eot');
    src: url('fonts/LSANSD.eot') format('embedded-opentype'),
         url('fonts/LSANSD.woff2') format('woff2'),
         url('fonts/LSANSD.woff') format('woff'),
         url('fonts/LSANSD.ttf') format('truetype'),
         url('fonts/LSANSD.svg#LSANSD') format('svg');
}

@font-face {
    font-family: 'LSANSI';
    src: url('fonts/LSANSI.eot');
    src: url('fonts/LSANSI.eot') format('embedded-opentype'),
         url('fonts/LSANSI.woff2') format('woff2'),
         url('fonts/LSANSI.woff') format('woff'),
         url('fonts/LSANSI.ttf') format('truetype'),
         url('fonts/LSANSI.svg#LSANSI') format('svg');
}


.zitis {font-family: 'LSANS';}
.zitid {font-family: 'LSANSD';}
.zitii { font-family: 'LSANSI';}


/*  head  */
.head{ padding-top:31px; background:#142347;   width: 100%; z-index: 99999; position: relative; }
.head .wp{  position:relative; }
.logo{ width:168px; float:right; margin-right:1px;}
.logo img{ display:block; margin:auto; width:100%; max-width:168px; max-height:34px;}

.daohang{ float:left; padding-top:2px;}
.daohang>li{float:left; z-index:999; background:url(../img/daohang.jpg) no-repeat left 12px; padding:0 9px 0 8px; padding-bottom:28px;  }
.ben{ background:none !important; padding-left:0px !important;}
.daohang>li>a{ display:block; font-size:16px; font-size:1.6rem; color:#ffffff; padding:0 27px; font-weight:bold; text-transform:uppercase; line-height:34px;}
.daohang>li:hover>a{ background:#fff; color:#142347}
.dangqiandao{ background:#fff; color:#142347 !important;}

.yiji{  position:absolute; width:100%; top:-9999px; left:0px; background:#fff; padding-top: 25px;  border-bottom: 1px solid #adacac; }
.yiji>li{ float: left; line-height: 30px; margin-left: 31px; margin-right: 10px; }
.yiji>li>a{ display:inline-block; font-size:16px;font-size:1.6rem;color:#142347; line-height:30px; padding-bottom: 12px;
     text-transform: uppercase; font-weight: bold; padding-left:14px; border-bottom: 4px solid transparent;   }

.yiji>li:hover>a{ border-bottom: 4px solid #142347;  }




.erji{ position: absolute;  width: calc(100% - 31px ) ; background:#fff; top:-9999px; left:0; padding-left: 31px;   display: block; }
.sanji{ position:relative; width:100%; background:#fff; top:-9999px; left:0;   padding-left: 31px;   display: block; }

.erji li{ line-height: 48px; float: left; margin-right: 118px; }
.erji li a{ display: block;  padding-left: 37px;  font-weight: bold;  font-size:14px;font-size:1.4rem; text-transform: uppercase; color: #142247;  }
.erji li a img{float: left; padding-top: 13px; padding-right: 14px;}

.erji li a.li1{  background: url( ../img/danli1.png ) no-repeat left 14px; }
.erji li a.li2{  background: url( ../img/danli2.png ) no-repeat left 14px; }
.erji li a.li3{  background: url( ../img/danli3.png ) no-repeat left 14px; }
.erji li a.li4{  background: url( ../img/danli4.png ) no-repeat left 14px; }


.erji li a:hover { color: #e70012;  }

.daohang>li:hover .yiji{ top:100%;}
.yiji>li:hover .erji{ top:101%; display: block; }
.erji>li:hover .sanji{ top:100%; }






/*lun bo*/
.index_focus {position: relative;width: 100%;height:677px;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:17px; right:50%; margin-right:-80px; z-index:9999}
.index_focus .slide_nav a { cursor: pointer; float: left; width:20px; height:20px; border-radius:50%; margin-left:6px; margin-right:6px; background:url(../img/baidian.png);}
.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);}

.index_focus_pre, .index_focus_next {display: none;position: absolute;top: 50%;margin-top:10px;width:60px;height:60px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre {left:265px;background: url(../img/baleft.png) no-repeat;}
.index_focus_next {right:265px;background: url(../img/baright.png) no-repeat;}



.index_focus2 {position: relative;width: 100%;height:525px;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:17px; right:50%; margin-right:-80px; z-index:9999}
.index_focus2 .slide_nav a { cursor: pointer; float: left; width:20px; height:20px; border-radius:50%; margin-left:6px; margin-right:6px; background:url(../img/baidian.png);} */
.index_focus2_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);}

.index_focus_pre2, .index_focus_next2 {display: none;position: absolute;top: 50%;margin-top:10px;width:60px;height:60px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre2 {left:50px;background: url(../img/baleft.png) no-repeat;}
.index_focus_next2 {right:50px;background: url(../img/baright.png) no-repeat;} */







.daohang2{ display:none}

@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:541px;}
.index_focusn {height:541px;}
.index_focusn img {width:80%;}
.index_focus2 {height:420px;}
.index_focusn2{height:420px;}
.index_focusn2 img {width:80%;}

}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus,.yiji,.index_focus2{display: none}

.head{ padding-top:10px; padding-bottom:10px;}

.logo{ width:130px;}
.daohang>li>a{ font-size:12px; font-size:1.2rem; padding:0 10px; line-height:30px; }

.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;height:10px;bottom:0px;left: 50%; margin-left:-80px;}
.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:#142347;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:650px) {.container,.nav,clear3{display: none}}
@media screen and (max-width:650px) {
.daohang,.daohang1{display: none}
.clear3{ clear:both;}

.logo{ float:left;}

.container{ width:5px; height:100%;position:fixed; right:0px; transition:all 0.4s ease 0s; z-index:99999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: fixed;top:10px;right:15px;transition:all 0.4s ease 0s; z-index:999999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #fff;}
.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:30px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}

.daohang2{ display:block; text-align:center; padding-top:6px;}
.daohang2 a{ float:left; width:25%; font-size:12px; font-size:1.2rem; line-height:24px; color:#fff; text-align:center; background:none !important}
.daohang2 .dangqiandao{ color:#e70012 !important;}
}

/*  main1  */
.main1{ padding-top:49px; padding-bottom:109px;  }
.m1biao{  text-align:center;}
.m1biao a{ font-family: 'LSANSD';  font-size:36px; font-size:3.6rem; color:#182853; text-transform:uppercase; line-height:40px;}



.m1_ul{  }
.m1_ul li{ float: left; margin-left: 11px;  margin-top:24px; }
.m1_ul li img{ display: block; max-width: 100%; }
.m1_ul li a:hover{}

.m1_ul li .m1li1{ position: relative;  }
.m1_ul li .m1li1 .fu{ position: absolute; top: 0px; right: 21px;  text-align: right;}
.m1_ul li .m1li1 .fu a{ color: #fff;  display: block; }
.m1_ul li .m1li1 .fu a.title{ line-height: 30px;  padding-top: 24px; font-size:30px;font-size:3rem;font-family: 'LSANSD'; color: #333; }
.m1_ul li .m1li1 .fu b{ margin-top: 15px;  margin-bottom: 16px; display: block; width: 36px; height: 2px; border-top: 1px solid #666f78; border-bottom: 1px solid #666f78;   background: #fff; float: right; background: #142347; }
.m1_ul li .m1li1 .fu a.more{  font-family: 'LSANSI'; color: #333;}

.m1li2{ margin-top: 24px; }
.m1_ul li .m1li2{ position: relative;  }
.m1_ul li .m1li2 .fu{ position: absolute; top: 0px; right: 21px;  text-align: right;}
.m1_ul li .m1li2 .fu a{ color: #333;  display: block; }
.m1_ul li .m1li2 .fu a.title{ line-height: 30px;  padding-top: 29px; font-size:30px;font-size:3rem;font-family: 'LSANSD'; }
.m1_ul li .m1li2 .fu a.titlw2{ line-height: 30px;  padding-top: 8px; font-size:18px;font-size:1.8rem;color:#142347; font-family: 'LSANS'; }
.m1_ul li .m1li2 .fu b{ margin-top: 11px;  margin-bottom: 25px; display: block; width: 36px; height: 2px; border-top: 1px solid #616a80; background: #142347; float: right; }
.m1_ul li .m1li2 .fu a.more{  font-family: 'LSANSI'; color: #142347; }

.m1li3{  }
.m1_ul li .m1li3{ position: relative;  }
.m1_ul li .m1li3 .fu{ position: absolute; bottom: 0; left: 0px; width: 100%; height: 100%;}
.m1_ul li .m1li3 .fu a{ color: #333;  display: block; }
.m1_ul li .m1li3 .fu a.more{color: #fff;padding-left: 30px; font-family: 'LSANSI';}
.m1_ul li .m1li3 .fu a.title{ line-height: 40px; width: 100%; display: block;padding-left: 30px;padding-top: 15%;color: #fff;
 font-size:30px;font-size:3rem;font-family: 'LSANSD'; }
.m1_ul li .m1li3 .fu a.titlw2{padding-left: 30px;color: #fff;font-size: 16px;font-size: 1.6rem;}
 .m1_ul li .m1li4{ position: relative;  }
 .m1_ul li .m1li4 .fu{ position: absolute; top: 0px; left: 32px;  text-align: left;}
 .m1_ul li .m1li4 .fu a{ color: #333;  display: block; }
 .m1_ul li .m1li4 .fu a.title{ line-height: 30px;  padding-top: 57px; font-size:30px;font-size:3rem; color: #142347;  font-family: 'LSANSD'; }
 .m1_ul li .m1li4 .fu a.titlw2{ line-height: 30px;  padding-top: 2px; font-size:18px;font-size:1.8rem;color:#142347; font-family: 'LSANS'; }
 .m1_ul li .m1li4 .fu b{ margin-top: 5px;  margin-bottom: 27px; display: block; width: 36px; height: 1px;
    border-top: 1px solid #616a80;  border-bottom: 1px solid #616a80; background: #142347;  float: left; }
 .m1_ul li .m1li4 .fu a.more{  font-family: 'LSANSI';}
 .m1_ul li .m1li3 .fu b{margin-top: 15px;  margin-bottom: 16px; display: block; width: 36px; height: 2px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;   background: #fff; float: left; background: #fff; margin-left: 30px;}
 .m1li5{ margin-top: 25px; }
 .m1_ul li .m1li5{ position: relative;  }
 .m1_ul li .m1li5 .fu{ position: absolute; top: 0px; left: 32px;  text-align: left;}
 .m1_ul li .m1li5 .fu a{ color: #fff;  display: block; }
 .m1_ul li .m1li5 .fu a.title{ line-height: 31px;  padding-top: 42px; font-size:30px;font-size:3rem;font-family: 'LSANSD'; color: #333; }
 .m1_ul li .m1li5 .fu a.titlw2{ line-height: 30px;  padding-top: 8px; font-size:18px;font-size:1.8rem;color:#333; font-family: 'LSANS'; }
 .m1_ul li .m1li5 .fu b{ margin-top: 6px;  margin-bottom: 15px; display: block; width: 36px; height: 2px; 
    border-top: 1px solid #fff; background: #142347; float: left; }
 .m1_ul li .m1li5 .fu a.more{  font-family: 'LSANSI'; color: #333; }
 

.dan_990{ display: none; }
.m1p{ text-align: center;margin-top:10px; margin-bottom:34px; }
.m1p a{  font-size:18px; font-size:1.8rem; line-height:30px; color:#777777; text-align:center; }
.m1lie{ width:392px; float:left; margin-left:12px;}
.m1tu1{ display:block; margin-top:24px;}
.m1tu1 img{ display:block; margin:auto; width:100%; max-width:392px; max-height:231px;}
.m1tu2{ display:block; margin-top:24px;}
.m1tu2 img{ display:block; margin:auto; width:100%; max-width:392px; max-height:486px;}
/*.m1p a:hover,.m1biao a:hover { text-decoration:underline}*/


@media screen and (min-width:1000px) and (max-width:1219px) {
.m1_ul li{ width:320px; margin-left:10px;} 

.m1_ul li .m1li4 .fu a.title{ padding-top: 40px; font-size:24px;font-size:2.4rem; }
.m1_ul li .m1li5 .fu a.title{ padding-top: 24px; }

}
@media screen and (max-width:999px) {
.m1_ul{ display: none; }
.dan_990{ display: block; }

.main1{ padding-top:20px; padding-bottom:29px;}
.m1biao{ font-size:26px; font-size:2.6rem;}
.m1lie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.m1p a{ margin-bottom:10px; font-size:14px; font-size:1.4rem; line-height:24px; margin:auto;}
.m1tu1,.m1tu2{ margin-top:17px;}
}
@media screen and (max-width:689px) {
.m1tu1,.m1tu2{ margin-top:12px;}
}
@media screen and (max-width:499px) {
.m1biao{ font-size:20px; font-size:2rem;}
.m1lie{ width:99%;}
}

/*  main2  */
.main2{ background:#eeeeee;}
.m2tu{ width:50%; *width:49.5%; float:left;}
.m2zi{ width:50%; *width:49.5%; float:right;}

.m2tu a{ display:block;}
.m2tu a img{ display:block; margin:auto; width:100%; max-width:960px; max-height:504px;}
.m2zin{ width:555px; margin-left:45px; padding-top:46px;}
.m2biao{ display:block; font-size:36px; font-size:3.6rem;  font-family: 'LSANSD'; text-transform:uppercase; line-height:40px; background:url(../img/m2biao.jpg) no-repeat left top; padding-top:53px;}
.m2a{ display:block; font-size:20px; font-size:2rem; line-height:30px; background:url(../img/m2a.jpg) no-repeat left bottom; padding-bottom:24px;}
.m2zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:26px;}
.m2mor{ margin-top: 20px; display: block; font-size:16px;font-size:1.6rem; text-transform: uppercase; width: 180px; height: 44px; line-height: 44px; text-align: center; color: #fff; background: #142347;  }


.m2zin a:hover{}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .m2zin{ width: 90%; margin-left: 5%; padding-top: 20px; padding-bottom: 20px; }
    .m2tu{ margin-top: 100px; }
    
}


@media screen and (max-width:999px) {
    .main2{ padding-bottom: 20px; }
    .m2tu{ width:100%; float:none;}
    .m2zi{  width:100%; float:none;}
    .m2zin{ width: 90%; margin-left: 0%;  margin: 0 auto; }
}
@media screen and (max-width:640px) {
.m1biao a{ font-size:20px;font-size:2rem;color:#333; }
.m2biao{ font-size:20px;font-size:2rem;color:#333; }
}


.main3{ background: #8c8b8b; margin-top: 117px;  padding-top: 47px;  padding-bottom: 48px;}
.main3_ul{ }
.main3_ul li{ float: left; margin-left: 101px ; }
.main3_ul li img{ display: block; max-width: 100%; transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s; }

@media screen and (min-width:1000px) and (max-width:1219px) {
    .main3_ul li{ width: 18%; margin-left: 1%!important; margin-right: 1%;} 
}

@media screen   and (max-width:999px) {
    .main3{ margin-top: 20px; }
    .main3_ul li{ width: 18%; margin-left: 1%!important; margin-right: 1%;} 
}

@media screen   and (max-width:640px) {
    .main3{ padding-bottom: 20px; }
    .main3_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%; margin-bottom: 20px;} 
}




/* footer */
.footer{ background: #eeeeee;  }
.footer .wp{ padding-top: 51px;}
.footer .title{ padding-bottom: 15px;  font-size:18px;font-size:1.8rem;color:#333; font-family: 'LSANSD'; line-height: 24px; text-transform: uppercase;}
.footer .title4{ line-height: 24px;  font-family: Verdana; padding-top: 3px; padding-bottom: 31px; }
.footer li{ line-height: 30px; }
.footer p{ line-height: 30px; }
.footer a:hover{  color: #e70012;  }

.fon_one{ width: 215px; float: left; padding-left: 31px;  background: url( ../img/yaowan.png ) no-repeat left 3px;}
.fon_two{ width: 213px; float: left;  padding-left: 31px; background: url( ../img/yaowan.png ) no-repeat left 3px;}
.fon_three{ width: 256px; margin-left: 80px; float: left; padding-left: 31px; background: url( ../img/yaowan.png ) no-repeat left 3px; }
.fon_four{ width: 234px; float: right;  padding-left: 31px; background: url( ../img/yaowan.png ) no-repeat left 3px;}
  



.fon_two_ul{ }
.fon_two_ul li { padding-left: 30px; }
.fon_two_ul li.li1{ background: url( ../img/hua1.png ) no-repeat  left 8px;  }
.fon_two_ul li.li2{ background: url( ../img/hua2.png ) no-repeat left 8px;  }
.fon_two_ul li.li3{ background: url( ../img/hua3.png ) no-repeat left 8px;  }

.fon_four .down{ text-indent: 56px; display: block; font-family: Verdana; font-weight: bold;  width: 180px; line-height: 36px; background: url( ../img/h_down.png ) no-repeat center center;   }

.shejiao{ padding-top: 10px; padding-bottom: 12px; }


.links {font-family: Verdana; font-size: 14px; font-size: 1.4rem;  height: 42px; color: #142347;  border-top: 1px solid #797979; margin-top: 72px;  }
.links a{ font-family: Verdana; font-size: 14px; font-size: 1.4rem; line-height: 42px;   color: #142347;  padding-right: 10px; }
.links a:hover{ color: #e70012;}



@media screen and (min-width:1000px) and (max-width:1219px) {
    .fon_one{ width: 150px; }
    .fon_two{ width: 180px; }
    .fon_three{ width: 256px; margin-left: 10px; }
    .fon_four{ width: 234px;   }
}

@media screen  and (max-width:999px) {
    .fon_one{ width: calc( 48% - 31px);  float: left;  min-height: 190px; padding-bottom: 20px;}
    .fon_two{ width: calc( 48% - 31px);  float: right; min-height: 190px;  padding-bottom: 20px;}
    .fon_three{ width: calc( 48% - 31px);  float: left; margin-left: 0px; }
    .fon_four{ width: calc( 48% - 31px); float: right;   }
}


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

    .fon_one{ width: calc( 100% - 31px);  float: none;  min-height: auto; padding-bottom: 20px;}
    .fon_two{ width: calc( 100% - 31px);  float: none;; min-height: auto;  padding-bottom: 20px;}
    .fon_three{ width: calc( 100% - 31px);  float: none; margin-left: 0px; padding-bottom: 20px;}
    .fon_four{ width: calc( 100% - 31px); float: none;   }
    .footer{ padding-bottom: 20px; }
    .links { font-size: 0px; display: none; }
}





/* break */
.break { }
.break .wp{ border-bottom: 1px solid #c5c5c5;  }
.break p{ margin-top: 10px; padding-bottom: 7px; text-transform: uppercase;  background: url( ../img/titlr.png ) no-repeat left 8px; padding-left: 30px;   color:#555; }
.break a {   color:#555555;  line-height: 36px;  }
.break a.on,.break a:hover{ color: #142347;  }




/* product */
.product{ }
.product_ul{ margin-top: 12px; margin-bottom: 155px; }
.product_ul li { width: 281px; margin-top: 60px; float: left; margin-left: 21px;  }
.product_ul li .pro_wrap{ max-width: 282px; width: 100%; border: 1px solid #d7d6d6; box-shadow: 0px 3px 7px rgba(0,0,0,0.35);   }
.product_ul li .pro_wrap img{ display: block; max-width: 282px; width: 100%; }
.product_ul li .pro_wrap .wenzi{ border-top: 1px solid #d2d1d1;  border-bottom: 1px solid #47516c;  background: #142347; color: #fff;  display: block; width: 100%;   line-height: 34px; text-align: center;  }

.product_ul li:hover .wenzi{ color: #e70012; }

@media screen  and (max-width:1219px) {
    .product_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%; }
}

@media screen  and (max-width:999px) {
    .product{margin-top: 70px;}
    .product_ul { margin-bottom: 20px; }
    .product_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%; margin-top: 20px; }
}
@media screen  and (max-width:640px) {
    .product_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%; }
}
 
@media screen  and (max-width:320px) {
    .product_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%; }
}


/* about1 */
.about1{ padding-top: 25px; }
.about1 .title{ line-height: 40px; text-transform: uppercase;  font-size:30px;font-size:3rem;color:#142347; font-weight: bold; text-align: center;  }

.about1_img{ display: block; max-width: 100%; margin: 0 auto; margin-top: 32px; margin-bottom: 36px; }

.about1 p{ line-height: 30px; padding-bottom: 30px; }
.ab1_ul li{ float: left;  }
.ab1_ul{ margin-top: 20px; margin-bottom: 63px;}
.ab1_ul li img{ display: block; max-width: 100%; }
.ab1_ul li.li1{ width: 42.3%;}
.ab1_ul li.li2{ width: 28.5%; }
.ab1_ul li.li3{ width: 29% }


.ab1_ul2{ margin-top: 17px;}
.ab1_ul2 li{ width: 395px; float: left; margin-left: 7px; margin-top: 30px; }
.ab1_ul2 .abul2_wrap{ position: relative; overflow: hidden;  max-width: 395px;  width: 100%; margin: 0 auto;  }
.ab1_ul2 .abul2_wrap img{ display: block; max-width: 395px; width: 100%; }
.ab1_ul2 .abul2_wrap .fu{ position: absolute; top: 0px; left: 100%; }
.ab1_ul2 .abul2_wrap .wenzi{ max-width: 395px;  width: 100%; margin: 0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family: Arial; font-size:20px;font-size:2rem; color: #fff; display: block; width: 100%; line-height: 50px; text-align: center;  position: absolute; background: url( ../img/abwebbj.png ) no-repeat center center; bottom: 0px; left: 0px; }
 
.ab1_ul2 li:hover .abul2_wrap .fu{ left: 0px; }




.about1_wrap1{ background: #f6f6f6; padding-top: 35px; margin-top: 102px; margin-bottom: 34px; padding-bottom: 28px; }

.about1_wrap1 .title{ padding-bottom: 54px;line-height:50px; text-transform: uppercase;  font-size:30px;font-size:3rem;color:#142347; font-weight: bold; text-align: center;  }


.about1_wrap1 .slideBox{ width:90%; height:auto; margin: 0 auto; overflow:hidden; position:relative;  padding-bottom: 20px; }
.about1_wrap1 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left: -82.5px;  bottom:0px; z-index:1; }
.about1_wrap1 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.about1_wrap1 .slideBox .hd ul li{ float:left; font-size: 0px; margin-right:13px; margin-left:13px;  width:29px; height:5px;   text-align:center; background:#dadadc; cursor:pointer; }
.about1_wrap1 .slideBox .hd ul li.on{ background:#142347;   }
.about1_wrap1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.about1_wrap1 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.about1_wrap1 .slideBox .bd li a{ display: block; float: left; margin-left: 71px; padding-bottom: 60px; }
.about1_wrap1 .slideBox .bd img{ max-width:159px; max-height:110px; display:block;  width: 100%; }





@media screen  and (max-width:1219px) {
    .ab1_ul2 li{ width: 31%; margin-left: 1%!important; margin-right: 1%; }
    .about1_wrap1{ margin-top: 50px;  padding-top: 10px;}
    .about1_wrap1 .slideBox .bd li a { margin-left: 20px; padding-bottom: 10px;}
}

 
@media screen  and (max-width:999px) {
    .ab1_ul2 .abul2_wrap .fu{ left: 0px; }
    .about1_wrap1 .slideBox .bd li a{ width: 23%; margin-left: 1%!important; margin-right: 1%; }
    .about1_wrap1 .slideBox .bd li a img{ margin: 0 auto; }

    .ab1_ul2 li{ width: 48%; margin-left: 1%!important; margin-right: 1%;}
}

 
@media screen  and (max-width:640px) {
    .ab1_ul{ margin-bottom: 20px; }
    .ab1_ul2{ margin-top: 0px; }
    .ab1_ul2 li{ margin-top: 2%; }
    .about1 .title{ font-size:20px;font-size:2rem; padding-bottom: 10px; line-height: 30px; }
    .about1_wrap1 .title{ font-size:20px;font-size:2rem; padding-bottom: 10px; }
    /* .ab1_ul2 .abul2_wrap .wenzi{ font-size:16px;font-size:1.6rem; } */
    .about1_wrap1 .slideBox .bd li a{ width: 48%; margin-left: 1%!important; margin-right: 1%; padding-bottom: 5px; }


    .about1_img{ margin-top: 0px; margin-bottom: 10px; }

}



 
@media screen  and (max-width:550px) {
    .ab1_ul2 li{ width: 98%; margin-left: 1%!important; margin-right: 1%;}
    
}


/*page*/
.page{position: relative;margin:0px auto 139px;}
.page {text-align: center;}
.page a:hover{color: #142347;}
.page a {display: inline-block; color: #333333; margin-right:2px;  margin-left:2px; 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{ border: 1px solid #142347; color: #142347;   }
.page a.first{width:59px;margin-right:3px;}
.page a.last{width: 59px;margin-left: 4px;}
.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: 5px;margin-left: 15px;margin-right: 8px;}
.ins{margin-left: 4px; width: 133px;display: inline-block;height: 28px; line-height: 26px;text-align: center; border: none; outline: none;background-color: #f04608;color: #fff;font-size: 14px;font-size: 1.4rem;cursor: pointer;border: 1px solid #f04608;}
.page a.no,.page a.no:hover{border: 1px solid #e5e5e5 !important; color: #142347;}


.about2{ padding-top: 11px;}
.ab2_ul { padding-bottom: 91px; }
.ab2_ul li{ width: 384px; float: left; margin-left: 24px; margin-top: 46px; }
.ab2_ul .dan_wrap{ max-width: 384px; width: 100%; margin: 0 auto; }

.ab2_ul .ab2_wrap{max-width: 384px; width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.ab2_ul .ab2_wrap img{ display: block; max-width: 384px; width: 100%; }
.ab2_ul .ab2_wrap .fu{ position: absolute; left: 0px; top: 100%; width: 100%; height: 100%;}
.ab2_ul .wenzi{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 18px; font-size: 1.8rem; color: #142347; font-weight: bold; text-transform: uppercase; text-indent: 18px; line-height: 64px; border: 1px solid #dadadc; border-top: 0px; }


.ab2_ul li:hover .dan_wrap{ box-shadow: 1px 0px 6px  rgba(0, 0, 0, .32);}
.ab2_ul li:hover .fu{ top: 0px; }


@media screen and (max-width:1219px) { 
.ab2_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%; margin-top: 10px; }

}


@media screen and (max-width:999px) { 
.ab2_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%; margin-top: 10px; }
.ab2_ul .ab2_wrap .fu{ top: 0px; }
.ab2_ul{ padding-bottom: 30px; }
.page { margin-bottom: 30px; }
.page a{ margin-bottom: 10px;  }

}

@media screen and (max-width:640px) { 
.ab2_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%; margin-top: 10px; }
}

@media screen and (max-width:400px) { 
.ab2_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%; margin-top: 10px; }
}








.about3{ }
.ab3_ul { padding-top: 27px; padding-bottom: 83px;}
.ab3_ul li{ width: 198px; float: left; margin-left: 51px; padding-top: 13px;   margin-bottom: 33px; }
.ab3_ul .dan_wrap{ max-width: 252px; width: 100%; margin: 0 auto; }
.ab3_ul .ab2_wrap{max-width: 252px; width: 100%; margin: 0 auto; position: relative; overflow: hidden; background: url(../img/mukuang.png); padding: 12px; background-size: 100%; }
.ab3_ul .ab2_wrap img{ display: block; max-width: 252px; width: 100%; }
.ab3_ul .ab2_wrap .fu{ position: absolute; left: 0px; top: 100%; width: 100%; height: 100%;}
.ab3_ul .wenzi{ padding-top: 18px; display: block; text-align: center; line-height: 30px; text-transform: uppercase;    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ab3_ul li:hover .fu{ top: 0px; }







@media screen and (max-width:1219px) { 
.ab3_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%; margin-top: 2%; }
}


@media screen and (max-width:999px) { 
    .ab3_ul .ab2_wrap .fu{ top: 0px; }
    .ab3_ul { padding-top: 13px; padding-bottom: 36px;}
.ab3_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%; margin-top: 2%; }
}

@media screen and (max-width:640px) { 
.ab3_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%; margin-top: 2%; }
}

@media screen and (max-width:340px) { 
.ab3_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%; margin-top: 2%; }
}




/*new*/
.new{   }
.new_dl{ margin-top: 33px; padding-bottom: 35px; }

.new_dl.new_dl2{ margin-left: 69px;}
.new_dl dt{ width: 450px;}
.new_dl dt a{ display: block;}
.new_dl dt a img{ display: block; max-width: 450px; width: 100%;}
.new_dl dd{ width: 577px; margin-left: 51px; padding-top: 15px; }
.new_dl dd .title{ font-size: 72px; font-size: 7.2rem; color: #999999;  }
.new_dl dd .title span{  font-size: 18px; font-size: 1.8rem; color: #999999;  }
.new_dl dd .title2{ padding-top: 22px;  padding-bottom: 11px; display: block;  font-size: 16px; font-size: 1.6rem; line-height: 30px; font-weight: bold; }
.new_dl dd .title3{ line-height: 28px; padding-bottom: 27px; display: block; }
.new_dl dd .more{ display: block; text-transform: uppercase; border: 1px solid #da321c; color: #da321c;   border-radius: 50px;
     width: 141px; line-height: 42px; text-align: center;   }
.new_dl dd .more:hover{background: #da321c; color: #fff;  }
.new_dl dd a:hover{ color: #da321c;  } 

.new .page {  margin: 54px auto 139px;}

@media screen  and (max-width:1219px) {
    .new_dl dt{ width: 377px;}
    .new_dl dd{ width: 530px; padding-top: 0px; }
    .new_dl.new_dl2{ margin-left: 0px; }
}

 
@media screen  and (max-width:999px) {
    .new .page {  margin: 20px auto 30px;}
    .new_dl dt{ width: 100%;}
    .new_dl dd{ width: 100%; margin-left: 0px; padding-top: 0px; }
}

 
@media screen  and (max-width:640px) {
    .new_dl{ margin-top: 0px; }
    .new_dl dd .title2{ padding-top: 10px; }
    .new_dl dd .title{ font-size: 40px; font-size: 4rem; padding-top: 10px; }
}



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





/* new2 */

.new2{ margin-bottom: 70px; }
.new2_left{ width: 800px; border-right: 1px solid #e5e5e5;  padding-right: 28px; }
.new2 .xqy {position: relative;}
.new2 .xqy .top1{margin-top: 42px;}

.new2 .xqy .top1 .title1{}
.new2 .xqy .top1 .title1 h1{font-size: 24px;font-size:2.4rem;color: #333; text-transform: uppercase; line-height: 40px;}
.new2 .xqy .top1 .time{margin-top: 9px;margin-bottom: 21px;}
.new2 .xqy .top1 .time span{font-size: 14px;font-size:1.4rem;color: #666666;font-weight: bold;display: inline-block;line-height: 26px; }

.new2 .newsx { border-top: 1px solid #e5e5e5;  }
.new2 .newsx p{line-height: 26px;font-size:14px;font-size:1.4rem;color: #666666;margin-bottom: 26px;}
.new2 .newsx span{line-height: 26px;font-size:14px;font-size:1.4rem;color: #666666;}
.new2 .newsx li{line-height: 26px;font-size:14px;font-size:1.4rem;color: #666666;}
.new2 .newsx b{line-height: 26px;font-size:14px;font-size:1.4rem;color: #666666;}
.new2 .newsx img{display: block;max-width: 100%;}

.new2 .newsx a{line-height: 26px;font-size:14px;font-size:1.4rem;color: red;}

.new2 .newsx table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.new2 .newsx table tr td{ padding:3px; border:1px solid #ccc; background:#fff}




.new2_right{   margin-top: 54px;  margin-right: 34px;    }
.new2_right .back{ display: block;   font-size:18px;font-size:1.8rem; border-radius: 5px; text-transform: uppercase; max-width: 237px; width: 100%;   height: 60px; line-height: 60px; text-align: center; color: #fff;
      background: #e70012;  margin-bottom: 55px; font-weight: normal; }
.new2_right .title{   display: block; font-size:26px;font-size:2.6rem; color:#201d1d; line-height: 40px; font-weight: bold;  text-transform: uppercase;  }
.top_imgtd{ display: block; width: 8px; height: 20px; margin-bottom: 33px; }


.shar_wrap{   margin-bottom: 41px;   }
.shar_wrap .share1 p{text-align: center; display: inline-block; margin-left: 6px; }
.shar_wrap .share1 p span{font-size:14px;font-size:1.4rem;color:#6293d8;position: relative;top: -9px;margin-right: 4px;display: inline-block;}
.shar_wrap .share1 .shar{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:#142347; border-radius: 50px; border: 1px solid #142347;  }
.inpu a:hover{  background: #142347; color: #fff; }






.new2_right .ex_wrap{   width: 305px;  margin: 0 auto; padding-bottom: 10px;}
.new2_right .ex_wrap dl{  width: 100%; margin: 0 auto; margin-bottom: 23px;}
.new2_right .ex_wrap dl dd a{ display: block;  }
.new2_right .ex_wrap dl dd a.we_tit{  padding-top: 21px;  line-height: 28px; }
.new2_right .ex_wrap dl dt img{ display: block; max-width:305px; max-height: 207px; width: 100%;  }



.updown{padding-top: 6px; border-top: 1px solid #a9a9a9;margin-bottom:64px;}
.updown .up{margin-top: 18px;margin-bottom: 6px;}
.updown p{ display: inline-block;    line-height: 28px;font-size: 16px;font-size:1.6rem;color: #201d1d;}

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

.updown p .on{color:#142347; }
.updown p a{ font-size: 16px;font-size:1.6rem; color: #201d1d; text-transform: none; }
.updown p:hover a{color: #142347;}
.updown p:hover{ color: #142347;  } 





@media screen and (max-width:1219px){
    .new2_left{ width:605px;}
    .new2_right {  margin-right: 14px;  }
}

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

    .new2_right { width:100%; float: none;  margin-right: 0;   }
    .new2_left{ width:100%; float: none;  padding-right: 0; border-right: 0px;  }
    .new2_right .ex_wrap{   width: 100%;  margin: 0 auto; padding-bottom: 10px;}
}


@media screen and (max-width:640px){
.new2 .xqy .top1 .title1 h1{ font-size:18px;font-size:1.8rem; line-height: 30px; }
.new2_right .title{ font-size:20px;font-size:2rem; }
.new2_right .back{ margin-bottom: 10px; }
.shar_wrap{ margin-bottom: 20px; }
}


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

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

    .ex_wrap{ width: 100%;  }
    .ex_wrap dl{ width: 100%; }



}



/********  contact  ********/
.contact{padding-top: 35px;padding-bottom: 67px; font-family: Verdana;  }
.love{text-align: center; font-size:20px;font-size:2rem;color:#142347; font-weight: bold; text-transform: uppercase; }

.coxin{ margin-top:49px; margin-bottom: 70px;   }
.coxin .int1{ padding-left:18px; background:url(../img/xing.jpg) no-repeat left 15px;   background:url(../img/xing.jpg) no-repeat left 57px\0;      }    
.mat4{ margin-top:21px;}
.coxin .int1 input{ width:308px; height:30px; line-height:30px; border:1px solid #cccccc; float:left; padding-left:11px; margin-left:105px;}
.coxin .int2{ padding-left:18px; background:url(../img/xing.jpg) no-repeat left 10px; margin-top:21px;}
.coxin .int2 textarea{ width:1168px; height:127px; line-height:30px; border:1px solid #cccccc; padding-left:11px; }
.coxin .int3{ padding-left:18px; background:url(../img/xing.jpg) no-repeat left 15px; margin-top:21px; float:left;}
.coxin .int3 input{ width:363px; height:30px; line-height:30px; font-size:16px;font-size:1.6rem; color: #666666; border:1px solid #cccccc; padding-left:11px; }
.coxin .yanzheng{ width:117px; height:34px; float:left; margin-left:50px; margin-top:21px; cursor:pointer;}
.coxin .int4{ width:323px; height:34px; float:right; margin-top:21px; background:#bb0730; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase; cursor:pointer;}
.coxin .int4:hover{ background:#333;}

.xuanze select{width: 321px;   cursor: pointer;  height: 34px;line-height: 34px;  height: 34px\0;line-height: 34px\0; padding-left: 5px;
    border: 1px solid #cccccc;color: #999999;font-size: 14px;font-size: 1.4rem; }
    .xuanze select option{line-height: 34px;  height: 34px\0; }
.xuanze{padding-left: 21px;background: url(../img/xing.jpg) no-repeat left 14px;float: left;margin-left: 84px;}

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

.con_ul1{ }
.con_ul1 li{ float: left; margin-left: 22px; font-family: "Tahoma";  }
/*.con_ul1 li:first-child{ margin-left: 21px!important; }*/
.conul1_left{ width: 87px; margin-top: 6px; }
.conul1_left img{ display: block; max-width: 71px; width: 100%; }

.conul1_right{ width: 283px; }
.conul1_right p{  font-size:24px;font-size:2.4rem;color:#333; padding-top: 13px;}
.conul1_right p.cuoy{  font-size:18px;font-size:1.8rem;color:#333; line-height: 30px; }
.conul1_right p a{ font-size:24px;font-size:2.4rem;color:#333; color:#333; }
.conul1_right .dan_title{ font-size:30px;font-size:3rem;color:#b8b8b8;  }
.conul1_right p a:hover{ color: #00bef2; }


.ditu img{width: 100%;max-width: 1200px;max-height: 415px;}
.ditu{margin-top: 50px;}

@media screen and (min-width:1220px){
.lxfs li.no_margin{margin-left: 29px!important;}
}
@media screen and (min-width:1000px) and (max-width:1219px){
.col{ width:440px; float:left; padding-top:12px;}
.cor{ width:520px; float:right; margin-top:61px;}
.coxin .int1 input{ width:290px; margin-left:25px;}
.coxin .int2 textarea{ width:950px;}
.xuanze{margin-left: 5px;}
.xuanze select{width: 304px;}
.lxfs li{margin-left: 110px;}
}
@media screen and (max-width:999px){
.cobiao{ line-height:30px;}
.col{ width:100%; float:none; padding-top:12px;}
.cor{ width:100%; float:none; margin:auto; margin-top:61px; max-width:561px;}
.coxin{ margin-top:30px;}
.coxin .int1 input{ width:290px; margin-left:25px;}
.coxin .int2 textarea{ width:950px;}
.coxin .int1,.coxin .int2{ margin-top:auto;}
.coxin .int1 input{ width:92%; float:none; margin-left:auto; margin-bottom:21px;}
.coxin .int2 textarea{ width:92%;}
.coxin .int3{ float:none;}
.coxin .int3 input{ width:92%;}
.coxin .yanzheng{ margin-left:18px;}
.coxin .int4{ width:40%; float:left; margin-left:11px;}

.xuanze{margin-left: 0;position: relative;left: -18px;padding-left: 18px;width: 94%;margin-bottom: 21px;}
.xuanze select{width: 99%; cursor: pointer; }
.xuanze select option{cursor: pointer; }
.lxfs li{width: 31.3333%;margin: 0 1%;}
.lxfs{padding-top: 40px;}
.ditu{margin-top: 40px;}
.contact{padding-bottom: 35px;}
}
@media screen and (max-width:800px){
.lxfs li{width: 100%;margin: 0;margin-bottom: 20px;}
.love{font-size: 20px;font-size: 2rem;}
.xuanze select{width: 100%;}
}





@media screen and (min-width:1000px) and (max-width:1219px){
    .conul1_right { width: 218px;}
}
@media screen and (max-width:999px){
.comain{ background-attachment:fixed;}
.con{ width:auto; margin:auto;}
.cubiao p{ width:auto;}
.colie{ width:33% !important; margin-left:auto; float:left; margin-top:auto; min-height: 171px; margin-bottom:10px;  }
.colie li{ font-size:12px; font-size:1.2rem; text-align:center}
.cotr{ width:100%;}
.cotr ul{ float:left; margin-left:15px;}


.con_ul1 li {  float: none; margin-bottom: 30px; }
.con_ul1 li:first-child{  float: none; }

.conul1_right { width: 560px;}


}


@media screen and (max-width:700px){
    .ditu{margin-top: 10px; }
    .conul1_right p{ padding-top: 5px; }
    .conul1_right p.cuoy{ padding-top: 5px; }
    .conul1_right .dan_title{ font-size:20px;font-size:2rem; padding-top: 10px; }
    .conul1_left{ float: none;width: 100%;  }
    .conul1_right{ float: none; width: 100%;   }
    .conul1_right p{ font-size:18px;font-size:1.8rem;  }
    .conul1_right p a{  font-size:18px;font-size:1.8rem;  }
}





@media screen and (max-width:640px){
.xuanze{ width: 95%; }

}


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

.xinl{ width:100%;}
.xinr{ width:100%;}
.cuxin .int1 input{ width:90%;}
.cuxin textarea{ width:90%;}
.cuxin .int4{width:25%;}
.colie{ width:50% !important;}

.colie{ min-height: auto; }

}
@media screen and (max-width:419px){
.colie{ width:100% !important;}
.cul ul{ width:97%; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}

}

@media screen and (max-width:320px){
.xuanze{ width: 97%; }
}




/* product2 */
.product2{ }

.pro2_wrap1{ }
.pro2_left1{ width: 653px; float: left; padding-top: 41px; }
.pro2_left1 .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;   }}
.pro2_left1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.pro2_left1 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.pro2_left1 .slideBox .bd img{ max-width:596px; max-height:413px; display:block;  width: 100%; margin: 0 auto; }
.pro2_left1 .slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:15px; height:22px; background:url(../img/pro2_left1arrowl.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   }
.pro2_left1 .slideBox .next{ position:absolute; right:0; top:50%; margin-top:-25px; display:block; width:15px; height:22px; background:url(../img/pro2_left1arrowr.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   }
.pro2_left1 .slideBox .prev:hover{ background:url(../img/pro2_left1arrowlon.png) 0 0 no-repeat;  }
.pro2_left1 .slideBox .next:hover{ background:url(../img/pro2_left1arrowron.png) 0 0 no-repeat;   }
.pro2_left1 .slideBox .prev:hover{ filter:alpha(opacity=100);opacity:1;  }
.pro2_left1 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.pro2_left1 .slideBox .prevStop{ display:none;  }
.pro2_left1 .slideBox .nextStop{ display:none;  }

.pro2_right1 { width: 509px; float: right; padding-top: 34px;}
.pro2_right1 h1{  font-size:18px;font-size:1.8rem; text-transform: uppercase; line-height: 49px; color:#142347; line-height: 48px; font-weight: bold;  }
.pro2_right1 .title2{ padding-bottom: 11px;  color:#142347;  text-transform: uppercase; }
.pro2_right1 .title3{ padding-bottom: 76px;  padding-top: 23px;border-top: 1px solid #cccccc; line-height: 24px; }
.dan_input{ max-width: 327px; }
.dan_input a{ text-transform: uppercase; border: 1px solid #ccc;  display: block; width: 145px; line-height: 44px; text-align: center; color: #fff; background: #142347;   }
.dan_input a:hover{ background: #ccc; color: #142247; }

.none{background: #142347 !important; color: #fff !important;}

.dan_wrpa_ilt{  max-width: 443px; width: 100%; padding-bottom: 34px; }
.dan_wrpa_ilt .img-scroll { position:relative; width: 100%;  }
.dan_wrpa_ilt .img-scroll .prev,.dan_wrpa_ilt .img-scroll .next{ z-index: 999; display:block;width:14px;height:30px;  position: absolute; top: 50%; margin-top:-15.5px; }
.dan_wrpa_ilt .img-scroll .prev { left:0;cursor:pointer; background:url(../img/arrowleft.png) no-repeat center;}
.dan_wrpa_ilt .img-scroll .next { right:0;cursor:pointer; background:url(../img/arrowright.png) no-repeat center;}
.dan_wrpa_ilt .img-list { position:relative; width:100%; overflow:hidden;margin: 0 auto;}
.dan_wrpa_ilt .img-list ul { width:1000%;}
.dan_wrpa_ilt .img-list li { float:left; display:inline; width:132px; margin-right:23px;}
.dan_wrpa_ilt .img-list li .m3lie2{ max-width:132px; width: 100%; margin: 0 auto;}
.dan_wrpa_ilt .img-list li .m3tu { border: 1px solid #ddd6dd; display: block; }
.dan_wrpa_ilt .img-list li .m3tu img{ max-width:130px; max-height:90px;width: 100%; margin: 0 auto;}










.pro2_wrap2{ max-width: 1700px; margin: 0 auto; margin-top: 83px; }


.pro2_left2{  width: 100%; float: none; }
.pro2_left2 .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;   }
.pro2_left2 .slideBox .hd{ height:5px; overflow:hidden; position:absolute; right:121px; bottom:31px; z-index:1; }
.pro2_left2 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.pro2_left2 .slideBox .hd ul li{ float:left; margin-right:19px;  margin-left:19px; width:56px; height:5px; font-size: 0px; text-align:center; background:#fff; cursor:pointer; }
.pro2_left2 .slideBox .hd ul li.on{ background:#8c929a;  }
.pro2_left2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.pro2_left2 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.pro2_left2 .slideBox .bd img{ max-width:1700px; max-height:800px; display:block;  width: 100%; }


.pro2_right2{ float: right; width: 34.7%; }
.pro2_right2 img{  display: block; max-width: 100%;  }

.title_dan{ padding-top: 59px; padding-bottom: 31px; font-size: 36px; text-transform: uppercase; font-size: 3.6rem; font-weight: bold;  text-align: center; color: #142347;  }
.pro2_wrap2 .dan_img{ display: block; max-width: 100%; margin: 0 auto;  }

.title_dan2{ /*padding-top: 66px; padding-bottom: 43px;*/ font-size: 32px;  font-size: 3.2rem;  text-transform: uppercase;font-weight: bold;  text-align: center; color: #142347; }
.title_dan2 a{  font-size: 32px!important;  font-size: 3.2rem!important;   font-weight: bold;  text-align: center; color: #142347!important; }



.dan_pro2_ul li{ font-size:14px;font-size:1.4rem;color:#333; line-height: 24px;  padding-left: 30px; margin-bottom: 24px;
    background: url( ../img/dan_imgvh.jpg ) no-repeat left 10px; }

.prox_x{font-size:14px;font-size:1.4rem;color:#333; line-height: 24px; }
.prox_x p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 24px; padding-bottom: 30px; }
.prox_x span { font-size:14px;font-size:1.4rem;color:#333; line-height: 24px; }
.prox_x b{ font-size:22px;font-size:2.2rem;color:#333; line-height: 24px; }
.prox_x a{ font-size:14px;font-size:1.4rem;color:#fb7000; line-height: 24px; }
.prox_x img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}

.prox_x table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.prox_x table tr td{ padding:3px; border:1px solid #ccc; background:#fff}





.dan_por_ul3{ padding-bottom: 137px;padding-top: 50px;}
.dan_por_ul3 li{ float: left;  width: 284px; margin-left: 21px; }
.dan_por_ul3 li .wenzi{ height: 48px; overflow: hidden; margin-bottom: 9px; padding-top: 5px; display: block; font-weight: bold; line-height: 24px; color: #142347; font-weight: bold; text-transform: uppercase; text-align: center;  }
.dan_por_ul3 li img{ display: block; max-width: 284px; width: 100%; }
.dan_por_ul3 li .time{ color: #142347;  line-height: 24px;text-transform: uppercase; text-align: center; }
.dan_por_ul3 li a:hover{ text-decoration: underline; }






@media screen and (max-width:1219px){
    .pro2_left1{ width: 432px; }
    .pro2_right1{ }
    .pro2_right1 .title3{ padding-bottom: 10px; }
    .dan_por_ul3 li{ width: 23%; margin-left: 1%!important; margin-right: 1%;  }
}
@media screen and (max-width:999px){
.pro2_left1{ width: 100%; float: none; }
.pro2_right1{width: 100%; float: none;  }
.pro2_right1 h1{ line-height:30px; padding-bottom: 10px;}

}

@media screen and (max-width:640px){
    .dan_por_ul3{ padding-bottom: 20px; }
    .title_dan{ font-size:20px;font-size:2rem; line-height: 30px; }
    .title_dan2{ font-size:20px;font-size:2rem; line-height: 30px; padding-top: 10px; padding-bottom: 10px;}
    .title_dan2 a{ font-size:20px!important;font-size:2rem!important; line-height: 30px;}
    .pro2_wrap2{ margin-top: 20px; }
    .dan_input a{ width: 48%; }
    .dan_por_ul3 li{ width: 48%; margin-left: 1%!important; margin-right: 1%;  }
    .pro2_left2 .slideBox .hd{ right: 0px; }
    .pro2_left2 .slideBox .hd ul li{ width: 30px; margin-left: 10px; max-block-size: 10px; }
}
    
@media screen and (max-width:500px){
.dan_wrpa_ilt{ width: 280px; }
.dan_wrpa_ilt .img-list li { margin-right: 15px;}

}


@media screen and (max-width:320px){
    .dan_por_ul3 li{ width: 98%; margin-left: 1%!important; margin-right: 1%;  }

}



#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}


.ab_banner{  display: none; margin-top: 10px; padding-bottom: 20px; }
.ab_banner a{  display: block; text-align: center; float: left; line-height: 30px; background: #142347; color: #fff;  width: 31%; margin-left: 1%!important; margin-right: 1%; margin-bottom: 10px; }
.ab_banner a:hover{ background: #e70012; }
.ab_banner a.on{ background: #e70012; }


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

    .ab_banner{ display: block;  }
}


.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;}