@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial;color: #000; width: 100%; zoom:1;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;       
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
font-size:12px;
}

* ul{ margin:0px; padding:0px;}
* ul li{ list-style:none;}
* .ul,.ul li,form,.dl,.dl dt,.dl dd,div,.p{ padding: 0px; margin: 0px;}
* dd{ margin:0px; padding:0px;}
* p{ margin:0px; padding:0px;}
/*.ul,.ul li{ list-style:none; margin: 0;} 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
input:focus { outline: none;}
input,button,select,textarea{outline:none; } 
textarea{resize:none; } 
textarea,input,select {background:none; border:none; margin:0; padding:0;}
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
figure,figcaption{ margin:0px; padding:0px;}*/
* img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#000; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #0065CB;}

.header{ width:100%; height:72px; overflow:hidden;}
.headerbox{ width:1200px; margin:0 auto;}
.logo{ width:237px; height:31px; margin-top:20px; overflow:hidden; float:left;}
.logo img{ width:100%;}
.nav{ float:left; font-size:14px; height:72px; line-height:72px; margin-left:100px;}
.nav ul li{ float:left; margin-right:43px; font-weight:bold;}
.login{ width:260px; float:right; font-size:14px; margin-top:20px;}
.login ul li{ width:109px;  text-align:center;}
.login ul li:nth-child(1){float:left; height:36px; line-height:36px; border:2px solid #0065CB; margin-right:15px; color:#0065CB;}
.login ul li:nth-child(2){ float:left;background:#0065CB; height:40px; line-height:40px;}
.login ul li:nth-child(2) a:hover{ color:#FFF;}
.control_layer input{width:109px;background:none; margin-top:15px; float:right;  text-align:center; height:40px; line-height:36px; border:2px solid #0065CB;  color:#0065CB;}

/*banner*/
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:4px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:4px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#999;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

/***轮播图***/
.banner{ width:100%; /*height:638px; background:url(../images/banner.jpg) no-repeat; overflow:hidden;*/}
.banner img{width: 100%}
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:638px;}
.lubo_box{ position: relative; width: 100%; height:638px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:638px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 638px;}
/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 130px; height: 6px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #ccc !important;}
/*按钮*/
/*.lubo_btn{ position: absolute; width: 100%; top: 100px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}*/

/****page1*****/
.page1{ width:100%; height:710px;}
.page1-tietle{ width:100%; text-align:center; height:70px; margin:66px auto;}
.page1-mian{ width:100%;}
.page1-mian ul li{ width:50%; float:left; text-align:right;}
.page1-mian ul li h4{ font-size:30px; text-align:left; margin-left:200px;}
.page1-mian ul li p{ font-size:19px; text-align:left; margin-left:200px; margin-bottom:10px;}
/*********商城分类******/
.page2{ width:100%; /*height:800px;*/ background:#EDEDED;}
.page2-title{ width:100%; height:94px; text-align:center; padding-top:64px; }
.w1200{ width:1200px; margin:0 auto;}
.important{ padding:50px 0 0px 0; height:163px; border-bottom:1px solid #0065cb;}
.important li{ float:left; margin-right:20px; font-size:20px;}
.important li a{ display:block;width:100px; height:100px; display:block;/*border-radius:15px;border:1px dotted #1dd2af;*/ background:#fff;}
.important li:hover a{ /*border:1px dotted #696969; background:#fff;*/}
.important li span{ width:100px; height:100px; display:block;}
.important li span img{ width:100%;}
.bgbg { background:url("images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span,.w1200 .important .rcsp_5:hover span,.w1200 .important .rcsp_6:hover span, .w1200 .important .rcsp_7:hover span, .w1200 .important .rcsp_8:hover span, .w1200 .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.cl-box{ width:100%; padding:20px 0px; text-align:center;}
.cl-box img{ height:300px;}
.cl-box p{ font-size:14px; text-align:left;  line-height:200%;}
.important .rcsp_10{ margin-right:0px;}
.important li p{ line-height:18px; margin:15px 0px; text-align:center; display:block; color:#000;}
.important li:hover p{ color:#0065cb;}
.important li strong{ /*border-bottom:1px solid #0065cb;*/ position:relative; display:block;margin-top:-5px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-bottom-color: #0065cb;}
.important_l{ padding:30px 60px 0 20px; float:left; width:510px; overflow: hidden;}
.important_l img{width:450px;height:384px;}
.important_r{ float:right; padding:30px 60px 0px 0px;width:530px; overflow: hidden; }
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url("images/icon_left.png") 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url("images/icon_right.png") 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url("images/icon_left1.png") 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url("images/icon_right1.png") 0 center no-repeat;}
.study{ padding:0px 32px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#0065cb; display: block; padding-bottom:15px;}
.study span{ font:14px/18px "Microsoft YaHei";color:#535353;display: block;text-indent: 2em;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#0065cb; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}

.page3{ width:100%; height:1220px; text-align:center; background:url(../images/page3-bj.jpg) no-repeat bottom center;}
.page3-title{ width:100%; height:73px; padding:68px 0px 80px 0px;}
.page3-mian{ width:1200px; margin:0 auto; height:819px;}

.page4{ width:100%; height:801px; text-align:center; background:url(../images/page5-bj.jpg) no-repeat top center;}
.page4-title{ width:100%; height:83px;padding:72px 0px 135px 0px;}
.page4-list{ width:100%; height:460px; /*background-color: rgba(0,101,203,0.3);*/}
.page4-list ul{ width:1200px; margin:0 auto;}
.page4-list ul li{ width:190px;/* background:#FF3365;-moz-box-shadow:-2px 2px 3px #666, 2px -2px 5px #666; -webkit-box-shadow:-2px 2px 3px #666, 2px -2px 5px #666; box-shadow:-2px 2px 3px #666, 2px -2px 5px #666;*/ float:left; margin-right:10px;}
.page4-list ul li img{ width:100%;}
.page4-list ul li:nth-child(2){ padding-top:50px;}
.page4-list ul li:nth-child(3){padding-top:100px;}
.page4-list ul li:nth-child(4){padding-top:100px;}
.page4-list ul li:nth-child(5){padding-top:50px;}
.page4-list ul li:nth-child(6){margin-right:0px;}
/*.page4-list ul li:nth-child(6){ margin-right:0px;}
.page4-list ul li:nth-child(2n){background:#01A3DF;}*/
/*.page4-list-con{ width:100%; height:219px;}
.page4-list-con img{ width:100%; height:219px; overflow:hidden; position:relative; z-index:1;}
.page4-list-con a{ display:block; background:none;} 
.page4-list-con a:hover{ display:block; background:url(../images/s.png) no-repeat bottom 170px; position:relative; z-index:9;}
.page4-list-title{ width:100%; height:51px; background:#414145;}
.page4-list-title img{ width:100%; height:41px; margin-top:5px;}*/

.page5{ width:100%; height:712px;}
.page5-title{ width:100%; text-align:center; padding-top:107px;}
/**合作商家**/
.page5-box{width:1200px; margin:0 auto; margin-top:100px;}
.mr_frbox { height: 340px; padding: 24px 22px 0px; }
.mr_frBtnL { float: left; margin: 90px 50px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 130px; width: 950px; }
.mr_frBtnR { float: right; margin-top: 90px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: 315px; width:220px; margin-right:23px; overflow: hidden; }
.mr_frUl ul li img { display: block; margin-bottom:50px; border: 1px solid #D8D8D8; }

/*******footer*******/
.footer{ width:100%; height:588px; background:#414146; color:#FFF;}
.footer ul{ width:1200px; margin:0 auto;}
.footer ul li{ width:33.333%; height:556px; padding-top:32px; float:left; background:url(../images/ce.png) no-repeat right center;}
.footer ul li:nth-child(3){ background:none;} 
.footer ul li a{ color:#FFF;}
.footer-title{ font-size:20px; text-align:left; margin-left:20px;}
.footer-l{ width:380px;}
.footer-l-title{font-size:20px; text-align:left; margin-left:20px; margin-top:30px;}
.footer-l p{ text-indent:2em; margin-top:20px; font-size:14px; line-height:150%;}
.footer-l span{ display:block; width:140px; height:40px; text-align:center; line-height:40px; font-size:16px; margin:40px 0px 30px 0px; border:2px solid #02a3df;}
.footer-z{ width:100%;}
.footer-z img{ width:170px; height:148px; float:left; }
.footer-z img:nth-child(1){ margin-right:20px;}
.footer-m{ width:360px; padding-left:20px;}
.footer-m dl{ margin:0px; padding:0px;}
.footer-m dl dd{ width:100%; background:url(../images/quan.png) no-repeat left 4px; text-indent:2em; line-height:150%; text-align:left;font-size:14px; margin-top:20px;}
.footer-m dl dd span{ display:block; text-align:right; padding-top:5px;}
.footer-m dl dd a{ color:#FFF; width:100%; height:40px; overflow:hidden; }
.erweima{ width:170px; float:left; margin-left:20px; margin-top:150px;}
.erweima img{ width:170px; height:170px; border-radius:10px;}
.erweima span{ display:block; font-size:16px; padding-top:10px; text-align:center;}
.copyright{ width:100%; text-align:center; height:50px; line-height:50px; color:#FFF; background:#000; font-size:14px;}
.copyright a{ color:#FFF;}