/*

Theme Name: ay

Version: 1.0.0

Author:	jsjjl

Theme URI: http://jsjjl.diandian.com/

Author URI: http://jsjjl.diandian.com/

*/

/*init*/

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }

img { border: 0 none; vertical-align: top; }

ul, li { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }

button { cursor: pointer; }

i, em, cite { font-style: normal; }

body { background: #fff; color: #363636; line-height: 1.2; }

a, a:link { color: #222; text-decoration: none; }

a:visited {  }

a:active, a:hover { text-decoration: none; }

a:focus { outline: none; }



.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.fixed { display: block; min-height: 1%; }

*html .fixed { height: 1%; }

.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

.more { float: right; }

.more a { font-weight: normal; font-size: 12px; }

.fl, .fr { display: inline; float: left; }

.fr { float: right; }

.no-margin{ margin:0 !important;}

.fx{filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f5f5f5);

  background: -ms-linear-gradient(top,#ffffff, #f5f5f5);

  background: -moz-linear-gradient(top,#ffffff, #f5f5f5);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f5f5f5));

  background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f5f5f5));

  background: -webkit-linear-gradient(top, #ffffff, #f5f5f5);

  background: -o-linear-gradient(top, #ffffff, #f5f5f5);

  box-shadow: 0px 2px 5px rgba(0,0,0,0.1)!important; position:fixed !important;border: 1px solid #e4e4e4; z-index:99;}



/*基于display:table-cell的自适应布局*/

.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}

/*双栏自适应cell部分连续英文字符换行*/

.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}

/*单行文字溢出虚点显示*/

.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



body {

  font-size: 12px;

  font-family: "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif;

  _font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif;

  cursor: default;
  min-width: 1600px;

}

.main{ width:1400px; display:block; height:auto; margin:0 auto;}

/*value*/

/*head_start*/
.header{ width:100%; height:96px; display:block; float:left; background:#ffffff;border-top:10px solid #01458e;}
.logo{width:195px; height:43px; display:block; float:left;margin: 23px 0 0 0;}
.nav{ width:auto; height:84px; display:block; float:left; margin-left:55px;}
.nav a{ width:auto; height:84px; display:block; float:left; margin-right:70px; color:#ffffff; font-size:18px; line-height:84px;}
.nav a:hover{ color:#6e39a3;}
.lang{ width: auto; height: 29px; display: block; float: right;margin: 38px 0 0 0;}
.lang a { width: auto; height: 29px; display: block; float: left; margin-left:15px;}
/*head_end*/





/*nav_start*/
.banner{ width:100%; height:auto; display: block; float: left; }
.swiper-pagination{ bottom:40px !important; position:relative; margin-top:10px;}
.swiper-pagination-bullet{width: 20px; height: 16px; border-radius: 10px; background: #ffffff; opacity: 1;}
.swiper-pagination-bullet-active{ background:#07a9fe; ;width: 54px; height: 16px; opacity: 1;}
/*nav_end*/





/*cont*/

/*index_cont_start*/
.swiper-slide img{ width:100%; height:auto;}
.index_t{ width: 100%; height: auto; display: block; float: left;margin: 80px 0 60px;}
.index_t p{ width: 100%; height: auto; display: block; float: left; text-align: center;  margin: 0 auto 30px;font-size: 36px; color: #333333; font-weight: bold;}
.index_t i{ width: 63px; height: 10px; display: block; float: none; margin: 0 auto;  background: #676767;}
.index1{ width: 100%; height: auto; display: block; float: left;margin: 50px 0 65px;}
.index1 a{ width: 340px; height: 265px; display: block; float: left;margin: 0 13.33333px 0 0; background: #f9f9f9; color:#333333;transition: all .8s}
.index1 a i{width: 110px; height: 110px; display: block; float: none;margin: 70px auto 30px;}
.index1 a span{width: 100%; height: auto; font-size:20px; font-weight: bold;  display: block; float: left; text-align: center;}
.index1 a:hover{ background: #01478f; color: #fffefe; transition: all .8s}
.index1 a i.index1_1{ background: url(./img/001.png)}
.index1 a i.index1_2{ background: url(./img/002.png)}
.index1 a i.index1_3{ background: url(./img/003.png)}
.index1 a i.index1_4{ background: url(./img/004.png)}
.index1 a i{transition: all .8s}
.index1 a:hover i{transition: all .8s}
.index1 a:hover i.index1_1{ background: url(./img/001_01.png)}
.index1 a:hover i.index1_2{ background: url(./img/002_01.png)}
.index1 a:hover i.index1_3{ background: url(./img/003_01.png)}
.index1 a:hover i.index1_4{ background: url(./img/004_01.png)}
.index1 a:last-child{margin: 0;}

.index_t2{ width: 100%; height: auto; display: block; float: left;margin: 80px 0 35px;}
.index_t2 p{ width: 100%; height: auto; display: block; float: left;margin: 0 auto 11px;font-size: 20px; color: #333333; font-weight: bold;}
.index_t2 i{ width: 25px; height: 4px; display: block; float: left; margin: 0 auto;  background: #111111;}
.index2{ width: 100%; height: auto; display: block; float: left;margin:0px 0 130px;}
.index2 img{width: 100%; height: auto; display: block; float: left;margin:0px 0 30px;}
.index2 p{width: 100%; height: auto; display: block; float: left;margin:0; font-size: 14px; line-height: 30px; color: #444444;}

.index3{ width: 100%;min-width: 1600px; height: 653px; background: url(./img/bg.jpg) no-repeat; background-position:  top center; display: block; float: left;margin: 10px 0 35px;}
.index3_box{ width: 1516px; height: 546px; margin: 73px auto 0; display: block; float: none;}
.index3_c{ width: 344px; height: 546px; margin:0 46px 0 0; display: block; float: left;}
.index3_box div:last-child{ margin: 0;}
.index3_c span{ width: 100%; font-size: 18px; color: #111111; height: auto; padding:30px;  display: block; float: left;box-sizing: border-box;}
.index3_c img{ width: 314px; height: 206px; display: block; float: left;margin:0px 15px;}
.index3_c p{ width: 300px; height: 190px; display: block; float: left;margin:0px 22px 0px; font-size: 11px; color: #444444; line-height: 18px; }
.index3_c a{ width: 300px; height: 45px; display: block; float: left;margin:0px 15px; background: #ededed; line-height: 45px; text-align: center; font-size: 14px; color: #313131;border-radius: 5px;transition: all .5s}
.index3_c a:hover{ color:#ffffff; background: #01478f;transition: all .5s}
/*index_cont_end*/






/*foot_start*/
.footer{ width:100%; height:104px; display:block; float:left; background: #313131; border-top:6px solid #0263d8;margin: 60px 0  0;}
.flogo{width:198px; height:42px; display:block; float:left;margin: 30px 0 0 0;}
.footer span{width:auto; height:auto; display:block; float:right;margin: 45px 55px 0 0;color:#ffffff; font-size: 14px;}
.footer span i{margin-left: 40px;}
/*foot_end*/



/* 大屏幕 */

@media (min-width: 1200px) {

	

}

 

/* 平板电脑和小屏电脑之间的分辨率 */

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



}

 

/* 横向放置的手机和竖向放置的平板之间的分辨率 */

@media (max-width: 767px) {



}

 

/* 横向放置的手机及分辨率更小的设备 */

@media (max-width: 480px) {



}