@charset "utf-8";

/* CSS Document */
* { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
li { list-style: none; }
img { border: 0px; }
input { outline: none; }
table { width: 90%; margin: 0 auto; background: #cccccc }
table tr td { background: #fff; padding: 0 15px; line-height: 24px; }
:hover { transition: 0.5s all }
a { text-decoration: none; color: #ffffff; transition: 0.4s all }
a:hover { color: #004098; }
.left { float: left; }
.right { float: right; }
.ovfl { overflow: hidden; }
.mar { margin: 0px auto; }
.filter_bg { filter: alpha(opacity=80); opacity: 0.8; }
body { font-family: "微软雅黑"; font-size: 16px; color: #ffffff; line-height: 34px; }
.mid { width: 1200px; margin: 0 auto; position: relative; }

.c_main{ color: #1dacfc; }/*主色,main color*/
.c_b { color: #2c2c2c;}/*黑色*/
.c_w { color: #fff;}/*白色*/
.c_blue { color: #1dacfc;}/*蓝色*/
.c_r { color: #d60000;}/*红色*/
.c_g { color: #6a6a6a;}/*灰色*/
.b_main{ background: #1dacfc; }/*主背景色,main background color*/
.b_b { background: #2c2c2c;}/*背景黑色*/
.b_w { background: #fff;}/*背景白色*/
.b_blue { background: #1dacfc;}/*背景蓝色*/
.b_r { background: #d60000;}/*背景红色*/
.b_g { background: #6a6a6a;}/*背景灰色*/

.f_12{ font-size: 12px; }
.f_14{ font-size: 14px; }
.f_16{ font-size: 16px; }
.f_18{ font-size: 18px; }
.f_20{ font-size: 20px; }
.f_22{ font-size: 22px; }
.f_24{ font-size: 24px; }
.f_26{ font-size: 26px; }
.f_28{ font-size: 28px; }
.f_30{ font-size: 30px; }
.f_32{ font-size: 32px; }
.f_40{ font-size: 40px; }
.l_12{ line-height: 24px; }
.l_14{ line-height: 28px; }
.l_16{ line-height: 32px; }
.l_18{ line-height: 36px; }
.l_20{ line-height: 40px; }
.l_22{ line-height: 44px; }
.l_24{ line-height: 48px; }
.l_26{ line-height: 52px; }
.l_27{ line-height: 54px; }
.l_28{ line-height: 56px; }
.l_30{ line-height: 60px; }
.l_32{ line-height: 64px; }
.b{ font-weight: bold; }
.n{ font-weight: normal; }
.left { float: left; display: inline;}
.right { float: right; display: inline;}
.t_left { text-align: left;}
.t_center { text-align: center;}
.t_right { text-align: right;}
.clear { clear: both;}
.touming { opacity: 1;}
.touming:hover { opacity: .6; transition: 1s;}
.w1200{ width: 1200px; }
.por{ position: relative; }
.poa{ position: absolute; }

/* CSS Header */
.header { width: 1200px; margin: auto; }
.header_1{ width: 100%; height: 46px; border-bottom: 1px solid #e2e2e2; }
.header_logo{ margin-right: 120px; }
.rukou_bt{ width: 111px; height: 44px; border-radius: 10px; background: #ffa35e; color: #fff; text-align: center; line-height: 44px; font-weight: bold; margin-top: 10px; }
.rukou_bt:hover{ background: #c87a40;}
.menu{ width: 1200px; margin: auto; background: #b3443e; height: 60px; position: relative; z-index: 999; }
.menu li{ float: left; display: inline; line-height: 60px; color: #fff; width: 200px; text-align: center; }
.menu li:hover{ background: #94221b; }
.top_input{ color: #666666; font-size: 15px; width: 122px; height: 30px; border: 1px solid #e5e5e5; background: #f8f8f8; }
.login{ padding-top: 13px; color: #666666; font-size: 15px; }


.top_ewm{ height: 24px; line-height: 24px; background: url(top_ewm.png) center left no-repeat; padding-left: 33px; margin-top: 10px; }
.header_2{ width: 1200px; padding-top: 20px; padding-bottom: 0px; position: relative; }
.top_tel{ position: absolute; bottom: 20px; right: 13px; font-size: 15px; color: #666666; }
.top_tel span{ font-size: 16px; color: #004098; font-weight: bold;}
.top_login{ width: 166px; height: 104px; border-left:1px solid #e2e2e2; top: 0px; right: 0px; position: absolute; background: #fff; padding-top: 25px;  }
.top_bt{ width: 50px; height: 50px; color: #e2e2e2; border: 1px solid #e2e2e2; border-radius: 50px; text-align: center; line-height: 50px; margin-left: 30px; }
.top_bt:hover{ background: #ff5036; color: #fff; border: 1px solid #ff5036; }
.top_member{ width: 280px; height: 318px; padding-top: 80px; padding: 80px 25px 0px 25px; background: url(top_member.png) no-repeat; position: absolute; top: -430px; right: 0px; z-index: 999; }
.m_account{ width: 58px; height: 50px; background: url(m_account.png) no-repeat; margin-top: 10px; }
.m_password{ width: 58px; height: 50px; background: url(m_password.png) no-repeat; margin-top: 10px; }
.m_mobile{ width: 58px; height: 50px; background: url(m_mobile.png) no-repeat; margin-top: 10px; }
.m_input{ width: 220px; height: 50px; background: #fff; border: 0px; margin-top: 10px; }
.m_bt{ width: 278px; height: 50px; background: #ff5036; line-height: 50px; text-align: center; margin-top: 10px; color: #fff; }
.m_submit{ border: 0px; font-size: 16px; }
.m_txt{ color: #fff; margin-top: 10px; }
.m_txt a{ text-decoration: underline; color: #fff; }

/*shiyan*/
.navList:focus{
    background: red;
}
.sy_bt{ width: 400px; padding-left: 20px; padding-right: 20px; height: 60px; line-height: 60px; background: #004098; text-align: center; color: #fff; font-size: 22px; font-weight: bold; border-radius: 10px; margin: 30px auto 30px auto;}
.sy_bt:hover{  background: #4e92f0; }
.sy_bt_dis{ width: 400px; padding-left: 20px; padding-right: 20px; height: 60px; line-height: 60px; background: #c3c3c3; text-align: center; color: #fff; font-size: 22px; font-weight: bold; border-radius: 10px; margin: 30px auto 30px auto;}
.shiyan_txt{ background: #4e92f0; color: #fff; padding: 10px 30px 10px 30px; }
.shiyan_txt span{ font-size: 22px; font-weight: bold; }
.anniu{ width: 550px; margin: auto; }
.anniu_s{ width: 200px; margin: auto; }
.syb{ width: 200px; height: 60px; line-height: 60px; background: #007bad; text-align: center; color: #fff; font-size: 22px; font-weight: bold; border-radius: 10px; }
.xyb{ width: 200px; height: 60px; line-height: 60px; background: #007bad; text-align: center; color: #fff; font-size: 22px; font-weight: bold; border-radius: 10px; margin-left: 100px; }
.xyb:hover{ background: #4e92f0;}
.sy_tt{ font-size: 22px; font-weight: bold; margin-top: 30px; margin-bottom: 30px; }
.sy_nav{ margin-top: 30px; margin-bottom: 30px; text-align: center; }
.pic_nav{ width: 600px; margin: auto; }
.sy_pic{ margin-left: 30px; background: #ccc; padding: 20px; }
.sy_pic:hover{ background: #007bad; color: #fff; }
.sy_up{ width: 200px; padding-left: 20px; padding-right: 20px; height: 60px; line-height: 60px; background: #004098; text-align: center; color: #fff; font-size: 22px; font-weight: bold; border-radius: 10px; margin: 30px auto 30px auto;}
.sy_up:hover{ cursor: hand; background: #4e92f0; }
.sy_fns{ width: 200px; padding-left: 20px; padding-right: 20px; height: 60px; line-height: 60px; background: #f00; text-align: center; color: #fff; font-size: 22px; font-weight: bold; border-radius: 10px; margin: 30px 0px 30px 30px;}
.txt_s{ width: 70px; height: 13px; }

/*up*/

.file { width: 200px; padding: 0px 20px 0px 20px; height: 60px; line-height: 60px; background: #fe984b; text-align: center; color: #fff; font-size: 22px; font-weight: bold; border-radius: 10px; margin: 30px 0px 30px 0px;position: relative;overflow: hidden;
    display: inline-block;}

.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}

/*mobile member*/
.mob_account{ width: 100px; height: 80px; background: url(mob_1.png) #fff center no-repeat; margin-top: 10px; }
.mob_password{ width: 100px; height: 80px; background: url(mob_3.png) #fff center no-repeat; margin-top: 10px; }
.mob_mobile{ width: 100px; height: 80px; background: url(mob_2.png) #fff center no-repeat; margin-top: 10px; }
.mob_name{ width: 100px; height: 80px; background: url(mob_name.png) #fff center no-repeat; margin-top: 10px; }
.mob_carnum{ width: 100px; height: 80px; background: url(mob_carnum.png) #fff center no-repeat; margin-top: 10px; }
.mob_num{ width: 100px; height: 80px; background: url(mob_num.png) #fff center no-repeat; margin-top: 10px; }
.mob_yzm{ width: 100px; height: 80px; background: url(mob_yzm.png) #fff center no-repeat; margin-top: 10px; }
.mob_input{ width: 500px; height: 80px; background: #fff; border: 0px; margin-top: 10px; font-size: 26px; font-family: '微软雅黑'; }
.mob_bt{ width: 600px; height: 80px; background: #ff5036; line-height: 80px; text-align: center; margin-top: 10px; color: #fff; }
.mob_submit{ border: 0px; font-size: 28px; font-family: '微软雅黑'; }
.mob_txt{ color: #fff; margin-top: 10px; }
.mob_txt a{ text-decoration: underline; color: #fff; }
.mob_end{ width: 513px; height: 80px; background: url(mob_end.png) no-repeat; margin: 50px auto auto auto; }

.logout{ color: #004098; }
.logout:hover{ color: #000; }
.logo { width: 323px; padding-top: 15px; height: 95px; border-right: solid 1px #E5E5E5; font-size: 38px; font-weight: bold; }
.header1 { width: 470px; height: 110px; border-right: solid 1px #E5E5E5; text-align: center; }
.flashbox { width: 100%; height: auto; overflow: hidden; margin-top: -30px; }
.headerp1 { height: 22px; line-height: 22px; font-size: 15px; color: #565656; margin-top: 32px; padding-left: 10px; padding-right: 10px; }
.headerp2 { height: 27px; line-height: 27px; font-size: 16px; }
.header2 { height: 110px; border-right: solid 1px #E5E5E5; padding-left: 25px; padding-right: 25px; box-sizing: border-box; }
.headerp3 { height: 32px; line-height: 30px; font-size: 28px; font-weight: bold; color: #1d7ae1; padding-left: 10px; }
.header_qq { width: 132px; height: 110px; text-align: center; }
.headerp4 { height: 38px; margin-top: 26px; }
.headerp5 { height: 20px; line-height: 20px; font-size: 14px; margin-top: 3px; color: #565656; }
.header_qq:hover .headerp5 { color: #000; }
.banner { width: 1920px; height: 428px; background: url(../xnimages/banner.jpg) no-repeat #010203; left: 50%; margin-left: -960px; position: relative; margin-top: -30px; }
.banner .bn01 { left: 700px; top: 70px; position: absolute; }
.banner .bn02 { left: 750px; top: 57px; position: absolute; }
.banner .bn03 { left: 1080px; top: 14px; position: absolute; }
.a-fadeinR, .a-fadeinT, .a-fadeinL { -webkit-animation: 2s ease-out backwards; -moz-animation: 2s ease-in-out backwards; -ms-animation: 2s ease-in backwards; animation: 2s ease backwards; animation-duration: 2s; }
.a-fadeinR { -webkit-animation-name: fadeinR; -moz-animation-name: fadeinR; -ms-animation-name: fadeinR; animation-name: fadeinR; }
.a-fadeinT { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT; }
.a-fadeinL { -webkit-animation-name: fadeinL; -moz-animation-name: fadeinL; -ms-animation-name: fadeinL; animation-name: fadeinL; }
@-webkit-keyframes fadeinR {
    0% { opacity: 0; -webkit-transform: translateX(40px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeinR {
    0% { opacity: 0; transform: translateX(40px); }
    100% { opacity: 1; transform: translateX(0); }
}
@-webkit-keyframes fadeinL {
    0% { opacity: 0; -webkit-transform: translateX(-40px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeinL {
    0% { opacity: 0; transform: translateX(-40px); }
    100% { opacity: 1; transform: translateX(0); }
}
@-webkit-keyframes fadeinT {
    0% { opacity: 0; -webkit-transform: translateY(-40px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeinT {
    0% { opacity: 0; transform: translateY(-40px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* CSS nav */
#nav { height: 50px; min-width: 940px; }
.nav { height: 50px; overflow: hidden; }
.nav ul { }
.nav ul li { float: left; }
.nav ul li a { width: 115px; height: 44px; line-height: 44px; background: url(dian.png) no-repeat center right; float: left; display: inline; text-align: center; font-size: 18px; }
.nav ul li a:hover { color: #ff5036; font-weight: bold; }
.nav ul li.selectli a { color: #fff; background-color: #000; }
.nav ul li.nav_line { width: 1px; height: 52px; background-color: #E6E6E6; }
.tplist { width: 200px; margin: 0 auto }
.tplist li { width: 200px; height: 40px; line-height: 40px; margin-bottom: 5px; overflow: hidden; }
.tplist li a { font-size: 15px; background: #efefef; padding-left: 10px; display: block; }
.tplist li a:hover { background: #b3443e; color: #fff; text-decoration: none;}
.apibox { width: 200px; height: 165px; color: #717171; padding-top: 15px; text-align: center; margin: 0 auto }
.apibox img { width: 124px; height: 124px; display: block; margin: 0 auto }

/* CSS Left */
#left { width: 277px; height: auto; background: #fff; float: left; margin-bottom: 40px; overflow: hidden; }
#left .cont { width: 100%; height: auto; background: #ffba00; padding-bottom: 40px }
#left .cont p { width: 200px; height: auto; line-height: 30px; font-size: 15px; color: #fff; padding: 20px 0 20px 0; margin: 0 auto }
#left .cont p a { color: #fff }
#left .cont p a:hover { color: #ff0; text-decoration: underline; }
#left .cont .btn { width: 134px; height: 34px; line-height: 34px; font-size: 15px; color: #fff; border: 1px #fff dashed; border-radius: 17px; display: block; text-align: center; margin: 0 auto }
#left .cont .btn:hover { border: 1px #1f2c5c solid; background: #1f2c5c; color: #fff }
#left .ltitle { width: 100%; height: 60px; background: #b3443e; position: relative; margin-bottom: 20px }
#left .ltitle span { margin: auto 4px; line-height: 50px; text-align: center; color: #fff; font-weight: bold; font-size: 22px; border: 1px solid rgba(255, 255, 255, 0.4); display: block; position: relative; }
#left .lflx p { padding: 0 20px 30px 20px }
#left .lflx p span { color: #9a805b; font-weight: bold; font-size: 18px }
#newTitle { width: 100%; line-height: 60px; font-weight: normal; font-size: 20px; font-family: "微软雅黑"; text-align: center; margin: 0 auto; }
#productTitle { width: 100%; height: 60px; font-size: 20px; text-align: center; margin: 0 auto; }
#newsInfo { width: 100%; height: 40px; color: #a9aaa9; font-size: 12px; border-bottom: 1px #d5d3d3 dashed; text-align: center; margin: 0 auto 5px; }
.newsinfoleft { padding-left: 30px; }
#infoImage { width: 100%; text-align: center; margin: 10px 0 10px 0; }
#infoImage img { max-width: 500px; }
#newsContent { width: 100%; height: auto; overflow: hidden; padding-top: 15px; line-height: 34px; font-size: 15px; color: #1d1d1d; margin: 0 auto; }
#newsContent a { color: #1d1d1d; }
#newsContent a:hover { color: #1462be; }
#newsContent img { max-width: 650px; margin: 0 auto; display: block; padding: 10px 0 }

/* CSS Footer */
.footer{ color: #848282;}
.footer a{ color: #848282;}
.footer a:hover{ color: #fff; transition: 0.5s;}
.footer_1{ width: 100%; background: #94221b; padding-top: 40px; padding-bottom: 40px; }
.footer_logo{ width: 291px; height: 109px; background: url(footer_logo.png) no-repeat; }
.footer_nav{ padding-left: 30px; font-size: 14px; color: #ffffff; padding-top: 10px; }
.footer_nav a{ color: #606060; }
.footer_nav a:hover{ color: #ffffff; transition: 0.8s; }


.footer_2{ width: 100%; background: #1d1c1c; line-height: 55px; height: 55px; text-align: center; }
.f_lf{ width: 360px; height: 70px; background: url(f_lf.png) no-repeat center left; padding-left: 80px; margin-right: 50px; }
.f_lf li{ float: left; display: inline; width: 100px; text-align: center; height: 35px; line-height: 35px; }
.f_mid{ height: 70px; background: url(f_mid.png) no-repeat center left; padding-left: 80px; }
.f_txt{ padding-top: 8px; padding-left: 10px; }
.about_nav{ width: 700px; height: 150px; padding-top: 140px; color: #fff; }
.about_nav a{ color: #fff; }
.about_nav a:hover{ color: #ccc; transition: 0.5s; }
.in_news{ margin-top: 50px; margin-bottom: 50px; }
.news_lf{ margin-right: 20px; }
.news_rt{ width: 370px; }
.in_news li{float: left; display: inline; border: 1px solid #dfdfdf; width: 615px; padding: 25px; margin-left: 15px; margin-right: 15px;}
.news_time{ font-size: 16px; color: #767272; margin-top: -5px; }
.news_title{ font-size: 20px; color: #000; font-weight: bold; }
.news_nav{ font-size: 14px; color: #767272; line-height: 28px; }
.news_more{ width: 36px; height: 36px; background: #ff5036 url(jiantou.png) center no-repeat; font-size: 14px; color: #767272; line-height: 28px; border-radius: 50px; }
.news_more:hover{ margin-left: 10px; transition: 0.5s; }


/* CSS Index */
.pt30{ padding-top: 0px; }
.pb30{ padding-bottom: 30px; }
#wrap { width: 100%; height: auto; overflow: hidden; }
#main { width: 1200px; height: auto; position: relative; padding-bottom: 50px; overflow: hidden; margin: 0 auto; }
.shiyan_nav{ width: 960px; height: 60px; background: #308bd0; padding: 25px 40px 25px 40px; font-size: 14px; color: #fff; }
.syjs{ font-weight: bold; font-size: 22px; width: 130px; padding-top: 15px; }
.synr{ width: 780px; }
.shiyan_bt{ width: 150px; height: 90px; background: #fe984b; text-align: center; font-size: 22px; color: #fff; padding-top: 20px; }
.shiyan_bt:hover{ background: #be7137; transition: 0.8s; }
.in_mod{ width: 1200px; }
.in_tt{ border-bottom: 1px solid #d2d2d2; height: 65px; line-height: 65px; font-size: 22px; font-weight: bold; color: #ffffff; text-align: left; position: relative; }
.in_tt b{ color: #a8dc2c; }
.in_tt span{ font-size: 18px; color: #999999; font-weight: normal; }
.in_more{ position: absolute; top: 0px; right: 0px; color: #999999; font-size: 14px; font-weight: normal; }
.in_more a{ color: #000000; font-size: 14px; font-weight: normal;}
.in_more a:hover{ color: #000; }
.in_nav{ color: #ffffff; font-size: 14px; line-height: 30px; padding-top: 20px; }
.in_nav li{ height: 50px; line-height: 50px; background: #f1f1f1; color: #111111; font-size: 16px; margin-bottom: 10px; padding-left: 20px; }


/*reg_m*/
.reg_m{ width: 750px; min-height: 1200px; background: url(reg_m.png) no-repeat; margin: auto; }
.reg_m_nav{ width: 600px; margin: auto; padding-top: 400px; }


/* CSS Home */
#chan1 { width: 100%; height: 545px; overflow: hidden; min-width: 1200px; background: url(../images/bg2.jpg) repeat-x top; }
.chan1 { width: 1200px; height: 545px; position: relative; }
.chan1_a1 { position: absolute; top: 46px; left: 0px; }
.chan1_p1 { height: 34px; line-height: 34px; position: absolute; top: 81px; left: 0px; font-size: 16px; }
.chan1_p1 a:hover { color: #004098; font-weight: bold; transition: 0.8s; }
.chan1_p1 span { color: #C0C0C0; margin: 0px 13px; }
.chan1 .prev, .chan1 .next { width: 32px; height: 32px; top: 64px; position: absolute; }
.chan1 .prev { background: url(../xnimages/left1.jpg) no-repeat; right: 44px; }
.chan1 .next { background: url(../xnimages/right1.jpg) no-repeat; right: 1px; }
.chan1 .bd { width: 1200px; height: 349px; position: absolute; top: 147px; left: 0px; overflow: hidden; }
.chan1 .bd li { float: left; margin: 0px 12px; }
.productsc1 { width: 376px; height: 282px; overflow: hidden; text-align: center; }
.productsc1 img { width: 376px; height: 282px; transition: all 0.4s; }
.productsc2 { width: 376px; height: 53px; overflow: hidden; margin-top: 14px; }
.productsc2p1 { height: 25px; line-height: 25px; color: #161717; font-size: 16px; font-weight: bold; overflow: hidden; }
.productsc2p1:hover { color: #3ea516 }
.productsc2p2 { height: 21px; line-height: 21px; color: #959595; font-size: 14px; margin-top: 7px; }
.chan1 .bd li a:hover .productsc1 img { transform: scale(1.05); }
#chan2 { width: 100%; height: 195px; overflow: hidden; min-width: 1200px; background: #004098; }
.chan2 { width: 1200px; height: 195px; position: relative; }
.about_a1 { position: absolute; top: 40px; left: 0px; }
.about_a2 { position: absolute; top: 106px; left: 0px; }
.aboutc { width: 1036px; height: 96px; line-height: 32px; color: #fff; margin-top: 47px; text-indent: 2em; font-size: 16px; overflow: hidden; }
#chan3 { height: 295px; background: url(../images/bg1.jpg) repeat-x top; min-width: 1200px; }
.chan3 { width: 1200px; height: 245px; }
.chan3_p1 { height: 61px; text-align: center; }
.news { width: 1200px; height: 104px; overflow: hidden; margin-top: 60px; }
.news li { width: 580px; float: left; height: 104px; margin: 0px 10px; }
.newsimg { width: 128px; height: 96px; padding: 3px; border: solid 1px #E5E5E5; }
.newsimg img { width: 128px; height: 96px; }
.newsc { width: 420px; }
.newsp1 { height: 25px; line-height: 25px; font-size: 16px; }
.newsp2 { height: 69px; line-height: 23px; color: #8b8b8b; font-size: 14px; margin-top: 12px; overflow: hidden; }
.news li a:hover .newsimg { background: #004098; }
.news li a:hover .newsp1 { color: #004098; }
#right { width: 885px; height: auto; min-height: 600px; background: #fff; float: right; overflow: hidden; }
#right_title { width: 1200px; height: 72px; line-height: 72px; margin: 0 auto; }
#title_right { padding-left: 30px; background: url(../images/home.png) left center no-repeat; }
#title_left { width: 830px; height: 60px; margin: 0 auto; border-bottom: 2px #f1f1f1 solid; }
#title_left span { color: #222222; font-size: 25px; line-height: 60px; padding-left: 35px; background: url(../images/pro.png) left center no-repeat; display: block; }
#right_content { width: 830px; height: auto; padding-top: 20px; margin: 0 auto; }
#right_bottom { width: 100%; height: 23px; }
#picUL { width: 100%; height: auto; overflow: hidden; margin: 0 auto; }
#picUL li { width: 228px; height: 210px; margin: 0 13px 25px 13px; border: 1px #c8c8c8 solid; padding: 10px 10px; text-align: center; float: left; }
#picUL li:hover { background: #f4f4f4; }
#picUL li .pic_01 { width: 228px; height: 173px; background: #ddd; overflow: hidden; }
#picUL li .pic_01 img { width: 228px; height: 173px; vertical-align: middle; transition: 0.5s all; background: #fff; }
#picUL li:hover img { transform: scale(1.08); }
#picUL li .pic_02 { width: 228px; height: 48px; font-size: 16px; font-weight: bold; line-height: 48px; color: #707070 }
#page { width: 100%; height: 26px; line-height: 26px; text-align: center; margin: 30px auto; clear: both; }
#page a { min-width: 26px; height: 26px; background: #bababa; color: #fff; font-size: 15px; display: inline-block; }
#page a:hover { background: #004098; }
#page .current { min-width: 26px; height: 26px; background: #004098; color: #fff; display: inline-block; }
#page_num { height: 22px; font-size: 14px; background: #eeeeee; }
.newslist { width: 100%; height: auto; overflow: hidden; }
.newslist li { width: 100%; height: auto; font-size: 14px; line-height: 25px; color: #777474; border-bottom: 1px #dddddd solid; padding-bottom: 20px; overflow: hidden; position: relative; }
.newslist li span { font-size: 12px; line-height: 26px; color: #555555; padding-bottom: 2px; display: block; }
.newslist li a { font-size: 16px; line-height: 30px; color: #000; padding-top: 15px; display: block; }
.newslist li .more { padding-top: 5px; color: #004098; font-size: 14px; display: block; }
.newslist li a:hover { color: #f00; margin-left: 5px; }
.formys { width: 860px; height: auto; color: #555555; margin: 0 auto }
.formmcys { width: 90px; float: left; }
.cpmcys { width: 400px; height: 34px; border: 1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px; }
.formbz { float: left; }
.G_InputText { width: 400px; height: 30px; border: 1px solid #d2d4d6; background: #f9f9f9; }
.G_textarea { width: 400px; height: 100px; border: 1px solid #dedede; background: #f9f9f9; }
.G_ul { width: 100%; padding: 10px 0 }
.G_botton { width: 55px; height: 30px; line-height: 30px; border: 0; background: url(button.gif) no-repeat; cursor: pointer; }
.borderLi { width: 100%; height: auto; padding-top: 10px; }
.G_tips { width: 486px; margin: 10px auto 0 auto; border: 1px solid #dedede; padding: 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); }
.sub { background: #004098; width: 105px; height: 32px; line-height: 32px; font-size: 16px; border: none; color: #fff; font-family: "微软雅黑"; transition: 0.4s all; display: block; }
.sub:hover { background: #d81211; }

/* css index*/
.in_des{ line-height: 28px; text-align: center; margin: auto; color: #999898; font-size: 16px; margin-top: 20px; margin-bottom: 20px; }
.in_1 li{ width: 320px; height: 440px; border: 1px solid #dfdfdf; float: left; display: inline; margin-left: 5px; margin-right: 5px; }
.yw_1{ width: 175px; height: 175px; background: url(yw_1.png) no-repeat center; margin: 15px auto 15px auto; }
.yw_2{ width: 175px; height: 175px; background: url(yw_2.png) no-repeat center; margin: 15px auto 15px auto; }
.yw_3{ width: 175px; height: 175px; background: url(yw_3.png) no-repeat center; margin: 15px auto 15px auto; }
.yw_4{ width: 175px; height: 175px; background: url(yw_4.png) no-repeat center; margin: 15px auto 15px auto; }
.yw_tt{ font-size: 22px; text-align: center; font-weight: bold; }
.yw_nav{ font-size: 16px; text-align: center; color: #605c5c; margin-top: 10px; margin-bottom: 10px; }
.in_bt{ width: 144px; height: 44px; line-height: 44px; text-align: center; background: #ff5036; color: #fff; margin: auto; }
.in_bt:hover{ background: #fb3518; }
.in_ys{ width: 100%; height: 534px; background: url(in_ys.png) no-repeat center; margin: 100px auto 0px auto; }
.in_about{ width: 100%; height: 368px; background: url(in_about.png) no-repeat center; }

/* CSS 详情页 */
#cpbox01 { width: 100%; height: 300px; }
#cp_img { width: 360px; height: 270px; border: 1px #ebebeb solid; float: left; }
#cp_img img { width: 360px; height: 270px; }
#cp_detail { width: 440px; height: 270px; float: right; overflow: hidden; position: relative; }
#cp_txt { width: 100%; height: 166px; color: #494949; font-size: 15px; line-height: 30px; overflow: hidden; }
#cp_txt span { color: #004098; font-weight: bold; padding-bottom: 15px; font-size: 22px; display: block; }
#cp_txt b { }
#cp_btn { width: 345px; height: 40px; left: 0; bottom: 0px; position: absolute; }
#btn01 { width: 128px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #004098; float: left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#btn01:hover { background: #353535; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
#btn02 { width: 128px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #656565; float: left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; float: left; margin-left: 23px; }
#btn02:hover { background: #353535; color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
#cp_lx { height: 44px; line-height: 44px; padding-left: 40px; background: url(../images/i-tel.png) left center no-repeat; left: 0; top: 170px; position: absolute; }
#cp_fx { width: 345px; height: 40px; left: 0; top: 440px; position: absolute; }
#cp_lx span { color: #004098; font-weight: bold; font-size: 22px; }
#pro_t { width: 100%; height: 44px; background: #f1f1f1; line-height: 44px; }
#pro_t span { width: 150px; height: 44px; color: #fff; text-align: center; float: left; background: #004098; font-size: 18px; }
#pro_txt { width: 100%; height: auto; min-height: 100px; margin-top: 20px; font-size: 15px; color: #333333; line-height: 34px; position: relative; padding-bottom: 20px; overflow: hidden; }
#pro_txt table { width: 100%; }
#pro_txt table td { padding: 0 10px; }