@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
html,body,fieldset,img,iframe,abbr,input{border:0;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body {background:#fff;color:#333;font-size:12px;font-family:"Microsoft YaHei";}
ul, ol, li {list-style: none; }
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
/*common*/
.container{width: 1200px;margin: 0 auto;}
.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
.dn{display: none;}
.tc{text-align: center;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body{    overflow-x: hidden;min-width:1200px;}

.w_1200{width:1200px;margin: 0 auto;}
.header{    overflow-x: unset}
.header_top{height: 152px;}
.logo {float: left; margin-top: 19px; }
.tel_index {float: right; color: #000; margin-top: 40px; font-size: 16px; line-height: 25px; background: url(../image/tel.jpg) left 20px no-repeat; padding-left: 40px; height: 60px; font-weight:bold;}
.tel_index p {font-size: 36px;  color: #167ADA; line-height: 40px;    font-family: "Impact"; }

.header_center{border-top: 1px solid #e5e5e5;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{height:70px; line-height:70px;   position:relative; z-index:1;width: 800px;float: left;}
.nav a{ color:#000;  }
.nav .nLi{ float:left;  position:relative; display:inline;background:url(../image/nav_jt.jpg) no-repeat 110px 32px;  }
.nav .nLi+.on{background:url(../image/nav_jt.jpg) no-repeat 110px -6px; }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; font-size:16px; font-weight:normal;  width: 130px;text-align: center;}
.nav .sub{ display:none; width:200px; left:0; top:60px;  position:absolute; background:#fff;  line-height:48px;border-top: 3px solid #4b9be2;text-indent:35px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px;font-size: 16px;color: #7d8081; }
.nav .sub a:hover{color: #397fbd; }
.nav .on h3 a{color: #397fbd;}

.search {width: 245px; height: auto; margin-top: 18px; padding: 0px; float: right; overflow: hidden; }
.search .keywords {background: url(../image/s_inp.jpg) no-repeat; width: 201px; height: 32px; float: left; padding: 0; margin: 0; }
.search .button {cursor: pointer; margin: 0px; width: 44px; height: 32px; background: url(../image/s_so.jpg) no-repeat right center;  float: left; }
.search input {text-align: left; line-height: 30px; margin: 0; padding: 0; height: 30px; color: #b9b9b9; font-size: 12px; border: medium none; text-indent: 1em; }
.search input:focus,
.search textarea:focus {border-color: #fff; outline: none; }
.search input:hover,
.search textarea:hover {border-color: #fff; outline: none; }

.slideBox{ width:100%; height:580px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:15px; z-index:1;width: 100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%; text-align: center; }
.slideBox .hd ul li{ display: inline-block;margin-right:4px;  width:15px; height:15px;  background:#fff; cursor:pointer;text-indent: -99999px;border-radius: 7.5px;
  -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}
.slideBox .hd ul li.on{ background:#189ACC; color:#fff;width: 40px; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }


.proname { text-align: center; color: #555555; font-size: 30px; line-height: 1; line-height: 40px;font-weight: normal; }
.prona {text-align: center; font-size: 14px; line-height: 20px; color: #555; text-transform:uppercase;line-height: 25px; }
.pron{text-align: center;font-size: 14px;color: #555;line-height: 20px;}
.pro-class {margin: 0 auto; text-align: center; font-size: 14px; color: #343434; }
.pro-class a {display: inline-block; padding: 20px 10px; color: #343434; }
.pro-class a:hover{color: #4b9be2;}
.pro-class span {display: inline-block; padding: 20px 10px; font-weight: bold; }

.main1{padding-top: 30px;height: 840px;border-bottom: 1px solid #666;}
.main1 .m1_box{float: left; width: 287px;margin-right: 15px;margin-bottom: 30px;}
.main1 .m1_box a.a1 {float: left; width: 287px; height: 215px; display: inline; position: relative; }
.main1 .m1_box a.a1 span {position: absolute; width: 287px; height: 215px; left: 0; top: 0; background: url(../image/big.png) center center no-repeat; background-color: rgba(0,0,0,0.5); display: none; }
.main1 .m1_box a.a1 span label {display: block; text-align: center; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 140px 0 0 0; }
.main1 .m1_box a:hover span{ display:block;}
.main1 .m1_box .title{padding-top: 10px;float: left;border-bottom: 1px solid #e5e5e5;width: 100%;position: relative;}
.main1 .m1_box .title span a{font-size: 18px;color: #000;line-height: 20px;}
.main1 .m1_box .title p{color: #9d9d9d;font-size: 14px;line-height: 35px;height: 35px;}
.main1 .m1_box .title a.more{font-size: 20px;position: absolute;right: 0;top: 20px;}
.main1 .m1_box .title:hover a.more{color: #4b9be2;}
.main1 .m1_box .title:hover{border-bottom: 1px solid #4b9be2;}
.main1 .m1_box .title:hover span a{color: #4b9be2;}
.main1 .amore{display: block;margin: 0 auto;width: 150px;height: 44px;line-height: 44px;font-size: 16px;color: #fff;text-align: center;background-color: #666666;}
.main1 .amore:hover{background-color:#4b9be2; }


.main2{padding-top: 30px;}
.main2 .about{background-color: #eff3f7;height: 570px;margin-top: 5px;}
.main2 .m2_3ad{width: 1050px;height: 150px;background-color: #fff;margin: 0 auto;}
.main2 .m2_3ad_box{width: 225px;height: 57px;border: 1px solid #bfbfbf;margin-top: 33px;float: left;padding-top: 20px;position: relative;}
.main2 .m2_3ad_box p{text-align: center;font-size: 14px;line-height: 25px;color: #474747;}
.main2 .m2_3ad_box h2{position: absolute;font-size: 26px;line-height: 26px;height: 26px;width: 140px;background-color: #fff;left: 50px;top: -13px;text-align: center;}
.main2 .m2_about{margin-top: 55px;}
.main2 .m2_left{float: left;width: 660px;}
.main2 .m2_left .qx{margin-top: 30px;width: 630px;font-size: 14px;line-height: 24px;text-align: center;color: #474747;height: 150px;}
.main2 .m2_left .more{display: block;width: 140px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;border: 1px solid #555;color: #555;margin: 0 auto;}
.main2 .m2_left .more:hover{color:#4b9be2;border: 1px solid #4b9be2;}
.main2 .m2_right{float: right;width: 540;margin-top: 15px;}


.main3{height: 450px;}
.main3 .protopul{ float:left; width:1200px; }
.main3 .protopul li{ float:left; width:298px; height:320px;  display:inline; margin:30px 1px 0 0 ; position:relative; overflow:hidden;}
.main3 .protopul li:hover{ }
.main3 .protopul li  p.wor{ float:left;width:298px; font-size:14px;  padding:15px 0 0 0; color:#404040; text-align:center; }
.main3 .protopul li  p.wor font{ display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:30px; font-family:Arial, Helvetica, sans-serif;color: #474747;}
.main3 .protopul li  p.wor span{ display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size: 26px;color: #474747;}
.main3 .protopul li .divwor{ position:absolute; left:0; bottom:0; margin-bottom:-240px;width:298px; background:#337bbb; height:240px; font-size:14px;}
.main3 .protopul li  .divwor font{ display:block; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:15px 0 0 0;}
.main3 .protopul li  .divwor span{ display:block; text-align:center;color:#fff; text-overflow:ellipsis; overflow:hidden; padding:0 0 20px 0;white-space:nowrap;font-size: 26px;}
.main3 .protopul li  .divwor p{ display:block;line-height:24px; height:100px; overflow:hidden; padding:0 10px;color:#fff;font-size: 16px;}
.main3 .protopul  li a img{ width:298px; height:200px; overflow:hidden;}
.main3 .protopul li a:hover span{ display:block;}
.main3 .indexnews{ width:100%; height:408px; background:url(../images/temp/linebg.jpg) center top repeat-y;}
.main3 .indexnews1{ width:100%; height:549px;}
.main3 .index_title {height: 50px; overflow: hidden; margin-top: 45px; }
.main3 .index_title a {display: block; float: right; color: #adadad; font-size: 30px; font-weight: bold; border: 2px solid #adadad; width: 28px; height: 28px; line-height: 24px; text-align: center; margin-top: 10px; }
.main3 .index_title h3 {font-size: 30px; color: #474747; line-height: 30px; font-weight: normal; }
.main3 .index_title p{font-size: 16px; color: #ababab; line-height: 20px; vertical-align: top; }


.main4{height: 840px;background-color: #eff3f7;padding-top: 30px;}
.txtScroll-top{ overflow:hidden; position:relative; }
.infoList li{margin-bottom: 10px;margin-top: 20px;}
.data{width: 100%;height: 118px;background-color: #a3a3a3;}
.time {float: left; text-align: left; color: #fff; font-family: "Arial"; padding-left: 50px; }
.time strong {padding-top: 20px; display: block; font-size: 36px; font-weight: normal; white-space: nowrap; line-height: 50px; }
.time span {display: block; font-size: 20px; line-height: 30px; }
.data .more{float: right;line-height: 118px;font-size: 25px;color: #fff;margin-right: 50px;}
.infoList .qx{width: 100%;height: 134px;background-color: #fff;padding: 10px 30px;display: block;}
.infoList .qx h3{font-size: 20px;line-height: 50px;font-weight: normal;color: #555555;}
.infoList .qx:hover h3{color: #4b9be2;}
.infoList .qx div{font-size: 14px;color: #969696;line-height: 25px;}
.txtScroll-top .hd{ overflow:hidden;  height:50px;position:relative;}
.txtScroll-top .hd .prev,.txtScroll-top .hd .next,.txtScroll-top .hd .more{ display:block;  width:50px; height:50px; float:right; overflow:hidden;
cursor:pointer;font-size: 30px;color: #929292;position: absolute;left: 50%;line-height: 50px;}
.txtScroll-top .hd .prev{margin-left: -90px;}
.txtScroll-top .hd .next{margin-left: 80px;}
.txtScroll-top .hd .more{background:url(../image/ico_list.jpg) no-repeat;width: 59px;height: 44px;margin-left: -20px;}


.main5{height: 436px;padding-top: 50px;}
.main5 .m5_box{float: left;width: 280px;padding-left: 120px;height: 95px;}
.main5 .m5_box p{font-size: 14px;line-height: 23px;color: #555;}
.main5 .m5_box1{background: url(../image/ico_tel.jpg) 27px center no-repeat;}
.main5 .m5_box2{background: url(../image/ico_email.jpg) 27px center no-repeat;}
.main5 .m5_box3{background: url(../image/ico_dress.jpg) 27px center no-repeat;}
.main5 .fbook {width: 100%; overflow: hidden; margin-top: 40px; }
.main5 .fbookconl input, .iyzm input {width: 375px; float: right; margin-bottom: 12px; height: 46px; line-height: 46px; border: 1px solid #f5f5f5; background: #f5f5f5; color: #a0a0a0; text-indent: 1em; }
.main5 .ftextarea {float: right; border: 1px solid #f5f5f5; overflow: hidden; background: #f5f5f5; color: #a0a0a0; width: 770px; height: 145px; margin-left: 2px; display: inline; padding: 10px 10px; line-height: 25px; }
.main5 .fbookconl {float: left; width: 400px; overflow: hidden; }
.main5 .fsub { width: 260px; height: 50px; line-height: 50px;  cursor: pointer; background-color: #fff; border: 1px solid #a0a0a0; border-radius: 25px; color: #a0a0a0; font-size: 20px; }
.main5 .fsub:hover{border: 1px solid #4b9be2;color: #4b9be2;}

.footer{ color:#666; text-align:center; height:50px; line-height:50px; background:#000; font-size:14px;}
.footer a{ color:#666;}
.footer a:hover{ color:#fff;}






/*内页*/
.contentny {
    width: 1200px;
    min-height: 500px;
    _height: 500px;
    margin: 17px auto;
}
.leftcc {
    width: 220px;
    float: left;
}
.leftcc_top {
    width: 220px;
    height: 40px;
    background: #2C3135;
    line-height: 40px;
}
.leftcc_top h2{font-weight: normal;color: #fff;padding-left: 40px;font-size: 16px;background:url(../image/top_nav_bg.jpg) 16px center no-repeat;}
.leftcc_bt {
   /* width: 220px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    border: 1px #dbdbdb solid;
}
.leftcc_bt li.li1 {
    margin: 8px auto;
    background:url(../image/sider_bg.jpg) top no-repeat;
    border-radius: 3px;
    width: 200px;
    line-height: 34px;
    font-size: 14px;
}
.leftcc_bt li.li1  a{padding-left: 30px;}
.dropdown li > ul li > ul li {
    padding-left:50px;
}
.leftcc_bt p{font-size: 12px;line-height: 30px;}
.xianright {
    width: 960px;
    float: right;
    border-top: 3px #2C3135 solid;
    border-left: 1px #dadada solid;
    border-right: 1px #dadada solid;
    border-bottom: 1px #dadada solid;
}




.mainCon{width:950px; float:right;}
.mainConTitle{
    position: relative;
    width:950px; height:46px;border-bottom: 2px solid #2C3135;  }
.mainConTitle .mFont{float: left;margin-right: 10px;
    /*width: 100px;*/ height: 46px;
    color: #0f1427;font-size: 24px; line-height: 46px; font-weight: bold;}
.mainConTitle .mEnglish{
    float: left;
    /*width: 100px; */height:46px;
    color:#0f1427; font-size: 18px;line-height: 54px; display: block; font-family: arial; text-transform: uppercase;}
.mainConTitle .position {
    position: absolute; right: 0px; bottom:0px
    height:46px;
    color: #666666; font-size: 12px;line-height:54px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#0f1427}
.mainConTitle .xian{
    width: 120px;height: 2px;
    font-size: 0px; line-height: 0px;
    position:absolute; left:0px; bottom:-2px;background: #348502;
 }
 .mainConTitle .position span{ font-size: 12px;}
 /*end mainConTitle*/

 .leftTitle{ width: 222px; height: 46px; padding-left:20px ; margin-bottom: 10px; border:2px solid #e8363d;
    color:#0c101f; font-size: 18px; line-height: 46px; font-weight: bold;}
.leftTitle span{ color:#0c101f; font-size: 14px; text-transform: uppercase; font-weight: normal;}
.leftContact{ width: 204px; padding: 10px 20px; border:1px solid #acacac}
.leftContact dl{width:204px; display:block;clear:both;}
.leftContact dl dt,.leftContact dl dd{color:#666666; font-size:12px;  line-height:30px; }
.leftContact dl dt{float:left; width:40px; padding-left: 24px; }
.leftContact dl dd{float:left; width:138px;}


.mainContect{
    color:#666;font-size:14px;line-height:30px;overflow:hidden
    margin-top:16px; padding-top:15px; height:auto!important;min-height:360px;height:360px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
    background:#fff ;}
/*.mainContect img{ max-width: 100%;}*/
.mainContect .title{
    width:100%;
    color:#0f1427;font-size:22px; line-height:40px;text-align:center; }
.mainContect .time{
    width: 725px; height: 40px;border-bottom:1px dotted #ddd;padding-top:5px;padding-left:225px;
    color:#999999;font-size:12px;line-height:30px; font-weight:normal}
.mainContect .timea{ float:left;width:170px; font-size:12px;}
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0px 0px 0px;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding:20px 14px 20px 14px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{
    width: 120px; height: 36px;display: block;
    color:#fff; font-size: 16px;line-height: 36px; text-align: center;
    background: #0b61a5;}
.mainContect .pgfy{
     width:100%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left;  width:810px;padding-left: 14px;}
.mainContect .pgfyl p{ color:#0f1427;font-size: 14px;}
.mainContect .pgfyl p a{ color:#0f1427; font-size: 14px;}
.mainContect .pgfyr{ width:100px;float:left; text-align:center;padding-top:30px;}
.mainContect .pgfyr a{ color:#0f1427;font-size:14px;}


/* footerpic*/

.footPicBd{ width: 1200px; margin: 0 auto 34px  auto;}
.footPicList{ width: 1200px; height:210px;  margin: 0 auto; background: #f0f0f0; }
.footPicList .footPicLeft,.footPicList .footPicRight{float: left; width:27px; height:60px;padding:65px 14px 0px 14px;}
.footPicListUl {float: left;width:1060px; height:190px;padding-top: 20px;  overflow: hidden; }
.footPicList ul li{float:left;width:208px; height:190px; margin-right: 20px;}
.footPicList ul li .pic{width:208px; height:156px;}
.footPicList ul li .title{
    width:188px;height:34px; padding:0 10px;
    color:#0f1427;line-height:34px;font-size:14px;  font-weight: bold; text-align: center;
}

.sectionB{
    position: relative;
    width: 100%; height: 152px; padding-top: 27px; border-top: 1px solid #d3d3d3;
    background: url(../images/index_10.jpg);}
.Ttitle {
    position:relative;width:100%; height:60px; margin: 0 auto; border-bottom:2px solid #2C3135;
    color:#0f1427;font-size:24px;line-height:60px; font-weight: bold;
}
.Ttitle span{color: #0f1427; font-size: 18px; font-family:arial; text-transform: uppercase; font-weight: normal;}
.Tmore a{
    position:absolute; right:0px; top:0px;
    width:72px; height:60px;  display: block;
    color: #666666; font-size: 12px; line-height: 60px;  text-align: center;}

/*end Ttitle*/


.proListPic ul li{
    position: relative;float:left;
    width:244px; height:270px; border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;
    overflow: hidden; }
.proListPic ul li a{
    position: relative;
    width:220px; height:242px;padding: 12px; border-bottom: 4px solid #f0f0f0;display:block;
    background: #f0f0f0;
}
.proListPic ul li a:hover{
    border-bottom: 4px solid #2C3135;
    background: #FFFFFF;
}
.proListPic ul li .pic{position:relative;width:218px; height:164px;border:1px solid #d0d0d0; }
.proListPic ul li .pic span{
    position: absolute;left:10px; top:0px; display: block;
    width: 36px; height: 25px;
    color:#fff;font-size:12px;line-height:25px; text-align: center; text-transform: uppercase;
    background: #2C3135;
}
.proListPic ul li .intro{
    width:200px; height:76px; padding:0px 10px;overflow: hidden;
    color:#666666;font-size:12px;line-height:20px; text-align: left;
}
.proListPic ul li .intro span{
    width:200px; height:36px; display: block;
    color:#0f1427;font-size:14px;line-height:36px; text-align:left;font-weight: bold;   }

.mainConList{ padding-top: 15px;}
.mainConList .pic1{
    position: relative;float:left;
    width:300px; height:280px; border:1px solid #d2d2d2; margin-right: -1px; margin-bottom: -1px;
    overflow: hidden; }
.mainConList .pic1 a{
    position: relative;
    width:276px; height:252px;padding: 12px; border-bottom: 4px solid #f0f0f0;display:block;
    background: #f0f0f0;}
.mainConList .pic1 a:hover{
    border-bottom: 4px solid #2C3135;
    background: #FFFFFF;
}
.mainConList .pic1 dt.pic{position:relative;width:275px; height:200px;border:1px solid #d0d0d0;}
.mainConList .pic1 dt.pic span{
    position: absolute;left:10px; top:0px; display: block;
    width: 36px; height: 25px;
    color:#fff;font-size:12px;line-height:25px; text-align: center; text-transform: uppercase;
    background: #2C3135;
}
.mainConList .pic1 dd.intro{
    width:240px; height:76px; padding:0px 10px;overflow: hidden;
    color:#666666;font-size:12px;line-height:20px; text-align: left;
}
.mainConList .pic1 dd.intro span{
    width:240px; height:36px; display: block;
    color:#0f1427;font-size:14px;line-height:36px; text-align:left;font-weight: bold;
}


/*page*/
#pages{text-align: center;margin: 20px 0;}
#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #424d5b;color: #fff;display: inline-block;}
#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #2C3135;color: #fff;display: inline-block;}
#pages a:hover{background: #2C3135;color: #fff;}

.mainConList .pic2{ width: 920px; height:120px;padding:13px; margin-bottom: 14px; border:1px solid #d1d1d1;background: #f0f0f0;}
.mainConList .pic2 dt{
    float: left;
    width:200px; height:120px; border: 1px solid #d1d1d1; margin-right: 16px; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:530px;height:120px;  float:left;}
.mainConList .pic2 .title{color:#0f1427;font-size:14px; line-height:40px; font-weight:bold;}
.mainConList .pic2 .intro{color:#666666;font-size:12px;line-height:20px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px}
.mainConList .pic2 a:hover{ background: #e5ebf1;}
.mainConList .pic2 a:hover .title{ color:#1561af}

/*end pic2*/

.mainConList ul{padding-top:0px;clear:both;  padding-bottom:10px; margin-top: -16px;}
.mainConList ul li{
    width: 840px; height: 80px; padding-top: 10px; padding-bottom: 10px;
    border-bottom:1px solid #d4dde3; }
.mainConList ul li a{width: 840px;padding: 0px 4px;display: block;
    color:#0f1427; font-size:14px; line-height:36px; font-weight: bold; }
.mainConList ul li a:hover{color:#2C3135}
.mainConList ul li span{ color: #999999;float: right; font-size:12px;line-height:36px; font-weight: normal;}
.mainConList ul li p{width: 840px;padding: 0px 4px;color:#666666;font-size:12px;line-height:22px}
/*end ul*/

.yproer{
    position:relative;float:left;
    width:280px;height:280px;overflow:hidden;
}
.yproer_in{
    position:absolute;top:0;left:0;
    width:100%;height:100%;
    background:url(../image/img15.png) repeat;
    display:none\9;
    transform:translateY(280px);
    transition:transform .3s ease-out;
}
.yproer:hover .yproer_in{
    transform:translateY(0);
    display:block\9;
}

.yproer:hover  img{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-moz-transform:scale(1.3);transform:scale(1.3);-webkit-transition:all ease-in-out .6s;transition:all ease-in-out .6s;-ms-transition:all ease-in-out .6s;transition:all ease-in-out .6s}



.yproer_a{
    position:absolute;top:120px;left:55%;
    width:58px;height:58px;margin-left:-29px;
    cursor:pointer;
}
.yproer_a img{
    padding:0 !important;width:36px !important;height:33px !important;
}
.yproer_z{
    margin-top: 190px;
    display:block;
    width:100%;height:141px;/*padding-top:48px;*/
    font:18px/1 "Microsoft Yahei";color:#FFF;text-align:center;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ypro-more{
    position:relative;
    width:103px;height:71px;margin:21px 0 0 454px;
    font:18px/71px "Impact";color:#f1f7ff;text-align:center;text-indent:-12px;
    background:url(../images/img14.png) no-repeat;
}
.ypro-more a{
    display:block;
    color:#f1f7ff;
}
/*ytech*/
.ytech{
    width:490px;height:324px;margin:66px 0 0 0;
}
.ytech-con{
    margin-top:6px;
}
/*yspec*/
.yspec{
    width:488px;height:324px;margin:66px 0 0 0;
}
/*ybanner*/
.ybanner{
    height:89px;margin-top:24px;
}


.content_tit{ width:1199px; height:44px; margin:0 auto; padding-top:48px;}
.content_tit_mid{ width:750px; height:44px; margin:0 auto;}
.content_tit_midx{ width:266px; height:3px; float:left;position: relative; background:url(../image/xxa.gif) repeat-x; margin-top:22px;}
.content_tit_midx span {
    position: absolute;
    height: 3px;
    right: 0px;
    background:#D5D5D5;
    width:31px;
    display: block;
    bottom: 0px;
    -webkit-animation: easepointer 4s ease-in-out 0s infinite;
    animation: easepointer 4s ease-in-out 0s infinite;}

.content_tit_midr{ width:266px; height:3px; float:right;position: relative; background:url(../image/xxa.gif) repeat-x;margin-top:22px;}
.content_tit_midr span {position: absolute;
    height: 3px;
    left: 0px;
    background:#D5D5D5;
    width:31px;
    display: block;
    bottom: 0px;
    -webkit-animation: easepointera 4s ease-in-out 0s infinite;
    animation: easepointera 4s ease-in-out 0s infinite;
    }

.abc1 {
    width: 180px;
    height: 43px;
    float: left;
    margin-left: 23px;
}


#show{ width:400px; height:400px;border: 1px solid #dadada; overflow:hidden; position:relative; left:0; text-align:center; background-color:#fff;}
#show_mark{ position:absolute; top:0; left:0; width:400px; height:400px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ float:left; position:relative; left:420px;border: 1px solid #dadada; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; background-color:#fff; z-index:1000;}
#zoom img{ position:absolute; margin:0 auto;}
#show img{max-width: 100%;max-height: 100%;vertical-align: middle;}
#thumb { float: left; overflow: hidden; width: 400px;}
#thumb li { border: 1px solid #dadada; display: inline; float: left; height: 34px; margin: 10px 4px; overflow: hidden; text-align: center; width: 34px;}
#thumb li:hover { border: 1px solid #014da1;}
#thumb li A { float: left; height: 70px; line-height: 70px; text-align: center; width: 70px;}
#thumb li.selectTag { position: relative;}

.pro_imgs{width: 400px;height: 485px;float: left;}
.pro_desc{width: 530px;height: 485px;float: right;}
.pro_desc h1{color: #014da1;font-size: 16px;font-weight: 500;line-height: 24px;}
.pro_desc h2{font-size: 14px;font-weight: 500;line-height: 56px;border-bottom: 1px solid #dadada;}
.pro_desc .desc{height: 240px;overflow: hidden;line-height: 38px;padding: 25px 0 0px;font-size: 14px;}
.pro_desc .message{height: 55px;width: 210px;background: #be0a0a;text-align: center;line-height: 55px;color: #fff;font-size: 18px;float: left;}
.pro_desc .message a{display: block;color: #fff;}
.pro_desc .message a:hover{background: rgba(0,0,0,0.1);}
.pro_desc .hotline{float: right;width: 310px;height: 55px;line-height: 55px;color: #333;text-align: left;font-size: 18px;background: #e3e3e3;}
.pro_desc .hotline i{width: 24px;height: 24px;display: block;background: url(../image/ico.png) -2px -128px no-repeat;float: left;margin: 17px 5px 0 35px;}
.pro_desc .hotline span{color: #be0a0a;}
#ckepop{width: 530px;height: 38px;}

.m_right .r_top {
    height: 50px;
    line-height: 55px;
    border-bottom: 1px solid #dadada;
}
.m_right .r_top b {
    font-size: 18px;
    float: left;
    font-weight: 500;
}
.m_right .r_top b i {
    width: 17px;
    height: 17px;
    background: url(../image/ico.png) 0px -45px no-repeat;
    display: block;
    float: left;
    margin: 19px 10px 0 0;
}