@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#555; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#555; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#4c4c4c; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#2571ca; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
.clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:25px;}


.se1{color:#f15a2e;}.se2{color:#006db1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}






::selection {background:#23693a; color:#fff;}
::-moz-selection {background:#23693a; color:#fff;}
::-webkit-selection {background:#23693a; color:#fff;}

#wap_nav{ display:none;}



.snav{ display:none;}
.topt{ display:none;}


.div1 img{
  cursor: pointer;
  transition: all 0.6s;
}
.div1 img:hover{
  transform: scale(1.05);
}




@media only screen and (min-width: 1366px)  {
	
#top{width:100%; height:85px; margin:0 auto; background:#fff;border-top:2px solid #0953ac;}
#topc{width:1280px; height:85px; margin:0 auto;}
#topcl{width:443px; height:85px; float:left; margin-top:0px;}
#topcl img{height:81px; max-width:443px;}
#topcr{width:750px; height:85px; float:right; position:relative; padding-right:0px;}


#menu_wp{width:700px; height:85px; float:left; }
/*menu*/
#menu { display:block; width:700px;  margin:0 auto; height:85px; float:left;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center; width:100px; background:url(../images/menu_1.png) right center no-repeat; display:block; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:100px; margin:0 auto; text-align:center; line-height:85px;  color:#4b4a4a; height:85px; display:block; font-size:16px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#fff; background:#0953ac; text-decoration:none; z-index:999}
#nav .mainlevel ul { display:block; position:absolute; display:none;  top:85px; margin-left:0px;   z-index:99; ackground:#fff;}

#nav .mainlevel li {background:#fff; padding-top:px; }
#nav .mainlevel li a {padding:0px; width:100px; color:#4b4a4a; background-image:none; background-color:#fff; font-size:14px; text-align: center; line-height:30px; height:30px;  display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}
#nav .mainlevel li a:hover {color:#fff; background:#0953ac; }

.ser{ width:50px; height:85px; float:right;}
.zx{ width:100%; height:87px;}

}
 


@media only screen and (min-width: 1000px) and (max-width:1365px) {
	
#top{width:100%; height:171px; margin:0 auto; background:#fff;border-top:2px solid #0953ac;}
#topc{width:100%; height:85px; margin:0 auto;}
#topcl{width:100%; height:85px; margin:0 auto; text-align:center; float:none; margin-top:0px; border-bottom:#eee 1px solid;}
#topcl img{height:81px; max-width:443px;}
#topcr{width:830px; height:85px; margin:0 auto; position:relative;  padding-right:0px;}


#menu_wp{width:100%; height:85px;}
/*menu*/
#menu { display:block; width:770px; margin:0 auto; height:85px; float:left;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center;width:110px; display:block; background:url(../images/menu_1.png) right center no-repeat; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:90px; text-align:center; line-height:85px; margin:0 auto;  color:#4b4a4a; height:85px; display:block; font-size:15px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#fff; background:#0953ac; text-decoration:none; z-index:999}
#nav .mainlevel ul { display:block; position:absolute; display:none; margin-left:-10px; top:85px; width:120px; z-index:99;  background:#fff;}

#nav .mainlevel li {background:#fff; padding-top:px; }
#nav .mainlevel li a { width:120px; color:#4b4a4a; background-image:none; background-color:#fff; font-size:14px; text-align: center; line-height:30px; height:30px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}
#nav .mainlevel li a:hover {color:#fff; background:#0953ac; }
.ser{ width:50px; height:81px; float:right;}
.zx{ width:100%; height:173px;}

}






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

	
#top{ display:none;}
.tp{ display:none;}	
#wap_nav{ display:block;}

.top{ display:block; width:100%; height:60px; padding:5px 0px 5px 0px; box-sizing:content-box; text-align:center; border-top:#00923f 0px solid; overflow:hidden; background:#fff; background-size:100% auto; position: fixed; left:0; top:0; z-index:999}
.top .left{margin-left:20px; float:left;}
.top .right{ width:60px; margin-right:10px; line-height:60px; float:right;}
.top .left img{height:60px;}
.top .right ul li{ float:left; display:block; width:100%; height:50px; padding-top:5px; text-align:center;}
.top .right a{color:#fff;}
.snav{ display: block;}

.topt{width:100%; height:82px; display:block;}

	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:80px;overflow:hidden;background:#fff url(../images/xt_1.jpg) bottom center  no-repeat;;position:fixed;z-index:100000000000;width:100%;border-top:2px solid #0953ac; }
.sp_logo{padding:10px;float:left;height:80px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:80px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
.sp_nav span{display:block;background:#0953ac;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999999999999999;background-color:#fff;opacity: 0.9; width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:80px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 150px)}
.sjj_nav>ul>li:first-child .language{float:right;width:150px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:60px;float:left;text-align:center; margin:0px 5px; font-size:12px; border-radius:2px;color:#fff; background:#009ee0;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;border-left:1px #0953ac solid;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #0953ac solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #009ee0 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#4b4a4a;width:80%}
.sjj_nav ul li ul li a{color:#4b4a4a;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#0953ac;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0953ac}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/


	}

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

.hot{ width:100%; height:170px; background:#054896;}
.hot_wl{ float:left;}
.hot_wr{ float:right;}
.hot_w{ width:1280px; height:95px; margin:0 auto; padding-top:35px;}
.hot_w li{ width:310px; height:85px; float:left; margin-left:30px; border:5px solid #fff;}
.hot_w .our_1{ width:310px; height:85px; background:#fbb144 url(../images/jb1.png) left center no-repeat; line-height:19px;}
.hot_w .our_2{ width:310px; height:85px; background:#3184e6 url(../images/jb2.png) left center no-repeat;}
.hot_w .our_3{ width:310px; height:85px; background:#95d46c url(../images/jb3.png) left center no-repeat;}

.hot_w li a{ width:190px; height:70px;  margin-left:100px; margin-top:13px; display:block; overflow:hidden; color:#fff;}
#bt2{width:100%;  margin:0 auto; min-height:25px; text-align: left; padding:15px 0px 30px 0px; color:#fff;}
#bt2 h2{font-size:30px; line-height:40px;}
#bt2 p{ font-size:14px; line-height:20px; color:#fff; font-weight:normal;}
}

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

.hot{ width:100%; height:170px; background:#054896;}
.hot_wl{ float:left;}
.hot_wr{ float:right;}
.hot_w{ width:1000px; height:95px; margin:0 auto; padding-top:35px;}
.hot_w li{ width:210px; height:85px; float:left; margin-left:30px; border:5px solid #fff;line-height:20px; }
.hot_w .our_1{ width:210px; height:85px; background:#fbb144 url(../images/jb1.png) left center no-repeat; line-height:19px;}
.hot_w .our_2{ width:210px; height:85px; background:#3184e6 url(../images/jb2.png) left center no-repeat;}
.hot_w .our_3{ width:210px; height:85px; background:#95d46c url(../images/jb3.png) left center no-repeat;}

.hot_w li a{ width:120px; height:60px;  margin-left:90px; margin-top:13px; display:block; overflow:hidden; color:#fff;}
#bt2{width:100%;  margin:0 auto; min-height:25px; text-align: left; padding:15px 0px 30px 0px; color:#fff;}
#bt2 h2{font-size:25px; line-height:30px;}
#bt2 p{ font-size:14px; line-height:17px; color:#fff; font-weight:normal;}
	
}

@media only screen and (max-width:999px) and (min-width: 765px) {
	
	.hot{ width:100%; height:250px; background:#054896;}
	.hot_wl{ float: none; width:100%}
.hot_wr{ float: none;}
.hot_w{ width:96%; height:275px; margin:0 auto; padding-top:25px;}
.hot_w li{ width:33.33%; height:85px; margin-top:20px; float:left;  }

.hot_w li a{ width:90%; height:85px;   display:block; overflow:hidden; color:#fff;padding:5px;border: 2px solid #fff;  box-sizing: border-box;}
.hot_w li .our1{background:#fbb144;}
.hot_w li .our2{background:#3184e6;}
.hot_w li .our3{background:#95d46c;}

#bt2{width:100%;  margin:0 auto; min-height:25px; text-align: center;  color:#fff;}
#bt2 h2{font-size:30px; line-height:40px;}
#bt2 p{ font-size:14px; line-height:20px; color:#fff; font-weight:normal;}
	
	
}
@media only screen and (max-width:764px) {
	
	.hot{ width:100%; height:450px; background:#054896;}
	.hot_wl{ float: none; width:100%}
.hot_wr{ float: none;}
.hot_w{ width:96%; height:275px; margin:0 auto; padding-top:25px;}
.hot_w li{ width:100%%; height:85px; margin-top:20px; float: none;  }

.hot_w li a{ width:90%; height:85px; margin:0 auto; line-height:40px;   display:block; overflow:hidden; text-align:center; color:#fff;padding:5px;border: 2px solid #fff;  box-sizing: border-box;}
.hot_w li .our1{background:#fbb144;}
.hot_w li .our2{background:#3184e6;}
.hot_w li .our3{background:#95d46c;}

#bt2{width:100%;  margin:0 auto; min-height:25px; text-align: center;  color:#fff;}
#bt2 h2{font-size:30px; line-height:40px;}
#bt2 p{ font-size:14px; line-height:20px; color:#fff; font-weight:normal;}
	
	
}
@media only screen and (min-width: 1366px)  {
.cont1{ width:1280px; margin:0 auto; padding-bottom:40px; }
/* 选项卡示例样式 */
.main,.main2,.box {width:1280px;margin:2px auto;}
.tab {overflow: hidden;width: 1280px;height: 120px; cursor: pointer; margin:0 auto;}
.tab li {float: left;width:310px;text-align: center; height:50px;line-height: 50px; margin:5px; font-size:16px; background:#2571ca; color:#fff; }
.tab li.on {background:#054896; color:#fff;}
.con {width:1240px; height: auto; margin-top:50px;}
.con li{ width:25%; float:left; padding-bottom:20px;}
.con li a{ width:95%; height:auto; margin:0 auto; display: block; line-height:45px; text-align:center;}
.con li a img{ width:100%; height:auto;}
}

@media only screen and (min-width: 1000px) and (max-width:1365px) {
	
	.cont1{ width:1000px; margin:0 auto;padding-bottom:40px; }
/* 选项卡示例样式 */
.main,.main2,.box {width:1000px;margin:2px auto;}
.tab {overflow: hidden;width: 1000px;height: 120px; cursor: pointer; margin:0 auto;}
.tab li {float: left;width:25%;text-align: center; height:50px;line-height: 50px;  background:#2571ca;font-size:16px; color:#fff; border: 2px solid #fff;  box-sizing: border-box;}
.tab li.on {background:#054896; color:#fff;}
.con {width:1000px; height: auto; margin-top:20px;}
.con li{ width:25%; float:left; padding-bottom:5px;}
.con li a{ width:95%; height:auto; margin:0 auto; display: block; line-height:45px; text-align:center;}
.con li a img{ width:100%; height:auto;}
	
}
@media only screen and (max-width:999px)  {
		.cont1{ width:96%; margin:0 auto; padding-bottom:30px; }
/* 选项卡示例样式 */
.main,.main2,.box {width:100%;margin:2px auto;}
.tab {overflow: hidden;width: 100%;height:   auto; cursor: pointer; margin:0 auto;}
.tab li {float: left;width:50%;text-align: center; height:50px;line-height: 50px;  background:#2571ca; color:#fff;border: 2px solid #fff;  box-sizing: border-box;}
.tab li.on {background:#054896; color:#fff;}
.con {width:100%; height: auto; margin-top:20px;}
.con li{ width:50%; float:left; padding-bottom:0px;}
.con li a{ width:95%; height:auto; margin:0 auto; display: block; line-height:45px; text-align:center;}
.con li a img{ width:100%; height:auto;}
	}




@media only screen and (min-width: 1024px) {
#bt1{width:80%;  margin:0 auto; min-height:25px; text-align:center; padding:30px 0px 30px 0px; color:#3e3d3d;}
#bt1 h2{font-size:30px; line-height:60px;}
#bt1 p{ font-size:14px; line-height:20px; color:#696969; font-weight:normal;}
}






@media only screen and  (min-width: 768px) and (max-width: 1023px) {
#bt1{width:80%; margin:0 auto; min-height:25px; text-align:center; padding:20px 0px 20px 0px;color:#3e3d3d;}
#bt1 h2{font-size:26px; line-height:60px;}
#bt1 p{font-size:12px; line-height:16px; color:#696969; font-weight:normal;}
}





@media only screen and (max-width: 767px) {
#bt1{width:80%; margin:0 auto; min-height:25px; text-align:center; padding:10px 0px 10px 0px;color:#3e3d3d;}
#bt1 h2{font-size:1.8em; line-height:2.5em;}
#bt1 p{font-size:0.8em;  color:#696969; line-height:1.0em;}
}


@media only screen and (min-width: 1366px)  {
.cont2{ width:100%; height:567px; background:url(../images/bt.png) left center repeat-x;}
.cnt2z{ width:1200px; margin:0 auto;}
.cnt2{ width:830px; height:547px; padding:20px 20px 0px 20px; float:right; background:url(../images/bp.png) center no-repeat;}
.ct2tb{ width:100%; height:84px;}
.ct2z{ width:100%; line-height:28px; color:#fff; padding-top:20px;}
.mor{ width:125px; height:40px; padding-top:30px; }
.mor a{ width:125px; height:40px; background:#007eff; line-height:40px; text-align:center; color:#fff; display:block;}
.mor a:hover{ text-decoration:underline;}
}

@media only screen and (min-width: 1000px) and (max-width:1365px) {
.cont2{ width:100%; height:567px; background:url(../images/bt.png) left center repeat-x;}
.cnt2z{ width:1000px; margin:0 auto;}
.cnt2{ width:830px; height:547px; padding:20px 20px 0px 20px; float:right; background:url(../images/bp.png) center no-repeat;}
.ct2tb{ width:100%; height:84px;}
.ct2z{ width:100%; line-height:28px; color:#fff; padding-top:20px;}
.mor{ width:125px; height:40px; padding-top:30px; }
.mor a{ width:125px; height:40px; background:#007eff; line-height:40px; text-align:center; color:#fff; display:block;}
.mor a:hover{ text-decoration:underline;}	
	
}

@media only screen and (max-width: 1000px)  {
.cont2{ width:100%; height: auto; }
.cnt2z{ width:100%; margin:0 auto;}
.cnt2{ width:100%; height: auto;  float:right; background:url(../images/bp.png) center no-repeat; background-size:cover; padding-bottom:30px;}
.ct2tb{ width:94%; height: auto; margin:0 auto;}
.ct2tb img{ width:100%; height:auto;}
.ct2z{ width:94%; line-height:28px; margin:0 auto;color:#fff; padding-top:20px;}
.mor{ width:125px; height:40px; padding-top:30px; margin:0 auto; }
.mor a{ width:125px; height:40px; background:#007eff; line-height:40px; text-align:center; color:#fff; display:block;}
.mor a:hover{ text-decoration:underline;}	
	
}

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

.cont6{ width:100%; height:500px; background:url(../images/t1.png) right center no-repeat;}
.ct6z{ width:1280px; height:auto; margin:0 auto;}
.ct6l{ width:80%; height:auto; float:left; line-height:140px;}
.ct6l a{ margin:0px 20px;}
.ct6r{ width:20%; float:right;}
.hh{ width:1280px; height:auto; margin:20px auto;}
.hh li{ width:20%; height:auto; float:left; margin-bottom:20px;}
.hh li a{ width:95%; height:auto; display:block; margin:0 auto; border:1px solid #dedede;box-sizing:border-box; overflow:hidden;}
.hh li a img{ width:100%;}
}
@media only screen and (min-width: 1000px) and (max-width:1365px) {
.cont6{ width:100%; height:500px; background:url(../images/t1.png) right center no-repeat;}
.ct6z{ width:1000px; height:auto; margin:0 auto;}
.ct6l{ width:80%; height:auto; float:left; line-height:140px;}
.ct6l a{ margin:0px 20px;}
.ct6r{ width:20%; float:right;}
.hh{ width:1000px; height:auto; margin:20px auto;}
.hh li{ width:20%; height:auto; float:left; margin-bottom:20px;}
.hh li a{ width:95%; height:auto; display:block; margin:0 auto; border:1px solid #dedede;box-sizing:border-box;}
.hh li a img{ width:100%;}	
}

@media only screen and (max-width: 1000px)  {
.cont6{ width:100%; height: auto; background:url(../images/t1.png)  center no-repeat; background-size:cover;}
.ct6z{ width:100%; height:auto; margin:0 auto;}
.ct6l{ width:80%; height:auto; float:left; line-height:140px; display:none;}
.ct6l a{ margin:0px 20px;}
.ct6r{ width:100%; float: none;}
.hh{ width:96%; height:auto; margin:20px auto;}
.hh li{ width:50%; height:auto; float:left; margin-bottom:20px;}
.hh li a{ width:95%; height:auto; display:block; margin:0 auto; border:1px solid #dedede;box-sizing:border-box;}
.hh li a img{ width:100%;}		
}







@media only screen and (min-width: 1366px) {
.link{ width:100%; height:auto; padding:40px 0px; background: #f6f6f6;}
.lnk{ width:1280px; height:auto; margin:0 auto;}
.lnkt{ width:100%; height:auto; line-height:30px; font-size:16px; font-weight:bold; }
.lnkd{ width:100%; height:auto;}
.lnkd a{ width:10%; height:auto; line-height:30px; float:left;}




#footert{width:100%; min-height:30px; line-height:30px; padding:20px 0px 20px 0px; background:#054896; text-align:center; color:#fff;}
#footertc{width:88%; margin:0 auto;}

}
@media only screen and (min-width: 1001px) and (max-width:1365px) {
.link{ width:100%; height:auto; padding:40px 0px; background: #f6f6f6;}
.lnk{ width:960px; height:auto; margin:0 auto;}
.lnkt{ width:100%; height:auto; line-height:30px; font-size:16px; font-weight:bold; }
.lnkd{ width:100%; height:auto;}
.lnkd a{ width:10%; height:auto; line-height:30px; float:left;}



#footert{width:100%; min-height:30px; line-height:30px; padding:20px 0px 20px 0px; background:#054896; text-align:center; color:#fff;}
#footertc{width:88%; margin:0 auto;}

}

@media only screen and (max-width: 1000px) {
	
.link{ width:100%; height:auto; padding:40px 0px; background: #f6f6f6;}
.lnk{ width:94%; height:auto; margin:0 auto;}
.lnkt{ width:100%; height:auto; line-height:30px; font-size:16px; font-weight:bold; }
.lnkd{ width:100%; height:auto;}
.lnkd a{ width:20%; height:auto; line-height:30px; float:left;}


#footert{width:100%; min-height:25px; line-height:25px; padding:15px 0px 15px 0px; background:#054896; text-align:center; color:#fff;}
#footertc{width:88%; margin:0 auto;}
	
}


.bannera{ width:100%; height:auto;}
.bannera img{ width:100%; height:auto;}

@media only screen and (min-width: 1366px) {
	.mrb{ width:100%; height:64px; border-bottom:1px solid #ebebeb;color:#6c6c6c;}
#mra{width:1280px; height:64px; line-height:64px; color:#333; background:url(../images/2.jpg) bottom left repeat-x; margin:0 auto;}
#mra .left{ background:url(../images/w.png) left center no-repeat; text-indent:30px;}
#mra .right{color:#999;}
#mra .right a{ height:64px; width:125px; display:block; float:left;color:#6c6c6c; text-align:center;}
#mra .right a:hover{ background:#2571c9;color:#fff;}
.main{ width:1280px; height:auto; padding:60px 0px 100px 0px; margin:0 auto;}

.mainab{width:100%; height: auto;  box-sizing:border-box;  margin:0 auto; font-size:14px; line-height:32px; overflow:hidden;}
.mainab img{ width:560px; height:413px; float:left; margin-right:15px;}

}


@media only screen and (min-width: 1001px) and (max-width:1365px) {
		.mrb{ width:100%; height:64px; border-bottom:1px solid #ebebeb;color:#6c6c6c;}
#mra{width:1000px; height:64px; line-height:64px; color:#333; background:url(../images/2.jpg) bottom left repeat-x; margin:0 auto;}
#mra .left{ background:url(../images/w.png) left center no-repeat; text-indent:30px;}
#mra .right{color:#999;}
#mra .right a{ height:64px; width:125px; display:block; float:left;color:#6c6c6c; text-align:center;}
#mra .right a:hover{ background:#2571c9;color:#fff;}
.main{ width:1000px; height:auto; padding:60px 0px 100px 0px; margin:0 auto;}

.mainab{width:100%; height: auto;  box-sizing:border-box;  margin:0 auto; font-size:14px; line-height:32px; overflow:hidden;}
.mainab img{ width:560px; height:413px; float:left; margin-right:15px;}

}
	
@media only screen and (max-width: 1000px) {
	
	.mrb{ width:100%; height: auto; margin-bottom:10px; }
#mra{width:96%; height: auto;  color:#333;  margin:0 auto;}
#mra .left{width:100%; background:url(../images/w.png) left center no-repeat;line-height:64px; height:64px;text-indent:30px;border-bottom:1px solid #ebebeb;color:#6c6c6c; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#mra .right{width:100%;color:#999; text-align:center; padding-top:20px;}
#mra .right a{ padding:6px 15px;background:#2571c9;color:#fff; margin:0 10px; text-align:center; display:inline-block; margin-bottom:5px;}
#mra .right a:hover{ background:#2571c9;color:#fff;}
.main{ width:100%; height:auto; padding:15px 0px 20px 0px; margin:0 auto;}

	
.mainab{width:96%; height:auto; float:none; margin:0 auto; box-sizing:border-box;  font-size:12px; line-height:25px;}
.mainab img{ width:100%; height: auto; float:none; margin-bottom:15px;}
}
	
@media only screen and (min-width: 1366px) {
.prod{ width:1280px; height:auto;}
.prdl{ width:422px; height:290px;; float:left;}
.prdl a{ width:380px; height:250px; border:1px solid #c2c2c2; display:block; padding:20px;}
.prdl a img{width:380px; height:250px;}
.prdr{ width:832px; height:auto; float:right;}
.pdt{ width:100%; height:50px;  box-sizing: border-box; font-weight:bold; border:1px solid #c2c2c2; line-height:50px; text-indent:20px; font-size:20px; color:#4f4f4f; background:#f2f2f2;}
.pdd{ width:95%; height:auto; padding-top:20px; margin:0 auto;}

.pr_x{ width:100%; height:auto; padding-bottom:10px; padding-top:40px;}
}
@media only screen and (min-width: 1001px) and (max-width:1365px) {
	.prod{ width:1000px; height:auto;}
.prdl{ width:422px; height:290px;; float:left;}
.prdl a{ width:380px; height:250px; border:1px solid #c2c2c2; display:block; padding:20px;}
.prdl a img{width:380px; height:250px;}
.prdr{ width:552px; height:auto; float:right;}
.pdt{ width:100%; height:50px;  box-sizing: border-box; font-weight:bold; border:1px solid #c2c2c2; line-height:50px; text-indent:20px; font-size:20px; color:#4f4f4f; background:#f2f2f2;}
.pdd{ width:95%; height:auto; padding-top:20px; margin:0 auto;}

.pr_x{ width:100%; height:auto; padding-bottom:10px; padding-top:40px;}
}

@media only screen and (max-width: 1000px) {
		.prod{ width:100%; height:auto;}
.prdl{ width:90%; height: auto; margin:0 auto 20px auto; float: none;}
.prdl a{ width:100%; height: auto; border:1px solid #c2c2c2; box-sizing: border-box; display:block; padding:20px;}
.prdl a img{width:100%; height: auto;}
.prdr{ width:90%; height:auto; margin:0 auto; float: none;}
.pdt{ width:100%; height:45px;  box-sizing: border-box; font-weight:bold; border:1px solid #c2c2c2; line-height:45px; text-indent:20px; font-size:16px; color:#4f4f4f; background:#f2f2f2;}
.pdd{ width:95%; height:auto; padding-top:20px; margin:0 auto;}

.pr_x{ width:96%; height:auto; margin:0 auto; padding-bottom:10px; padding-top:40px;}
	
}
  /*分页*/
#nx_pg{width:100%; min-height:50px; padding:20px 0px 0px 0px; text-align:center;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #407ec2; color:#407ec2;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#407ec2;border:1px solid #407ec2; color:#fff;}
#nx_pg .on{ background:#407ec2;border:1px solid #407ec2; color:#fff;}
#info-T{width:100%; min-height:30px; padding-top:35px; padding-bottom:15px; line-height:30px; text-align: center; font-size:24px; font-weight:500; color:#333333}
#info-M{width:100%; height:45px; line-height:45px; text-align: center; border-top:#e0e0e0 1px dotted;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}

#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}