@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;transition:all 300ms ease;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer; color:#454545;}
a:hover, a:active {color:#0060dc;}
body { font:16px/1.6 "Microsoft Yahei","Thmano", "Arial"; color:#3d3d3d; background:url(../images/texture.png) repeat center #fff;}
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:14px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display: none;}
body {overflow-x: hidden;max-width: 1920px;margin: 0 auto;}
html {height: 101%;}
.animate {display: none;}
b,
strong {font-weight: bold;}
input {outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {border: 0px solid #aaa;padding: 2px;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #0060dc;}
i {font-style: normal;}
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.ow {min-width: 1200px;}
.w {width: 1200px;margin: 0 auto;}
.wx {width: 1200px;margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}
.s{background:url(../images/tip.png) no-repeat; }
/*header*/
.header_top{height: 5px;line-height: 30px; font-size: 14px;background: #e12d03; position: relative;}
.header_top .hei{position: absolute;background: #0160db;height: 5px;width: 50%;top: 0;left: 0;}

.t_top{width:100%; height:110px; background:#FFF; position:relative;border-bottom: 1px solid #eeeeee;}
.logo{float:left;height: 110px;}
.logo h1{float:left;}
.logo img{float:left; margin:20px 15px 20px 0;max-height:80px; }
.logo .header_g{     margin-top: 43px; margin-left: 20px;float: left;}
.logo .header_g h2{font-size: 24px;color: #0160db;font-weight: bold;line-height: 32px;}
.logo .header_g p{color: #666666;font-size: 16px;line-height: 24px; }
.t_top .fr{text-align: left;}
.t_top .tel{padding-left: 44px;text-align: left;background-position: left top; margin-top: 30px;}
.t_top span{font-size:14px;  color: #333;display: block;line-height: 22px;}
.t_top .Telephone{color:#e00312;font-weight: bold;font-size:24px;  display: block;font-family: "Arial";float: left;line-height: 28px;}
.t_top .tel a{width: 97px;height: 50px;background: #056edf;color: #fff;text-align: center;line-height: 50px;margin-left: 12px;    border-radius: 0 50px 50px 0;}
.t_top .box{background: url(../images/t_tel.png)no-repeat left center;padding-left: 56px;}


/*banner start*/
/*.banner{overflow-x: hidden;margin-top: 102px;}*/
.banner .swiper {width: 100%;}
.banner .swiper-slide {background-position: center;background-size: cover;}
.banner .swiper-slide img {display: block;width: 100%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto;margin-top: -50px;}
.banner .swiper-pagination-bullet{width: 15px;height: 15px;border-radius: 50%;background-color:#0061c2;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #e00312;}
/*banner end*/

.iban div.tip {width:1092px;padding-right: 10px; position:absolute; left:50%; margin-left:-550px; height:30px; 
  bottom:26px;
  text-align:center; }
.iban div.tip span { width:14px; height:14px;  display:inline-block; border: 2px solid #fff;border-radius: 100%;
  margin:6px; cursor:pointer; text-align:center; font-family:"Microsoft Yahei"; font-size:16px; color:#FFF;background:url(about:blank); }
.iban div.tip span.cur {background: #e72c00;border-color: #e72c00;}

.iban .prev,
.iban .next { width:35px; height:70px; position:absolute; top:50%; margin:-50px 0 0; z-index:9; cursor:pointer; }
.iban .prev {   left:100px;background-position: left -54px; }
.iban .next {   right:100px;background-position: right -54px; }
.iban .prev:hover {  }
.iban .next:hover {  }
/*搜索*/
.search{ height:89px; background:url(../images/shadow.png) no-repeat scroll bottom #fff;}
.skey{ padding-top:20px;color: #454545;}
.skey a{color: #454545;}
.searcher{width:275px;height:35px;float:right;   margin-top:35px;}
.searcher .submit{width:36px;height:36px;float:right;border:0px; 
  background-position: -215px top;color: #fff;cursor:pointer;}
.searcher .txt{width:214px;height:35px;line-height:35px;float:right;background-position: left top;text-indent: .5em;
  border:none ;color:#c0c0c0;}

.nav{height: 40px;width:100%; margin: 10px auto;  }
.nav1{ }
.nav ul{     display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    display: flex;}
.nav li{    position: relative;
    float: left;
    z-index: 1000;
    line-height: 40px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    width: 50%;
    -webkit-flex: 1;
    flex: 1; }
.nav li a{    font-size: 17px;text-align: center;    color: #333;    display: block;    height: 40px;}
.nav li a i{      font-style: normal;    line-height: 40px;   display: block;    width: 100%;}

.nav li a:hover{ background:#056edf;color: #fff;border-radius: 5px; }
.nav li .hover{background:#056edf;color: #fff;border-radius: 5px; }
.nav .subNav{ display: none;  left: 0; position: absolute; top: 40px;transition:none;
background: url(../images/drop.png) repeat bottom;width: 100%;}
.nav .subNav a{ height: 40px;font-size: 14px;line-height: 40px; display: block;padding-top: 0;margin: 0;
  color: #333;   }
.nav .subNav a:hover{ background: #e22c05;color: #fff;border-radius: 0; }

/******************************
 ** 内页架构
 ******************************/
.iclass_tit{    position: relative;color: #fff;text-align: center;
margin: 56px 0 12px 0;}
.iclass_tit p{font-size: 36px;  color: #076ce0; }
.iclass_tit em{display: block;font-style: normal;font-size: 20px;color: #737373;text-transform: uppercase;background: url(../images/itit.png) center no-repeat;}

.sidebar { float:left; width:246px; }
.topclass { width:100%; height:142px; background-color:#0060dc; color:#FFF; text-align: center; }
.topclass h2 {padding: 34px 0 0 0 ;  font-size:30px;font-weight: bold; text-align: center;}
.topclass span {  font-size: 18px;text-transform: uppercase; }
.side-menu { background-color:#fff; padding:10px; border: 4px solid #0060dc; }
.side-menu dd {margin: 8px 0; }
.side-menu dd > a { display:block; height:47px; line-height:47px; padding:0 0 0 42px; 
  background:#e8ecf7;color: #454545; }
.side-menu dd > a:hover {  background-color: #e22c05;color: #fff;background-position: left -74px;}
.side-menu .drop {  display:none; }
.side-menu .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu .drop a { display:block; padding:0 0 0 42px; background:#FFE8C9;color: #454545;  }

.side-menu .drop .hover a{background: #fff;
    border: 1px solid #e22c05;}

.side-menu .drop a:hover { background:#e22c05;color: #fff;}
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a {  background-color: #e22c05;color: #fff;background-position: left -74px;}
.side-menu li.current > a { background:#e22c05;color: #fff; }
.sidebar .tel1{background:url(../images/tel2.png) no-repeat center;height: 99px;}
.sidebar .tel1 h1{padding-left: 55px;height: 99px;background-position: left -175px;color: #fff;
;margin-left: 15px;}
.sidebar .tel1 span{ font-size: 14px;line-height: 1.4;padding-top: 26px;
    display: block;}
.sidebar .tel1 p{font-size: 21px; line-height:1;font-weight: bold;*margin-top: -20px;}
.side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
.side-pro .list dd { width:166px; margin:0 auto; }
.side-pro .list a { display:block; text-align:center; }
.side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
.side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
.side-contact { margin-bottom:20px; position:relative; top:20px; }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }
.ipro{margin: 60px auto 70px;}
.ipro .thead{text-align: center;background: url(../images/thead.png) repeat-x left 81px;margin-bottom: 34px; }
.ipro .thead .li{display: inline-block;
padding: 0 26px 0 30px;width: 100px;+display:inline; +zoom:1; }
.ipro .thead .li a{ color: #686868;display: inline-block;width: 100px;height: 88px;line-height: 110px;
background: url(../images/classfy_li.png) no-repeat 33px center; }
.ipro .thead .li:hover a{background-position: -71px center; }

.ipro .tod{overflow: hidden;padding-top: 10px;}
.ipro .tod ul{width: 120%;}
.ipro .tod li{float: left;margin:0 40px 20px  0;position: relative;width: 374px;text-align: center;overflow: hidden;  }
.ipro .tod li img{display: block;width: 100%;height: 281px;}
.ipro .tod .wd{ }

.ipro .tod .wd b a{ display: block;height: 38px;line-height: 38px;font-weight: normal;font-size: 20px;color: #222;}
.ipro .tod .wd .description{ font-size: 14px;color: #666;line-height: 1.6;text-align: center;height: 66px;overflow: hidden;}
 
.ipro .tod li:hover {  -webkit-transform:translateY(-10px);
  transform:translateY(-10px); }
.ipro .tod li:hover b a{color: #0060dc;font-weight: bold;}

.ipro dl{text-align: center;margin-bottom: 26px;}
.ipro dd{display: inline-block;height: 44px;line-height: 44px;padding: 0 20px;background: #f5f5f5;border-radius: 44px;margin: 0 10px;}
.ipro dd a{display: block;color: #333333;}
.ipro dd:hover{background: #056edf;}
.ipro dd:hover a{color: #ffffff;}

.ipro li .frame{ position: absolute; top: 0px; left: 0px; display: block; width:374px;height:281px; overflow: hidden;    z-index: 2; }
.ipro li .frame .pa{ display: block; position: absolute; background: #fff; opacity: 1; filter: alpha(opacity=100); }
.ipro li .frame .trans-8 { transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: 0.3s; }
.ipro li .frame .border-top { width: 0; height: 1px; top: 3%; left: 3%;}
.ipro li .frame .border-right { width: 1px; height: 0; top: 3%; right: 3%;}
.ipro li .frame .border-bottom { width: 0; height: 1px; bottom: 3%; left: 3%;}
.ipro li .frame .border-left { width: 1px; height: 0; top: 3%; left: 3%;}
.ipro li:hover .frame { display: block; width:374px; height: 281px; overflow: hidden; }
.ipro li:hover:hover .frame .border-top,.ipro li:hover:hover .frame .border-bottom { width: 94%; height: 1px; }
.ipro li:hover:hover .frame .border-right,.ipro li:hover:hover .frame .border-left { height: 94%; width: 1px; }
.ipro li .des{    width: 100%;
    height: 281px;
    position: absolute;
    top: 0;
    background:rgba(0, 0, 0, .2);display: none;transition: all ease 0.36s;}
.ipro li .des h2{font-size: 16px;color: #ffffff;background: url(../images/isou.png)no-repeat center top;padding-top: 40px;margin-top: 120px;}
.ipro li:hover .des{display: block;}
.btnon{text-align: center;}
.btnon a{display: inline-block;width: 156px;height: 44px;border-radius: 44px;text-align: center;line-height: 44px;margin: 0 15px;}
.btnon a.mo{background: #eeeeee;}
.btnon a.zitc{background: #eb353a;color: #fff;}
.btnon a:hover{background: #0060dc;color: #fff;}

.itid  .tod{width: 120%;}
.itid .icon{position: relative;width: 240px;font-size: 16px;float: left;text-align: center;margin: 0 164px 54px 0 ; 
background: url(../images/iprecess_li.png) center top no-repeat;    height: 194px;}
.itid .icon .img{ background: url(../images/icon.png)  0 0 no-repeat;width: 240px;height: 87px;}


.itid .icon b{display: block; margin: 0 auto; font-size: 20px;color: #222e3f; line-height: 2;font-weight: normal;}
.itid .icon  a{color: #474747;font-size: 16px;display: block;}
.itid .icon p{font-size: 14px;color: #737373;}
.itid .icon .img{background-position: 93px 14px;}
.itid .icon2 .img{background-position: -327px 14px;}
.itid .icon3 .img{background-position: -756px 14px;}
.itid .icon4 .img{background-position: 93px -224px;}
.itid .icon5 .img{background-position: -327px -224px;}
.itid .icon6 .img{background-position: -756px -224px;}
.itid .icon1,.itid .icon4{margin-left: 58px;}
.itid .icon:hover{-webkit-transform:translateX(-10px);
   transform:translateX(-10px);}

/*icase*/
.icase{background:#f5f5f5;padding: 30px 0 80px;    position: relative;}
.icase .iclass_tit{margin-top: 0;}
.icase .main { position: relative;width: 100%; overflow: hidden;margin: 20px auto 50px;}
.icase .list { width: 300%; overflow: hidden; }
.icase .list li {position:relative;float:left;width: 286px; text-align: center; margin: 0 18px 0 0;transition:all 300ms ease;}
.icase .list li a { display: block; width:286px;overflow:hidden;}
.icase .list li img { display:block; width:286px; height:214px;    transition: all ease 0.36s;    border-radius: 10px; }
.icase .list li h3 {position:absolute;left:0;bottom:0;width:100%;height:34px;line-height:34px;color:#fff;font-size:16px;text-align:center;background: url(../images/cover.png) center center repeat;}
.icase .next,
.icase .prev { width: 35px; height: 70px; display: block; position: absolute; top:215px;cursor: pointer;transition:all 300ms ease; }
.icase .prev {  left: 50%; margin-left: -644px; background: url(../images/btn_pl.png) left center no-repeat;}
.icase .next {  right: 50%; margin-right: -644px; background: url(../images/btn_pr.png) right center no-repeat; }
.icase .list li:hover img{ transform: scale(1.02,1.02);opacity:0.9;background:#fff;}

.icase .btn dl{ text-align: center;margin-top: 46px}
.icase .btn dl dd{    display: inline-block;
    position: relative;
    margin: 0 35px !important;
    height:40px;
    line-height:40px;
    font-size: 16px; transition: all ease 0.36s;border: 1px solid #eeeeee;}
.icase .btn dl dd:hover{background: #fff;}    
.icase .btn dl dd:hover a{color: #1e46a1;}
.icase .btn dl dd a{color: #fff;display: block;    padding: 0 20px;}
.icase .list li h2{display: block;
    height: 38px;
    line-height: 38px;
    font-weight: normal;
    font-size: 16px;
    color: #222e3f;}

.course{background: url(../images/course_bg.jpg)no-repeat center;height: 200px;}
.course .txt{color: #ffffff;margin-top: 36px;}
.course .txt h2{font-size: 40px;line-height: 68px;}
.course .txt h2 em{color: #e22c05;font-style: normal;}
.course .txt h3{font-size: 24px;line-height: 52px;}
.course .img{border: 1px solid #fff;padding: 4px;margin: 47px 0 0 43px;}
.course .img img{width: 96px;display: block;}
.course ul{margin-top: 47px;}
.course li{display: block;    float: none;width: 280px;height: 47px;background: #ffffff;border-radius: 47px;line-height: 47px;margin-bottom: 14px;}
.course li.li1{font-size: 24px;color: #2e3648;    text-align: center;}
.course li.li2{font-size: 18px;color: #0060dc;font-weight: bold;    text-align: center;}
.course li.li1 img{margin-right: 8px;}
.course li.li2 img{margin-left: 8px;}

.ilc{ padding-bottom: 76px;}
.ilccon{ margin: 50px auto 60px;}
.ilccon dl{height: 218px;}
.ilccon dt{ width: 268px; height: 218px; border: 1px solid #e9e9e9; text-align:center; color: #a4a4a4; text-transform: uppercase; font-size: 13px; float: left;box-shadow:0 5px 10px #eee; }
.ilccon dt h3{ font-size: 22px; color: #2c2f3c;}
.ilccon dt img{ margin-top: 40px;}
.ilccon dt:hover{ margin-top: -10px;}
.ilccon dd{ width: 16px; height: 11px; background: url(../images/lcjt.png) no-repeat;float: left; margin: 105px 11px 0;}
.ilccon dd:last-child{display:none;}

/*iavd*/
.iavd{background: #f0f0f0;padding-top: 27px;}
.iavd ul{padding-bottom: 36px;}
.iavd ul li{float: left;width: 216px;height: 272px;position: relative;}
.iavd ul li.li01{background: url(../images/iavd01.png)no-repeat center;}
.iavd ul li.li02{background: url(../images/iavd02.png)no-repeat center;}
.iavd ul li.li03{background: url(../images/iavd03.png)no-repeat center;}
.iavd ul span{display: block;position: absolute;bottom: 0;font-size: 18px;font-weight: bold;color: #ffffff;line-height: 74px;margin-left: 67px;}
.iavd .tit{background: url(../images/iavd_fr.png)no-repeat center right;    width: 500px;margin-top: 30px;}
.iavd .tit h2{font-size: 48px;color: #dddddd;text-transform:uppercase;font-style: italic;line-height: 48px;}
.iavd .tit h3{font-size:24px;color: #333;font-style: italic;line-height: 34px;font-weight: bold;}
.iavd .tit .bot{}
.iavd .tit .bot h4{font-size:18px;color: #333;font-weight: normal;    line-height: 58px;    margin: 40px 0 15px;}
.iavd .tit .bot b{font-size: 36px;color: #eb353a;}
.iavd .tit .bot a{width: 172px;height: 44px;background: #0967d2;display: block;color: #ffffff;text-align: center;line-height: 44px;border-radius: 44px;font-size: 16px;}

.igaog{ background: url(../images/igao.jpg)  center top no-repeat;height: 290px;padding-top:54px ;
  color: #fff;text-align: center;}
.igaog .w{}
.igaog h2{font-size: 38px;}
.igaog h2 span{color: #dd3104;}
.igaog p{ font-size: 25px;}
.igaog .form { width: 828px;margin: 46px auto 0;}
.igaog .form .item { position: relative;margin: 0 27px 0 0; float: left;  height:52px; line-height: 52px; padding-left: 44px; }
.igaog .form .li-1 { background: url(../images/form-2.png) 8px center no-repeat #fff; }
.igaog .form .li-3 { background: url(../images/form-4.png) 8px center no-repeat #fff;width: 300px; }
.igaog .name,
.igaog .tel,
.igaog .content { position: relative; display: block; width: 228px; height: 52px; line-height: 52px;float: left; background: none; border: 0px; }
.igaog .form .button { cursor: pointer; width:156px;height: 52px;line-height: 52px; background: #0060dc;text-align: center;color: #fff;text-transform: uppercase;border: none;font-size: 18px;transition: all ease 0.36s;float: right;}
.igaog .form .button:hover{    background: #f47b21;}
.igaog .form span{font-size: 14px;color: #999999;line-height: 37px;text-align: left;    display: block;}

.inews { padding-bottom: 80px; }
.inews .list{width: 595px; float: right; }
.inews .list>li{margin-bottom: 21px;border-bottom: 1px dashed #ccc;padding-bottom: 26px;
width: 100%;position: relative;    overflow: hidden;}
.inews .list>li>a{}
.inews .list>li .zi{ float: right;width:490px;}
.inews .list>li .data{float: left;text-align: center;font-size: 14px;color: #717171;  
background: #f2f2f2;width: 84px;height: 84px;overflow: hidden;}
.inews .list>li .data em{display: block;font-size: 25px;height: 30px;line-height: 1;  color: #717171;font-style: normal;  
  margin-top: 12px;}
.inews .list>li span{  }
.inews .datax{ width: 36px;height: 2px;background: #000;margin-top: 18px;}
.inews .list>li span a{font-size: 20px;color: #222e3f; display: block;height: 32px;line-height: 1.6;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;}
.inews .list>li .description{ font-size: 14px;margin-top: 6px;line-height: 1.6;color: #808080;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;}
.inews .list>li .detail{    display: block;opacity: 0;
    line-height: 84px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    width: 84px;
    height: 84px;
    position: absolute;
    top: 84px;
    left: 0;
    background: rgba(0, 96, 220, .9); }
.inews .list>li:hover .detail{    top: 0;opacity:1;}
.inews .list>li:hover{ }
.inews .list>li:hover span a {color: #026ae2;}
 
.inews .box{margin-bottom: 10px;}
.inews .img{float: left;width:545px;overflow: hidden;position: relative;}
.inews .img .t_img{width: 543px;height: 406px;border: 1px solid #eeeeee;position: relative;    overflow: hidden;}
.inews .img .t_img img{width: 543px;height: 406px;display: block;}
.inews .img .t_img .date{position: absolute;top: 0;left: 0;width: 76px;height: 76px;    background: rgba(0, 96, 220, .8);text-align: center;color: #fff;}
.inews .img .t_img .date h2{font-size: 32px;font-weight: bold;line-height: 32px;margin-top: 14px;}
.inews .img .t_img .date p{font-size: 14px;line-height: 18px;}
.inews .img .tit{font-size: 18px;color: #333;border-bottom: 1px solid #eeeeee;height: 82px;padding-top: 18px;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;}
.inews .img .t_img:hover img{transform: scale(1.02,1.02);}

.inews dl{text-align: center;margin-bottom: 26px;}
.inews dd{display: inline-block;height: 44px;line-height: 44px;padding: 0 20px;background: #f5f5f5;border-radius: 44px;margin: 0 10px;}
.inews dd a{display: block;color: #333333;}
.inews dd:hover{background: #056edf;}
.inews dd:hover a{color: #ffffff;}
 
.iabout{background: #f5f5f5;padding: 98px 0;}
.iabout .text{width: 580px;}
.iabout .text i{width: 172px;height: 1px;background: #999999;display: block;margin-bottom: 32px;} 
.iabout .text h2{font-size: 36px;color: #076ce0;line-height: 50px;} 
.iabout .text h3{    text-transform: uppercase;font-size: 20px;color: #737373;line-height:32px;} 
.iabout .text .des{line-height: 25px;color: #333333;font-size: 14px;margin-top: 22px;min-height: 160px;max-height: 250px;}
.iabout .text .mor{width: 124px;height: 36px;background: #eb353a;border-radius: 36px;line-height: 36px;text-align: center;color: #fff;display: block;font-size: 14px;margin-top: 20px;}
.iabout .text .mor:hover{width: 130px;}
.iabout .img{background: url(../images/about_bg.png)no-repeat center;width: 569px;}  
.iabout .img img{width: 526px;margin: 21px 0 0 21px;display: block;} 
 
.zx_t{background: #e8edf2;/* padding: 40px 0; */} 
.zx_t dl{width: 25%;float: left;text-align:center;} 
.zx_t dl dt{line-height: 65px;}
.zx_t dl dt span{font-size: 60px;color: #0060dc;font-weight: bold;}
.zx_t dl dt i{font-size: 24px;color: #333333;}
.zx_t dl dd{}
.zx_t dl dd h2{font-size: 16px;color: #666666;font-weight: bold;margin-bottom: 6px;}
.zx_t dl dd p{width: 230px;margin: 0 auto;font-size: 14px;line-height: 26px;color: #333333;}
 
.icoop{margin-top: 1px;padding-bottom: 50px; }
.icoop .tod{ }
.icoop .tod{overflow: hidden;padding-top: 10px;margin-top: 38px;}
.icoop .tod ul{width: 102%;}
.icoop .tod li{float: left;margin:0 22px 40px  0;position: relative;width: 180px;text-align: center;overflow: hidden;  }
.icoop .tod li img{display: block;width: 180px;height: 135px; }
.icoop .tod .wd{ }
.icoop .tod li:hover img{transform: scale(1.02,1.02);}

.footer { background:#111112; padding: 30px 0 40px;
  color: #fff;  font-size: 14px;}
.footer a{color: #fff;}
.bt_subnav{background: #161616;height: 65px; }
.subnav {    display: -webkit-box;
    display: -moz-box;
    display: -ms-boxflex;
    display: -webkit-flex;
    display: flex;}
.subnav a {color: #bcbcbc;width: 97px;height: 65px;line-height: 65px;color: #fff;display: inline-block;text-align: center;
background: url(../images/nav_li.png) no-repeat left center; font-size: 14px;    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    width: 50%;
    -webkit-flex: 1;
    flex: 1;}
.subnav a:hover{ text-decoration: underline;}
.sub_logo{ width: 216px;background-position: 210px -623px;height: 218px;margin-right: 54px;}
.sub_logo img{height: 71px;margin-top: 60px;max-width: 610px;}
.footer .dlogo{width:276px;}
.footer .dlogo a{}
.footer .dlogo .go{height: 54px;}
.footer .dlogo p{font-size: 14px;line-height: 32px;color: #cccccc;}
.footer .dlogo p a{color: #cccccc;}
.footer .icontact{margin: 0 0 0 220px;width: 360px;}
.footer .icontact h2{font-size: 16px;color: #ffffff;margin-bottom: 10px;}
.footer .icontact p{font-size: 14px;line-height: 34px;color: #cccccc;}
.footer .dsao{}
.footer .dsao h2{font-size: 16px;color: #ffffff;margin-bottom: 10px;}
.footer .dsao img{width: 120px;    border-radius: 4px;
    border: 4px solid #fff;}

 .ilink{border-top: 1px solid #333333;line-height: 55px;  background:#111112; }
.ilink span{font-size: 14px;display: inline-block;  line-height: 55px;float: left; color: #dddddd;padding-right: 10px;font-weight: bold;}
.ilink a{display: inline-block;font-size: 14px;color: #dddddd; }


.nybanner {height: 300px;display: block;width: 100%;background: #ccc;border-top: 1px solid #ccc;}
.subcomt {border: 1px solid #cacbcb;padding: 8px;}
.sobtitle {height: 62px;line-height: 62px;margin-bottom: 10px;border-bottom: 1px solid #c9c9c9;background:url(../images/heng.png) no-repeat left center;}
.sobtitle p.fl {color: #0060dc;font-size: 24px;font-weight: bold;}
.sobtitle .sitepath {padding-right: 20px;font-size: 14px; }
.sobtitle .sitepath a{}
.submian {position: relative;margin-top: 30px;}

.submian .subleft {width: 246px;}
.submian .subleft .sidebar{float: none;margin-bottom: 10px;}
.submian .subleft .titlex {    text-align: center;background: #0060dc;color: #fff;height: 82px;}
.submian .subleft .titlex span {margin-top: 10px;border-bottom: 1px dashed #fff;display: inline-block;padding: 0 10px;color: #fff;font-size: 24px;font-weight: bold;line-height: 40px;}
.submian .subleft .titlex b{line-height: 2; text-transform: uppercase;font-size: 12px;font-weight: normal;display: block;}
.submian .subleft .titlex a {font-size: 14px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;height: 21px;line-height: 21px;float: right;margin-right: 10px;margin-top: 20px;position: relative;width: 75px;color: #fff;}
.submian .subleft .titlex a i {color: #fff;font-weight: bold;font-size: 20px;position: absolute;right:-3px;top: 0px;}
.submian .subleft .titlex a i:before {content: "";height: 21px;}
.submian .subleft .titlex a:hover {color: #F3F3F3;border-color: #F3F3F3;}
.submian .subleft .titlex a:hover i:before {content: "";color: #F3F3F3;}
.submian .subleft .lefta {padding-bottom: 20px;}
.submian .subleft .lefta .titlex{ height: 122px;line-height: inherit;}
.submian .subleft .lefta .titlex span{    padding-top: 18px;    display: block;    line-height: 52px;}
.submian .subleft .lefta .titlex em{font-style: normal;font-size: 14px;padding-left: 35px;display: block;}

.submian .subleft .lefta .comt { }
.submian .subleft .lefta .comt ul li {line-height: 52px;color: #787878;display: block;margin-bottom: 2px;width:100%;}
.submian .subleft .lefta .comt ul li a {font-size: 18px;position: relative;display: block;width:220px;height:52px;line-height:52px;border-bottom: 1px solid #e2e2e2;padding-left: 60px;}
.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {    color: #0060dc;    background: #FFF100;}
.submian .subleft .lefta .comt ul .box {display: none;}
.submian .subleft .lefta .comt ul .box a {display: block;line-height: 32px;font-size: 14px;height: 32px;border-bottom: 1px solid #eee;border-top: 0px;border-left: 0px;border-right: 0px;}
.submian .subleft .lefta .comt ul li.current .box { display:block; }
.submian .subleft .lefta .comt ul li.current > a {background: #FFF100;color: #0060dc; }
.submian .subleft .lefta .comt ul li.current > a {background:#FFF100;color:#0060dc; }

.submian .subleft .leftnews .leftnewscomt {border: 1px solid #0060dc;*padding: 20px 15px;}
.submian .mainx {  height:230px;margin: 20px 15px;  background:#FFF; overflow:hidden; position:relative; *width: 215px;*margin-top: 20px;}
.submian .listx { float:left; width:300%; position:relative; }
.submian .listx dd { float:left; width:250px; height:187px; position:relative; }
.submian .listx a { display:block; overflow:hidden; position:relative; z-index: 9;}
.submian .listx span { width:430px; height:56px; line-height:56px; padding:0 15px; position:absolute; left:0; bottom:0; font-size:16px; color:#FFF; }
.submian .listx img { display:block; width:250px; height:187px; }
.submian .listx dd:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.submian .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.submian .tipx span { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../images/tip-view.png) center 0 no-repeat; cursor:pointer;margin: 0 6px; }
.submian .tipx span.cur { background-position:center bottom; }
.submian .leftcontact{ }
.submian .leftcontactcomt{line-height: 28px;border: 1px solid #0060dc;padding: 10px;}
.submian .leftcontact .title1{height: 68px;line-height: 68px;border-bottom: 4px solid #0060dc;margin-bottom: 28px; }
.submian .leftcontact .title1 span{ color: #0060dc;font-size: 33px;font-weight: bold;}
.submian .leftcontact .title1 i{ color: #0060dc;font-size: 22px;font-weight: bold;text-align: right;}
.submian .leftcontact_tel{margin-top: 10px;background: #F8A815 url(../images/leftcontact_tel.png) 10px center no-repeat;color: #fff;padding-left: 80px;}
.submian .leftcontact_tel p{font-size: 18px;height: 35px;
    line-height: 3.2;}
.submian .leftcontact_tel h2{ font-weight: bold;font-size: 18px;}

.submian .subright {width: 928px;margin-bottom: 65px; line-height: 28px;}
.submian .subright .produtlist .list {overflow: hidden;}
.submian .subright .produtlist .list .itag li {float: left;margin: 8px;width: 293px;}
.submian .subright .produtlist .list .itag li.err span{cursor: text;}
.submian .subright .produtlist .list .itag li img {width: 293px;height: 226px;display: block;padding: 2px;border: 1px solid #dcdcdc;}
.submian .subright .produtlist .list .itag li span {cursor:pointer;height: 34px;line-height: 34px;display: block;width: 100%;text-align: center;overflow: hidden;}
.submian .subright .produtlist .list .itag li:hover img {border-color: #0060dc;background: #0060dc;}
.submian .subright .produtlist .list .itag li:hover span {color: #0060dc;}
.submian .subright .listnews {padding:0 20px 20px 20px;}
.submian .subright .listnews ul li {width: 100%;border-bottom: 1px dashed #d6d6d6;height: 40px;line-height: 40px;}
.submian .subright .listnews ul li.err{margin-bottom: 20px;}
.submian .subright .listnews ul li a {display: block;}
.submian .subright .listnews ul li a p {float: left;cursor:pointer;}
.submian .subright .listnews ul li a span {color: #999;cursor:pointer;float: right;}
.submian .subright .listnews ul li a:hover p {color: #0060dc;}
.submian .subright .listnews ul li a:hover span {color: #666;}
.submian .subright .aboutlist {line-height: 28px;color: #333;}
.aboutlist img{max-width:100%}
.submian .subright .conBox {padding: 0px 20px 20px;line-height: 24px;color: #333;}
/* page_newsdetail_list */
.submian .subright .ArticleTitle {padding-bottom: 7px;}
.submian .subright .ArticleTitle h1 {padding-top: 10px;    font-size: 20px;    line-height: 30px;text-align: center;padding-bottom: 5px;border-bottom: 1px dotted #a6a6a6;color: #0060dc;}
.submian .subright .ArticleMessage {text-align: center;line-height: 22px;height: 22px;border-bottom: 1px dotted #a6a6a6;margin-bottom: 10px;}
.submian .subright .ArticleTencont {padding: 5px 0px 20px 0px;line-height: 2em;overflow: hidden;}

/* listProduct */
.listProduct {margin-top: 20px;}
.listProduct .tod { overflow:hidden; }
.listProduct ul{ width:110%; }
.listProduct .item{ width:296px; height:258px; border:1px solid #ccc; float:left; position:relative;overflow:hidden; margin:0px 15px 15px 0px;}
.listProduct .item img{ width:296px; height:222px;}
.listProduct .item a{ display:block; color:#fff;line-height:26px; font-size:16px;}
.listProduct .item p{ width:100%; height:130px; text-align:center;}
.listProduct p.wd{ width:100%; position:absolute; left:0; bottom:0px;height: 32px; /* background:url(../images/cover.png) repeat center -34px; */}
.listProduct p.wd a{ display:block;font-size: 16px;color: #5a5a5a;}
.listProduct p.wd span{ color:#fff; font-size:12px; padding:2px 8px; border:1px solid #fff;}
.listProduct .item:hover p.wd{ font-weight: bold; }
.listProduct .item:hover p.wd a{color: #236efb; }
/* relatedLink */
.submian .subright .reLink {height: 30px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;margin: 10px auto 10px;overflow:hidden;}
.submian .subright .reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;}
.submian .subright .reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;}
.maplist li a {background: #eee;width: 98%;height: 30px;line-height: 30px;display: block;margin-bottom: 10px;padding-left: 2%;font-weight: bold;}
.maplist li .box {width: 100%;height: auto;margin-bottom: 10px;}
.maplist li .box a {float: left;height: 24px;line-height: 24px;width: auto;text-align: center;margin-right: 10px;padding: 0px 5px;font-weight: normal;}
.maplist li .box a:hover {background: #ff611c;color: #fff;}

/* cms2.0地图 */
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#0060dc; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:300px; border:1px solid #0060dc; border-top:3px solid #0060dc;}
.baiduMap {
    background: #eee none repeat scroll 0 0;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin: 0 auto 20px;
    width: 100%;
}
.BMap_bubble_title a {
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 10px;
}
.BMap_bubble_title a:hover {
}
.BMap_bubble_title > a {
    background: #999 none repeat scroll 0 0;
    color: #fff;
}
.BMap_bubble_title > a:hover {
    background: #666 none repeat scroll 0 0;
}

.toolbar { width:65px; position:fixed; right:0; top:50%; margin:-132px 0 0 0; z-index:50;font-size: 13px; }
.toolbar dd { width:65px; height:65px; background:none;   margin-bottom: 1px;position:relative; z-index: 60;color: #fff;
text-align: center; }
.toolbar dd > i { display:block; width:65px; height: 26px;padding-top: 38px;cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:65px; line-height:65px; font-size:20px; color:#FFF; padding:0 0 0 65px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .pop { position:absolute; right:120px; top:-40px; background:#e22c05; display:none; }
.toolbar .pop .o { position:absolute; right:-7px; top:88px; width:7px; height:13px; /* background:url(../images/tool-arrow.png) 0 0 no-repeat; */ }
.toolbar .pop-tel { width:120px; padding:2px 20px 30px; color:#FFF; text-align:center; }
.toolbar .pop-tel .icon { height:30px; line-height:30px; padding-top:55px; background:url(../images/tool-telphone2.png) center 11px no-repeat; 
 width: 100%;text-align: center;}
.toolbar .pop-tel .item { line-height:24px; font-size:16px; }
.toolbar .pop-code { width:120px; padding:20px 20px 0; }
.toolbar .pop-code img { width:120px; height:120px; display:block; }
.toolbar .pop-code h3 { height:50px; line-height:50px; text-align:center; color:#f2e8e1; font-size:16px; font-weight:400; white-space:nowrap; }
.toolbar .zixun{ background:url(../images/tip2.png) center -1px no-repeat #0060dc;display: block;color: #fff;
height: 26px;padding-top: 38px;}
.toolbar .zixun:hover{ background-color: #e22c05;}
.toolbar .qq { background:url(../images/tip2.png) center -65px no-repeat #0060dc; *background:url(../images/tip2.png) 10px -65px no-repeat #0060dc; }
.toolbar .qq:hover{ background-color: #e22c05;background-position: 10px -65px;}
.toolbar .tell { background:url(../images/tip2.png) center -125px no-repeat #0060dc; }
.toolbar .code { background:url(../images/tip2.png) center -191px no-repeat #0060dc; }
.toolbar .top { background:url(../images/tip2.png) center -257px no-repeat #dcdcd9; }
.toolbar dd i:hover { background-color: #e22c05; }
.jing_pointer { width:27px; height:117px; position:absolute; top:55px;*top:-120px; left:-27px; cursor:pointer;background:url(../images/pointer4.png) left top no-repeat;  }
.jing_pointer.active { left:38px; background:url(../images/pointer1.png) left top no-repeat;  }
.pl1{ background:none !important;}

.pageMsg {color: #333d58;margin-top: 30px;}
.pageMsg #formPost table td input#txtImageCode {width: 70px;}
.pageMsg #formPost table td input:focus {border-color: #eee;outline: 0;}
.pageMsg #formPost table span.red {color: #f00;margin-right: 5px;}
.pageMsg #formPost table input {border: 1px solid #ccc !important;font-family: "microsoft yahei";}
.pageMsg #formPost table textarea {border: 1px solid #ccc !important;}
.pageMsg #formPost table input.sub {font-family: "microsoft yahei";cursor: pointer;width: 100px;height: 35px;line-height: 24px;color: #848484;text-align: center;margin-top: 10px;background: #fff;}
.pageMsg #formPost table input.sub:hover {background: #ff611c;color: #fff;border: 1px solid #eee !important;}
.pageMsg #formPost table td input {width: 240px;height: 25px;line-height: 25px;padding: 0px 5px;}
.pageMsg tr.code input {width: 90px;}
.pageMsg .err {color: #f00;padding-left: 10px;}
.pageMsg tr.item textarea {width: 240px;height: 50px;color: #666;border: 1px solid #ccc;padding: 0 5px;outline: none;}
/*# sourceMappingURL=style.css.map */
#slider{width:630px;height:240px;position:relative;margin:0 auto;}
.scroll{width:630px;height:340px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .current .inside{width:230px;height:288px;}
.scrollContainer .panel{width:195px;height:146px;float: left;display:inline;}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:197px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#FFF;text-align:center;}
.scroll li.current .inside span{display:block;}
.btnMode a.btn{background:url(../img/tab1.png) no-repeat left top;}
.btnMode a.btn{width:20px; height:39px;position:absolute;top:80px; }
.btnMode a.prev{left:-30px;background-position:13px 0px;}

.btnMode a.next{right:-30px;background-position:-13px 0;}
.BMap_bubble_content{line-height:22px;}

#tp_img{ float: left; width: 670px;  overflow: hidden; text-align:center;font-size:0; }
.itag1{ width:640px; float:left; position:relative; display:inline-block; background:#f1f1f1; border:1px solid #e0e0e0; height:82px; padding:10px 10px 0; margin-top:10px; b}
.itag1 .up,.itag1 .down{ display:block; width:23px; height:66px; background:url(../img/icoup.png) no-repeat center; float:left; }
.itag1 .down{ background-image:url(../img/icodown.png);}
.itag1 .img_{ height:75px; width:580px; margin:0 5px; overflow:hidden; position:relative; float:left} 
.itag1 .img_ a{ display:block; height:75px; float:left; padding-right:10px }
.itag1 .img_bk{ width:800%}
.itag1 .img_ img{ border:1px solid #eee;}
.itag1 .img_ a:hover img,.itag .img_ a.hover img{ border-color:#f60}

.ProDes{padding-top:10px;float:left;}

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px;background: none; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }

/* 4:3 图文 */
.list-case { padding:0 20px;  margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item .date { position:absolute; right:0; top:15px; color:#999; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 产品详情页 */
.product-content {padding: 20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }

.relink { padding:0 10px; height:40px; line-height:40px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:0 20px 20px 20px ; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
.product-photo .thum dd.current { border-color:#0060dc; }
.product-info { margin:0 0 0 460px; position:relative; height:346px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:115px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#0060dc; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#e22c05; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:24px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:220px; height:55px;  
  padding:0; line-height:1.1; position:absolute; left:0; bottom:10px;margin: 0; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:27px; color:#0060dc; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-container .article img{max-width:100%;}
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px;  font-size:16px; color:#0060dc; }

/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto;margin: 0 auto; }
.product-info2 { position:relative; padding:10px 335px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .telx { width:250px; height:; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; right:0; top:10px; }
.product-info2 .telx dt { font-size:16px; font-weight:700; }
.product-info2 .telx dd { font-size:30px; color:#0060dc; font-weight:700; }

.recommend-news {  margin:20px; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-news .head h2 { font-size:18px; color:#0060dc; border-left:5px solid #0060dc; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#0060dc; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px 20px 20px 0; }
.recommend-news .list { float:left; width:110%; }
.recommend-news .item { float:left; width:415px; height:30px; line-height:30px; margin-right:50px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { margin-bottom:20px; padding: 0 20px;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-pro .head h2 { font-size:18px; color:#0060dc; border-left:5px solid #0060dc; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#0060dc; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:auto; margin:0 20px 0 0; }
.recommend-pro .item .img { width:280px; height:210px; overflow:hidden; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:210px; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }






/*imsg*/
.imsg{ height: 168px;background: url(../images/imsg_bg.png)no-repeat center;    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 999;
    display: block;
    margin-left: -600px;}
.imsg .w{position: relative;}

.imsg .comt{ }
.imsg .ul{    margin: 98px 0 0 476px;}
.imsg .kuang .li{ margin-right: 24px;float: left;}
.imsg .li input{background: none;height: 40px;line-height: 40px;border: none;*border: 0;text-indent: 2em;*padding-left:10px;*text-indent: 0;
   width:188px;color: #333;background: #fff;border-radius: 4px;}
.imsg .button1{background: #ffc600;color: #fff;float: left;border: none;*border: 0;    cursor: pointer;
width: 142px;height: 40px;line-height: 40px;text-align: center;border-radius: 4px;}
.imsg .close{background: url(../images/close2.png) no-repeat center;width: 36px;height: 36px;cursor: pointer; position: absolute;right: 0;top: 0;
*top: 0;    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;}
.imsg .close:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.imsg-pointer { position: fixed; left: 0; bottom: 0; z-index: 100; cursor: pointer; display:none; }
.imsg-pointer .des { display:block;background: url(../images/imsg-pointer.png)no-repeat;width: 176px;height: 80px;}
/*tctc*/
.tctc{width: 100%;height: 100%;position: fixed;z-index: 999;left: 0;top: 0;display: none;    transition: all 0ms ease;}
.tctc .popup{width: 616px;height: 276px;background:url(../images/popup_bg.png)no-repeat right #e92017;    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -322px;
    z-index: 99999; box-shadow: 2px 0 20px rgba(0, 0, 0, 0.32);    transition: all 0ms ease;}
.tctc .clx{    width:36px;
    height:36px;
    position: fixed;
    top: 50%;
    left: 50%;    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.32);border-radius: 36px;
    margin-top: -245px;background: url(../images/clx.png)no-repeat center #2d2d2d7a;    margin-left: 295px;}

.tctc .box{}
.tctc .box .main{margin: 30px 0 0 34px;position: relative;}
.tctc .box .main .txt{width:236px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    border: 0;
    color: #999999;
    text-indent: 1em;}
.tctc .box .main input{margin-bottom: 10px;}
.tctc .box .main .submit{    width: 130px;
    height: 34px;
    border: 0;
    cursor: pointer;
    color: #e92017;
    background: url(../images/submit.png)no-repeat center;
    display: block;
    text-align: center;position: absolute;    bottom: 0;
    left: 244px;}

.tctc .tit{color: #ffffff;} 
.tctc .tit p{font-size: 24px;line-height: 30px;}
.tctc .tit h2{font-size: 32px;line-height: 40px;}
.tctc .tit h3{font-size:16px;font-weight: normal;background: url(../images/inquiry_tel.png)no-repeat center left;background-size:26px ;padding-left: 30px;line-height: 38px;margin-top: 5px;}
.tctc .tit h3 b{font-size:20px;font-family: impact;}
.tctc .tit span{font-size:16px;line-height: 30px;display: block;}

.zitc{
	-webkit-animation: zitc 2s infinite;animation: zitc 2s infinite;
}
@keyframes zitc{
	0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
	20% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}