@charset "utf-8";
/* CSS Document */

/*  0 - common style 通用样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* { margin:0; padding:0;}
body { font-size:12px; color:#000; font-family:"Microsoft Yahei",Microsoft Yahei,"微软雅黑","宋体";}
html { height:100%;margin-bottom:1px;-webkit-text-size-adjust:none;}
ul { list-style:none;}
img { border:none;}
input,select,option,textarea { vertical-align:middle; font-size:12px; font-family:"Microsoft Yahei",Microsoft Yahei,"微软雅黑","宋体";}
.input_text {color:#CCC;}
a{ text-decoration:none; color:#000;}
a:hover { text-decoration:none; color:#22a5db;}


.clear{ clear:both;}
.page_width{ width:1260px; margin:0 auto;} 
.header{ background-color:#fff; padding:30px 0 10px 0; height:79px;}
.header .logo{ max-width:300px;}
.header .logo img{ display:block;}
.header span{ float:right; display:block; height:40px; line-height:40px; margin-top:39px; max-width:700px; text-align:right; font-size:16px;}
.header span a{ margin-left:20px;}
.header span a.current{ color:#22a5db;}

#full-screen-slider { width:100%; height:410px; position:relative}
#slides { display:block; width:100%; height:410px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:370px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px;background:#cccece }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#868787}

.homeMain{ padding-bottom:30px;}
.homeMain .pro_nav{ background:url(../images/pro_nav.jpg) repeat-x; height:60px; margin-bottom:5px; clear:both; overflow:hidden;}
.homeMain .pro_nav li{ float:left; width:420px; text-align:center;}
.homeMain .pro_nav li a{ display:block; cursor:pointer;}
.homeMain .pro_nav li img{ margin-right:15px; float:left; margin-left:80px; margin-top:11px;}
.homeMain .pro_nav li h3{text-align:left; font-weight:normal; font-size:14px; color:#555;}
.homeMain .pro_nav li h3 small{ display:block;}
.homeMain .pro_nav li h3 b{ font-weight:normal;padding-top:12px; display:block;}
.homeMain .pro_nav li a:hover h3 b{ font-weight:bold; color:#000;}
.homeMain .pro_nav li a:hover h3 small{color:#000;}

.homeMain .two{ background-color:#e2e0e0; height:150px; overflow:hidden; margin-bottom:10px;}
.homeMain .two .news{ float:left; width:450px;}
.homeMain .two .news dt{ border-bottom:solid 1px #000; font-size:14px; line-height:32px; height:32px; overflow:hidden; padding-left:30px; margin-bottom:8px;}
.homeMain .two .news dt a{ float:right; color:red; font-size:10px;}
.homeMain .two .news dd{line-height:24px; background:url(../images/news-icon.jpg) no-repeat left; padding-left:15px; margin-left:15px; height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.homeMain .two .profile{ float:right; width:700px; margin-right:20px; color:#666;}
.homeMain .two .profile dt{ font-size:17px; line-height:40px; height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:8px;}
.homeMain .two .profile a{ color:#666;}
.homeMain .two .profile a:hover{ color:#000;}
.homeMain .two .profile dd{ line-height:23px; font-size:13px; max-height:92px; overflow:hidden;}



.major-list{ clear:both; overflow:hidden; margin-left:-13px;}
.major-list li{height:144px;position: relative; float:left; width:240px;vertical-align: top; overflow: hidden; margin-left:13px; margin-bottom:12px;}
.major-list li a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.major-list li a span{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0 }
.major-list .back-face { background: #78c0fd; opacity:0.9;width:180px; z-index: -1; color:#000;font-size:16px;font-weight:bold; padding:30px 30px 0 30px; line-height:30px; cursor:pointer;}
.major-list .back-face big{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.major-list .back-face small{ line-height:25px; display:block; font-size:16px; height:50px; overflow:hidden;}
.major-list li:hover a .back-face { z-index: 1; }
.major-list .bottom-text { color: #c8c8c8; position: absolute; bottom: 25px; left: 20px; line-height: 25px; position: static\9 }

.footer{ background-color:#e5e5e5; height:30px; line-height:30px; color:#333; font-size:12px; text-align:center}


.inMain{ width:1260px; margin:0 auto; background:#FFFFFF;margin-top:20px;}
.proimg{ width:100%; text-align:center; margin:0 auto; }
.proimg img{ margin:0 auto; display:block;}
.pro_list{margin-left:-30px; +overflow:hidden;}
.pro_list li{ float:left; width:615px; position:relative; margin-left:30px; margin-bottom:30px;}
.pro_list li:hover{ box-shadow:0px 0px 15px #bbb;}
.pro_list li:hover h3{color:#22a5db;} 
.pro_list li a>img{ display:block; width:615px; height:410px;}
.pro_list li div{ text-align:center; padding-bottom:10px; background-color:#fff;}
.pro_list li div i{ display:block; background:url(../images/pro_tt.png) no-repeat top center; height:24px; position:absolute; top:595px; left:0; width:100%;}
.pro_list li div h3,.pro_list li div h4,.pro_list li div span{ font-weight:normal; color:#535353;}
.pro_list li div h3{ font-size:30px; line-height:150%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li div h4{ font-size:16px;line-height:200%; }
.pro_list li div span{ font-size:16px; text-decoration:underline;}

.view_list{ clear:both; overflow: hidden; width:100%; max-width:1260px; margin:0 auto;}
.view_list li{ float:left; width:50%; max-width:630px; height:630px; overflow:hidden;}
.view_list li.a{ float:left; width:100%; max-width:1261px; height:630px; overflow:hidden;}
.view_list li.b>div{font-size:22px; line-height:40px; margin:50px;height:500px; overflow:hidden;}



.contactMain{ border-top:solid 5px #dbdbdb; padding:60px 0 30px 0;}
.contactMain .contact_number{ font-size:18px; text-align:center; border-top:solid 1px #000; line-height:30px; padding-top:20px;}
.contactMain .contact_contant{ clear:both; overflow:hidden; padding-bottom:30px;}
.contactMain .contact_contant .left{ width:55%; float:left;}
.contactMain .contact_contant .left h3{ font-size:44px; color:red; margin-bottom:15px; font-weight:normal; }
.contactMain .contact_contant .left h4{ font-size:36px; font-weight:normal; color:#555;margin-bottom:15px;}
.contactMain .contact_contant .left p{ font-size:16px; line-height:35px;} 
.contactMain .contact_contant .left dl{ margin-top:50px;}
.contactMain .contact_contant .left dl dt{ font-size:24px; padding-bottom:15px; color:#333;}
.contactMain .contact_contant .left dl dd{ font-size:15px; line-height:35px;}
.contactMain .contact_contant .right{ width:36%; float:right;}
.contactMain .contact_contant .right h3{ font-size:20px; font-weight:normal; padding-bottom:20px; margin-top:20px;} 
#userFrm input{ width:95%; padding:0 2%; background-color:#ececec; border:none; height:40px; line-height:40px; margin-bottom:15px; font-size:14px;}
#userFrm #user_btn{ border:solid 2px red; height:45px; background-color:#fff; font-size:20px; color:red;width:99%;}
#userFrm .txtOther{ min-height:160px; width:95%; padding:0 2%; background-color:#ececec; border:none; line-height:40px;font-size:14px; margin-bottom:15px;}

.aboutMain{ padding-bottom:40px;}
.aboutMain h2{ font-size:16px; font-weight:normal; margin: 1.5em 0 1.5em 0; color:#666;}
.aboutMain h2 strong{ font-weight:bold; font-size:20px;margin-right:10px; }
.aboutMain .about_contant{ line-height:25px; color:#666; font-size:14px;}
.aboutMain .about_contant p{margin: 1.5em 0 1.5em 0;}
.aboutMain .about_contant h3{ font-size:13px; font-weight:normal;}
.aboutMain .about_contant h3 strong{font-weight:bold; font-size:18px; margin-right:10px;}
.aboutMain .about_contant h4{ font-size:16px;margin: 1.5em 0 1.5em 0;}
.aboutMain .red{ color:red;}
.aboutMain .large{ font-size:18px;font-weight:bold;}

.newstMain{ padding-bottom:40px;}
.newstMain ul{}
.newstMain ul li{ padding:10px 0; height:151px; overflow:hidden; clear:both; border-bottom:solid 1px #eee; position:relative;}
.newstMain ul li:hover{ background-color:#eee;}
.newstMain ul li>a{ float:left; width:220px; padding-left:10px; background:url(../images/nopic.jpg) no-repeat right; display:block;height:151px;}
.newstMain ul li img{ width:220px; height:151px;}
.newstMain ul li div{ float:right;width:730px; padding-right:15px; color:#666;}
.newstMain ul li div h3{font-size:15px; padding-top:8px;}
.newstMain ul li div h3 a{ color:#666; }
.newstMain ul li div a:hover{ color:#22a5db;;}
.newstMain ul li div p{ line-height:30px;}
.newstMain ul li div h4{ font-weight:normal; font-size:12px; line-height:24px; height:72px; overflow:hidden;}
.newstMain ul li div>a{background: url(../images/ico.gif) no-repeat 0 -100px;cursor: pointer;width: 30px;height: 10px;overflow: hidden;display: block;text-indent: -9999px;font-size: 0px;line-height: 0px;margin: 10px;padding: 0px;position: absolute;right: 0px;bottom:10px;}
.newstMain ul li div>a:hover{background: url(../images/ico.gif) no-repeat 0 -110px;}
.cutepage {TEXT-ALIGN: right;margin: 10px 0 0 0;height: 30px;padding: 5px 0;}
.cutepage A {MARGIN-LEFT: 3px;PADDING-TOP: 2px;PADDING-BOTTOM: 2px;PADDING-LEFT: 4px;PADDING-RIGHT: 4px;BORDER: #AFAFAF 1px solid;TEXT-DECORATION: none; color:#666;}
.cutepage A.selected {COLOR: #F00000;TEXT-DECORATION: none;}
.cutepage INPUT {WIDTH: 20px;PADDING-TOP: 1px;PADDING-BOTTOM: 2px;MARGIN: -3px 0 0 3px;PADDING-LEFT: 4px;PADDING-RIGHT: 4px;BORDER: #AFAFAF 1px solid;background: none;height: 18px;}
.location{ text-align:right; color:#666; height:40px; line-height:40px; border-bottom:solid 1px #ddd; margin-bottom:20px;}
.location a{ color:#666;}
.newstMain h2{ font-size:16px; color:#999; line-height:35px;}
.newstMain h3{ color:#aaa; line-height:35px; font-size:12px; font-weight:normal;}
.newstMain .news_contant{ color:#666; font-size:14px;}
.newstMain .news_contant p{margin: 1.5em 0 1.5em 0;}
.newstMain .newsNext{ font-size:14px; color:#666; line-height:25px; margin-top:50px;}
.newstMain .newsNext a{ display:block; color:#666;}
.newstMain .newsNext a:hover{ transition:color .3s linear; color:#22a5db;}




/* 公用  */
.home-case-wrap { width: 1260px; height: 100%; overflow: hidden; }
.home-case { width: 1360px; }
    .home-case a { margin: 0 10px 10px 0; position: relative; display: inline-block; width: 238px; height: 155px; border: 1px solid #e5e5e5; overflow: hidden; }
    .home-case .cover { position: absolute; top: 0; left: -238px; padding: 20px 0 0 15px; width: 223px; height: 135px; background: #069; font-size: 15px; color: #fff; line-height: 21px; }
        .home-case .cover p { line-height: 21px; padding-right: 15px; }
            .home-case .cover p.bb { margin-top: 9px; font-size: 18px; }




.fengye{ height:20px; line-height:20px; margin:10px 25px 30px 10px;}
.off{ width:60px; height:20px; line-height:20px; font-size:12px; border:1px #CCC solid;  display:block; margin-right:5px; float:left; text-align:center;}
.fenkong{ float:left;}
.fenkong a{width:22px; height:22px; line-height:22px; font-size:12px;color:#FFF;  display:block; margin-right:5px; float:left; text-align:center;}
.fenyeon{width:20px; height:20px; line-height:20px; font-size:12px; background:#B5873A; color:#FFF; font-weight:bold; display:block;}