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



*{margin: 0;padding: 0;}



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



body {margin: 0 auto;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.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;}



.mln {margin-left: auto !important}



.mlan {margin-left: auto !important}



input, textarea {font-family: 'FuturaStdLight';font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}



.l{ float:left;}



.r{ float:right;}



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







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



 color:#333;}



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



 color:#333;}



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



 color:#333;}



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



 color:#333;}



@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: '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');



}







@font-face {



    font-family: 'FuturaStdBold';



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



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



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



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



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



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



}







@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: 'FuturaStdLight';



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



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



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



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



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



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



}







@font-face {



    font-family: 'FuturaStdMedium';



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



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



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



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



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



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



}



















.zitih{ font-family: 'FuturaStdHeavy'; }



.zitibold{ font-family: 'FuturaStdBold';}



.zitibook{ font-family: 'FuturaStdBook';}



.zitiligth{ font-family: 'FuturaStdLight';}



.zitim{  font-family: 'FuturaStdMedium';}





















/*.container*/

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



.container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0px; right: 0; display: block; height: auto; overflow: scroll; }



.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }



.container .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }



.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../images/fangduo.png) no-repeat center center; }



.container .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }



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



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



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



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



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



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



.container .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }



.container .nav > ul > li .c-show1 .c-s1 > a { margin-right: 50px; position: relative; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



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



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



.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }



.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 50px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



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



.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }



.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 50px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



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



.container .nav > ul > dl { padding: 20px; }



.container .nav > ul > dl dd { float: left; margin: 0 2px; }



.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }



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



@media screen and (min-width: 980px) { .container, .nav { display: none !important; } }











.head{ width: 100%; background:url( ../images/headbj.jpg ) repeat top center; border-bottom: 6px solid #252525;   position: fixed; z-index: 99999; top:0; padding-bottom:2px  }







.logo{ float: left; margin-top: 5px; margin-left: 0px;  }



.logo img{ display: block; max-width:84px;  width: 100%; }







.headnav { float: left; margin-left:125px }

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

	.headnav { float: left; margin-left:80px }



	}

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

	

	.headnav { float: left; margin-left:50px }



}



.headnav>ul>li{ float: left; position: relative;   background: url( ../images/heidxian.png ) no-repeat top left;  line-height: 78px; padding-left: 31px; padding-right: 24px;  }





.headnav>ul>li.mln{ background: none;  padding-left: 0; }



