/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
    border: none;
    list-style: none;
    font-family: "Microsoft YaHei" ! important;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    min-width:1200px;
    padding: 0px;
    color: #333;
    background: #f0f7fc;
}

span {
    overflow: hidden;
    margin: 0 auto;
}

a {    text-decoration: none;
    overflow: hidden;
    color: #666666;
    padding: 0px;
}

a:hover {
    text-decoration: none;
}

img {
    border: 0px;
}

.clear {
    clear: both;
}

ul li,
li {
    list-style: none
}

.wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}


/* 顶部 */

.top {
    width: 100%;
    height: 34px;
    float: left;
    background-color: #373737;
    overflow: hidden;
}

.top_box {
    width: 1200px;
    height: 34px;
    margin: 0 auto;
}

.top_box p {
    line-height: 34px;
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.head {
    width: 100%;
    height: 120px;
    float: left;
    background: url(../images/1_02.jpg) repeat-x;
}

.head_box {
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.logo {
    width: 416px;
    height: 69px;
    float: left;
    margin-top: 30px;
}

.head_right {
    width: 670px;
    height: 70px;
    float: right;
    margin-top: 20px;
}

.nav {
    width: 670px;
    height: 30px;
    float: left;
    overflow: hidden; margin-top: 30px;
}

.nav ul {
    float: left;
}

.nav ul li {
    width: 85px;
    height: 30px;
    line-height: 30px; text-align: center;
  float: left; margin-left:5px;margin-right :5px;
}
.nav ul li:hover {
    width: 85px;margin-left:5px;margin-right :5px;
    height: 30px;
    background: url(../images/2_08.png) no-repeat;
    line-height: 30px; text-align: center; float: left;
}
.nav ul li a{ display:block; line-height: 30px;  font-size: 14px; text-align: center; }
.nav ul li a:hover,#nav ul li a.on {
    font-size: 14px; text-align: center;color: #fff;
    background: url(../images/2_08.png) no-repeat;
   
}

.on { color: #fff;
    background: url(../images/2_08.png) no-repeat;
   
}

/*banner*/
#bannerDiv{ width:100%; height:550px; float:left;}
#full-screen-slider { width:100%; height:550px; float:left; position:relative}
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:440px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/*tel*/
.tel{  width: 100%; height: 158px; float: left; background:  #106eb8;   }
.tel_box{ width:1170px; height:158px; margin: 0 auto;  }

/*内容*/
.content{ width: 100%; height:auto; overflow:hidden; float: left; padding: 60px 0; background: #f0f7fc; }
.content_box{ width: 1170px ; height: auto; margin: 0 auto;}
/*产品展示*/
.pro_title{ width: 1170px; height: 71px; float: left; }
.pro_box{ width: 1170px; height: auto;float: left; }
.pro_nav{ width:1170px; height: 45px; float: left; margin-top: 20px; }
.pro_li { width: 120px; height: 35px; background: #0073CD; text-align: center; float: left;}
.pro_li a{  font-size: 16px; color: #fff; line-height: 35px;  }
.pro_ol{ width:400px; height:35px;font-size: 16px;color: #106eb8;  line-height: 35px; text-align: left; margin-left: 20px; float: left;}
.pro_ol a{ color: #106eb8;}
/* scrollleft */
.pro_content{ width: 1170px; height: auto; padding: 18px; border: 1px solid #E4E4E4; background: #FFFFFF; float: left;}
.pro_nr{width: 1130px; height: auto; float: left;  }
.pro_nr li{float:left;width:280px;text-align:center;line-height:30px; height:auto;overflow:hidden;}
.pro_nr img{width:270px;height:210px;padding:4px;border:solid 1px #ddd; background-color:#FFF;}
.pro_nr img:hover{width:270px;height:210px;padding:4px;border:solid 1px#1252a1; background-color:#FFF;}
.pro_nr a{ line-height:21px; text-align:center; font-size:14px; color:#555;display:inline-block; width:100%; height:auto;}
.pro_nr a:hover{ color:#09F;}
.pro_more{ width:100%; height: 40px; margin-top: 40px; text-align: center; float: left;}
.pro_more a{ line-height: 40px; color: #fff;  background-color: #e74643; padding: 10px 25px;    }
/* case */

.icon_box li {
margin:3px 31px;
width:170px;
height:170px;
float: left;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}

.icon_box li:hover
{
width:170px;
height:170px;
transform:rotate(180deg);
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}

.icon_box_title{ width: 1170px; height: 80px; float: left; }
.icon_box_title span{ width: 180px;margin:3px 26px; height: 50px; float: left; text-align: center; line-height: 30px; }
.icon_box_title span a{ font-size: 16px; }

/*banner2*/
.banner2{ width:100%; height:420px; float: left;}
.fixed-bg{ width:100%; height:100%; position:fixed; top:0; background:url(../images/bj.png) repeat-y center top; z-index:-9999;}
.about-us{  width:1000px; height:420px; margin:0 auto; background:url(../images/yg.png) no-repeat center 30px;}

/* 本例子css */
/*案例展示*/
.case{ width: 100%; height: auto; float: left; background: #fff;  padding: 50px 0; }
.case_box{ width:1170px; height: 300px; padding-top: 40px; height:auto;   margin:0 auto;}
.case_title{ width: 98px; height: 295px; float: left; }
.case_show{ width: 1050px; height: 295px; float: right;  background: #f0f0f0; border: 1px solid #e3e3e3; }
/*资质滚动*/
.about_zi{ width: 1000px; float: right;  margin-top: 30px; margin-left: 25px; height: 220px; float: left; }
.area-sub{width:1000px;overflow:hidden;}
.zi_box{width: 1000px; height: auto; float: left;  }
.zi_box li{float:left;margin-right:5px;display:inline;width:230px;text-align:center;line-height:21px;}
.zi_box img{width:220px;height:160px;padding:4px;border:solid 1px #ddd; background-color:#FFF;}
.zi_box img:hover{width:220px;height:160px;padding:4px;border:solid 1px#1252a1; background-color:#FFF;}
.zi_box a{ line-height:21px; text-align:center; font-size:14px; color:#555;}
.zi_box a:hover{ color:#09F;}
/* layout */
#layout-t .tab-bd{height:220px;}

.ui-style-gradient{border-top:2px solid #206F96;}
.ui-style-gradient .tab-hd,.ui-style-gradient .box-hd{background:#F7F7F7;}
.ui-style-gradient .tab-hd-con,.ui-style-gradient .box-hd{background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(254, 254, 254)), to(rgb(237, 237, 237)));background-image: -webkit-linear-gradient(top, rgb(254, 254, 254), rgb(237, 237, 237));background-image: -moz-linear-gradient(top, rgb(254, 254, 254), rgb(237, 237, 237));background-image: -o-linear-gradient(top, rgb(254, 254, 254), rgb(237, 237, 237));background-image: -ms-linear-gradient(top, rgb(254, 254, 254), rgb(237, 237, 237));background-image: linear-gradient(top, rgb(254, 254, 254), rgb(237, 237, 237));}
#layout-t .tab-bd{height:220px;}
.tab-hd-con{float:left;font-size:14px;text-align:center;cursor:pointer;}
.tab-hd-con a{display:inline-block; color: #1252a1;}
.tab-hd .current{font-weight:bold;}
.tab-bd-con{display:none;overflow:hidden;}
.tab-ft{margin-top:8px;line-height:20px;color:#c1c1c1;text-align:right;}
.tab-ft a,.tab-ft a:visited{color:#666;}
.tab-ft a:hover{color:#ba2636;}
.tab-main-3 .tab-hd-con{width:102px;}
.tab-sub-2 .tab-hd-con{width:148px;}
.tab-sub-2 .tab-hd .current{width:149px;}
.tab-sub-3 .tab-hd-con{width:98px;}
.tab-sub-3 .tab-hd .current{width:100px;}
.tab-sub-4 .tab-hd-con{width:73px;}
.tab-sub-4 .tab-hd .current{width:76px;}
.tab-area .tab-hd-con{width:102px;}
.tab-main .tab-hd,.tab-sub .tab-hd,.tab-product .tab-hd,.tab-area .tab-hd{overflow:hidden;height:32px;line-height:30px;border-left:1px solid #CFCFCF;border-bottom:2px solid #1252a1;}
.tab-main .tab-hd-con,.tab-sub .tab-hd-con,.tab-product .tab-hd-con,.tab-area .tab-hd-con{height:32px;border-right:1px solid #CFCFCF;border-top:1px solid #CFCFCF;}
.tab-main .tab-hd .current,.tab-sub .tab-hd .current,.tab-product .tab-hd .current,.tab-area .tab-hd .current{position:relative;z-index:1;height:30px;background:#fff; }
.tab-main .tab-bd,.tab-sub .tab-bd,.tab-product .tab-bd,.tab-area .tab-bd{ margin-top: 10px;}
.tab-main .tab-bd-con,.tab-sub .tab-bd-con,.tab-ad .tab-bd-con,.tab-area .tab-bd-con{padding-top:18px;}
/* 优势 */
.advantage{width: 100%; height:1600px; float: left; background:url(http://www.seasonsft.com/templets/default/images/c_60.jpg) no-repeat center;  }
.advantage_title{ width: 1170px; height:106px; float: left; margin-top: 60px; margin-bottom: 50px;  }
.advantage_box{ width: 1170px; height: 1600px; margin:0 auto;  }
/*联系方式加地图*/
.con_box{ width:1170px; height:418px; margin:10px auto;}
.con_left{ width: 700px; height: 392px; float:left;}
.con_right_map{ width: 430px; height: 310px; float: right; margin-top: 30px; }
.mup{ width: 100%; height:auto; float: left; background: #fff;  padding-top: 50px; }
/*banner3*/
.banner3{ width:100%; height:298px;  float: left; }
.banner3_box{ width:1920px; height:298px; margin:0 auto;}
/*new*/
.new{  width:100%; height:auto;  float: left;  }
.new_box{ width: 1170px; height:500px; margin: 0 auto; }
.new_text{ width: 1170px; height: 300px; float: left;  }
.new_text li{ width: 540px; height: 100px; float: left; margin:20px 20px; }
.new_text li h4{ width:500px; padding-left: 40px; background: url(../images/2_46.png) no-repeat left center; height: 30px; text-align: left; line-height: 30px; float:left; }
.new_text li p{width: 500px; height:42px; margin-top: 5px; padding-left: 40px; text-align: left; line-height:21px; float: left; color: #8a8a8a; font-size: 12px; }
.new_text li span{ width: 200px; height:18px; text-align: left; line-height: 18px; color: #a8a9aa; font-size: 12px;padding-left: 40px; }
/*foot*/
.foot{ width:100%; height:280px; float: left; background: url(../images/foot_77.gif) repeat-x ;   }
.foot_box{ width: 1170px; height: 200px; margin:0 auto; padding-top: 100px; }
.foot_box li{ width: 350px; height: 100px; float: left; margin-left: 20px; }
.foot_box li span{ width: 87px; height: 79px; float:left; }
.foot_box li p{ width:250px; height:100px; text-align: left;padding-top: 5px; float: left; line-height: 21px; color: #fff; font-size: 12px;padding-left:10px; display: block;}
.footer{ width: 100%; height: 50px; float: left; background: #080809 }
.footer_box { width: 600px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; color: #727272;  margin: 0 auto; }

/*内页*/
.ny_banner{ width: 100%; height:300px; float: left; }
.fixed-nybg{ width:100%; height:100%; position:fixed; top:0; background:url(../images/ny3.jpg) repeat-y center top; z-index:-9999;}
.ny_body{width: 100%; height:auto; float: left; background: #e5f2fd;} 
.nybody_box{background:url(../images/bgg.png) no-repeat top; width: 100% ; height: auto; float: left;}
.ny_content{ width: 1170px; height: auto; margin: 0 auto;}
.ny_title{ width: 1170px; float: left; height:88px; margin-top:-44px; background: url(../images/ny2.png) no-repeat center; overflow: hidden;;  }
.ny_title h3{ width: 200px; padding-left: 40px; margin:32px ; float: left; background: url(../images/arrow.png) no-repeat left center; color: #fff; display: block; }
.ny_title p{ text-align: right; line-height: 21px;width: 400px;  float:right;margin:50px 40px 0px 0px ;font-size: 12px; display: block;}
.ny_title a{ color: #fff;}
.ny_left{ width: 280px; height: auto; float:left;  margin-top: 10px;  margin-bottom: 40px;}
.ny_right{width:880px; height: auto; float:right; margin-left: 10px;  margin-top: 10px; background: #fff;margin-bottom: 40px;min-height:600px;   }
/*内页左边导航*/
.ny_left_nav{ width: 280px; height:auto;float:left;background: #fff;}
.ny_left_nav ul{ width:240px;  margin:20px;}
.ny_left_nav ul li{ width:240px; height:45px;  border:1px solid #d9dee3; margin-bottom:4px; }
.ny_left_nav ul li a{ line-height:45px; text-align:center; font-size:14px; font-family:"微软雅黑"; display:block;}
.ny_left_nav ul li:hover{ background-color:#40a1f4; color:#fff;}
.ny_left_nav ul li a:hover{  color:#fff;}
/*ny_new*/
.ny_new{ width: 280px; height:350px; float: left; background-color: #fff; margin-top:10px;  }
.ny_new_title{ width: 280px; height: 40px; border-bottom: 1px solid #d9dee3;  }
.ny_new_title a{ padding-left:20px;  line-height: 40px; font-size: 14px;  }
.ny_new_box{ width:280px; height:auto; float:left; margin-top: 10px;}
.ny_new_box li{  height:30px; display:block; line-height:30px; padding:0px 10px 0px 20px; background: url(../images/dot.jpg)no-repeat 8px center;}
.ny_new_box li .new{ text-align:left;}
.ny_new_box li a{ font-size: 12px;}
.ny_new_box li a:hover{ color: #057dbb; }
.ny_new_box li span{ color:#676767; float:right;font-size: 12px;}

.ny_pro{ width:820px; height: 350px; height:auto;border: 1px solid #d9dee3; float: left; margin: 30px; }
.ny_pro_title{ width: 820px; height:35px; float: left;border-bottom: 1px solid #d9dee3; }
.ny_pro_title a{padding-left:20px;  line-height: 40px; font-size: 14px;}
.ny_pro_show{width:770px; height:230px; padding:15px; margin:0 auto;}
.ny_pro_show li{float:left;margin-right:10px;display:inline;width:210px;text-align:center;line-height:25px;}
.ny_pro_show img{width:200px;height:160px;padding:4px;border:solid 1px #ddd; background-color:#FFF;}
.ny_pro_show img:hover{width:200px;height:160px;padding:4px;border:solid 3px #057dbb; background-color:#FFF;}
.ny_pro_show a{ line-height:28px; text-align:center; font-size:14px; color:#555;}
.ny_pro_show a:hover{ color:#09F;}
/*主要样式*/
.ny_left_nav1{ width: 280px; height:auto;float:left;background: #fff;}
.subNavBox{width:240px;border:solid 1px #e5e3da;margin:20px auto;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:14px;color:#999;line-height:42px;padding-left:30px;background:url(../images/jiantou1.jpg) no-repeat;background-position:95% 50%}
.subNav:hover{color:#277fc2;}
.currentDd{color:#277fc2}
.currentDt{background-image:url(../images/jiantou.jpg);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:240px;height:32px;text-align:center;font-size:14px;line-height:32px;color:#333}
.navContent li a:hover{color:#fff;background-color:#277fc2}

/*联系方式*/
.ny_call{ width:280px; height:250px;  background-color:#fff; float:left; margin-top:10px; } 
.ny_call li{ width:260px; height:68px; float:left; margin-left:12px; margin-top:12px;}
/*产品中心类模板*/
.workList_box{ width:820px; height:auto;text-align:left;font-size:12px; margin:30px ;  overflow:hidden;}
.workList { width:820px; margin-bottom:15px; float:left; !important }
.workList li {float: left;margin:10px;}
.workList li a {display: block;color:#000;}
.workList li .work_title {text-align: center;color: #2f1504;padding-top:10px;}
.workList li  a:hover{display: block;color:#23a0e3;}
.workList li a img {border:1px solid #e3e3e3; padding:3px;}
.workList li a:hover img {border:1px solid #23a0e3; padding:3px;}
/*内页分页*/
/*css yahoo2 style pagination*/
.pag{padding:10px;font-size:12px;margin:10px 30px 60px 30px;  ;font-family:tahoma,helvetica,sans-serif;text-align:center; background: #eee;}
.pag a{border:#ccdbe4 1px solid;padding:2px 8px;background-position:50% bottom;color:#0061de;margin:0 3px 0 0;text-decoration:none;}
.pag a:hover{border:#2b55af 1px solid;background-image:none;color:#fff;background-color:#0073cd;}
.pag a:active{border:#2b55af 1px solid;background-image:none;color:#fff;background-color:#0073cd;}
.pag span.current{padding:2px 6px;font-weight:bold;color:#000;margin:0 3px 0 0;}
.pag span.disabled{display:none;}
.pag a.next{border:#ccdbe4 2px solid;margin:0px 0px 0px 10px;}
.pag a.next:hover{border:#2b55af 2px solid;}
.pag a.prev{border:#ccdbe4 2px solid;margin:0px 10px 0px 0px;}
.pag a.prev:hover{border:#2b55af 2px solid;}
.pre_next {float:left;width:780px;height: 40px;line-height: 40px;color: #666666;text-align:center; margin:40px; background: #eee;}
.pre_next h5 {color: #046bb6;padding:3px; line-height: 40px; text-align: center; font-size: 12px;}
/*内页新闻动态*/
.ny_news{ width:700px;height:auto; float:left; margin:40px;}
.ny_news li{  height:60px; display:block; line-height:35px; border-bottom: 1px dashed #DDDDDD ;padding:10px 10px 10px 30px ; background: url(../images/dot.jpg) no-repeat 8px center;}
.ny_news li .new{ text-align:left;}
.ny_news li a{ font-size: 14px; line-height: 25px; }
.ny_news li a:hover{color: #045eaa;}
.ny_news li span{ color:#676767; float:right; font-size: 14px;}

.ny_right_text{ width:800px; height:auto;  margin:40px; overflow:hidden; min-height:200px; }
.ny_right_text p{ font-size:12px; line-height:25px;}


/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(http://www.seasonsft.com/templets/default/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}



/* Default styles for the demo buttons */

.button {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  color: #666666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Curl Bottom Right */

.curl-bottom-right {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: -webkit-linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.curl-bottom-right:hover:before {
  width: 25px;
  height: 25px;
}