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



*{margin: 0;padding: 0;}



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



body {margin: 0 auto;font-size: 14px;font-size: 1.4rem;height: 100%; font-family: "Arial";  }



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}



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



.l{ float:left;}



.r{ float:right;}



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







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



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







.zanwu{ padding-bottom:50px; padding-top:50px;}







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



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



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



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



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



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



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



}







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











.zitiop{ font-family: 'OPENSANSBOLD'; }















/*container*/



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



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



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



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



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



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



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



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



.container,.nav {display: none}



}



























/* nav_head */



.nav_head{ width:100%;  display: none; background: #fff; margin-bottom:10px; margin-top:10px;  }



.nav_head li { text-align: center; width: 24.5%; float: left; border-bottom:1px solid #fff; border-left:1px solid #fff; background:#eee;}



.nav_head li a{ font-size:18px;font-size:1.8rem;color:#333; line-height: 30px; }



.nav_head li.on { background: #007fed;   }



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


.nav_head li:hover {  background: #007fed;  }
.nav_head li:hover a{  color: #fff;  }



.synews2{ display:none;}



#on1{ border-bottom:none;}







@media screen and (max-width:640px) { .nav_head{display: block; } }



@media screen and (max-width:640px) { .nav_head li a{ font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; } }







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



.synews2{ display:block;}



.synews2 { color:#fff; font-size:2.5rem; font-size:25px;}



.synews2 span{ padding-left:10px;}



.synews2  a{ color:#fff;}



.synews{ display:none;}



}







/* header_top */



.header_top{ background: #313131; min-height: 50px; }



.shejiao{ padding-top: 12px; }



.shejiao a{ display: inline-block; padding-left: 8px; }















/* search */



.search{width:33px;z-index:99999; position:absolute;background:none;top:31px; right:0px; }



.sb-icon-search {color: #333;width:33px;height:33px;display:block;}



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



.search_1000{}



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



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



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



.sb-search.sb-search-open,



.no-js .sb-search {width: 236px;height:33px;line-height:33px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #007fed;}



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



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











/* header */



.header{  }



.header .wp{ position: relative;  }







.logo { margin-top: 8px; }



.logo a{ display: block; }



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



.yvzhong{ float:right; padding-top: 18px;}



.yvzhong a{ display:block; float:left; margin-left:16px; color:#fff; font-size:14px; font-size:1.4rem; line-height:18px;}



.yvzhong a img{ width:24px; height:16px;}



.logo2{ display:none  !important;;}





.her_ul{ padding-right: 70px; }



.her_ul>li{ float: left; position: relative; margin-left: 15px; height: 94px; line-height: 94px; /*padding-left: 9px; padding-right: 9px;*/ width:90px;  }

.her_ul>li:first-child{ width:60px;}

.her_ul>li>a{ display: block; text-align:center; font-size:14px;font-size:1.4rem;color:#333;font-weight: bold; text-transform: uppercase; }







.her_ul>li:hover{ background: #007fed;  }



.her_ul>li:hover>a{ color: #fff; } 











.her_ul>li.on{ background: #007fed;  }



.her_ul>li.on>a{ color: #fff; } 



.her_ul>li:hover .dan_header{ display: block;  }







.dan_header{ display: none;   width: 187px;  position: absolute; left: -1px; top: 100%;



     border: 1px solid #d2d2d2; border-top: 0px;  background: #ffffff;  z-index: 999999;   }



.dan_header>li{ line-height: 26px; padding-top:7px; padding-bottom:7px;padding-left: 18px;  position: relative; border-top: 1px solid #d2d2d2;  }



.dan_header>li>a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 26px; padding-top:7px; padding-bottom:7px; }



.dan_header>li:hover{ background: #007fed;  }



.dan_header>li:hover>a{ color: #fff;  }



.dan_header>li:hover .dan_sanheader{ display: block;  }








.dan_sanheader{ display: none; width: 203px; position: absolute; left: 100%; top: 0px;  background: #fff;   z-index: 999999;  }

.dan_sanheader>li{ line-height: 36px; padding-left: 23px;  position: relative;border-top: 1px solid #d2d2d2;  }

.dan_sanheader>li>a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 36px; }

.dan_sanheader>li:hover{ background: #007fed;  display: block;  }         

.dan_sanheader>li:hover>a{ color: #fff; }  





/*新加*/
.dan_header2{display: none; position: absolute; z-index: 2; top:-4px; left: 152px; width: 180px;  border: 1px solid #d2d2d2; background: #ffffff; padding-left:20px;   } 
.prnav{ z-index:999}
.prnav li{ position:relative; float:left; margin-left:56px; border: 1px solid #007fed;  background: #007fed; margin-bottom:42px;}
.prnav li a{ display:block; width:220px; height:35px; border:1px solid #fff; color: #fff; text-align:center; line-height:35px; font-size:14px; font-size:1.4rem; margin:4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.prnav li:hover{ background:#fff; }
.prnav li:hover a{ border:1px solid #007fed; color:#007fed; background:#fff;}
.prerji{ position:absolute; left:-57px; top:-9999px; padding-top:2px; padding-bottom:3px; z-index:999; margin-top:-12px; z-index:9999999999;}
.prerji li{ margin-bottom:0; }
.prerji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:40px; text-align:center;}
.prerji li a:hover{ border:1px solid #007fed !important; color:#007fed !important; background:#fff !important;}
.prerji li{ background:#fff !important;}
.prnav>li:hover .prerji{ top:56px;}
.dangqianpr{ border:1px solid #007fed !important; color:#007fed !important; background:#fff;}


.prnav li#on>a {
    color: #007fed;
    border: 1px solid #007fed;
}
.prnav li#on {
    background: #fff;
}

@media screen and (max-width: 768px){
	
.prerji{ position:relative;  display:none;      top: 7px; left:0px; }	
.prnav li {
    width: 98%;
    margin: 0 auto!important;
    margin-right: 1%!important;
    margin-bottom: 10px!important;
}

.prnav li a {
    width: 97%;
    margin: 1%; color:#fff;
}
.prerji li a{ color:#333;}
	
	}
	
	.juse{    color: #007fed !important; font-weight:bold;}


























/*lun bo*/



.index_focus {position: relative;width: 100%;height:605px;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:15px; left:50%; margin-left:-64px; z-index:9998 }



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







.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(../images/yao_1.png) no-repeat center center;}































.index_focus2 {position: relative;width: 100%;height:222px;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:-48px; z-index:9998 }



.index_focus2 .slide_nav a{ width:16px; height:16px; cursor:pointer;float:left; margin-right:4px; margin-left:4px; background:url(../images/yao_hui.png);}











.index_focus_post {z-index: 10;}



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



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



.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none; background:url(../images/yao_1.png);}























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



.index_focus {height:484px;}



.index_focusn{height:484px;}



.index_focusn img {width: 80%;}



.index_focus2 {height:177px;}



.index_focusn2 {height:177px;}



.index_focusn2 img {width: 80%;}





.logo a img { max-width: 294px;}



}



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

	

	

	.carousel,.clear2{display: none}

	





}



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



.index_focus {display: none}



.index_focus2 {display: none}



.slideshowii{ display:none;}



.logo1{ display:none !important;}

.logo2{ display:block!important;}



.logo a img{max-width:84px;}





.carousel{width: 100%;position: relative;overflow: hidden; z-index:99; }



.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:4px;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:#007fed;}



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



}





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



.her_ul > li {   margin-left: 0px !important;}

}



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



	.yvzhong{ padding-right:42px;}



	



	}



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



	.yvzhong{ padding-right:47px;}



    .shejiao a{ padding-left:0px;}



}



















/*main*/



.index-panel-one{  height: 480px; }



.index-panel-one2{  height:  auto; }



.index-panel-title{  padding-top: 65px;  text-align: center;  font-size: 36px; font-size: 3.6rem;  font-family: 'FuturaStdHeavy';}



.index-panel-title a{ font-size: 36px; font-size: 3.6rem;  font-family: 'FuturaStdHeavy'; }



.index-panel-title span{  font-size: 36px; font-size: 3.6rem;  color: #007fed; font-family: 'FuturaStdHeavy'; }



.index-panel-text{ max-width: 1000px; width: 100%; margin: 0 auto; display: block;  color:#4d4d4d; text-align: center; margin-top: 15px; line-height: 30px; }



.index-panel-sign{  margin-top: 43px;  }



.index-panel-sign dl{  float: left;  width: 126px;  padding: 0 86px; }



.index-panel-sign dl a{ display: block; }



.index-panel-sign dl dt{ display: block; max-width: 126px; width: 100%; margin: auto;   }



.index-panel-sign dl dt img{  max-width: 126px;  max-height: 144px;  display: block;  width: 100%; }



.index-panel-sign dl dd{ display: block; max-width: 126px; width: 100%; margin: auto;   }



.index-panel-sign dl dd a{   display: block; text-align: center;  padding-top: 15px; font-size:18px;font-size:1.8rem;color:#333;}



















.index-panel-two{ padding-bottom: 50px;  background: #f3f3f3;  }



.index-panel-title2{  padding-top: 56px;  text-align: center;  font-size: 36px; font-size: 3.6rem;  font-family: 'FuturaStdHeavy';}



.index-panel-title2 a{ font-size: 36px; font-size: 3.6rem;  font-family: 'FuturaStdHeavy'; }



.index-panel-title2 span{  font-size: 36px; font-size: 3.6rem;  color: #007fed; font-family: 'FuturaStdHeavy'; }







.index-panel-list{ padding-top: 35px; }



.index-panel-list dl{  float: left; margin-left: 43px; margin-bottom: 20px; }



.index-panel-list dl dt{ position: relative;  max-width: 371px; width: 100%; margin: 0 auto; }



.index-panel-list dl dt a.fu1{ position: absolute; top: 0px; left: 0px; max-width: 371px;  max-height: 285px; width: 100%; z-index: 999;   }



.index-panel-list dl dt a.fu2{ display: block; max-width: 371px; max-height: 295px; width: 100%;   z-index: 99; }



.index-panel-list dl dt img{ max-width: 371px; max-height: 295px; width: 100%;  display: block;  margin: 0 auto;  padding-top: 10px;  }



.index-panel-list dl dd{ text-align: center;  padding-top: 10px;   }



.index-panel-list dl dd a{ font-size:18px;font-size:1.8rem;color:#000000; font-weight: bold; line-height: 36px; }



















.index-panel-three{  background: url( ../images/main3bj.jpg ) no-repeat center center;     padding-bottom: 100px;   }











.three_left{ width:304px; padding-top: 159px;}



.three_left p a{ font-size:16px;font-size:1.6rem;color:#fff; line-height: 30px; display: block;    padding-top: 36px; }



.titl_con{ width:304px; color: #fff; height: 177px;  background: url(  ../images/titiel.png ) no-repeat right center; }



.titl_con a{ text-transform: uppercase; color: #fff; display: block; font-family: 'FuturaStdHeavy'; font-size: 46px; font-size: 4.6rem; color: #fff;  }



.titl_con a.gt_a1{  color: #fff; padding-left: 80px; padding-top: 26px; padding-bottom: 8px; }



.titl_con a.gt_a2{  color: #fff;  }















.three_right{ width: 806px; padding-top: 48px; background: #fff;padding-bottom: 24px; margin-top: 105px;}



.thr_wrap{ position: relative;   min-height: 170px;  }







.thr_wrap a{ display: block; color: #333; }







.thr_wrap .rili{ position: absolute; top: -5px; left: 58px; max-width: 158px;  }



.thr_wrap .rili span{ font-size: 140px; font-size: 14rem; color: #cccccc;  }



.thr_wrap .rili .ttiel{ position: absolute; top: 50%; margin-top: -15px; text-align: center; width: 100%; font-size:22px;font-size:2.2rem;color:#007fed; font-weight: bold; text-transform: uppercase; }







.thr_wrap .time { padding-left: 266px; padding-right: 78px; padding-top: 26px; }



.thr_wrap .time .title{  font-size:18px;font-size:1.8rem;color:#333; font-weight: bold; padding-bottom: 16px; 



white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }



.thr_wrap .time p a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }



.thr_wrap .time a:hover{ color: #007fed; }











.three_left p a:hover{ color: #999; }







.titl_con a:hover{ color: #999; }



.index-panel-list dl:hover a{ color: #007fed; }







.index-panel-title2 a:hover{  text-decoration: underline; }



.index-panel-title a:hover{  text-decoration: underline; }



.index-panel-text:hover{ color: #007fed; }







.index-panel-sign dl:hover a{ color: #007fed; }







.index-panel-title3 a:hover{text-decoration: underline; }







.index-panel-four{ padding-bottom: 120px; }







.index-panel-title3{  padding-top: 56px;  text-align: center;  font-size: 36px; font-size: 3.6rem;  font-family: 'FuturaStdHeavy';}



.index-panel-title3 a{ font-size: 36px; font-size: 3.6rem;  font-family: 'FuturaStdHeavy'; }



.index-panel-title3 span{  font-size: 36px; font-size: 3.6rem;  color: #007fed; font-family: 'FuturaStdHeavy'; }







.index-panel-row{   padding-top: 45px;  }



.index-panel-row dl{  float: left;  width: 392px; margin-left: 12px; }



.index-panel-row dl dt{  max-width: 386px; width: 100%; margin: 0 auto;  background: #eee; }



.index-panel-row dl dt a{ display: block;  max-width: 386px; width: 100%; box-shadow: 0 0 16px rgba(0, 0, 0, 0.25)  }



.index-panel-row dl dt img{ max-width: 386px;  max-height: 301px; display: block; width: 100%; margin: 0 auto; }



.index-panel-row dl dd{ text-align: center;  padding-top: 17px; }



.index-panel-row dl dd .h4 a{ font-size:16px;font-size:1.6rem; font-weight: bold;  color: #333; }



.index-panel-row dl dd a{ display: block; line-height: 30px; color: #333; }



.index-panel-row dl dd:hover a{ color: #007fed;}



















/*footer*/



.public_footer{ background: #007fed; color: #fff; }



.public_footer .wp{  position: relative; padding-bottom: 91px; }



.public_footer .ttile{ padding-top: 63px; padding-bottom: 25px;  font-size:24px;font-size:2.4rem;color:#fff; font-weight: bold; font-family: 'FuturaStdHeavy';  }







.public_footer a{  color: #fff; }



.public_footer li {  color: #fff; line-height: 30px; }



.public_footer li a{ line-height: 30px; color: #fff; }



.public_footer a:hover{ color: #999; }







.fon_one{ float: left; width: 415px;  }

.fon_one .ttile a:hover{     color: #fff;}

.fon_two{ float: left; }



.fon_three{  float: right; position: relative;}











.public_footer .one_ul li{ float: left; margin-left: 58px;  }



.public_footer .one_ul li a{  display: block;}











.shejiao2{ padding-top: 30px; }



.shejiao2 a{ padding-right: 15px; }







.lxy{ position: absolute; top: -75px; right: 0px; width:378px; float:right; background: #ffffff; padding-bottom: 30px;  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.15);   }



.lxtou{ padding-top: 26px; padding-bottom: 26px; font-size:24px; font-size:2.4rem; color:#007fed;  line-height:26px; width: 320px; margin: 0 auto;font-family: 'FuturaStdHeavy'; }



.cor { width: 315px; margin: 0 auto;  }



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



.se1{ width:68px; height:35px; background:none; border:1px solid #d2d2d2; line-height:35px;padding-left:4px; color:#666666;float:left; margin-left:11px; cursor:pointer;}



.cor .int1{ padding-left:14px; margin-bottom:15px; margin-top:0px;}



.cor .int1 input{  color: #4d4d4d;  width:288px; height:38px; border:1px solid #d2d2d2; padding-left:13px; line-height:38px;}



.cor .int1 textarea{ width:288px; height:85px; border:1px solid #d2d2d2; padding-left:13px; line-height:33px; margin-top:0px;}



.cor .int4{ padding-left:14px; margin-top:15px;}



.cor .int5{ width:88px; height:38px; border:1px solid #d2d2d2; padding-left:13px; line-height:38px; float:left; margin-right:10px;}



.cor .int6{ width:83px; height:38px; text-align: center; padding-left: 0px; float:right; background:#007fed; font-size:20px;font-size:2rem; color:#fff; border:none; cursor:pointer;}







.cor .int6:hover{ background:#007fed; color: #fff;}







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







    .her_ul{ padding-left: 20px; }



    .her_ul>li{ margin-left: 13px; }











    .index-panel-one{ height: auto; padding-bottom: 30px; }



    .index-panel-sign dl{  width: 23%; margin-left: 1%; margin-right: 1%; padding: 0px; }



    .index-panel-list dl{  width: 31%; margin-left: 1%!important; margin-right: 1%; padding: 0px; }











    .three_right{ width: 656px;  }







    .index-panel-row dl{  width: 31%; margin-left: 1%!important; margin-right: 1%; padding: 0px; }



    .shejiao2 a{ display: inline-block; padding-bottom: 10px; }







    .fon_one{ width: 253px; }



    .fon_two { float: left;  width: 279px;}











.cor{ width:367px;}



.lxy{ width:433px;}



.cor .int1 input{ width:337px;}



.cor .int1 textarea{ width:337px;}



.cor .int5{ width:98px;}



.cor .int6{ width:126px;}	



}



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



    .shejiao2 a{ display: inline-block; padding-bottom: 10px; }



  /*  .her_ul{ width: 100%; }*/



    .dan_header{ display: none; }







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



    .index-panel-one{ height: auto; padding-bottom: 30px;  }



    .index-panel-sign dl{  width: 23%; margin-left: 1%; margin-right: 1%; padding: 0px; }



    .index-panel-list dl{  width: 31%; margin-left: 1%!important; margin-right: 1%; padding: 0px; }



    .index-panel-row dl{  width: 31%; margin-left: 1%!important; margin-right: 1%; padding: 0px; }















    .index-panel-three{ background: #007fed; padding-bottom: 20px;}



    .three_left{ width:100%; max-width: 304px; margin: 0 auto; float: none; padding-top: 0px; padding-bottom: 20px;  }



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



    .titl_con{ width:100%; max-width: 304px; }







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



    .fon_two { width: 100%; float: none;  padding-bottom: 20px; }



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



    .lxy{ position: relative; top: 0px; }



    .cor{ width: 95%; }



    .public_footer .ttile{ padding-top: 20px; padding-bottom: 10px; }



    .public_footer .wp{ padding-bottom: 30px; }























    .her_ul{ padding-left: 0px; }







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



















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



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



.comain{ padding-bottom:30px;}



.cor .int1 input{ width:98%;}



.cor .int1 textarea{ width:98%;}



.index-panel-four{ padding-bottom: 50px; }



.cor .int6{ }



.ditu2{ display:block; width:100%; max-width:582px; display:block; margin:auto; max-height:323px; margin-top:29px;}

.index-panel-three{     margin-bottom: 40px;}

}



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



    .her_ul>li { margin-left: 13px; }



    .index-panel-one{ height: auto; padding-bottom: 15px;  }



}



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



    .public_footer .ttile{ padding-top: 10px; }



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



.cor .int2{ width:65%;}



.cor .int1 input{ width:97%;}



.cor .int1 textarea{ width:97%;}



.cor .int5{ width:98px; margin-bottom:20px;}



.cor .int6{ width:126px;}	



.cor .int5{ width:97%;}



.cor .int6{ width:106px; margin-left:10px;}



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











.index-panel-title{ padding-top: 30px; font-size:20px;font-size:2rem; }



.index-panel-title a{ font-size:20px;font-size:2rem; }



.index-panel-title span{ font-size:20px;font-size:2rem; }















.index-panel-title2{ padding-top: 30px; font-size:20px;font-size:2rem; }



.index-panel-title2 a{ font-size:20px;font-size:2rem; }



.index-panel-title2 span{ font-size:20px;font-size:2rem; }











.thr_wrap .time .title{ padding-bottom: 0px; }







.index-panel-title3{ padding-top: 30px; font-size:20px;font-size:2rem; }



.index-panel-title3 a{ font-size:20px;font-size:2rem; }



.index-panel-title3 span{ font-size:20px;font-size:2rem; }











.index-panel-row{ padding-top: 15px; }







.index-panel-list{ padding-top: 10px; }



.index-panel-four{ padding-bottom: 10px; }











.index-panel-sign dl{  width: 48%; margin-left: 1%; margin-right: 1%; padding: 0px; margin-bottom: 30px; }



.index-panel-list dl{  width: 48%; margin-left: 1%; margin-right: 1%; padding: 0px; margin-bottom: 0px; }



.index-panel-row dl{ float: none; max-width: 386px; width: 100%; margin: 0 auto!important; padding: 0px; margin-bottom: 20px!important; }











.titl_con a.gt_a1{ font-size:30px;font-size:3rem; padding-top: 44px; }



.titl_con a.gt_a2{ font-size:30px;font-size:3rem; }







.three_right{ padding-top: 20px; }



.thr_wrap .rili{ position: relative; text-align: center; margin: 0 auto; left: auto; top: 0px  }



.thr_wrap .time{ padding-left: 10px; padding-right: 10px; padding-top: 0px; left: auto;  }



.thr_wrap .rili span{ font-size: 10rem; }











.three_left p a{ padding-top: 0px; }



.index-panel-text{ text-align: left; line-height: 25px; }







}



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



.her_ul{ display: none; }



.logo{ width: 219px; }



.search{ top: 23px; }



.shejiao{ float: left; }



.index-panel-sign{  margin-top: 23px;  }



.index-panel-sign dl{     margin-bottom: 10px;}











.index-panel-title2{ padding-top: 30px; font-size:20px;font-size:2rem; padding-bottom: 0px; }



.index-panel-row dl{ margin-bottom: 10px; padding-bottom: 10px; background: #efefef;  }



.index-panel-row dl dd{ width: 95%; margin: 0 auto; }



.index-panel-row dl dd a{ text-align: left; line-height: 25px; }







.thr_wrap .time p a{line-height: 25px;   }







}







.xiao2{ max-width:350px;}

@media screen and (max-width:999px){ 
.xiao2{ max-width:100%;}
}

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



	



    .cor .int5{ margin-right:  0px; }



    .cor .int2{ width:65%;}



    .cor .int1 input{ width:94%;}



    .cor .int1 textarea{ width:94%;}



    .cor .int5{ width:98px; margin-bottom:20px;}



    .cor .int6{ width:126px;}	



    .cor .int5{ width:94%;}



    .cor .int6{ width:106px; margin-left:10px;}



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



	.index-panel-title2 a{ font-size:20px;font-size:2rem; }



	.index-panel-two{padding-bottom:15px;}



	.index-panel-sign dl dt img{ max-width:90px;    margin: 0 auto;}



	.index-panel-title{ padding-top: 30px;  }



	.index-panel-sign dl dd a{ font-size:14px; font-size:1.4rem;    padding-top: 10px;}



	.index-panel-sign{     margin-top: 12px;}



	.thr_wrap .rili span { font-size: 7.5rem;}



	



	.index-panel-text{ margin-top: 5px; line-height: 25px; }



	.xiaol{ display:inline-block;padding-right: 23px;}



	.index-panel-row dl{    margin-bottom: 53px;}



	







}















.public-footer-mark{  padding-bottom: 13px; background: #0069c4; color: #fff; text-align: center;  }



.public-footer-mark p{  line-height: 30px; color: #fff;}



.public-footer-mark p span{  line-height: 30px; color: #fff;}



.public-footer-mark p.foo_ma{ padding-top: 9px; max-width: 837px; margin: 0 auto;  }



.public-footer-mark p.links{ position: relative; top: 3px;}



.public-footer-mark a{line-height: 30px; color: #fff;  }







.public-footer-mark a:hover{ color: #999; }









.links a{ padding-right:10px;}





















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



.public-footer-mark p.links{ display: none;  }



}















/* break */



.break { }



.break .wp{ }



.break p{ margin-top: 0px;  font-size:14px;font-size:1.4rem;  color:#4d4d4d; }



.break a {  font-size:14px;font-size:1.4rem;  color:#4d4d4d;  line-height: 51px;  }



.break a.on,.break a:hover{ color: #007fed;   }





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





.break a { line-height: 30px; padding-bottom:10px; padding-top:10px; }



}





/* product */







.product{padding-top: 20px;  }



.pro_ul1{  padding-bottom: 30px;  }



.pro_ul1 li{ width: 215px; margin-left :20px; float: left; border: 1px solid #007fed;  background: #007fed; color: #fff;   }



.pro_ul1 li a{ display: block; margin: 0 auto; border: 1px solid #fff;  width: 204px; margin: 4px; text-align: center; line-height: 35px; color: #fff;  }



.pro_ul1 li:hover{  background: #fff;  }



.pro_ul1 li:hover a{  color: #007fed; border: 1px solid #007fed;  }



.pro_ul1 li.on{  background: #fff;  }



.pro_ul1 li.on a{  color: #007fed; border: 1px solid #007fed;  }







.pro_ul1 li#on{  background: #fff;  }



.pro_ul1 li#on a{  color: #007fed; border: 1px solid #007fed;  }











.pro_ul2{border-top: 1px solid #cccccc; }



.pro_ul2 li { float: left;  padding-top: 35px; margin-bottom: 15px; margin-left: 14px; }



.proli_wrap{ max-width: 287px;padding-bottom: 15px; width: 100%; margin: 0 auto;  border: 1px solid #dcdcdc;  }



.proli_wrap a{ display: block; text-align: center; }



.proli_wrap a img{ display: block;max-width: 287px; width: 100%; max-height: 217px;    } 



.proli_wrap .wenzi{ position: relative; margin-top: 17px;  }



.proli_wrap .wenzi input{ position: absolute; top: 0px; left: 10px;  }



.proli_wrap .wenzi .title{ padding-bottom: 7px; font-weight: bold; color: #000000;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;    padding-left: 32px; padding-right: 10px;  }



.proli_wrap .wenzi .title2{ padding-bottom: 20px; line-height: 30px; color:#4d4d4d; height: 42px; overflow:hidden;}



.proli_wrap .wenzi .titler3{  max-width: 247px; width: 95%; margin: 0 auto;  height: 40px; line-height: 40px; text-align: center;  border: 1px solid #333333;   font-size:16px;font-size:1.6rem;color:#333;  }







.proli_wrap .wenzi .title:hover{ color: #007fed;}



.proli_wrap .wenzi .title2:hover{ color: #007fed;}



.proli_wrap .wenzi .titler3:hover{ background: #007fed; border-color: #007fed; color: #fff; }







.page{position: relative;margin:45px auto 101px; }



.page1{}



.page {text-align: center;}



.page a:hover{color: #fff;background-color: #007fed;}



.page a {display: inline-block;background-color:#007fed;color: #fff; margin-right:8px;width: 25px;height: 26px;line-height: 26px; border: 1px solid #007fed; text-align:center;  font-size: 12px; -o-animation: 1.2rem;  border-radius: 0px;}



.page a.on,.page a:hover{background-color: transparent;color: #007fed;}



.no:hover{ background-color:#007fed !important;color: #fff !important; border: 1px solid #007fed !important;}



.page a.first{width:62px;margin-right:10px;}



.page a.last{width: 62px;margin-left: 2px;}



.add{ position: relative; top: -28px; }



.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: #007fed;color: #fff; font-size: 12px; -o-animation: 1.2rem;  cursor: pointer;border: 1px solid #007fed;}



















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



    .pro_ul1 li{ width: 15%; margin : 0 auto!important;  margin-right: 1%!important;}



    .pro_ul1 li a{ width: 97%; margin: 1%;  }



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



    



    .proli_wrap .wenzi .title2{  width: 95%; margin: 0 auto;  height:48px; overflow:hidden;}

	

	.pro_ul1 li a{width: 96%;}

	.pro_ul1 li{width: 23%; margin-bottom:20px !important;}

	



}



    







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



    .pro_ul1 li{ width: 38%; margin : 0 auto!important;  margin-right: 1%!important; margin-bottom: 10px!important;   }



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



    .add{ position: relative; top: 0px; float: none;  }



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



	.yanzheng{ margin-left:45px;}



}



















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







    .pro_ul1 li{ width: 48%; margin : 0 auto!important;  margin-right: 1%!important; margin-bottom: 10px!important;   }



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



	.page { margin: 30px auto 30px;}



	



	.proli_wrap .wenzi .title {



    padding-right: 10px;



    padding-left: 24px;



}







}





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





.pro_ul1 li {

    width: 98%;}



.pro_ul1 li a {

    width: 98%;

}



}







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







    .pro_ul1 li{ width: 98%; margin : 0 auto!important;  margin-right: 1%!important; margin-bottom: 10px!important;   }



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







}















/* product2 */



.product2{ padding-bottom: 130px; }



/* dan_pro_wrap */



.dan_pro_wrap{ padding-top: 9px; }







#showArea{margin-top: 12px;margin-bottom: 13px;}



#showArea img{cursor:pointer;display:block;width:149px;;height:113px;margin-bottom: 22px;}



#showArea a{ display:block;}



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







#gotop{cursor:pointer;display:block; height: 17px; margin:auto; background: url( ../images/top.png ) no-repeat top center;  }



#gobottom{cursor:pointer;display:block; height: 17px; margin:auto; background: url( ../images/bottom.png ) no-repeat top center; }



#gotop:hover{cursor:pointer;display:block; margin:auto; background: url( ../images/topon.png ) no-repeat top center;  }



#gobottom:hover{cursor:pointer;display:block; margin:auto; background: url( ../images/bottomon.png ) no-repeat top center; }











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



.MagicZoomBigImageCont {background:#FFF;}



.MagicZoomBigImageCont img{width:800px; height:608px;}



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







.left-pro{width:767px;text-align:left;}



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



.left-pro .t2{width:360px;text-indent:0;float:left; border: 0px solid #ccc;}



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



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











.product .content{width: 393px;}



.product .content .title{padding-top: 24px;margin-bottom: 3px;}



.product .content .title h1{ font-size:22px;font-size:2.2rem;color:#000; font-weight: bold; }



.product .content .peox{font-size:14px;font-size:1.4rem;color: #333;padding-top: 6px;padding-bottom: 7px;}



.product .content .btn{margin-top: 21px;margin-bottom: 27px;}



.product .content .btn a {display: block; font-size:16px;font-size:1.6rem;color: #fff;width: 171px;height: 40px;line-height: 40px; text-align: center;background-color: #007fed; border: 1px solid #007fed;  }



    .product .content .btn span {display: block; font-size:16px;font-size:1.6rem;color: #fff;width: 171px;height: 40px;line-height: 40px; text-align: center;background-color: #007fed; border: 1px solid #007fed;  }



.product .content .btn a:hover{background-color: #fff; color: #007fed; border-color: #007fed; }







.product .content .share1 { padding-top: 137px;}



.product .content .share1 p{text-align: center; display: inline-block; }



.product .content .share1 p span{font-size:14px;font-size:1.4rem;color: #333333;position: relative;top: -7px;margin-right: 9px;display: inline-block;}



.product .content .share1 .shar{display: inline-block;}











.peox p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }



.peox p span { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }



.peox p b{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }



.peox p a{ font-size:14px;font-size:1.4rem;color:#d9bb57; line-height: 30px; }



.peox p img{ display: block; max-width: 100%; max-height: 360px; margin: 0 auto;}







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



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











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



.peox .table{ width:100%;  overflow:scroll;}



.peox  table{ width:800px;}	



}















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



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











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



.new_x .table{ width:100%;  overflow:scroll;}



.new_x  table{ width:800px;}	



}











.pro_title{ margin-top: 38px; margin-bottom: 20px; background: url( ../images/toerui.png ) no-repeat left center; border-bottom: 1px solid #cccccc; }



.pro_title a{ padding-left: 23px; line-height: 52px; text-transform: uppercase; display: inline-block; font-family: 'FuturaStdHeavy'; font-size:22px;font-size:2.2rem;color:#fff; }











.pro_title1{ margin-top: 20px; margin-bottom: 20px; background: url( ../images/toerui1.png ) no-repeat left center; border-bottom: 1px solid #cccccc; }



.pro_title1 a{ padding-left: 23px; line-height: 52px; text-transform: uppercase; display: inline-block; font-family: 'FuturaStdHeavy'; font-size:22px;font-size:2.2rem;color:#fff; }



















.img980{display: none;}



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



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



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















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











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







    .product .content{float: none; width: 100%;  }



    .left-pro{ float: none; width: 100%; max-width: 767px;   }



}











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



    .product .content .share1{ padding-top: 10px; }



    .MagicZoomPup{ display: none;  }



    .MagicZoomBigImageCont{ display: none!important;  }



    .pro_ul1{ padding-bottom: 10px; }



    .product2{padding-bottom: 30px; }



    .her_ul>li:hover .dan_header{ display: none; }



}















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



    .left-pro{ display: none;    }



    .img980{display: block;}



}















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



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



    .product .content .btn a{ width: 48%; }



    .product .content .btn span{ width: 48%; }



}























/* about */



.about{ padding-top: 16px; padding-bottom: 100px; }







.about .about_top{ max-width: 676px; margin: 0 auto; background: url(../images/xian1.png) no-repeat left 40px;margin-top: 0px;  }



.about .about_top .li{ float: left; margin-left: 95px; }



.about .about_top .li a{ display: block; text-align: center;  font-size:16px;font-size:1.6rem;color:#333; font-weight: bold; }



.about .about_top .li .wenzi{ padding-top: 17px; }







/* .about .about_top .li .wenzi:hover{ color: #0068d3; } 



.about .about_top .li.on .wenzi{ color: #0068d3; }*/











.about_dl{position: relative; margin-top: 21px; padding-bottom: 19px;  }



.about_dl .dt{ position: absolute; top: 0px; left: 0px;  text-align: center;  max-width: 130px;  }



.about_dl .dt strong{ font-size:16px;font-size:1.6rem; line-height: 30px;  padding-top: 5px; color:#333;  font-weight: bold; display: block; text-align: center; width: 100%;  }



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







.about_dl .dd{ padding-top: 20px; padding-bottom: 12px;  padding-left: 176px; font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }







.about .abpt{ line-height: 30px; padding-bottom: 18px; color: #333; }



.about .img{ margin-bottom: 30px;}



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



















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



    



    .about .about_top{ width: 100%; background: none;  }  



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



    .about{ padding-bottom: 20px; }

	

	.about .about_top .li{width: 22%;}



}























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



    .about .about_top .li{ width:22%; margin-left: 1%; margin-right: 1%; margin-bottom: 2%; } 



    .about .abpt{ line-height: 25px;  }



    .about_dl .dd{ line-height: 25px;  }



    .about_dl .dt{ position: relative;  }



    .about_dl .dd{ padding-left: 0px;  padding-top: 0px; padding-bottom: 0px; }



}





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



    .about .about_top .li{ width:98%; margin-left: 1%; margin-right: 1%; margin-bottom: 2%; } 



}















/* about2 */



.about2{ padding-bottom: 0px; }



.ab2_ul li{ float: left;  margin-left: 35px; padding-top: 21px; margin-bottom: 4px;  }



.ab2_ul li .dan_wrap{ position: relative;  max-width: 212px; width: 100%; margin: 0 auto;  overflow: hidden;   }



.ab2_ul li .dan_wrap .fu{ position: absolute; top: 100%;width: 100%; height: 100%; left: 0; }



.ab2_ul li .dan_wrap img{ display: block; max-width: 212px; max-height: 286px; width: 100%; }



.ab2_ul li .wenzi{  padding-top: 10px; text-align: center; max-width: 212px; width: 100%; margin: 0 auto;  line-height: 30px;  }



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



.ab2_ul li:hover .dan_wrap .fu{ top: 2px;  }



/* .ab2_ul li:hover .wenzi a{ color: #007fed;  } */



.ab2_ul li .dan_wrap .fu img{    max-width: 206px;



    text-align: center;



    margin: 0 auto;}















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



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



}











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



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



    .ab2_ul li .dan_wrap .fu{ top: 0px;  }



}











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



    .ab2_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%!important;  line-height: 25px; padding-top: 0px; margin-bottom: 0px;  }



    .ab2_ul li .wenzi a{    height: 55px; overflow:hidden}



    



    .ab2_ul li .wenzi{ line-height: 25px;  padding-top: 0px; }



}











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



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



}















/* about3 */



.about3{ padding-bottom: 130px; }











.shi_wrap1{ margin-top: 22px; padding-top: 52px; background: url( ../images/time.png ) no-repeat top center; }



.shi_wrap{background: url(../images/dlline.png) repeat-y center center; }











.shijian{text-align: center; padding-top: 10px; padding-bottom: 17px;}



.shijian a{font-weight: bold; font-size:30px;font-size:3rem; line-height: 30px;color: #007fed;}







.shijian1 a{ position: relative; right: 107px; padding-right: 21px;background: url(../images/sanjiao.png) no-repeat right center; display: inline-block;margin-bottom: 25px;}



.shijian2 a{ position: relative; right: -107px; padding-left: 21px;background: url(../images/sanjiao.png) no-repeat left center; display: inline-block;margin-bottom: 25px;}











.shijian dl{background: url(../images/dlline.png) repeat-y center center; display: none;margin-top: 34px;}



.shijian dl dd{width: 51%;position: relative;}



.shijian dl dd span.year{position: absolute; font-size:20px;font-size:2rem; line-height: 30px;color: #007fed; text-align: left;}



.shijian dl dd.ddd .year{right: -38px;top:-8px;}



.shijian dl dd.dds .year{left: -27px;top: -8px;}



.shijian dl dd img{display: block;margin-bottom: 14px;max-width: 98%;}



.shijian dl dd.ddd img{margin-right: 2%;}



.shijian dl dd.dds img{margin-left: 2%;}



.shijian dl dd p{ font-size:16px;font-size:1.6rem;  line-height: 30px;color: #333;margin-bottom: 30px;text-indent: 0!important;text-align: left;}



.shijian dl dd.ddd{float: left;background: url(../images/quan.jpg) no-repeat 99.3% top; margin-left: 0%;}



.shijian dl dd.dds{float:right;background: url(../images/quan.jpg) no-repeat 15px top; margin-right: 1%;}



















.shijian dl dd .sjbox{width: 88.98%; margin-top: -10px;}







.shijian dl dd .zui{font-size: 14px;font-size: 1.4rem;line-height: 30px;color: #333;margin-bottom: 0px;text-indent: 0!important;text-align: left; }







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



    .shijian dl dd{width: 50%;}



    .shijian dl dd.dds { background: url(../images/quan.jpg) no-repeat 3px top;}



    .shijian dl dd.ddd{ margin-left: 1%;}



}







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







.shijian dl dd.dds { background: url(../images/quan.jpg) no-repeat 0px top;}



.shijian dl dd.ddd { background: url(../images/quan.jpg) no-repeat 100.2% top;}



}











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



    .shi_wrap1{background: none; overflow: hidden; }



    .shi_wrap{background: none; }







    .shijian1 a{ position: relative;  right: 0px; }



    .shijian2 a{position: relative;  right: 0px; }







    



    .shijian dl dd{width: 100%;}



    .shijian dl dd .sjbox{width: 100%;margin-top: 30px;}



    .shijian dl dd .sjbox img{float: none!important;}



    .shijian dl{background: none;}







    .shijian dl dd.dds .year{left:20px;}



    .shijian dl dd.ddd .year{left:20px;}



    .shijian dl dd.ddd{float: left;background: url(../images/quan.jpg) no-repeat left top; padding-left: 0;}



    .shijian dl dd.dds{ margin-right: 0%}







    .shijian dl dd.ddd img{margin-right:0%;}



    .shijian dl dd.dds img{margin-left:0%;}







    .shijian dl dd.ddd {  margin-left: 0%} 



    .shijian dl dd.dds { background: url(../images/quan.jpg) no-repeat 0px top; }



    .about3{ padding-bottom: 30px; }















}



























/* about4 */



.about4{ padding-bottom: 110px; }







.about1py{ padding-top:13px; margin-bottom:49px;   }



.about2py{ width:378px; float:left; position:relative; margin-left:33px;}  



.about2tupy{ position:absolute; top:0px; display:block; width:162px; left:50%; margin-left:-81px; -webkit-transition: .6s all;-moz-transition: .6s all;-ms-transition: .6s all;transition: .6s all;}



.about2hzpy{ margin-top:80px; background:#f2f2f2; padding-top:110px; min-height: 200px; }



.about2py:hover .about2tupy{ -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}



.about2hzpy a{ font-size:18px;font-size:1.8rem;color:#333; font-weight:bold; text-align:center; display:block;}



.about2hzpy p{ font-size:14px;font-size:1.4rem; line-height:24px; width:329px; margin:0 auto; text-align:center; padding-top:10px; padding-bottom:46px;}



.about3hzpy{ margin-top:82px; background:#f2f2f2; padding-top:110px; min-height: 200px; }



.about3hzpy a{font-size:18px;font-size:1.8rem;color:#333; font-weight:bold; text-align:center; display:block;}



.about3hzpy p{ font-size:14px;font-size:1.4rem; color:#333; line-height: 24px;   width:329px; margin:0 auto; text-align:center; 



    padding-top:8px; padding-bottom:27px;}











.hengpy{ background:#f2f2f2; margin-bottom:20px;}



.henghongpy{ background:url(../images/hongbeipy2.jpg) repeat-y top center; padding-top:25px; padding-bottom:28px;}



.henzpy,.henypy{ width:561px; float:left;  min-height: 203px;}



.henzneipy a{ font-size:30px; font-size:3rem; color:#fff; font-weight:bold; background:url(../images/henbaipy.jpg) no-repeat bottom left;



     padding-bottom:10px; display:block;}



.henzneipy p{ padding-top: 11px; font-size:14px;font-size:1.4rem;color:#333; line-height: 22px; color: #fff; }







.henzneipy2 a{ font-size:30px; font-size:3rem; font-weight:bold; background:url(../images/henghuipy.jpg) no-repeat bottom left; padding-bottom:10px; display:block;}



.henzneipy2 p{padding-top: 11px; font-size:14px;font-size:1.4rem;color:#333; line-height: 22px; }



.henghongpy2{ background:url(../images/hongbeipy33.jpg) repeat-y center bottom; padding-top:25px; padding-bottom:72px;}



.henghongpy22{ background:url(../images/hongbeipy333.jpg) repeat-y center bottom; padding-top:25px; padding-bottom:72px;}



.hengpgepy{ padding-left:57px;}











.devemzpy{ font-size:30px; font-size:3rem;font-weight:bold; text-align:center; padding-top:41px;}



.devetuliepy li{ width:333px; float:left; padding-top:26px; margin-left:22px; margin-bottom:9px;}



.devetuliepy li a img{ width:100%; max-width:333px; display:block; margin:0 auto;}



.devetuliepy li p{ line-height:30px; color:#4d4d4d; font-size:14px; font-size:1.4rem; text-align:center; margin-top:10px; min-height:60px;} 



.devetuliepy{ padding-bottom:99px;}







.henghongpy3{ background:url(../images/hongbeipy34.jpg) repeat-y center bottom; padding-bottom: 50px; }



.ab4_title{ margin-bottom: 9px; padding-bottom: 3px; padding-top: 55px; color: #333333; font-weight: bold; line-height: 69px; font-size:30px;font-size:3rem; text-align: center; width: 100%;  background: url( ../images/ab4_title1.png ) no-repeat center bottom;  }



.ab4_tile2{ padding-top: 10px; max-width: 922px; width: 100%; margin: 0 auto; text-align: center; line-height: 22px; color: #4d4d4d;  }



















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







.henghongpy{ background:url(../images/hongbeipy2.jpg) repeat-y top center; padding-top:25px; padding-bottom:28px;}



.henghongpy2{ background:url(../images/hongbeipy33.jpg) repeat-y center bottom; padding-top:25px; padding-bottom:72px;}



.henghongpy3{ background:url(../images/hongbeipy34.jpg) repeat-y center bottom; padding-bottom: 50px; }







.about3hzpy p{ width: 95%; margin: 0 auto;  }











.about2py{ width:30%; margin-left:5%;}



.henzpy,.henypy{ width:50%;}



.henzneipy2{ padding-right:20px;}



.hengpgepy{ padding-left:20px;}



.henzneipy2 a,.henzneipy a{font-size:30px; font-size:3rem;}



.devetuliepy li{ width:30%; margin-left:3% !important;}



.about2hzpy p{ width:100%;}



}







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



    .about3hzpy p{ width: 95%; margin: 0 auto;  }



    .henghongpy{ background:url(../images/hongbeipy2.jpg) repeat-y top center; padding-top:25px; padding-bottom:28px;}



    .henghongpy2{ background:url(../images/hongbeipy33.jpg) repeat-y center bottom; padding-top:25px; padding-bottom:72px;}



    .henghongpy3{ background:url(../images/hongbeipy34.jpg) repeat-y center bottom; padding-bottom: 50px; }



    



    .about3hzpy{ min-height: 269px; }



    .about2hzpy{ min-height: 269px; }











.about2py{ width:30%; margin-left:5%;}



.henzpy,.henypy{ width:48%;}



.henzneipy2{ padding-right:20px;}



.hengpgepy{ padding-left:20px;}



.henzneipy2 a,.henzneipy a{font-size:28px; font-size:2.8rem;}



.devetuliepy li{ width:30%; margin-left:3% !important;}



.about2hzpy p,.about3hzpy p{ width:95%;}



.about2py{ width:32%; margin-left:1%;}



.henzneipy p,.henzneipy2 p{ font-size:16px; font-size:1.6rem;}



}



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



.devetuliepy li{ width:44%; margin-left:1%;}



}



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







    .about3hzpy{ min-height: auto; }



    .about2hzpy{ min-height: auto; }















.about2py{ width:90%; margin:5% !important;}



.henzpy,.henypy{ width:100%;}



.hengpgepy{ padding-left:0px;}



.henghongpy,.henghongpy2{ background:none; padding:0px;} 



.henzneipy{  background:#007fed; padding-left:30px; padding-top:40px; padding-bottom:40px; padding-right:10px;}



.hengpy{ background:none;}



.henzneipy2{background:#f2f2f2; padding-left:30px; padding-top:40px; padding-bottom:40px;}



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



}



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



.henzneipy2 a, .henzneipy a{ font-size:20px; font-size:2rem;}



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



.devetuliepy li{ float:none; width:90%; margin:0 auto !important;}



}



.stengpy li{ width:128px; float:left; margin-left:145px; margin-right:54px; text-align:center;}



.stengpy{ padding-top:30px; padding-bottom:61px;}



.stengpy li p{ font-size:18px; font-size:1.8rem; margin-top:6px; text-align:center;}



.huisepy{ background:#f2f2f2; padding-top:53px; padding-bottom:130px;}



.stengmzpy{ font-size:30px; font-size:3rem; font-weight:bold;  padding-bottom:16px; text-align:center;}



.stengtmspy{ font-size:16px; font-size:1.6rem; line-height:22px; text-align:center; margin-top:15px;}



.stengtuliepy li{ width:671px; float:left; margin-left:57px; margin-top:50px; margin-bottom:5px;}



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



.stengtuliepy li p{ width:100%; background:#fff; text-align:center; font-size:30px; font-size:3rem; padding-top:23px; padding-bottom:31px; line-height:22px; font-weight:bold;}



.stengmzpy2{ font-size:30px; font-size:3rem; font-weight:bold; padding-bottom:16px; text-align:center; margin-top:68px; margin-bottom:16px;}



.stengjepy{ text-align:center; }



.stengjepy a{ font-size:16px; font-size:1.6rem; margin-left:41px;}



.sopliepy{ margin-top:52px; padding-bottom:148px;}



.sopliepy li{ width:315px; float:left; margin-left:46px;}



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



.sopliepy li p{ width:100%; background:#e60012; text-align:center; font-size:14px; font-size:1.4rem; padding-top:11px; padding-bottom:12px; line-height:22px; color:#fff; max-width:315px; margin:0 auto;}







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



.stengpy li{ width:230px; margin-left:10px; margin-right:0px;}



.stengtuliepy li{ width:47%; margin-left:3%;}



.stengtuliepy li p{font-size:20px; font-size:2rem;}



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



.sopliepy li p{ min-height:47px;}



}



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



.stengpy li{ width:23%; margin-left:1%; margin-right:0px;}



.stengtuliepy li{ width:47%; margin-left:3%;}



.stengtuliepy li p{font-size:18px; font-size:1.8rem;}



.sopliepy li{width:24%; margin-left:1%;}



.sopliepy li p{ min-height:47px;}



}



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



.stengtuliepy li{ width:90%; margin:0 auto !important; float:none; margin-top:20px !important;}



.sopliepy li{width:49%; margin-left:1% !important; height:auto; margin-top:40px;}



.stengmzpy2,.stengmzpy{font-size:24px; font-size:2.4rem;}



.ab4_title{ font-size:20px;font-size:2rem;color:#333; padding-top: 10px; }



.about4{ padding-bottom: 30px; }



}



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



.stengjepy a{ margin-left:20px;}



.stengmzpy2,.stengmzpy{font-size:20px; font-size:2rem;}



.sopliepy li{width:90%; margin:0 auto !important; float:none; margin-top:20px !important; }



.stengpy li{width:49%; margin-left:1% !important; height:auto; margin-top:20px;}



}



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



.stengjepy a{ display:block; margin-top:10px;}



.stengmzpy2,.stengmzpy{font-size:16px; font-size:1.6rem;}



.stengtuliepy li{ width:100%;}



}











































/* new */



.new{　}







.new{  padding-bottom: 0;}



.new .synbox{ padding-top: 22px; margin-bottom: 15px;    }







.new .page{ margin-top: 14px; }











/************************  synew  ***************************/



.synew{padding-top: 82px;padding-bottom: 67px;}



.wn{text-align: center;font-size: 28px;font-size: 2.8rem;text-transform: uppercase;font-family: 'FuturaStdBook';margin-bottom: 52px;}



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



.syntu{display: block;}



.synbox{float: left;width: 566px;margin-left: 68px;}



.synnr{width: 368px;margin-top: 43px;}



.yueri{position: relative;margin-top: 12px;}



.yue{font-size: 22px;font-size: 2.2rem;color: #007fed; font-weight: bold;  position: absolute;top: 65px;left: 40px;}



.ri{font-size: 140px;font-size: 14rem;font-weight: bold;color: #cccccc; }



.synp1{font-size: 18px;font-size: 1.8rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 16px;}



.synp1:hover a{color: #007fed;}



.synp2{line-height: 30px;}



.synp2 a{display: block;height: 60px;overflow: hidden;}



.synp2 a:hover{color: #007fed;}



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



    .synbox{width: 456px;}



    .ri{font-size: 100px;font-size: 10rem;}



    .yue{font-size: 20px;font-size: 2rem;top: 44px;left: 28px;}



    .synnr{width: 325px;}



    .synnr{margin-top: 30px;}



 }



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



    .new .page{ top:0px; }



    .ri{font-size: 100px;font-size: 10rem;}



    .yue{font-size: 20px;font-size: 2rem;top: 44px;left: 28px;}



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



    .yueri{width: 20%;}



    .synnr{width: 80%;}



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



 }



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



    .synew{padding-top: 30px;}



    .synnr{width: 100%;margin-top: 0;}



    .ri{font-size: 80px;font-size: 8rem;}



    .yue{font-size: 16px;font-size: 1.6rem;top: 35px;left: 19px;}



    .yueri{margin-top: 0;}



    .synew{padding-bottom: 10px;}



    .wn{margin-bottom: 30px;}



 }



 



























/***********************  page42  *************************/



.page42{padding-top: 47px;padding-bottom: 121px;}



.page42 h1{text-align: center;font-size: 18px;font-size: 1.8rem;font-weight: bold;}



.nsj{text-align: center;color: #cccccc;margin-top: 12px;margin-bottom: 2px;}







.new_x{line-height: 30px;padding-bottom: 30px;border-bottom: 1px solid #cccccc;margin-bottom: 20px;}



.new_x p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }



.new_x p span { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }



.new_x p b{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }



.new_x p a{ font-size:14px;font-size:1.4rem;color:#007fed; line-height: 30px; }



.new_x p img{ display: block; max-width: 100%; max-height: 360px; margin: 0 auto;}







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



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















.xwsx{line-height: 30px;}



.xwsx a:hover{color: #007fed;}















/* project */



.project{ padding-top: 14px; }







.project dl{  float: left;  width: 392px; margin-left: 12px; padding-top: 11px; margin-bottom: 29px; }



.project dl dt{  max-width: 386px; width: 100%; margin: 0 auto;  background: #eee; }



.project dl dt a{ display: block;  max-width: 386px; width: 100%; box-shadow: 0 0 16px rgba(0, 0, 0, 0.25)  }



.project dl dt img{ max-width: 386px;  max-height: 301px; display: block; width: 100%; margin: 0 auto; }



.project dl dd{ text-align: center;  padding-top: 17px; }



.project dl dd .h4 a{ font-size:16px;font-size:1.6rem; font-weight: bold;  color: #333; }



.project dl dd a{ display: block; line-height: 30px; color: #333; }



.project dl dd:hover a{ color: #007fed;}







.project  .page { margin-top: 21px;  }







.project2{ padding-top: 36px; }



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















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



    .project dl{ width: 31%; margin-left: 1%!important; margin-right: 1%!important; }







}











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



.page42{padding-top: 30px;padding-bottom: 50px;}



}















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



    .project dl{ width: 98%; margin-left:1%!important; margin-right:1%!important; }



    .page42{padding-top: 10px;padding-bottom: 30px;}



}











/* Technology */



.Technology{ padding-top: 33px; }







.tech_left{ width: 616px; color: #4d4d4d; line-height: 30px; padding-top: 64px; }



.tech_right{ width: 502px; height: 335px; margin-right: 8px;  border: 2px solid #007fed;  }







.tech_right .img{  position: relative;  }



.tech_right .img img{ display: block;  width: 100%; max-width: 506px; max-height: 338px;  position: absolute; right: -8px; top: -7px; }











.tech_right2{  margin-top: 34px;}



.tech_left2{  margin-top: 68px;}







.tact_ttiel{ margin-top: 51px; margin-bottom: 25px; line-height: 24px; padding-bottom: 13px; width: 100%; text-align: center;  



    font-size:20px;font-size:2rem; font-weight: bold; color:#0147B1; background: url( ../images/tact_ttielbj.jpg ) no-repeat center bottom;  }



















.tac_ul{ padding-bottom: 90px;}



.tac_ul li{ float: left; margin-left: 30px; margin-bottom: 40px;  }



.tac_ul li .tect_wrap{ position: relative; max-width: 216px; width: 100%; margin: 0 auto; overflow: hidden;  }



.tac_ul li img{ display: block; max-width: 216px; max-height: 140px; width: 100%; margin: 0 auto; }



.tac_ul li .fuw{ display: block;   max-width: 216px; width: 100%; margin: 0 auto; }



.tac_ul li .fu{ position: absolute; top: 100%; left: 0px; height: 100%; width: 100%; max-height: 140px; overflow: hidden; background: url( ../images/techbj.png ) repeat center center; transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;   }



.tac_ul li .fu span{ padding-top: 8px;     display: block; line-height: 30px; color: #fff; width: 89%; text-align: center;  margin: 0 auto;  }















.tac_ul li:hover .fu { top: 0px; }











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



    .tech_left{ width: 48%; padding-top: 22px; }



    .tech_right{ width: 48%;  }



    .tac_ul li{ width: 18%; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 10px; }



}











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







    .tac_ul li .fu {  top: 0px; position: relative;  }



    .tac_ul li .fu span{ padding-top: 8px; top: 0px; position: relative;  padding-bottom:  20px; }







    .tech_left{ width: 100%; padding-top: 0px; margin-top: 10px;  float: none;  }



    .tech_left2{padding-top: 0px; }



    .tech_right{ width: 100%; max-width: 506px; float: none;   }  



    .tac_ul li{ width: 18%; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 10px; }







    .tac_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 10px; }











}



























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



    .tac_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 10px; }



    



}







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



    .tac_ul{ padding-bottom: 0px; }



    .tac_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 10px; }



    



}







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



    .tech_right{ width: 100%; max-width: 506px; float: none; border: 0px; height: auto; padding-top: 10px;  }    



    .tech_right .img img{ position: relative; right: 0px; }



}







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



    .tac_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%!important; margin-bottom: 10px; }



}















/* best */



.best{padding-bottom: 101px; }







.be_title{ padding-top: 15px; padding-bottom: 11px; margin-bottom: 12px; text-align: center; width: 100%;  font-size:30px;font-size:3rem;color:#007fed; font-weight: bold; line-height: 30px;  background: url( ../images/tirel.jpg ) no-repeat bottom center;   }



.title_br{  font-weight: bold; text-align: center; width: 100%; font-size:18px;font-size:1.8rem;color:#4d4d4d; line-height: 30px;  }











.o_pro{ padding-top:40px; padding-bottom:29px }



.o_nr{ width:100%; max-width:1092px; margin:0 auto; }



.o_pic{ width:42.5%; }



.o_pic img{ width:100%; max-width:441px; max-height:192px; }







.o_wz{ width:50.3%; }



.o_title{ padding-top:11px; line-height:45px; color:#222222; font-size:30px; font-size:3rem; font-family: 'OPENSANSBOLD'; }



.o_content{ font-size:14px; font-size:1.4rem; line-height:30px; padding-top:10px; }







.o_jl{ padding-left:10px; }







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



.o_pic{ width:45%; }	



}



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



.o_wz{ width:52%; }	



.o_jl{ padding-left:0px; }



}



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



.o_pic{ float:none; width:100%; text-align:center; }



.o_wz{ width:100%; float:none; text-align:center; }	



}



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



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



.o_title{  font-size:24px;font-size:2.4rem;  line-height:30px; }	



}















/* Strict */



.Strict{ padding-bottom: 92px; }



.Strict_tirl{ padding-top: 35px; max-width: 951px;  text-align: center; width: 100%; margin: 0 auto; font-size:16px;font-size:1.6rem;color:#333; line-height: 24px; }











.o_pro2{ padding-top:30px; padding-bottom:29px }



.o_nr2{ width:100%; max-width:1060px; margin:0 auto; }



.o_pic2{ width:30.5%; }



.o_pic2 img{ display: block; width:100%; max-width:328px; max-height:288px; }







.o_wz2{ width:62.3%; padding-top: 47px; }



.o_title2{    }



.o_title2 span{ display: block;  display: inline-block; width: 53px; height: 53px; text-align: center; line-height: 53px;



     font-size:26px;font-size:2.6rem;color:#fff; }



 .o_title2 strong{ margin-left: 14px;  height: 53px; line-height: 53px; display: block; font-size:20px;font-size:2rem;color:#333; }















.o_content2{  font-size:16px;font-size:1.6rem;color:#333; line-height:30px; padding-top:12px; }







.o_jl2{ padding-left:10px; }







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



.o_pic2{ width:33%; }	



}



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



.o_wz2{ width:60%; }	



.o_jl2{ padding-left:0px; }



}



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



.o_pic2{ float:none; width:100%; text-align:center; }



.o_wz2{ width:100%; float:none; text-align:center; }	



}



































/* conatct */



.conatct{ padding-top: 40px; padding-bottom: 101px; }







.conzuo{width: 600px;}



.conyou{width: 561px;}



.hs{font-size: 18px;font-size: 1.8rem;color: #007fed;text-transform: uppercase;margin-bottom: 5px; font-family: 'OPENSANSBOLD';}



.hs2{ padding-left: 10px;}



.lxlist li{line-height: 30px;padding-left:24px; }



.lxlist a:hover{color: #007fed;}



.conli1{background: url("../images/ci1.jpg") no-repeat left center;}



.conli2{background: url("../images/ci2.jpg") no-repeat left center;}



.conli3{background: url("../images/ci3.jpg") no-repeat left center;}



.conli4{background: url("../images/ci4.jpg") no-repeat left center;}



.conli5{background: url("../images/ci5.jpg") no-repeat left center;}



.conli6{background: url("../images/ci6.jpg") no-repeat left center;}



.conli7{background: url("../images/ci7.png") no-repeat -2px center;}



.conli8{background: url("../images/ci8.png") no-repeat left center;}







.conli10{background: url("../images/ci10.png") no-repeat left center;}



.conli11{background: url("../images/whatsapp.png") no-repeat left center;}





.ditu img{width: 100%;max-width: 557px;max-height: 394px;}



.ditu{margin-top: 28px;}







.form2 .xing input{height: 35px;line-height: 35px;padding-left: 14px;width: 532px;border:1px solid #cecece;font-size: 12px;font-size: 1.2rem;color: #666666;}



.form2 .xing{padding-left: 13px;margin-bottom: 28px;}



.form2 .xing2{background: url("../images/xing.jpg") no-repeat left 15px;}



.form2 .xing4{margin-top: 36px; margin-bottom: 29px;}



.form2 .xing textarea{padding-left: 14px;padding-top: 8px;height: 204px;width: 532px;border:1px solid #cecece;font-size: 12px;font-size: 1.2rem;color: #666666;}







.form2{padding-top: 10px;}



.form2 .concaptcha{width: 140px !important;margin-right: 20px;}



.consubmit{width: 181px;height: 37px;line-height: 37px;text-align: center;background: #007fed;color: #fff;cursor: pointer;}



.consubmit:hover{background: #eee; color: #333; }



.conyzm{margin-right: 0;cursor: pointer;}







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



   .conzuo{width: 460px;}



   .conyou{width: 490px;}



   .form2 .xing input{width: 460px;}



   .form2 .xing textarea{width: 460px;}



   .consubmit{width: 145px;}



   .page56{padding-bottom: 50px;}



}



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



   .conzuo{width: 100%;margin-top: 30px;}



   .conyou{width: 100%;}



   .form2 .xing input{width: 98%;}



   .form2 .xing textarea{width: 98%;}



   .conatct{ padding-bottom: 20px; }



}



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



.form2 .xing input{width: 95%;}



.form2 .xing textarea{width: 95%;}



.form2 .consubmit{width: 100%;}



.form2 .xing3{/*float: none;*/     margin-right: 20px;}



.form2 .concaptcha{width: 95%;margin-right:0;}



   .conyzm{margin-bottom: 28px;}



   .ditu{margin-top: 15px;}



   .page56{padding-bottom: 35px;}







   .best { padding-bottom: 10px;}



   .list_cart a{ padding:1px !important;}















   .shijian dl dd p{ line-height: 25px;  }



   .synp2 a{  height: 50px; line-height: 25px; }



   .synp1{ margin-bottom: 0px; line-height: 25px; }



   .new .synbox{ padding-top: 0px;  }



   .project dl dd a{ line-height: 25px;  }







   .proli_wrap .wenzi .title2{  height: 50px; line-height: 25px;  padding-bottom: 5px; }







   .peox p{ line-height: 25px;  }







   .pro_title1{ margin-top: 20px;}



   .pro_title{ margin-top: 0px;}



}























































































































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



.zitiop{ font-family: 'OPENSANSBOLD'; }



























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



 



.fu2{ display:none;}



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



    /* .ab2_ul li .dan_wrap .fu{ display:none; }



    .ab2_ul li .dan_wrap .fu2{ display:block; }*/



}







.one_ul2{ display:none;}







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



	.one_ul2{ display:block !important;}



	.one_ul{ display:none;}



	.public_footer .one_ul2 li a{ display:inline-block ; width:32%; text-align:center;}



	.shejiao2 a{     padding-right: 12px;}



	}







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




/*.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: 0; right: 0; display: block; height: auto; overflow: scroll;      display: none;}

.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/sousuo.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;-webkit-box-sizing: border-box;-moz-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("../images/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: 40px;}

.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 {position: relative;  font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}

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


.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 { text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}

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


.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 { 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; font-family: Arial, Helvetica, sans-serif;}


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

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

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

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