﻿@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{border:0;}
a,button{cursor:pointer;}
a {color: #666666;text-decoration: none;}
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}
input, select, textarea {outline: none; border: none; background: #FFF; }
/*common*/
.container{width: 1200px;margin: 0 auto;}
.pr{position: relative;}
.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;}

input, button, textarea{margin: 0; padding: 0; border: 0; }
.w_1300{width: 1300px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.header-top{height: 51px;line-height: 51px;background: #eeeeee;border-top:2px solid #89ecff;}
.header-top b{font-weight: normal;font-size: 16px;color: #4f4f4f;}
.header-top span{padding-left: 30px;font-size: 24px;color: #00ddf2;background: url(../image/tel.gif) left center no-repeat;}

.header-center{height: 128px;background: #fff;}
.logo {float: left; margin-top: 15px; }
.naver{float:right;width: 1000px;margin-top: 50px;}
.nav{ height:40px; line-height:40px;position:relative; z-index:1;  }
.nav a{ color:#000;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block;font-size:16px; font-weight:normal;width: 110px;text-align: center; }
.nav .sub{ display:none; width:180px; left:30px; top:50px;  position:absolute;     background: url(../image/bg_01.png) repeat; line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1;    background: url(../image/arrow_01.png) no-repeat 15px 10px  }
.nav .sub a{ display:block; padding:0 10px;color: #fff;font-size: 14px;line-height: 25px;text-indent: 20px;}
.nav .sub a:hover{color:#00ddf2;  }
.nav .on h3 a{color:#00ddf2;   }

.slideBox{ width:100%; height:560px; 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:#00DDF2; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }



.main1{padding-top: 20px;height: 150px;}
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .bd{ padding:10px 50px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:185px; height:94px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0; top:50%; margin-top:-13px; display:block; width:15px; height:26px; background:url(../image/jt.jpg) 0px 0px no-repeat;  }
.picScroll-left .next{ left:auto; right:0; background-position:0px -68px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=50);opacity:0.5;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }


.main2{height: 245px;background: url(../image/m2_bg.jpg) repeat-x;}
.m2_main{height: 245px;width: 100%;background: url(../image/m22_bg.jpg) top left no-repeat;}
.biaodan{float: left;width: 583px;height: 170px;margin-left: 80px;margin-top: 68px;}
.footleft li {float: left; padding-bottom: 8px; }
.footleft label {font-size: 16px;line-height: 32px;height: 32px; float: left; color: #fff; }
.footleft label font {color: #f00; }
.footinput{float: left; border: 1px solid #ffffff; color: #fff; width: 200px; height: 32px; line-height: 32px; background: none; background: #fff; }
.foottextarea {float: left; border: 1px solid #ffffff; color: #000; width: 480px; height: 73px; line-height: 25px; background: #fff; }
.footbut {width: 103px; height: 34px; line-height: 34px; background: #ff0000; text-align: center; float: left; color: #fff; float: left; margin-left: 70px; display: inline; cursor: pointer; font-size: 16px; }

.hot_line{position: absolute;left: 650px;top:75px;padding-left: 75px;background: url(../image/tel.jpg) 10px no-repeat;}
.hot_line p{font-size: 18px;color: #fff;line-height: 20px;}
.hot_line p.p1{font-size: 28px;line-height: 35px;}
.hot_line p.p2{font-size: 28px;line-height: 35px;}
a.qq{position: absolute;left: 980px;top: 110px;font-size: 22px;height: 56px;line-height: 56px;display: inline-block;color: #fff;padding-left: 60px;background: url(../image/qq.jpg) left center no-repeat;}
.share_b{position: absolute;left: 1190px;top:90px;width: 120px;}

.main4{padding-top:50px;margin-bottom: 50px;}
.m4_left{float: left;width: 270px;padding: 20px 12px;background: url(../image/m4_left.jpg) ;border-top-right-radius: 30px;}
.m4_left h2{font-size: 36px;line-height: 45px;color: #fff;font-weight: normal;}
.m4_left span{font-size: 14px;color: #fff;line-height: 20px;}
.m4_left .list{background: #ffffff;margin-top: 30px;}
.m4_left .list li{float:left; width:270px; height:51px; position:relative;}
.m4_left .list li.li1{background: #efefef;}
.m4_left .list li a{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:18px; line-height:51px; color:#4c4c4c; padding-left:28px;}
.m4_left .list li a:hover{ color:#00ddf2; padding-left:40px;}
.m4_left .more{width: 100%;background: #008d9a;font-size: 22px;color: #fff;line-height: 55px;height: 55px;float: left;text-align: center;}


.m4_right{float: right;width: 980px;}
.pro-ul{ width:980px;}
.protopul li{ float:left; width:304px;   display:inline; margin:0 20px 16px 0 ; position:relative; overflow:hidden;-webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;}
.protopul li:hover img{
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); opacity:0.9; }
.protopul li  p.wor {float:left;width:304px; padding:10px  0; color:#707070; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size: 20px;}
.protopul  li a img{ width:300px; height:228px; overflow:hidden; border:2px solid #ebebeb}
.protopul li a:hover span{ display:block;}



.main5{height: 405px;background: #f5f5f5;padding-top: 15px;}
.main5 .title h2{font-size: 34px;color: #373737;line-height: 35px;float: left;color: #00ddf2;font-weight: normal;}
.main5 .title h2 span{font-size: 20px;line-height: 35px;font-weight: normal;padding-left: 10px;color: #737373;}
.m5_left{float: left;width: 840px;}
.m5_right{float: right;width:415px; }
.focusBox { float:left; position: relative; width: 415px; height: 300px; margin-top:20px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 415px; height: 300px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

.m5_left1{width: 280px;float: left;}
.m5_right1{width: 538px;float: right;}

.m5_main1{height: 300px;margin-top: 20px;}
.main5 .amore{width: 108px;height: 32px;border: 1px solid #00ddf2; color: #00ddf2;text-align: center;display: block;font-size: 14px;line-height: 32px;float: right;}
.main5 .amore:hover{background: #00ddf2;color: #fff;}
.hot_line{position: absolute;}




.main6{height: 410px;padding-top: 50px;}
.m6_left{width: 840px;float: left;}
.m6_right{width: 420px;float: right;}
.main6 .title h2{font-size: 34px;color: #373737;line-height: 35px;float: left;color: #00ddf2;font-weight: normal;}
.main6 .title h2 span{font-size: 20px;line-height: 35px;font-weight: normal;padding-left: 10px;color: #737373;}
.main6 .title a{float: right;line-height: 35px;font-size: 14px;}
.m4_left .box{ width: 380px;}
.main6 .time{font-size: 14px;float:left;width:67px;height:58px;background:#008d9a;margin-right:1px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:center;display:inline;margin-top:10px;}
.main6 .time span{font:18px/34px Microsoft Yahei;float:left;width:100%;color:#fff;border-top:1px solid #fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.newsli_r{float:right;line-height:1.5;color:#8b8b8b;width:300px;margin-left:10px;}
.newsli_rt .fl{overflow:hidden;color:#29283a;font-size: 18px;padding-top: 10px;}
.newscont {float: left; width: 300px; line-height: 25px; font-size: 14px; height: 50px; color: #5c5c5c; padding: 5px 0 0 0; }
.main6 .dress p{font-size:16px;line-height: 35px; }
.main6 .dress{margin-top: 10px;}
.new1{margin-top: 20px; float: left; height: 160px; /*background: url(../images/index_news03.jpg) 0 0 no-repeat; */}
.new1 .fl{float: left; width: 255px; overflow: hidden; text-align: center; }
.new1 .fr{float: right; width: 490px; padding: 0 15px 0 22px; height: 120px; margin-bottom: 7px; overflow: hidden; }
.new1 h4 {font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #000; padding: 5px 0 0; line-height: 36px; height: 36px; font-weight: normal; }
.new1 span {display: block; font-size: 14px; line-height: 22px; height: 44px;  color: #676767; padding: 7px 0 0; }


/*footer*/
.foot-box {background-color: #676767; width: 100%; text-align: center; height: 41px; line-height: 41px;margin-top: 20px; }
.foot-nav {width: 1200px; margin: 0 auto; font-size: 14px;}
.foot-nav a {color: #f5f8f5; }
.foot-nav span {padding: 0 20px; color: #f5f8f5; font-size: 12px; font-family: "宋体"; }
.foot-nav a:hover{color: #fff;}
.foot-box p{font-size: 14px;line-height: 25px;}


/*内页*/
.contentny {
    width: 1200px;
    min-height: 500px;
    _height: 500px;
    margin: 17px auto;
}
.leftcc {
    width: 220px;
    float: left;
}
.leftcc_top {
    width: 220px;
    height: 40px;
    background: #00DDF2;
    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: 20px;}
.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 #00DDF2;  }
.mainConTitle .mFont{float: left;margin-right: 10px;
    /*width: 100px;*/ height: 46px;
    color: #00DDF2;font-size: 24px; line-height: 46px; font-weight: bold;}  
.mainConTitle .mEnglish{
    float: left;
    /*width: 100px; */height:46px;
    color:#00DDF2; 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 #00DDF2;
    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:#00DDF2}

/*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;
}