.headnav>ul>li a{ text-align: center; color: #fff;font-family: 'FuturaStdBook';font-size:16px;font-size:1.6rem; text-transform: uppercase;  }



.headnav>ul>li a:hover{ color: #c9181f;  }



.headnav>ul>li.on>a{ color: #c9181f;  }











.headnav>ul>li:hover .show_dan { display: block;  }



















.show_dan{ padding-bottom: 5px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; position: absolute; top:71%; background: url( ../images/heider_bj.png ) no-repeat top center;  width: 245px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  z-index: 9999999999999;  display: none; }



.show_dan .ppp a{ font-size:18px;font-size:1.8rem; text-transform: unset; color:#333; font-family: 'FuturaStdLight';padding-top: 13px; 



     width: 206px; margin: 0 auto; border-bottom: 1px solid #c9c9c9;  text-align: left;  line-height: 40px; display: block;  margin-bottom: 7px;}











.show_dan>ul{  width: 206px; margin: 0 auto;  }



.show_dan>ul>li{ font-size:16px;font-size:1.6rem;color:#333; line-height: 36px; background: url( ../images/sanjiao.png ) no-repeat left 5px top 23px; padding-left: 15px; padding-top:10px; position: relative;  }



.show_dan>ul>li a{  color: #333333; }











.show_dan>ul>li:hover .sanji{ display: block;  }







.sanji { position: absolute; left: 100%;  background: #f6f6f6; display: none; top:0;  border-radius: 5px; }



.sanji ul{  width: 206px; margin: 0 auto;  }



.sanji ul li{ font-size:16px;font-size:1.6rem;color:#333; line-height: 36px; padding-left: 30px; }



.sanji ul li a{  color: #333333; }



















.form{ background: url( ../images/suosou.png ) no-repeat left center; width: 212px; height: 30px; margin-top: 25px; position: relative;    }



.form .tet{ display: block;  background: none; width: 90%; line-height: 30px; height: 30px; padding-left: 11px; font-size:14px;font-size:1.4rem;color:#a4a4a4;font-family: 'FuturaStdLight'; }



.form .suo{ background: url( ../images/fangduo.png ) no-repeat center center; position: absolute; right: 0; width: 38px; height: 30px;  font-size: 0; top:0; cursor: pointer;  }















/* .dannav */



.dannav{  margin-top: 10px; display: none;  }



.dannav>li { float: left;  width: 25%; line-height: 25px;  text-align: center;  position: relative;   }



.dannav li>a{ display: block;  color: #fff; text-align: center;   font-size:14px;font-size:1.4rem;color:#fff;   }



.dannav li:hover a{ color: #c9181f;  }



.dannav li.on a{ color: #c9181f;  }



















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



    .headnav ul li{ padding-left: 10px; padding-right: 10px; }



    .logo img{ display: block; max-width:159px;  width: 80%; }



}



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



    .headnav ul li{ padding-left: 12px; padding-right: 10px; }



    .logo img{ display: block; max-width:124px;  width: 100%; }



}







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



     .head{ padding-bottom: 0px; border-bottom: 0; background:#373737 url( ../images/headbj.jpg ) no-repeat top center;  } 



    .headnav{ display: none; }  



    .dannav{ display: block; }



    .form{; display:none !important }



    .logo{ margin-top: 0px; }



    .logo img{ display: block; max-width:189px;  width: 80%; }







}











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







}































/*lun bo*/



.index_focus {position: relative;width: 100%;height:750px;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 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}



.index_focus .slide_nav {position: absolute; bottom:22px; left:50%; margin-left:-68px; z-index:9998 }



.index_focus .slide_nav a{ width:14px; height:14px; cursor:pointer;float:left; margin-right:10px; margin-left:10px; background:#fff;}







.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:#c9181f;}







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



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



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











.index_focus_pre:hover { background:url(../images/balefton.png) no-repeat;}



.index_focus_next:hover {background:url(../images/barighton.png) no-repeat;}























.index_focus2 {position: relative;width: 100%;height:436px;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 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}



.index_focus2 .slide_nav {position: absolute; bottom:22px; left:50%; margin-left:-68px; z-index:9998 }



.index_focus2 .slide_nav a{ width:14px; height:14px; cursor:pointer;float:left; margin-right:10px; margin-left:10px; background:#333;}















.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:#c9181f;}







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



.index_focus_pre2 {left: 12.1%; background:url(../images/baleft.png) no-repeat;}



.index_focus_next2 {right:12.1%;background:url(../images/baright.png) no-repeat;}











.index_focus_pre2:hover { background:url(../images/balefton.png) no-repeat;}



.index_focus_next2:hover {background:url(../images/barighton.png) no-repeat;}











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



.index_focus {height:456px;}



.index_focusn{height:456px;}



.index_focusn img {width: 80%;}



.index_focus2 {height:348px;}



.index_focusn2 {height:348px;}



.index_focusn2 img {width: 80%;}







.index_focus_pre {left: 10px; background:url(../images/baleft.png) no-repeat;}



.index_focus_next {right:10px;background:url(../images/baright.png) no-repeat;}















}



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



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



.index_focus {display: none}



.index_focus2 {display: none}







.carousel{width: 100%;position: relative;overflow: hidden; z-index:9999;margin-top: 83px; }



.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:5px; top:80%;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:#c9181f;}



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



}







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







    .carousel{margin-top: 88px; }



}











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



    .carousel{margin-top: 86px; }



}











/* danmain1 */



.danmain1 {  padding-top: 85px; padding-bottom: 78px; background:url(../images/bejingdu.jpg) no-repeat 84% 33px }



.danmain1 a:hover{ color:#c9181f;  }



.danmain1 .tit{  padding-bottom: 50px;font-family: 'FuturaStdMedium';font-size:36px;font-size:3.6rem;color:#373737; display: block; text-align: center; width: 100%; text-transform: uppercase;  line-height: 24px;  }



.danmain1 .tiitle{  display: block;  font-size:16px;font-size:1.6rem;color:#333; width: 100%;  line-height: 24px;  font-family: 'FuturaStdLight';}











.m1_ul{ max-width: 927px; width: 100%; margin: 0 auto;  margin-top: 41px; }



.m1_ul li{ float: left;  margin-left: 114px; }



.m1_ul li .img{  padding-bottom: 26px; }



.m1_ul li .img img{ display: block; max-width:146px; max-height: 146px; width: 100%; margin: 0 auto;  }







.m1_ul li span{ display: block; width: 100%; text-align: center; font-size:18px;font-size:1.8rem;color:#000000;font-family: 'FuturaStdLight'; text-transform: uppercase;  }







.m1_ul li:hover span{ color:#ed1c24;  }















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



    .danmain1 {  padding-top: 40px;}



    .danmain1 .tit{ font-size:26px;font-size:2.6rem; padding-bottom: 20px; }







    .m1_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%!important; }



}







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



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



}











/*main1*/



.main1{min-height: 597px;     background: url(../images/shengbj.png) no-repeat top center;}



.main1 .wp{ padding-top: 40px;  }











.main1 .top{ float: right;   padding-left: 68px;  background: url(../images/shixianbj.png) no-repeat  left bottom ; padding-bottom: 8px;  }



.main1 .top span{display: block;font-size: 16px; font-size: 1.6rem; line-height: 24px;    color: #666666;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}



.main1 .top>span,



.main1 .top a{display: block;float: left;padding: 10px 0;padding-top: 12px; font-family: 'FuturaStdLight'; color: #666666;  }



.main1 .top>span{padding:6px 14px;  color: #ccc; font-family: 'FuturaStdLight';  }



.main1 .top>span:first-child{display: none;}



.main1 .top a span{line-height: 16px;  color: #666666;    font-family: 'FuturaStdHeavy';}







.main1 .top a:hover span,.lansedu span{ color: #c9181f !important;}



.main1 .info .des:hover a{ color: #c9181f;}







.main1 .middle{}



.main1 .info{float: left;width:283px;padding-top: 38px;}



.main1 .info .title{font-family: 'FuturaStdLight'; font-size:48px; font-size: 4.8rem; text-transform: uppercase;  color: #333333; }





.main1 .info .title2{font-family: 'FuturaStdLight'; font-size:48px; font-size: 4.8rem; text-transform: uppercase;  color: #333333; }



.main1 .info .title span{display: block;font-family: 'FuturaStdLight'; font-size:48px; font-size: 4.8rem; text-transform: uppercase;  color: #333333;margin-left: 82px;white-space:nowrap;}



.main1 .info .des{font-size: 16px; font-size: 1.6rem;  color: #333;line-height: 26px;margin-top: 26px; font-family: 'FuturaStdLight';  }



.main1 .info .more{display: block;width: 178px;height: 38px;margin-left:30px; line-height: 38px;font-size: 16px; font-size: 1.6rem;  color: #c9181f;



    border: 1px solid #c9181f;text-align: center;margin-top: 68px;font-family: 'FuturaStdLight';}







.main1 .info .more:hover{color: #fff;background: #c9181f;}



.main1 .cont{float: right;width: 855px;height: 381px;padding-top: 84px;}



.main1 .cont ul{display: none;}







.main1 .cont ul .dan_wrap{max-width: 256px; width:100%;  margin: 0 auto; position: relative;  overflow: hidden;   }



.main1 .cont ul .dan_wrap .im_fu{ display: block;  position: absolute; top:100%; }



.main1 .cont ul .dan_wrap .im_fu img{ display: block; }



.main1 .cont ul .dan_wrap:hover .im_fu{ top:0; }







.main1 .cont ul .dan_wrap:hover a{color: #c9181f;}







.main1 .cont li{float: left;width: 256px;margin-left: 40px;}



.main1 .cont li a{display: block;}



.main1 .cont li .img:hover{-webkit-box-shadow:0px 2px 50px #e6e5e3;-moz-box-shadow:0px 2px 50px #e6e5e3;box-shadow:0px 2px 50px #e6e5e3;}



.main1 .cont li .img img{width: 100%;max-width: 256px;}



.main1 .cont li .title{font-size: 16px; font-size: 1.6rem;  color: #333;margin-top: 17px; font-family: 'FuturaStdLight'; overflow:hidden; text-align:center; line-height:25px; height:25px; overflow:hidden}



.main1 .cont li .des{font-size: 14px;color: #4d4d4d;line-height: 29px;margin-top: 7px;}











.main1.copy{padding-bottom: 0;margin-top: 40px;background:url(../images/bg-main1-copy.png) no-repeat  95% top; padding-top: 0; margin-top: 0; }



.main1.copy .wp{ padding-top: 31px;  }



.main1.copy .top{float: left;min-width: 849px;  background: url(../images/shixianbj1.png) no-repeat  right bottom ; padding-left: 0; }



.main1.copy .info{float: right;}



.main1.copy .info .title span{margin-left: 201px;}



.main1.copy .cont{float: left;}





















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



    .main1 .cont{ width: 655px; }



    .main1 .cont li{ margin-left: 1%!important; margin-right: 1%!important; width:31%  }



    .main1 .top{ padding-left: 0; }



    .main1 .info .title span{ padding-left: 4px; margin-left: 4px; }



    .main1 .cont{ height: auto;  padding-top: 40px;}



    .main1.copy .cont{ height: auto; }



}











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



    .main1 .cont {  width: 555px;}



}











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







    .main1.copy .top{ width: 100%; min-width: 100%; }



    .main1.copy .info .title span{ margin-left: 0; }



    .main1.copy .info .title span{ margin-left: 0; }



    .main1 .cont {  width: 100%;  float: none; }



    .main1 .info{ float: none; width: 100%; }







    .main1 .top>span{ display: none;  }







    .main1 .top a{  width: 50%;  }







    .main1 .info .more{ margin-top: 20px; }



    .main1 .info .title{ font-size: 4rem;  padding-top: 20px; }



    .main1.copy .info .title span{ font-size: 4rem;  }



    .main1 .info .title span{ }{ font-size: 4rem;  }











}







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



.main1 .top a{  width: 100%;  }

.main1 .top{ float: none;   padding-left: 68px;  background: url(../images/shixianbj.png) no-repeat  left bottom ; padding-bottom: 8px;  }






}















/*  main5  */



.main5{ padding-top:82px; overflow:hidden; padding-bottom:75px; width: 100%; }



.m5biao{ display:block; text-align:center; font-size:48px; font-size:4.8rem; line-height:60px;    font-family: 'FuturaStdMedium';}



.m5biao:hover{ color: #c9181f; }



.m5l{ width:511px; float:left; position:relative; margin-top:46px;}



.m5ltu{ display:block; text-align:center;}



.m5ltu img{ width:100%; max-width:511px; max-height:331px; display:block}



.m5fu{ position:absolute; height:101px; width:100%; left:0px; bottom:0px; background:#000 url(../images/daxie.png) no-repeat right top; background:rgba(0,0,0,0.7) url(../images/daxie.png) no-repeat right top;}



.m5fu span{ display:block; width:113px; position:absolute; right:0px; background:url(../images/shizhong.jpg) no-repeat top center; padding-top:17px;font-family: 'FuturaStdMedium'; line-height:26px; color:#fff; text-align:center; top:31px;}



.m5zi{ padding-left:23px; padding-right:113px;}



.m5zi>a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#fff;    font-family: 'FuturaStdBook'; margin-top:16px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}



.m5zi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; color:#cccccc;font-family: 'FuturaStdLight'; 



     margin-top:4px;}



.m5zi:hover a{ color:#c9181f;}







.m5r{ width:670px; float:right; margin-bottom:33px;}



.m5lie{ position:relative; background:#333333 url(../images/daxie.png) no-repeat right top; min-height:77px; margin-top:15px;}



.m5rtu{ display:block; width:119px; position:absolute; left:0px; top:0px;}



.m5rtu img{ width:100%; max-width:393px; max-height:331px;}



.m5lie span{ display:block; width:101px; position:absolute; right:0px; background:url(../images/shizhong.jpg) no-repeat top center; padding-top:17px;font-family: 'FuturaStdMedium'; line-height:26px; color:#fff; text-align:center; top:31px;}



.m5rzi{ padding-left:136px; padding-right:110px;}



.m5rzi>a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#fff;font-family: 'FuturaStdBook';



    white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-top:16px;}







.m5rzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#c3c3c3; margin-top:4px;font-family: 'FuturaStdBook';;overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis; }



.m5rzi:hover a{ color:#c9181f;}

.selected {color:#c9181f;}



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



.m5r{ width:460px;}



}



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



.m5l{ width:100%; max-width:511px; float:none; margin:auto; margin-top:17px;}



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



}



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



.m5biao{ font-size:20px; font-size:2rem;}



.m5rzi{ padding-left:10px; padding-right:10px; padding-top:110px; padding-bottom:10px;}



.m5rzi p a{ height:auto;}



}























/*  main4  */



.main4{ margin-top:0px;}



.m41{ width:215px; float:left; position:relative; overflow:hidden;}



.m41>img{ width:100%; max-width:215px; max-height:298px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}



.m4fu{ position:absolute; width:100%; height:100%; top:100%; left:0px; background:#000; background:rgba(0,0,0,0.7);filter:alpha(opacity=70); transition:0.5s;}



.m4zi{ display:block; position:absolute; font-size:16px; font-size:1.6rem; color:#fff; line-height:28px; text-align:center; width:100%; top:50%; margin-top:32px;



     font-size:14px;font-size:1.4rem;color:#fff;   font-family: 'FuturaStdLight'; }



.m4jia{ display:block; text-align:center; position:absolute; width:100%; height:100%;}



.m4jia img{ width:42px; height:42px; position:absolute; top:50%; margin-top:-28px; left:50%; margin-left:-21px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}











.m42{ width:454px; float:right; }



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



.m421>img{ width:100%; max-width:454px; max-height:156px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}



.mat{ margin-top:12px;}







.m43{ width:512px; float:left; position:relative; overflow:hidden; margin-left: 9px; }



.m43>img{ width:100%; max-width:512px; max-height:298px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}



.m44{ width:441px; float:left; position:relative; margin-bottom:10px; overflow:hidden;}



.m44>img{ width:100%; max-width:441px; max-height:258px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}



.m45{ width:442px; float:left; position:relative; margin-left:9px; margin-bottom:10px; overflow:hidden;}



.m45>img{ width:100%; max-width:442px; max-height:258px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}



.m46{ width:299px; float:right; position:relative; margin-bottom:10px; overflow:hidden;}



.m46>img{ width:100%; max-width:299px; max-height:258px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}







.m41:hover .m4fu,.m421:hover .m4fu,.m43:hover .m4fu,.m44:hover .m4fu,.m45:hover .m4fu,.m46:hover .m4fu{ top:0px;}



.m41:hover>img,.m421:hover>img,.m43:hover>img,.m44:hover>img,.m45:hover>img,.m46:hover>img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}







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



.m41{ width:176px;}



.m42{ width:365px;}



.m43{ width:418px;}



.m44{ width:355px;}



.m45{ width:355px;}



.m46{ width:243px;}



}







/* 



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



.clear3{ display:none}



.m41{ width:100%; max-width:215px; float: none; margin: 0 auto; }



.m42{ width:49%; max-width:454px ; float:none; margin-left:auto; margin: 0 auto; }



.m43{ width:100%; max-width:512px; float:none; margin:auto; margin-top:20px;}



.m44{ width:49%; max-width:441px; float:left; margin:auto; margin-top:0px;}



.m45{ width:49%; max-width:442px; float: right;  margin-left:auto;}



.m46{ width:100%; max-width:299px;  float: none; margin: 0 auto;}



.m4fu{ top:0px; background:#000; background:rgba(0,0,0,0.3);filter:alpha(opacity=70); transition:0.5s;}



} */











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



.main4{ margin-top:30px;}



.m41{ width:100%;  max-width:215px; float:none; margin:auto; margin-top:20px;}



.m42{ width:100%;  max-width:454px ;float:none; margin:auto; margin-top:20px;}



.m43{ width:100%; max-width:512px; float:none; margin:auto; margin-top:20px;}



.m44{ width:100%; max-width:441px; float:none; margin:auto; margin-top:20px;}



.m45{ width:100%; max-width:442px; float:none; margin:auto; margin-top:20px;}



.m46{ width:100%; max-width:299px;  float:none; margin:auto; margin-top:20px;}



.m4fu{ top:0px; background:#000; background:rgba(0,0,0,0.3);filter:alpha(opacity=70); transition:0.5s;}







.m4zi{ margin-top: 13px; }



}



















































































/* footer */







.footer{ background: #252525;  color: #fff; padding-bottom: 31px;  font-size:16px;font-size:1.6rem; line-height: 30px;  }



.footer .wp{padding-top: 29px;}







.footer p { color: #fff;    font-family: 'FuturaStdLight';font-size:16px;font-size:1.6rem; line-height: 30px;}



.footer li { color: #fff;    font-family: 'FuturaStdLight';  font-size:16px;font-size:1.6rem; line-height: 30px; }



.footer a{ color: #fff;     font-family: 'FuturaStdLight';  font-size:16px;font-size:1.6rem; line-height: 30px; }



.footer a:hover{ color: #c9181f; }







.footer .fon_lefttit{ padding-top: 10px; }



.footer .fon_lefttit img{ display: block; padding-top: 7px; }







.footer .tit{ font-family: 'FuturaStdLight';font-size:20px;font-size:2rem;color:#fff;  margin-bottom: 28px; }



.footer .tit a{ padding-bottom: 14px; font-family: 'FuturaStdMedium';font-size:20px;font-size:2rem;color:#fff;border-bottom: 1px solid #5d5d5d;  }







.fon_left{  width:378px; float: left;   }



.fon_center1{ width: 181px;  float: left; margin-left: 77px; }



.fon_center2{  width: 249px; float: left; }



.fon_right{ width: 244px;float: right;  }







.fon_left .coxin{ margin:auto; margin-top:18px;}



.fon_left .coxin .xing{ background: #fff url(../images/xing.png) no-repeat 14px 9px;}



.fon_left .coxin .int1{ font-family: 'FuturaStdLight';width:352px; height:34px;  padding-left:27px; margin-top:9px; float:left; font-size:16px; font-size:1.6rem;  line-height:34px;}



.fon_left .coxin textarea{font-family: 'FuturaStdLight'; width:352px; height:64px; background: #fff url(../images/xing.png) no-repeat 14px 13px;  padding-left:27px; margin-top:9px; float:left; font-size:16px; font-size:1.6rem;  line-height:33px; padding-top:2px;}



.fon_left .coxin .int3{font-family: 'FuturaStdLight';width:82px; height:34px;  padding-left:27px; margin-top:9px; float:left; font-size:16px; font-size:1.6rem;  line-height:34px;}



.fon_left .coyanzheng{ width:105px; height:34px; float:left; margin-top:9px; margin-left:6px; cursor:pointer;}



.fon_left .coxin .int4{    font-family: 'FuturaStdLight'; width:153px; height:34px; float:right; margin-top:9px; background:transparent; font-size:16px; border: 1px solid #fff; color: #fff;  font-size:1.6rem;  cursor:pointer;}



.fon_left .coxin .int4:hover{ background:#c9181f; border:1px solid #c9181f; }







.fon_center1 ul{ margin-top: -6px; }







.fon_center2 ul li{ padding-left: 28px;}





.fon_center2 ul li.li2{ background: url( ../images/youni1.png ) no-repeat left 10px; }



.fon_center2 ul li.li3{ background: url( ../images/youni1.png ) no-repeat left 10px; }



.fon_center2 ul li.li4{ background: url( ../images/youni3.png ) no-repeat left 8px; }



.fon_center2 ul li.li5{ background: url( ../images/youni4.png ) no-repeat left 5px; line-height: 22px; }











.imh{  padding-top: 5px; }



.imh a{ margin-left: 6px; }







    



.links{ background: #464646; height: 39px; line-height: 39px; color: #fff;text-transform: uppercase; font-size: 14px; font-size: 1.4rem;font-family: 'FuturaStdLight'; }



.links p{font-family: 'FuturaStdMedium'; font-size: 14px; font-size: 1.4rem; color: #fff;   }



.links a{font-family: 'FuturaStdLight'; font-size: 14px; font-size: 1.4rem; text-transform:none !important;  color: #fff; padding-right: 10px;}



.links a:hover{ color: #c9181f;}







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







    .fon_left{  width:280px; float: left;   }



    .fon_center1{ width: 160px;  float: left; margin-left: 40px; }



    .fon_center2{  width: 249px; float: left; }



    .fon_right{ width: 244px;float: right;  }







    .fon_left .coxin .int1{ width: 90%; }  



    .fon_left .coxin textarea{ width: 90%; }  



    .fon_left .coxin .int4{ float: none; width: 100%; }







    .main1 .info .more{ margin-top: 30px; }



    .main1 .top>span{ padding-left: 8px; padding-right: 8px;  }







    .main1 .top a span{ font-size:14px;font-size:1.4rem; }



}







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



    



    .fon_left{  width:280px; float: left;   }



    .fon_center1{ width: 129px;  float: left; margin-left: 29px; }



    .fon_center2{  width: 249px; float: left; }



    .fon_right{ width: 244px;float: right;  }







}







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



    



    .fon_left{ width: 100%; float: none;  margin-bottom: 20px; }



    .fon_center1{ width: 100%; float: none;  margin-left: 0px; margin-bottom: 20px;  }



    .fon_center2{  width: 100%; float: none;  margin-bottom: 20px;  }



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







    .fon_left .coxin .int1{ width: 95%; }  



    .fon_left .coxin textarea{ width: 95%; }  







    .fon_left .coxin .int4{ width:300px; padding-left: 0px; margin-left: 20px; }



}







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



    



.fon_left .coxin .int1{ width: 90%; }  



.fon_left .coxin textarea{ width: 90%; }  







.fon_left .coxin .int4{ width:80px; padding-left: 0px; margin-left: 20px; }







}







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







.fon_left .coxin .int4{ width: 99%; ; margin-left: 0px;}







}











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



    .links{ display: none; }







}















/* break */







.break{ padding-top: 8px; }



.break p{ padding-left: 35px; background:url( ../images/fangzi.png ) no-repeat left 2px;  font-family: 'FuturaStdLight'; font-size:16px;font-size:1.6rem;color:#333; line-height: 26px;  }







.break p a{     font-family: 'FuturaStdLight'; font-size:16px;font-size:1.6rem;color:#333;  }



.break p a:hover{ color: #c9181f;  }



.break p a.on{ color: #c9181f;  }



















/* about */



.about{ padding-top: 40px;  padding-bottom: 37px; }















/*mouse hands*/



.about #tsShopContainer li,#tsShopContainer img{vertical-align:top;}



.about #tsShopContainer{position:relative; float:left; margin-top:6px;



width:643px;}



.about #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}



.about #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}



.about #tsShopContainer #tsImgS img{border:1px;}



.about #tsShopContainer #tsPicContainer{width:100%;position:relative;



height:94px;



margin-top: 15px;



}



.about #tsShopContainer #tsPicContainer #tsImgSArrL{width:21px;position:absolute;top:0px;left:0px;cursor:pointer;



height:93px;background:url(../images/prleft.png) no-repeat left center;}



.about #tsShopContainer #tsPicContainer #tsImgSArrR{width:21px;position:absolute;top:0px;right:4px;cursor:pointer;



height:93px;background:url(../images/prright.png) no-repeat right center;} 











.about  #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:1px;left:31px;width:1px;overflow:hidden;



height:93px;}



.about #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}



.about #tsShopContainer #tsPicContainer #tsImgSCon li{width:137px;float:left;cursor:pointer;margin-left: 0px;margin-bottom: 0; padding-right: 10px;  }



.about  #tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; border: 3px solid transparent; 



width:130px;}



.about  #tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;



width:130px;



height:82px;}



.about #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{ border:3px solid #c9181f; }



/*



teer.js



tsScrollResize



offsetWidth*3



*/



.about .MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}



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



.about .MagicZoomMain{text-align:center !important;width: 92px;}







.MagicZoomBigImageCont img{width: 1200px!important;height:932px!important;display: block;}



















.about_right{  width: 500px; }



.about_right .title{ font-family: 'FuturaStdHeavy';font-size:18px;font-size:1.8rem;color:#333; }



.about_right p{ font-family: 'FuturaStdLight'; font-size:16px;font-size:1.6rem;color:#333; line-height: 24px;  padding-top: 10px; padding-top: 18px;  padding-bottom: 6px; }







.about_right table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 26px; border:#333 solid 1px}



.about_right tr td{ line-height:24px; padding:2px;}





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



.about_right a{ color:#c9181f}



.ab_time{ background: url( ../images/aboutbj.png ) no-repeat top center;  padding-top: 111px; padding-bottom: 93px; }



.ab_time img{ display: block; max-width: 100%; margin: 0 auto; }















.ab_show{ width: 100%; display: none;  }



.ab_show li{ float: left;  width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom:10px; }



.ab_show li img{ display: block; max-width: 100%; margin: 0 auto; }



























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



    .about_right{ width:300px; }



    .about_right p{ padding-top: 5px; }



} */



    











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



    .about #tsShopContainer{ display: none;  }



    .ab_show{  display: block; margin-bottom: 20px;  }



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



}

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

.about_right table{ width:800px}



.about_right .table{ overflow:scroll}

}



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



    .ab_time{ background: url( ../images/aboutbj.png ) no-repeat top center;  padding-top: 50px; padding-bottom: 50px; }







}







/* about2 */







.about2{ padding-top: 41px;  }







.about2 .title{ font-size: 36px; font-size: 3.6rem;  text-align: center; width: 100%; font-family: 'FuturaStdLight'; color: #333; }







.ab_ul li{width: 375px; margin-left: 37px; float: left;  margin-top: 31px; margin-bottom: 20px; }



.ab_ul .dan_wrap{ max-width: 375px; width: 100%; margin: 0 auto; position: relative; overflow: hidden;  }



.ab_ul li a{ display: block;  }



.ab_ul li img{ display: block; max-width:375px; max-height: 242px; width: 100%; margin: 0 auto;   }



.ab_ul .dan_wrap .fu{  position: absolute; top:100%; }



.ab_ul .dan_wrap:hover .fu{  position: absolute; top:0; }











.ab_ul .wenzi{ max-width: 375px; width: 100%; margin: 0 auto; }







.ab_ul .wenzi .time{ text-align: center; padding-top: 17px;  }



.ab_ul .wenzi .time span{ display: inline-block;   font-family: 'FuturaStdLight'; background: url( ../images/ab_time.png ) no-repeat left center;  padding-left: 25px; font-size:14px;font-size:1.4rem;color:#c9181f;  }



.ab_ul .wenzi .p{ padding-top: 6px; font-size:16px;font-size:1.6rem;color:#333;font-family: 'FuturaStdLight'; text-align: center; line-height: 24px; }























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







































/*page*/



.page{position: relative;margin:35px auto 78px;}



.page {text-align: center;}







.page a,.page span {display: inline-block;color: #333333; margin-right:10px;width: 24px;height: 24px;line-height: 24px; border: 1px solid #333333; text-align:center; border-radius: 0px;}



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



.page a.on,.page a:hover{background-color: #333333;color: #fff;}



.page a.first,.page span.first{width:59px;margin-right:14px;}



.page a.last,.page span.last{width: 59px;margin-left: 4px;}






.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;color: #333333;font-size: 14px;font-size: 1.4rem;cursor: pointer;border: 1px solid #f04608;}



























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



    .ab_ul li{ width:31%; margin-left: 1%!important; margin-right: 1%!important; }



}







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



    .ab_ul .dan_wrap .fu{  position: absolute; top:0; }



}











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



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



    .ab_show li{ float: left;  width:48%; margin-left: 1%; margin-right: 1%;  margin-bottom: 20px;  }



}







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



    .ab_ul li{ width:98%; margin-left: 1%!important; margin-right: 1%!important; }



}







  



/* product1 */



.product1{ padding-top: 21px; }















/* productright */



.productright{ width: 320px; }







.pro_suo { width: 100%;  height: 60px;  background: url( ../images/prod_suosu.png ) no-repeat top center; margin-bottom: 22px; }



.form1{ background: url( ../images/suosou1.png ) no-repeat left center; width: 292px; height: 30px; margin: 0 auto; margin-top: 25px; position: relative; top:15px;   }



.form1 .tet{ display: block;  background: none; width: 90%; line-height: 30px; height: 30px; padding-left: 11px; font-size:14px;font-size:1.4rem;color:#a4a4a4;font-family: 'FuturaStdBook';}



.form1 .suo{ background: url( ../images/fangduo.png ) no-repeat center center; position: absolute; right: 0; width: 38px; height: 30px;  font-size: 0; top:0; cursor: pointer;  }











.pro_title{ background:url( ../images/productitibj.png ) no-repeat center center; line-height: 66px; border-radius: 5px 5px 0px 0px ; text-align: center; }



.pro_title a{ color: #fff;font-family: 'FuturaStdMedium'; font-size: 40px; font-size: 4rem; text-align: center;  text-transform: uppercase;   }















.pro_title1{ background:url( ../images/listtit.png ) no-repeat center center; line-height: 60px;text-align: center; margin-top: 37px; margin-bottom: 8px;}



.pro_title1 a{ color: #fff;font-family: 'FuturaStdMedium'; font-size: 30px; font-size: 3rem; text-align: center;  text-transform: uppercase;   }















.product1 .subNavBox{background:#f4f4f4; }



.product1 .subNav{cursor: pointer;  border-bottom: 1px solid #ececec;  }



.product1 .subNav>a{display: block;     font-family: 'FuturaStdBold';line-height:48px; padding-left:20px; font-size:18px; font-size:1.8rem; color:#333333; transition:0s;



     background: url( ../images/projiaoh.png ) no-repeat 95% center; }



.product1 .subNav:hover a{  color:#c9181f;}



.lansezhi{ color:#c9181f !important;}



.product1 .currentDd a{ background:#f4f4f4; color:#c9181f;  background: url( ../images/projiano.png ) no-repeat 95% center; }



.product1 .navContent{ display: none;position: relative; }



.product1 .navContent>li{  border-bottom: 1px solid #ececec; }



.product1 .navContent>li>a{  display:block; font-family: 'FuturaStdLight'; font-size:16px;font-size:1.6rem;color:#333;



padding-bottom: 0px;  padding-left:57px;line-height: 48px;}



.product1 .navContent>li:hover>a {  background:#e1e1e1; color: #c9181f;}







.navdl{ display: none; }



.navContent>li>dl>dd{ padding-left: 80px;  border-top: 1px solid #ececec; }



.navContent>li>dl>dd>a{  font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; background: #f4f4f4;   font-family: 'FuturaStdLight'; line-height: 48px; }



.navContent>li>dl>dd> a:hover{ color: #c9181f;   }







.product1 li.navContent-lion>a{ background:#e1e1e1; color: #c9181f;}















.pro_lestul{ width: 233px; margin-left: 23px; }







.pro_lestul li{ padding-left: 28px; line-height: 30px; font-size:16px;font-size:1.6rem;color:#333; font-family: 'FuturaStdLight';}



.pro_lestul li.li1{ background: url( ../images/youni.png ) no-repeat left 10px; }



.pro_lestul li.li2{ background: url( ../images/youni1.png ) no-repeat left 10px; }



.pro_lestul li.li3{ background: url( ../images/youni2.png ) no-repeat left 10px; }



.pro_lestul li.li4{ background: url( ../images/youni3.png ) no-repeat left 8px; }



.pro_lestul li.li5{ background: url( ../images/youni4.png ) no-repeat left 5px; line-height: 22px; margin-bottom:30px; }







.pro_lestul li:hover a:hover{ color: #c9181f;  }











/* productleft */



.productleft{ width: 826px; }



.pro_ul{ }



.pro_ul li{ width: 251px; float: left; margin-left: 36px; background: url( ../images/proimgbj.png ) no-repeat bottom center; padding-bottom: 21px;  margin-top: 25px; margin-bottom: 13px; }



.pro_ul li .pro_erapr{ max-width: 251px; width: 100%; margin: 0 auto;   background: #f8f8f8;  }



.pro_ul li .dan_wrap { position: relative; margin: 0 auto;   max-width: 243px;  max-height: 243px; overflow: hidden; }



.pro_ul li .dan_wrap .fu{ position: absolute; top:100%; }



.pro_ul li:hover .dan_wrap .fu{ top:0; }



.pro_ul li .dan_wrap  a{ display: block;  }



.pro_ul li img{ display: block; max-width: 243px; max-height: 243px; width: 100%; margin: 0 auto; margin-top: 4px;  }



.pro_ul li .wenzi{ height:50px;    font-family: 'FuturaStdLight'; padding-top: 11px; padding-bottom: 15px;  font-size:16px;font-size:1.6rem;color:#333; max-width: 207px; width: 100%; margin: 0 auto; text-align: center; line-height: 24px; }



.pro_ul li:hover .wenzi a{ color: #c9181f;  }







.product1 .page { margin: 27px auto 74px;}























/* .product */



.product2{ padding-bottom: 74px;  }











.pro2_wrap{  padding-top: 19px; margin-bottom: 49px;  }











/*mouse hands*/



.productleft #tsShopContainer li,#tsShopContainer img{vertical-align:top;}

.productleft #tsShopContainer{position:relative; float:left; margin-top:6px;

    width:408px;}

.product2 #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}

.product2 #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; border: 2px solid #b9b9b9; }

.product2 #tsShopContainer #tsImgS img{border:1px;}

.product2 #tsShopContainer #tsPicContainer{width:100%;position:relative;  height:94px;  margin-top: 12px;}

.product2 #tsShopContainer #tsPicContainer #tsImgSArrL{width:22px;position:absolute;top:0px;left:0px;cursor:pointer;

    height:93px;background:url(../images/prleft.jpg) no-repeat left center;}

.product2 #tsShopContainer #tsPicContainer #tsImgSArrR{width:22px;position:absolute;top:0px;right:0px;cursor:pointer;

    height:93px;background:url(../images/prrighth.jpg) no-repeat right center;} 

.product2 #tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/prlefth.jpg) no-repeat left center;}

.product2 #tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/prright.jpg) no-repeat right center;} 

.product2 #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:1px;left:31px;width:1px;overflow:hidden;  height:100px;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li{width:114px;float:left;cursor:pointer;margin-left: 4px;margin-bottom: 0; }

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;  width:96px; border: 2px solid #b9b9b9; }

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;  width:96px;   height:96px;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{ border: 2px solid #666666;   }

.product2 .MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}

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

.product2 .MagicZoomMain{text-align:center !important;width: 92px;}



/* .MagicZoomBigImageCont img{width: 1200px!important;height:932px!important;display: block;} */































.pro2_right{  width:383px; }



.pro2_right h1{ padding-bottom: 6px; font-weight: normal; font-family: 'FuturaStdHeavy'; font-size:20px;font-size:2rem;color:#333; border-bottom: 1px solid #c9181f;  }







.pro2_wenzi{ line-height:24px; margin-top: 10px; font-family: 'FuturaStdHeavy'; }



.pro2_wenzi .tit{ font-family: 'FuturaStdHeavy'; font-size:18px;font-size:1.8rem;color:#c9181f;  padding-top: 34px;  padding-bottom: 5px;}



.pro2_wenzi p{ font-size:16px;font-size:1.6rem;color:#333; line-height: 24px; font-family: 'FuturaStdHeavy';  }



.pro2_proul { padding-top: 20px; }



.pro2_proul p{  font-size:16px;font-size:1.6rem;color:#333; line-height: 24px; font-family: 'FuturaStdLight'; }























.par_show{ width: 100%; display: none;  }



.par_show li{ float: left;  width: 23%; margin-left: 1%; margin-right: 1%;  }



.par_show li img{ display: block; max-width: 100%; margin: 0 auto; }















.pro_wrap_img{ margin-bottom: 20px;}



.pro_wrap_img p{ line-height:24px;  font-family: 'FuturaStdLight'; }



.pro_wrap_img p img{ line-height:24px; width:100%; }



.pro_wrap_img .ul_pro_tit{ padding-bottom: 3px;font-family: 'FuturaStdLight'; font-size: 24px; font-size: 2.4rem; color: #373737;  border-bottom: 2px solid #dadada;  text-transform: uppercase; }



.pro_wrap_img .ul_img{margin-top: 36px; margin-bottom: 41px;}



.pro_wrap_img .ul_img img{ display: block; max-width: 100%; margin: 0 auto; }







.pro_int{ }



.pro_int a{ display: block; font-size:14px;font-size:1.4rem;color:#333;  background: #e0e0e0; width: 180px; height: 34px; line-height: 34px; text-align: center;  font-family: 'FuturaStdLight'; text-align: center; }



.pro_int a:hover{ background: #333333; color: #fff; }















.pro_xx p{ font-size:14px;font-size:1.4rem;/*color:#333; */line-height: 30px; font-family: 'FuturaStdLight'; }



.pro_xx p span ,.pro_xx span { font-size:14px;font-size:1.4rem;/*color:#333; */line-height: 30px; font-family: 'FuturaStdLight';}



.pro_xx p strong,.pro_xx strong{ font-size:14px;font-size:1.4rem;/*color:#333;*/ line-height: 30px; font-family: 'FuturaStdLight'; }



.pro_xx p a,.pro_xx  a{ font-size:14px;font-size:1.4rem;color:#d9bb57; line-height: 30px;font-family: 'FuturaStdLight';; }



.pro_xx p img,.pro_xx  img{ max-width: 100%; max-height: 360px; margin: 0 auto;font-family: 'FuturaStdLight';}



.pro_xx ul{ margin-left:5%;}

.pro_xx ul li{ list-style-type:square;}



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



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



.hot_ul1{  padding-bottom: 21px; }



.hot_ul1 li{ width: 190px; float: left; margin-left: 22px; background: url( ../images/proimgbj.png ) no-repeat bottom center; 



    padding-bottom: 21px;  margin-top: 10px; margin-bottom: -1px; }







.hot_ul1 li .pro_erapr{ max-width: 190px; width: 100%; margin: 0 auto;   background: #f8f8f8;  }



.hot_ul1 li .dan_wrap { position: relative; margin: 0 auto;   max-width: 190px;  max-height: 190px; overflow: hidden; }



.hot_ul1 li .dan_wrap .fu{ position: absolute; top:100%; }



.hot_ul1 li:hover .dan_wrap .fu{ top:0; }



.hot_ul1 li .dan_wrap  a{ display: block;  }



.hot_ul1 li img{ display: block; max-width: 190px; max-height: 190px; width: 100%; margin: 0 auto; margin-top: 4px;  }



.hot_ul1 li .wenzi{ font-family: 'FuturaStdLight'; padding-top: 5px; padding-bottom: 15px; color:#333; max-width: 162px; 



    width: 100%; margin: 0 auto; text-align: center; line-height: 18px; height:60px; overflow:hidden; line-height:25px }







.hot_ul1 li:hover .wenzi a{ color: #c9181f;  }















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



    .hot_ul1 li{ width: 23%;  margin-left: 1%; margin-right: 1%; }







    .pro_wrap_img>div { width: 48%; }



    .pro_int a{width: 48%;  }



}









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



.pro_xx table{ width:800px}



.pro_xx .table{ overflow:scroll}



}

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



    .hot_ul1 li{ width: 48%;  margin-left: 1%; margin-right: 1%; }



    .hot_ul1 li .dan_wrap .fu{ display: none; }



}



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



    .hot_ul1 li{ width: 98%;  margin-left: 1%; margin-right: 1%; }







    .pro_wrap_img>div { width: 100%; float: none; margin-bottom: 20px; }











}































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



    .product2{  width: 100%; overflow: hidden; }



    .pro2_right{  width:203px; }











}







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



    .productleft #tsShopContainer{ float: none; margin: 0 auto;  margin-bottom: 20px; }



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



}











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



    .productleft #tsShopContainer{  display: none; }



    .par_show{ width: 100%; display: block; margin-bottom: 20px;  }



    .pro2_right h1{ font-size:18px;font-size:1.8rem; }



    .par_show li{ width: 48%; margin-bottom: 10px; }



}



































/* new */



.newleft{ width:823px; }



.new_ul li {  margin-top: 25px;  padding-bottom: 9px; }



.new_ul li .dan_wrap{  padding-bottom: 18px; border-bottom: 1px dashed #dcdcdc; }







.new_ul li .wenzi{ width: 512px; }



.new_ul li .wenzi a{ display: block;  }



.new_ul li .img img{ display: block; max-width: 288px; max-height: 218px; width: 100%;  }



.new_ul li .wenzi .tit2{ color: #c9181f;     font-family: 'FuturaStdMedium'; font-size:18px;font-size:1.8rem; padding-top: 14px;padding-bottom: 21px; }



.new_ul li .wenzi .tit3{ font-size:14px;font-size:1.4rem;color:#333;  font-family: 'FuturaStdLight'; line-height: 26px; padding-bottom: 29px; }



.new_ul li .wenzi .more{ font-size:16px;font-size:1.6rem;color:#333;  font-family: 'FuturaStdLight'; text-transform: uppercase; text-align: center; width: 176px; height: 38px; 



     background: transparent; line-height: 40px; color: #333;  border:1px solid #333; border: 1px solid #333;  }











.new_ul li .wenzi .more:hover{  background: #333333;  color: #fff;  }



.new_ul li .wenzi .tit3:hover{   color: #c9181f;  }



.new_ul li .wenzi .tit2:hover{   color: #333;  }











.new1 .page {  margin: 51px auto 74px;}



















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



    .productleft{ width: 626px; }



    .pro_ul li .dan_wrap{ width: 95%; }



    .pro_ul li{ width:31%; margin-left: 1%!important; margin-right: 1%!important; }







    .newleft{ width:626px; }



    .new_ul li .wenzi{width: 312px; }











}







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



    .productleft{ width: 597px; }



    .pro_ul li{ width:31%; margin-left: 1%!important; margin-right: 1%!important; }







    .newleft {  width: 580px; }



    .new_ul li .wenzi{ width: 267px; }







}











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



    .productright{ width: 100%; float: none;  margin-bottom: 40px; }



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



    .pro_title{ background: #373737; }



    .pro_title1{ background: #373737; border-radius: 10px; }



    .pro_suo{ background: #373737; border-radius: 10px; }



    .pro_ul li .dan_wrap .fu{ display: none; }



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







    



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



    .new_ul li .wenzi{width: 100%; float: none;}



    .new_ul li .dan_wrap .img{width: 100%; float: none;  }







}







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



    .pro_ul li{ width:48%; }



}







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



    .pro_ul li{ width:98%; }



}







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



    .form1{ background: url( ../images/suosou.png ) no-repeat left center; width: 212px; height: 30px; margin-top: 25px; position: relative;    }



}















/* .new2 */











.new2 {  padding-bottom: 22px;}



.new2 .xqy {position: relative;}



.new2 .xqy .top1{margin-top: 44px;}







.new2 .xqy .top1 .title1{text-align: center;}



.new2 .xqy .top1 .title1 h1{font-size: 18px;font-size:1.8rem;color: #c9181f; font-weight: normal;     font-family: 'FuturaStdMedium'; }











.new2 .newsx p{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;margin-bottom: 26px; font-family: 'FuturaStdLight';}



.new2 .newsx p span,.new2 .newsx  span{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333; font-family: 'FuturaStdLight';}



.new2 .newsx p li{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333; font-family: 'FuturaStdLight';}



.new2 .newsx p strong,.new2 .newsx  strong{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333; font-family: 'FuturaStdLight';}



.new2 .newsx p img,.new2 .newsx  img{display: block;max-width: 100%;}







.new2 .newsx p a,.new2 .newsx  a{line-height: 26px;font-size:14px;font-size:1.4rem;color: #c9181f;}







.newsx table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 26px; border:#333 solid 1px}



.newsx tr td{ line-height:24px; padding:2px;}







.updown{padding-top: 12px; border-top: 1px dashed #dcdcdc;margin-bottom:67px;}



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



.updown p{ line-height: 32px;font-size: 14px;font-size:1.4rem;color: #333;  font-family: 'FuturaStdLight';}







.updown p .img{ display: inline-block; padding-right: 2px; }



.updown p .img img{ display: inline-block; position: relative;  top:2px; }







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



.updown p a{ font-size: 14px;font-size:1.4rem; color: #333;     font-family: 'FuturaStdLight';}



.updown p span{color: #666666;  }



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



















.hot{ font-size: 36px; font-size: 3.6rem;  text-transform: uppercase; border-bottom: 3px solid #d5d5d5; margin-bottom: 12px;  }



.hot1{ font-size: 24px; padding-bottom: 7px; font-size: 2.4rem;  text-transform: uppercase; border-bottom: 2px solid #d5d5d5;



     margin-bottom: 10px;  }























.hot_ul{  padding-bottom: 21px; }



.hot_ul li{ width: 251px; float: left; margin-left: 65px; background: url( ../images/proimgbj.png ) no-repeat bottom center; padding-bottom: 21px;  margin-top: 25px; margin-bottom: 13px; }



.hot_ul li .pro_erapr{ max-width: 251px; width: 100%; margin: 0 auto;   background: #f8f8f8;  }



.hot_ul li .dan_wrap { position: relative; margin: 0 auto;   max-width: 243px;  max-height: 243px; overflow: hidden; }



.hot_ul li .dan_wrap .fu{ position: absolute; top:100%; }



.hot_ul li:hover .dan_wrap .fu{ top:0; }



.hot_ul li .dan_wrap  a{ display: block;  }



.hot_ul li img{ display: block; max-width: 243px; max-height: 243px; width: 100%; margin: 0 auto; margin-top: 4px;  }



.hot_ul li .wenzi{     font-family: 'FuturaStdLight'; padding-top: 11px; padding-bottom: 15px;  font-size:16px;font-size:1.6rem;color:#333; max-width: 207px; width: 100%; margin: 0 auto; text-align: center; line-height: 24px; }



.hot_ul li:hover .wenzi a{ color: #c9181f;  }















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



    .hot_ul li{ width: 23%;  margin-left: 1%; margin-right: 1%; }



}

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

.newsx table{ width:800px}



.newsx .table{ overflow:scroll}

}



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



    .hot_ul li{ width: 48%;  margin-left: 1%; margin-right: 1%; }



}



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



    .hot_ul li{ width: 98%;  margin-left: 1%; margin-right: 1%; }



}











/* news1 */



.news1{ padding-top: 46px; padding-bottom: 22px; }











.news_ul{  }



.news_ul  li{ border-bottom: 1px dashed #dcdcdc; padding-bottom: 29px; margin-bottom: 45px; }



.news_ul .time{ width: 65px; height: 77px; background: #333333;    font-family: 'FuturaStdMedium'; text-align: center; margin-right: 22px; }



.news_ul .time span{ color: #fff; display: block; text-align: center;  }



.news_ul .time span.sp1{ font-size:14px;font-size:1.4rem; padding-top: 16px; padding-bottom: 7px;}



.news_ul .time span.sp2{ font-size:18px;font-size:1.8rem;}







.news_ul .img{ display: block;  }



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







.news_ul .wenzi{ width: 725px; }



.news_ul .wenzi a{ display: block;  }



.news_ul .wenzi .title{  padding-bottom: 16px;     font-family: 'FuturaStdMedium'; font-size:18px;font-size:1.8rem;color:#c9181f; line-height: 26px; position: relative; top: -6px;  }



.news_ul .wenzi .alside{  padding-bottom: 70px; font-size:14px;font-size:1.4rem;color:#333;font-family: 'FuturaStdLight'; line-height: 26px; }



.news_ul .wenzi .more{ display: block;  width: 176px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #333;



      font-size:16px;font-size:1.6rem;color:#333; }



.news_ul .wenzi .more:hover{ background: #333; color: #fff;  }











.news_ul .wenzi .title:hover{  color: #333;  }



.news_ul .wenzi .alside:hover{ color: #c9181f;  }











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



    .news_ul .wenzi { width: 518px; }



}







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



    .news_ul .wenzi { width: 454px; }



}







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



    .dan_new_wreap { width: 100%; float: none; padding-bottom: 30px;  }



    .news_ul .wenzi { width: 100%; float: none;  }



}







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



.news_ul .img{ width: 64%; }



.hot{ font-size: 3rem; }



}











































/* conatct */



.conatct{ padding-bottom: 74px; }







.conatct .title{  font-size: 40px; font-size: 4rem; text-align: center;font-family: 'FuturaStdMedium'; color: #333;  padding-top: 37px; padding-bottom: 8px; text-transform:uppercase }



.conatct .title_p{     font-family: 'FuturaStdBook';font-size:14px;font-size:1.4rem;color:#666666; text-align: center; padding-bottom: 29px; }







.con{ margin:auto; background: url( ../images/conatctbj.png ) no-repeat center 46px; }



.colie{ float:left; text-align:center;}



.codianhua{ width:156px; float:left;}



.coshouji{ width:200px; float:left; margin-left:168px;}



.coxinfeng{ width:250px; float:left; margin-left:130px;}



.codingwei{width:210px;  float:right;}



.cotu{ display:block; cursor: pointer; }



.cotu img{ width:90px; height:90px;}



.colie p{ font-size:16px; font-size:1.6rem; line-height:28px; color:#a8a8a8;  text-transform: uppercase; margin-top:14px; font-family: 'FuturaStdBook';}



.colie li{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:2px; height:73px; overflow:hidden; font-family: 'FuturaStdBook';}



.colie li a:hover{ color:#c9181f;}



.codingwei li{ font-size:14px; font-size:1.4rem; line-height:24px;  text-align: left; text-align: center; }











.con_wrap .coxin{ width:635px; margin:auto; margin-top:0px;}



.con_wrap .coxin .xing{ background:url(../images/xing2.jpg) no-repeat left top;}



.con_wrap .coxin .int1{ border-radius: 5px;    font-family: 'FuturaStdMedium';;  width:282px; height:40px; border:1px solid #c9c9c9; padding-left:16px; margin-top:26px; float:left; font-size:14px; font-size:1.4rem; line-height:40px;}



.con_wrap .coxin .int2{  border-radius: 5px;     font-family: 'FuturaStdMedium';  width:282px; height:40px; border:1px solid #c9c9c9; padding-left:16px; margin-top:26px; float:right; font-size:14px; font-size:1.4rem; line-height:40px;}



.con_wrap .coxin textarea{  border-radius: 5px;     font-family: 'FuturaStdMedium'; width:615px; height:175px; background:url(../images/xing2.jpg) no-repeat left 6px; border:1px solid #c9c9c9; padding-left:16px; margin-top:26px; float:left; font-size:14px; font-size:1.4rem; line-height:33px; padding-top:10px;}



.con_wrap .coxin .int3{  border-radius: 5px;     font-family: 'FuturaStdMedium'; width:190px; height:40px; border:1px solid #c9c9c9; padding-left:16px; margin-top:26px; float:left; font-size:14px; font-size:1.4rem; line-height:40px;}



.con_wrap .yanzheng{  float:left; margin-top:26px; margin-left:15px; cursor:pointer;}



.con_wrap .coxin .int4{      font-family: 'FuturaStdLight';width:250px; height:42px; float:right; margin-top:26px; border:1px solid #333; background: #fff;



    font-size:16px; font-size:1.6rem; color:#333333; cursor:pointer;  text-align:center  }







.ditu{ width:100%; max-width:521px; max-height:391px; margin-top:26px;}

.ditu iframe{ width:100%; }















#returnTop {width:47px;height:47px;_display:none;position:fixed;_position:absolute;z-index:999999999999999999999;right:20px;bottom:109px;_bottom:auto;text-indent:-999px;overflow:hidden;background:url(../images/topmain.png) no-repeat;_background:url(../images/topmain.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}



















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


















.con_wrap .coxin{ width: 502px; }



.con_wrap .coxin .int1{  width:200px;  }



.con_wrap .coxin .int2{  width: 200px;  }







.con_wrap .coxin textarea{ width: 483px; }



.con_wrap .coxin .int3{ width: 150px; }



.con_wrap .coxin .int4{ width: 157px; }



.ditu{ width: 450px; }



}



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



    .con{ background: none;}



.coshouji{ width:50%; margin-left:0px; height:200px;}



.coxinfeng{ width:50%; margin-left:0px; height:200px; }



.codingwei{ width:50%; height:200px;}



.codianhua{ width:50%; height:200px;}







.con_wrap .coxin{ width: 100%; }



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







.con_wrap .coxin{ width:100%; margin:auto;}



.con_wrap .coxin .int1{ width:95%; float:none;}



.con_wrap .coxin .int2{ width:95%; float:none;}



.con_wrap .coxin textarea{ width:95%;}



.con_wrap .coxin .int3{ width:25%;}



.con_wrap .coxin .int4{ width:25%; float:left; margin-left:15px;}











#returnTop {right:5px;}











}



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







.coshouji{ width:100%; margin-left:0px; height:auto; float:none;}



.coxinfeng{ width:100%; margin-left:0px; height:auto; float:none; }



.codingwei{  width:100%; margin-left:0px; height:auto; float:none;}



.codianhua{ width:100%; margin-left:0px; height:auto; float:none;}



.con_wrap .coxin{ width:100%; margin:auto;}



.con_wrap .coxin .int1{ width:90%; float:none;}



.con_wrap .coxin .int2{ width:90%; float:none;}



.con_wrap .coxin textarea{ width:90%;}



.con_wrap .coxin .int3{ width:90%;}



.con_wrap .yanzheng{ margin-left:auto;}



.con_wrap .coxin .int4{ width:30%; float:left; margin-left:15px;}







}





.child{background: #e1e1e1;color: #c9181f !important;}





.ab_dan{ display: none; width: 95%; margin: 0 auto  }

.ab_dan li { width: 50%; text-align: center; float: left; line-height: 30px;  background: #eee;   }

.ab_dan li a{  font-size:16px;font-size:1.6rem;color:#333;  }

.ab_dan li.on{ background: #c9181f; }

.ab_dan li:hover{ background: #c9181f; }

.ab_dan li.on a{ color: #fff; }

.ab_dan li:hover a{ color: #fff; }



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

    .ab_dan{ display: block;  }



}



.info990 {

    display: none!important;

}



.info999 {}



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

    .info990 {

        display: block!important;

        padding-top: 0px!important;

    }

    .info999 {

        display: none!important;

    }

}

.top20du{ font-family: 'FuturaStdLight'; font-size:14px; font-size:1.4rem}