@charset "utf-8";
body{background: #f3f3f3;}
.w_1200{width: 1200px;margin: 0 auto;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .headerCon:before {display: table; content: ""; overflow: hidden; }

.header{height: 105px;background:#e3e3e4 url(../image/head_bg.jpg) repeat-x;}
.logo{margin-top: 20px;}
.head_right .search01 { margin-top: 40px; }
.head_right #searchForm {background: url(../image/sousou.jpg) left top no-repeat; }
.head_right .ser_n .ipt1 {height: 24px; overflow: hidden; float: left; width: 175px; padding-left: 5px; margin: 4px 0 0 2px; line-height: 24px; border-right: none; }
.head_right .ser_n .ipt1 input {outline: 0; width: 170px; height: 26px; padding-left: 5px; line-height: 26px; color: #999; border: 0; padding: 0; }
.head_right .ser_n .ipt2 {float: left; width: 50px; margin-top: 2px; }
.head_right .ser_n .ipt2 input {outline: 0; float: right; width: 50px; height: 32px; cursor: pointer; background: none; border: 0; color: white; font-size: 16px; text-indent: -999999px; }
.head_right .ser_n input {float: left; }
.head_right .ser{font-size: 16px;}
.head_right .ser span{font-size: 24px;color:#2176b2;    font-family: import;}

.header .ser{font-size: 16px;}
.header .ser{float:left;font-size: 24px;color:#2176b2;    font-family: import;margin-top:40px;margin-left:80px;}






.nav{ padding:0 20px; height:45px; line-height:45px; background:#346c93;  position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;background:url(../image/nav_xx.jpg) no-repeat left;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; font-size:16px; font-weight:normal;  width: 165px;text-align: center;}
.nav .sub{ display:none; width:165px; left:0; top:45px;  position:absolute; background:#346C93;  line-height:35px; text-align: center; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on h3 a{ background:#346c93 url(../image/nav_on.jpg) center no-repeat; color:#fff;}

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


.main{}
.main .m_left{padding: 25px; width: 550px;float: left;line-height: 45px;line-height: 45px;}
.main .m_left h2{font-size: 14px;font-weight: normal;float: left;padding-left: 20px;}
.main .m_left a{float: right;display: block;width: 50px;background:#346c93;color: #fff;text-align: center;font-size: 30px;}
.main .m_left .nr{background:#fff;height: 300px;}

.title h2{background:#EAEBF0; width: 1180px;}

.main .m_right{padding: 25px;width: 550px; float: right;line-height: 45px;line-height: 45px;}
.main .m_right h2{font-size: 14px;font-weight: normal;float: left;padding-left: 20px;}
.main .m_right a{float: right;display: block;width: 50px;background:#346c93;color: #fff;text-align: center;font-size: 30px;}
.main .m_right .nr{background:#fff;height: 300px;}

.main h2{font-size: 16px;font-weight: normal;float: left;padding-left: 20px;    line-height: 55px;    text-shadow: 0 1px 4px #346C93;}
.main  a{display:none; float: right;width: 50px;background:#346c93;color: #fff;text-align: center;font-size: 30px; line-height: 45px;}
.main  .nr{background:#fff;height: 300px;}

.footer{text-align:center;background: #c4c4c4 url(../image/foot_bg.jpg) repeat-x;height:60px;line-height: 30px;padding: 10px 0;}







/*内页*/
.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:0px 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;
}