﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%; overflow-x:hidden;}


/**/
.banner{ height:595px; width:100%; position:relative;}
.banner .bd{ height:595px; overflow:hidden;}
.banner .bd a{ display:block; background:url(../images/banner.jpg) no-repeat center top;height:595px; overflow:hidden;}
.banner .bantil{ width:200px; height:4px; position:absolute; bottom:30px;left:50%; z-index:8; margin-left:-100px;}
.banner .bantil li{ width:50px; height:4px; float:left; display:inline; margin:0 8px;background:#4190c9;}
.banner .bantil li.cur{background:#ff7608;}

.sou{ height:72px; border-bottom:1px solid #ededed;overflow:hidden;}
.sou p{ height:72px; width:1000px; font:14px "Microsoft YaHei"; line-height:72px; overflow:hidden; color:#666;}
.sou p a{ display:inline-block; padding:0 10px; color:#999;}
.sou3{ margin-top:18px;}
.sou3 input{ width:240px; height:36px; font:14px "Microsoft YaHei"; line-height:36px; background:url(../images/sou1.gif) no-repeat left top; color:#c6c6c6; border:0; overflow:hidden; padding-left:20px;}
.sou3 .ip01{ width:49px; height:36px; background:url(../images/sou2.gif) no-repeat center center; border:0; overflow:hidden; cursor:pointer;}

.tit{ font:30px "Microsoft YaHei"; text-align:center; background:url(../images/pro_hbg.png) no-repeat center top; height:139px; overflow:hidden;}
.tit a{ display:block; color:#333; padding-top:22px;}
.tit b{ color:#4190c9;}
.tit em{ display:block; font:12px Arial; text-transform:uppercase; color:#bcbcbc; letter-spacing:4px; padding-top:3px;}

.pro{ height:780px; overflow:hidden; margin-top:30px;}
.fen{ width:280px; border:1px solid #e0e0e0; border-bottom:3px solid #4190c9; padding-bottom:20px; float:left;}
.fen h2{ height:84px; font:24px "Microsoft YaHei"; text-align:center; color:#fff; background:#4190c9; overflow:hidden; line-height:84px;}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{padding-left:5px; font-size:18px; margin-left:4px; text-transform:uppercase;}
.fen2 h3{ font:16px "Microsoft YaHei"; line-height:45px; height:45px; overflow:hidden; border-bottom:1px solid #e9ebea; padding:0 24px;}
.fen2 h3 a{ display:block; color:#444; font-weight:bold; background:url(../images/fen_jt1.gif) no-repeat right center;}
.fen2 h3 a:hover{background:url(../images/fen_jt2.gif) no-repeat right center; color:#ff7608;}
.fen2 .nones{ border:0;}
.fen2 ul{ width:246px; margin:0 auto;}
.fen2 li{ font:14px "Microsoft YaHei"; height:40px; line-height:40px; color:#787878; float:left; width:123px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.fen2 li a{ color:#787878; display:block; background:url(../images/fen_jt3.gif) no-repeat left 16px; padding-left:15px; }
.pro2{ width:885px; float:right;}
.cp {
    width: 930px;
    margin-top: 12px;
}

.cp ul li {
    width: 285px;
    height: 260px;
     margin-bottom:20px;
    float: left;
    margin-left: 12px;
    margin-right:12px;
    text-align: center;
}

.cp ul li img {
    border:1px solid #ccc;
    /*padding: 2px;*/
    width: 285px;
    height: 214px;
}
.cp ul li a {
    color: #000;
    font-weight: 300;
}

.cp ul li .ipt a{ width:287px; text-align:center;height:42px; background-color:#ddd; line-height: 42px; display:block;}
.cp ul li .ipt a:hover{ width:287px; text-align:center;height:42px; background-color:#17A930; color: #fff; display:block; line-height: 42px;}

.about{ margin-top:30px; margin-bottom:30px;}
.about .about-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #4190c9; font-weight: bold; margin-bottom: 39px;}
.about-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.about dl{ height:495px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}
.about dt{ width:570px; height:435px; float:right; overflow:hidden; margin-top: 30px;}
.about dt img{ display:block; width:570px; height:435px;}
.about dd{ width:490px; float:left; overflow:hidden; margin-left: 60px;}
.about dd h3 a{ display:block; margin-top:67px; font:18px "Microsoft YaHei"; font-weight:bold; color:#423f3b; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom: 20px;}
.about dd h3 a span{ display: block; font-size: 36px; font-weight: normal; text-transform: uppercase; color: #f38929; }
.about dd p{ font:14px "Microsoft YaHei"; line-height:28px; color:#555; height:140px; margin-top:12px;}
.about dd em a{ display:block; width:173px; height:42px; background:#f38929; font:14px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff; overflow:hidden; margin-top:100px; border-radius: 20px;}

.guan1{ height:204px; overflow:hidden; background:url(../images/guan1.jpg) no-repeat center top;}
.guan1 p{ width:423px; height:45px; overflow:hidden; margin:128px 154px 0 0; float:right; font:24px Arial; line-height:45px; color:#fff; display:inline-block;}
.guan1 p a{ display:inline-block; width:166px; height:42px; font:18px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff;}
.guan1 p span{ display:inline-block; padding-left:55px;}



.new{ margin-top:100px;}
.new .news-title{ margin-top:30px; height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #4190c9; font-weight: bold; margin-bottom: 39px;}
.news-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.news-title i{ color: #333; font-weight: normal; }
.n_nav{height:100px; margin-bottom:32px; position:relative; overflow: hidden; background:url(../images/line.gif) repeat-x center 9px; padding-left:320px; margin-top:20px;}
.n_nav li{ float:left;height:60px; font:18px "Microsoft YaHei"; color:#101010; padding:0 40px; line-height:60px;}
.n_nav li a{ display:block; color:#101010; height:25px; padding-top:25px; background:url(../images/dot1.png) no-repeat center top;}
.n_nav .cur{color:#ff7608; font-weight:bold;}

.news_c{ height:481px; overflow:hidden; margin-bottom: 80px;}
.news_c .news_big{ width: 590px; height: 481px; overflow: hidden; position: relative;}
.news_c .news_big dt{ position:relative;}
.news_c .news_big dt img{width: 590px; height: 481px;}
.news_c .news_big dt em{ display:block; position:absolute; top:0; right:0; background:url(../images/tou.png) no-repeat; width:60px; height:60px;}
.news_c .news_big dd{ height: 125px; background-color: #4190c9; position: absolute; left: 0; bottom: 0; color: #fff; padding: 20px 20px 0;}
.news_c .news_big dd h3{ font-size: 16px; margin: 20px 0 10px;}
.news_c .news_big dd a{ color:#fff;}
.news_c .news_big dd p{ font-size: 14px; line-height: 24px; }
.news_c .news-item{ width: 590px; height: 481px; }
.news_c .news-item dl{ height: 145px; background: #f5f5f5; margin-bottom: 24px; }
.news_c .news-item dt{ width: 300px; height: 145px; float: right; position: relative; margin-left: -16px;}
.news_c .news-item dt img{ display: block; width: 300px; height: 145px; }
.news_c .news-item dd{ width: 520px; padding:0 19px; height: 111px; float: left; background: #fff; margin: 17px 0 0 17px;position: relative;z-index: 2; font-size: 14px; color: #333333;}
.news_c .news-item dd span{ display: block; font-size: 12px; color: #5b5b5b; margin: 20px 0 10px;}
.news_c .news-item dd a{ color: #333; }
.news_c .news-item dd a:hover{ color: #ff7608; }
.news_c .news-item dd i{ display: block; background: url("../images/news_icon.jpg") no-repeat; width: 25px; height: 5px; margin-top: 6px; }





.pic{ height:280px; margin-top:25px;}
.nav2{ height:60px; overflow:hidden; background:url(../images/line.gif) repeat-x center center; margin-bottom:20px; position:relative;}
.nav2 li{ font:18px "Microsoft YaHei"; line-height:60px; height:60px; overflow:hidden; float:left; background:#fff url(../images/line2.gif) no-repeat right center; padding:0 20px;}
.nav2 li a:hover,.nav2 li .cur{ font-weight:bold; color:#ff7608;}
.nav2 .nones{ background:#fff;}
.nav2 .li1{ padding-left:0;}
.nav2 li a{ display:inline-block; color:#333;}
.nav2 .more2 span a{ display:block; font:16px Arial; text-transform:uppercase; background:#fff; padding-left:20px; position:absolute; top:0; right:0;height:60px; line-height:60px; color:#4190c9; overflow:hidden;}
.pic2{ height:250px; position:relative;}
.pic3{ width:1200px; overflow:hidden;}
.pic2 li{ width:282px;float:left; margin-right:24px; position:relative;}
.pic2 li img{ display:block;width:282px; height:212px;}
.pic2 li span{ display:block; font:14px "Microsoft YaHei"; text-align:center; height:45px; color:#666; line-height:45px; overflow:hidden; border-bottom:2px solid #bfbfbe;}
.pic2 li a:hover span{ background:#4190c9; border-bottom:2px solid #4190c9; color:#fff;}
.pic2 li a:hover img{ display:block; border:3px solid #4190c9; width:276px; height:212px;}
.arr1{ font:30px "Microsoft YaHei"; color:#fff; position:absolute; top:60px; left:-16px; width:32px; height:36px; text-align:center; line-height:36px;}
.arr2{font:30px "Microsoft YaHei"; color:#fff; position:absolute; top:60px; right:-16px;width:32px; height:36px;text-align:center; line-height:36px;}
.arr1 a,.arr2 a{background:#4190c9; display:block; color:#fff;}
.arr1 a:hover,.arr2 a:hover{ background:#ff7608;}

.link{ height:84px; font:14px "Microsoft YaHei"; line-height:84px; overflow:hidden;}
.link a{ display:inline-block; padding:0 20px; color:#555; }
.link a:hover{ color:#3099f3;}



