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

a:hover {text-decoration:none;}

h2.h2_title {text-align: center;height: 40px;background: url(../images/artline01.png) repeat-x left 84px;font-weight: normal;}
h2.h2_title i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 7px;height: 7px;background: url(../images/artty01.png) no-repeat center;}
h2.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #0044b2;padding: 0 20px;background: #fff;line-height: 40px;}
h2.h2_title span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 29px;color: #0044b2;padding: 0 20px;background: #fff;line-height: 40px;}
p.p_title {font-size: 16px;color: #333;text-align: center;height: 24px;line-height: 24px;padding-bottom: 30px;}



/*
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}
*/
/**/
.product {background: #f4f4f4;padding-bottom: 40px;width: 1600px;position: relative;left: 50%;margin-left: -800px;}
.product h2.h2_title a {background: #f4f4f4;}
.product p.p_title {font-weight: bold;}
.product .conleft {width: 270px;margin-top:23px;}
.product .conleft dl {padding-bottom: 15px;background: #fff;border: 1px solid #dddddd;border-radius: 0 0 5px 5px;}
.product .conleft dl:first-child {border-bottom: none;border-radius: 0;}
.product .conleft dl dt {height: 70px;line-height: 70px;width: 270px;position: relative;left: -1px;background: #0044b2;font-size: 20px;text-indent: 90px;top: -1px;margin-bottom: 15px;border-radius: 5px 5px 0 0;}
.product .conleft dl dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon02.png) no-repeat 220px center;}
.product .conleft dl:first-child dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon01.png) no-repeat 220px center;}
.product .conleft dl dd {font-size: 14px;height: 44px;margin-right: 15px;line-height: 44px;border-bottom: 1px dashed #ccc9c9; margin-left: 30px;padding-left: 20px;background: url(../images/ty01.jpg) no-repeat left center;position: relative;}
.product .conleft dl dd>a {color: #313030;font-size: 18px;}
.product .conleft dl dd.cur ,.product .conleft dl dd:hover {background: url(../images/ty02.jpg) no-repeat left center;}
.product .conleft dl dd.cur>a ,.product .conleft dl dd:hover>a {color: #0044b2;}

.product .conleft dl dd:hover ul {display: block;}

.product .conleft dl dd ul {display: none; position: absolute;left: 238px;top: 0;width: 200px;background: #fff;border: 1px solid #dddddd;border-left: none;z-index: 2;}
.product .conleft dl dd ul li {padding-left: 25px;background: url(../images/ty01.jpg) no-repeat 5px center;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}

.product .conleft dl dd ul li:hover {background: url(../images/ty02.jpg) no-repeat 5px center;}
.product .conleft dl dd ul li:hover a {color: #0044b2;}



.product .conleft .left_tel {width: 270px;height: 110px;background:#0044b2;margin-top: 15px;border-radius: 5px;}
.product .conleft .left_tel .con_tel {padding: 32px 0 32px 70px;height: 46px; background: url(../images/pro_tel.png) no-repeat 22px center;color: #fff;}
.product .conleft .left_tel .con_tel .p1 {font-size: 13px;}
.product .conleft .left_tel .con_tel .p2 {font-size: 26px;}

.product .conright {width: 918px;position: relative;}
.product .conright .r_top {margin-top:23px;height: 307px;border: 1px solid #dddddd;border-radius: 5px;background: #fff;position: relative;overflow: hidden;}
.product .conright .r_top ul {position: relative;}
.product .conright .r_top ul li {float: left;width: 918px;}
.product .conright .r_top dl {position: relative;height: 307px;padding-left: 495px;padding-right: 30px;}
.product .conright .r_top dl dt {width: 360px;border-right: 1px solid #dddddd;position: absolute;left: 80px;top: 0;height: 272px;padding-top: 35px;}
.product .conright .r_top dl dt img {display: block;width:301px;height:253px;}
.product .conright .r_top dl dd.dd1 {font-size: 20px;padding-top: 50px;margin-bottom: 15px;}
.product .conright .r_top dl dd.dd1 a {color: #1d1c1c;display: block;font-weight: bold;}
.product .conright .r_top dl dd.dd2 {font-size: 12px;color: #1d1c1c;margin-bottom: 25px;line-height: 24px;padding-right: 80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.product .conright .r_top dl dd.dd3 {font-size: 12px;line-height: 24px;}

.product .conright .r_top dl dd.dd4 {height: 33px;position: absolute;width: 350px;left: 530px;top: 250px;}
.product .conright .r_top dl dd.dd4 a {float: left; width: 117px;height: 33px;border-radius: 20px;border: 1px solid #d7d7d7;line-height: 33px;text-align: center;font-size: 14px;margin-right: 20px;}

.product .conright .r_top dl dd.dd4 a:hover {background: #0044b2;color: #fff;border-color: #0044b2;}

.product .conright .r_top .pro_btnl {display: block;width: 31px;height: 31px;background: url(../images/jtl01.png) no-repeat center;position: absolute;left: 45px;top: 110px;cursor: pointer;}
.product .conright .r_top .pro_btnr {display: block;width: 31px;height: 31px;background: url(../images/jtr01.png) no-repeat center;position: absolute;right: 70px;top: 110px;cursor: pointer;}
.product .conright .r_top .pro_btnl:hover {background: url(../images/jtl02.png) no-repeat center;}
.product .conright .r_top .pro_btnr:hover {background: url(../images/jtr02.png) no-repeat center;}

.product .conright .prozt {display: block;width: 45px;height: 80px;background: url(../images/prozt.png) no-repeat center;position: absolute;right: 39px;top: 16px;z-index: 2;}

.product .conright .r_bot {margin-top: 10px;margin-left: -15px;}
.product .conright .r_bot dl {float: left; border:1px solid #454444;width: 294px;background: #fff;padding-bottom: 20px; margin:0 0 15px 15px;}
.product .conright .r_bot dl.bdnot {margin-left: 0;}
.product .conright .r_bot dl dt {}
.product .conright .r_bot dl dt img {display: block;width: 294px;height: 294px;overflow: hidden;}
.product .conright .r_bot dl dd.dd1 {margin-top: 9px;font-weight: 600; font-size: 20px;text-align: center;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 15px;}
.product .conright .r_bot dl dd.dd1 a{color: #191919;}
.product .conright .r_bot dl dd.dd2 {font-size: 12px;line-height: 20px;text-align: center;padding: 0 40px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product .conright .r_bot dl dd.dd2 a{color: #191919;}
.product .conright .r_bot dl dd.dd3 a {display: block;width: 114px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border: 1px solid #d7d7d7;border-radius:20px;margin: 0 auto;}

.product .conright .r_bot dl:hover dd.dd3 a {background: #0044b2;color: #fff;border-color: #0044b2;}



/*abouts*/
.abouts{
	width: 1600px;
	overflow: hidden;left: 50%;
	margin-left: -800px;
	background:url(../images/abj.jpg) no-repeat top center;
	height: 650px;
	position: relative;
}
.abouts .wh{width: 1200px;margin:0 auto;}
.aleft{margin-top: 51px;width: 551px;}
.aleft img{height: 372px;width: 551px;overflow: hidden;display: block;}
.aright{width: 592px;overflow: hidden;}
.att dd{text-transform: uppercase;color: #86aee5;font-size:51px;line-height: 51px;margin-top: 50px;}
.att dt{color: #fefdfd;font-size: 29px;line-height: 29px;}
.acon{color: #dceafd;font-size: 14px;margin-top: 25px;line-height: 30px;letter-spacing: 1px;}
.abouts .amore{display: block;width: 265px;height: 53px;line-height: 53px;text-align: center;background: #86aee5;color: #212121;font-size: 22px;margin:0 auto;margin-top: 59px;}


/**/
.xfys {height:606px;padding-top: 272px;position: relative;background: url(../images/xfbg02.jpg) no-repeat center bottom;position: relative;width: 1600px;left: 50%;margin-left: -800px;}
.xfproblem {height: 269px;background: url(../images/xftit.jpg) no-repeat center;position: absolute;top: -3px;left: 0;width: 100%;}
.xfproblem .container {padding-top: 30px;overflow: initial !important;}
.xfproblem dl {width: 158px;height: 158px;padding-right: 71px;background: url(../images/problembg.png) no-repeat left center;position: relative;}
.xfproblem dl.fl {margin-left: -64px;}
.xfproblem dl.fr {margin-right: -64px;}
.xfproblem dl:first-child {margin-left: 0;}
.xfproblem dl dt {padding-top: 50px;}
.xfproblem dl dt span {display: block;font-size: 18px;text-align: center;margin-bottom: 5px;color: #232324;}
.xfproblem dl dt i {display: block;font-size: 14px;text-align: center;color: #232324;font-style: normal;}
.xfproblem dl dd {position: absolute;left: 0;bottom: 23px; width: 156px;text-align: center;font-size: 12px;color: #fff;}
.xfproblem img {float: left;margin-left: -64px;position: relative;left: 24px;top: 20px;}

.xfys h2.h2_title {background: url(../images/art02.png) no-repeat center;    margin-top: 20px;color: #0044b2;font-size: 25px;}
.xfys .container {position: relative;overflow: hidden;}
.xfys .xfysImg {width: 627px;height: 520px;position: absolute;left: 314px;top: 1050px;}
.xfys .xfysImg img {display: block;}
.xfys .xfdl {width: 223px;position: absolute;height: 150px;overflow: hidden;}
.xfys .xfdl dt {font-size: 20px;color: #0044b2;margin-bottom: 15px;position: relative;top: 150px;font-weight: 600;}
.xfys .xfdl dt i{font-style: normal;}
.xfys .xfdl dt b {color: #0044b2;}
.xfys .xfdl dd {font-size: 14px;color: #232324;line-height: 25px;position: relative;top: 150px;font-weight: 600;}

.xfys .dl1 {
	    left: 34px;
    top: 121px;
}
.xfys .dl2 {left: 34px;top: 375px;}
.xfys .dl3 {
	    right: 18px;
    top: 121px;
}
.xfys .dl4 {right: 18px;top: 350px;}




/**/
/**/
.xflc {height: 209px;background: #f4f4f4;padding-top: 40px;width: 1600px;margin-left:-800px;left:50%;position: relative;}
.xflc h2.h2_title {padding-top: 0;background-position: left 19px;margin-bottom: 25px;}
.xflc h2.h2_title span {background: #f4f4f4;}

.xflc dl {    width: 88px;
    padding-left: 83px;background: url(../images/lcbg.png) no-repeat 25px center;float: left;}
.xflc dl:first-child {background: none;}
.xflc dl dt {height: 60px;margin-bottom: 10px;}
.xflc dl dt img {display: block;margin: 0 auto;}
.xflc dl dd {font-size: 22px;text-align: center;color: #0a0a0a;}

/**/
.alt{padding: 55px 0 30px 0; font-size: 33px;text-align: center;color: #fff;background: url(../images/line2.png) no-repeat center 77px;}

.khal {background: #0044b2;padding-bottom: 50px;position: relative;width: 1600px;left:50%;margin-left: -800px;}
.khal h2.h2_title {background-image: url(../images/artline02.png);}
.khal h2.h2_title i {background: url(../images/artty02.png) no-repeat center;}
.khal h2.h2_title a {background: #0044b2;color: #fff;}
.khal p.p_title {color: #fff;}
.khal .container {position: relative;}
.khal .khalxl {display: block;width: 36px;height: 18px;position: absolute;left: 50%;margin-left: -18px;bottom: -68px;z-index: 2;background: url(../images/xl01.png) no-repeat center;}

.khal .khal_con {position: relative;}
.khal .khal_con .con_top {position: relative;overflow: hidden;}
.khal .khal_con .con_top ul {position: relative;}
.khal .khal_con .con_top ul li {float: left;width: 276px;margin-left: 12px;}
.khal .khal_con .con_top ul li:first-child {margin-left: 0;}
.khal .khal_con .con_top ul li i {display: block;width: 276px;height: 250px;overflow: hidden;}
.khal .khal_con .con_top ul li img {display: block;transition: all 0.5s;}
.khal .khal_con .con_top ul li p {height: 60px;line-height: 60px;text-align: center;font-size: 15px;color: #000;background: url(../images/khalbg.jpg);}

.khal .khal_con .con_top ul li:hover img {transform: scale(1.1);}

.khal .khal_con .khal_btnl {display: block;width: 54px;height: 59px;position: absolute;left: -80px;top: 130px;background: url(../images/jtl03.png) no-repeat center;cursor: pointer;}
.khal .khal_con .khal_btnr {display: block;width: 54px;height: 59px;position: absolute;right: -80px;top: 130px;background: url(../images/jtr03.png) no-repeat center;cursor: pointer;}


.khal .khal_con .khal_bot {height: 228px;background: url(../images/khalzxly.png) no-repeat center;margin-top: 10px;position: relative;}
.khal .khal_con .khal_bot .khal_info {width: 400px;height: 115px;position: absolute;right: 45px;top:75px;}
.khal .khal_con .khal_bot .khal_info .info_p {height: 45px;overflow: hidden;width: 266px;position: relative;border-bottom: 1px solid #fff;margin-bottom: 20px;}
.khal .khal_con .khal_bot .khal_info .info_p input {float: left;width: 220px;border: none;border: 1px solid #bcbcbc;border-right: none;height: 43px;line-height: 43px; font-size: 14px;color: #666;text-indent: 12px;background: none;}
.khal .khal_con .khal_bot .khal_info .info_p span {float: left;width: 44px;height: 43px;border: 1px solid #bcbcbc;border-left: none;}

.khal .khal_con .khal_bot .khal_info .p1 span {background: url(../images/khalicon01.png) no-repeat center;}
.khal .khal_con .khal_bot .khal_info .p2 span {background: url(../images/khalicon02.png) no-repeat center;}
.khal .khal_con .khal_bot .khal_info .yydz {    outline: none;
    border: none;display: block;width: 110px;height: 110px;background: url(../images/khal02.png) no-repeat center;position: absolute;right: 0;top: 0;}


/**/
.advantage {background: url(../images/advbg01.jpg) no-repeat center top;}
.advantage p.p_title {padding-bottom: 80px;}
.advantage .adv_con {height: 1607px;background: url(../images/adv01.png) no-repeat center top;position: relative;}
.advantage .adv_con .conbox {width: 450px;position: absolute;height: 290px;padding-left: 90px;}
.advantage .adv_con .conbox .box_top {height: 89px;}
.advantage .adv_con .conbox .box_top span {position: absolute;left: 0;top: 0;width: 78px;height: 87px; background: url(../images/adv02.png) no-repeat center;text-align: center;font-size: 14px;color: #fff;padding-top: 10px;}
.advantage .adv_con .conbox .box_top b {display: block;font-size: 24px;} 
.advantage .adv_con .conbox .box_top .box_p1 {height: 30px;line-height: 30px;font-size: 22px;font-weight: bold;color: #0044b2;}
.advantage .adv_con .conbox .box_top .box_p2 {height: 30px;line-height: 30px;font-size: 18px;color: #000;}
.advantage .adv_con .conbox ul {padding-left: 15px;border-left: 1px solid #bdbdbd;height: 160px;}
.advantage .adv_con .conbox ul li {line-height: 20px; font-size: 14px;color: #000;position: relative;top: -12px;margin-bottom: 10px;}
.advantage .adv_con .conbox ul li i {display: block;width: 7px;height: 7px;background: url(../images/artty01.png) no-repeat center;position: absolute;left: -19px;top: 6px;}

.advantage .adv_con .conbox a.boxa {display: block;width: 145px;height: 60px;font-size: 13px;color: #000;text-align: center;background: url(../images/adv03.png) no-repeat center;line-height: 50px;position: relative;top: -25px;left: 18px;}
.advantage .adv_con .con1 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con2 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con3 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con4 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con1 {right: 0;top: 0;}
.advantage .adv_con .con2 {left: 0;top: 430px;}
.advantage .adv_con .con3 {right: 0;top: 827px;}
.advantage .adv_con .con4 {left: 0;top: 1257px;}
.advantage .adv_con .con1 a.boxa:hover{color:#0044b2}
.advantage .adv_con .con2 a.boxa:hover{color:#0044b2}
.advantage .adv_con .con3 a.boxa:hover{color:#0044b2}
.advantage .adv_con .con4 a.boxa:hover{color:#0044b2}

/**/
.about {padding-bottom: 65px;}
.about .container {background: url(../images/abobg.png) no-repeat 20px bottom;height:416px;}
.about .conleft {width: 540px;height: 350px;position: relative;background: #0044b2;}
.about .conleft a {display: block;position: relative;top: 20px;left: 20px;}
.about .conright {width: 595px;height:416px;background: url(../images/abobg02.png) no-repeat left bottom;}
.about .conright h3 {font-size: 15px;font-weight: normal;margin-bottom: 30px;}
.about .conright h3 a {color: #0044b2;}
.about .conright .abo_p1 {font-size: 13px;line-height: 20px;}
.about .conright .abo_p1 a {color: #333;}
.about .conright .abo_p2 {height:40px;overflow: hidden;margin-top: 30px;}
.about .conright .abo_p2 a {float: right; width: 112px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;font-size: 14px;margin-left: 10px;}
.about .conright .abo_p2 a:hover {background: #0044b2;border-color: #0044b2;color: #fff;}


/**/
.xffc {height: 315px;border-bottom: 1px solid #e0e0e0;background: #f4f4f4;}
.xffc .container {position: relative;}
.xffc .fc_con {position: relative;height: 310px;top: -60px;overflow: hidden;}
.xffc .fc_con ul {position: relative;}
.xffc .fc_con ul li {width: 290px;float: left;margin-left: 12px;}
.xffc .fc_con ul li:first-child {margin-left: 0;}
.xffc .fc_con ul li p {height: 60px;line-height: 60px;text-align: center;font-size: 13px;color: #333;background: #f0f0f0;}
.xffc .fc_con ul li i {display: block;width: 290px;height: 250px;overflow: hidden;}
.xffc .fc_con ul li img {display: block;}
.xffc .fc_con ul li:hover p {color: #fff;background: #0044b2;} 
.xffc .fcbtnl {display: block;width: 54px;height: 59px;position: absolute;left: -80px;top: 80px;background: url(../images/jtl03.png) no-repeat center; cursor: pointer;}
.xffc .fcbtnr {display: block;width: 54px;height: 59px;position: absolute;right: -80px;top: 80px;background: url(../images/jtr03.png) no-repeat center;cursor: pointer;}


/**/
.news {border-top: 1px solid #fff;border-bottom: 1px solid #e0e0e0;background: #f4f4f4;padding: 20px 0 35px 0;width: 1600px;left:50%;margin-left: -800px;position: relative;}
.news .newsCon {width: 340px;    padding: 30px 32px 30px 29px;margin: -1px 0 0 -1px;border-bottom: none;float: left;}
.news .newsCon{background: url(../images/line3.png) no-repeat right center;}
.news .newsCon:last-child{background:none;}
.news h3 {font-weight: normal;margin-bottom: 24px;padding-left: 53px;}
.news h3.wz1{background: url(../images/icon1.png) no-repeat 5px center;}
.news h3.wz2{background: url(../images/icon2.png) no-repeat 5px center;}
.news h3.wz3{background: url(../images/icon3.png) no-repeat 5px center;}
.news h3 a {display: block;height: 34px;background: url(../images/news01.png) no-repeat right center;}
.news h3 b {font-size: 18px;color: #0e0e0e;margin-right: 10px;}
.news h3 i {font-size: 10px;}
.news dt {padding: 10px;background: #fff;margin-bottom: 15px;}
.news dt img {display: block;}
.news dd {height: 24px;line-height: 24px;padding-left: 18px;background: url(../images/yd.png) no-repeat left center;margin-bottom: 10px;font-size: 13px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news dd a {color: #0e0e0e;}

.news a.news_more {display: block; width: 112px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;font-size: 14px;margin-top: 40px;}

.news .newsCon:hover a.news_more {background: #0044b2;color: #fff;border-color: #0044b2;}



/**/
.prodh {height: 120px;padding: 40px 0;background: url(../images/dhbg.jpg) repeat-y;}
.prodh .dh_d1 {width: 220px;float: left;background: url(../images/dhicon01.png) no-repeat left bottom;height: 120px;}
.prodh .dh_d1 h3 {font-size: 16px;}
.prodh .dh_d1 h3 a {color: #0044b2;}
.prodh .dh_d1 h3 i {display: block;font-size: 13px;color: #ccc;}

.prodh .dh_ul {float: left;width: 205px;height: 120px;border-left: 1px dotted #c4c4c4;padding-left: 80px;}
.prodh .dh_ul li {height: 24px;line-height: 24px;margin-bottom: 10px;padding-left: 20px;background: url(../images/ty01.png) no-repeat left center;font-size: 13px;}
.prodh .dh_ul li a {color: #333;}
.prodh .dh_ul li:hover {background: url(../images/ty02.png) no-repeat left center;font-weight: bold;}
.prodh .dh_ul li:hover a {color: #0044b2;}
.prodh .ul1 {border-left: none;}


/*yqlj*/
.yqlj {padding:20px 0;background: #f5f5f5;border-top: 1px solid #e0e0e0;width: 1600px;left:50%;margin-left: -800px;position: relative;}
.yqlj .yqlj_con {padding: 5px 0;}
.yqlj .yqlj_con .yqlj_p1 {width: 75px;font-size: 14px;color: #fff;height: 16px;line-height: 16px;background: url(../images/yqlj01.png) no-repeat right center;}
.yqlj .yqlj_con .yqlj_p1 a {color: #0044b2;}
.yqlj .yqlj_con .yqlj_p2 {width: 1080px;}
.yqlj .yqlj_con .yqlj_p2 a {padding:0 16px; float: left;line-height: 16px;font-size: 14px;color: #666;border-left: 1px dotted #ccc;}
.yqlj .yqlj_con .yqlj_p2 a:first-child {border-left:none;padding-left: 0;}

.yqlj .yqlj_con .yqlj_p2 a:hover {color: #0044b2;}

