/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,''; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper1{ min-width:1200px; margin:0 auto;}

/*common end*/

.headbg{ height:131px;}
.headbg .head01{ height:40px; line-height:40px; background:#323232; color:#fff;}
.headbg .head01 .rt{ float:left;}
.headbg .head01 .rt span{ display:inline-block; padding-left:25px; margin:0 20px 0 0;}
.head{}
.head .logo{ float:left; width:327px;     margin-top: 43px; position:relative;}
.head .logo img{ /*max-width:180px;*/ /*max-height:70px;*/ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.row {
    width: 100%;
    display: table;
    margin-left: 0;
    margin-right: 0;
}

.head .rt{ float:right; max-width:1000px;}
/*menu*/
.menu{height:90px;line-height:90px; }
.menu ul li{ float:left; position:relative; z-index:5;}
.menu ul li dl{ background:#fff; width:261px; position:absolute; left:0px; top:90px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:35px;border-bottom:#ddd dotted 1px; position:relative; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0 0 0 0; text-align:left;    text-align: center;display: block;}
.menu ul li dl dd a:hover{ color:#244A9A;}
.menu ul li dl dd .sanji{ background:#fff; width:261px; position:absolute; left:261px; top:0px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none;}
.menu ul li dl dd .sanji b{ display:block; font-weight:normal; line-height:35px;border-bottom:#ddd dotted 1px;}
.menu a{ font-size:14px;color:#333; text-decoration:none; font-weight:bold;display:block;text-align:center; padding:0 33px;}
.menu a:hover{color:#333;}
a.menu_hover{ color:#2e74b5;}

.menu  a.active{ color:#2e74b5;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:550px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:550px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:100%; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}


/*banner_02*/
/*.banner_02{ height:550px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}*/


.tit1{ text-align:center;}
.tit1 h2{ color:#999; font:16px; line-height:1em;}
.tit1 h3{ color:#fff; font-size:24px; line-height:1.5em;}

.con01bg{ margin-top:50px;}
.con01{}
.con01 .main{ margin-top:30px;}
.con01 .main table{}
.con01 .main table td{}
.con01 .main .txt{ width:600px; padding-right:50px; color:#999; font-size:16px; line-height:1.5em;}
.con01 .main .img{ width:550px;}
.con01 .main .img img{ width:550px;}



.con02bg{ margin-top:50px; background:#F4F4F4; padding:50px 0;}
.con02{}
.con02 .main{ margin-top:30px;}
/*slideTxtBox_01*/
.slideTxtBox_01{}
.slideTxtBox_01 .hd{ height:80px; line-height:80px; font-size:20px; background:#fff;}
.slideTxtBox_01 .hd ul li{cursor:pointer; float:left; width:50%; text-align:center;}
.slideTxtBox_01 .hd ul li a{ display:block; color:#CBCBCB;}
.slideTxtBox_01 .hd ul li.on{} 
.slideTxtBox_01 .hd ul li.on a{ background:#F4F4F4; color:#1B367B;}
.slideTxtBox_01 .bd{ margin-top:30px;}
.slideTxtBox_01 .bd ul li{ float:left; width:250px; margin:0 25px; text-align:center;}
.slideTxtBox_01 .bd ul li .img{background:#fff; width:208px; height:208px; padding:20px; border:1px dashed #ccc; border-radius:100%;}
.slideTxtBox_01 .bd ul li .img img{ width:208px; height:208px; border-radius:100%;}
.slideTxtBox_01 .bd ul li span{ display:block; height:30px; line-height:30px; overflow:hidden;}
.slideTxtBox_01 .bd ul li span a{}
.slideTxtBox_01 .bd ul li img:hover{ background:rgba(46, 116, 181, 0.5);}


.tit2{ text-align:center;}
.tit2 h2{ color:#2e74b5; font-size:24px; line-height:1.5em;}
.tit2 h3{ font-weight:normal; color:#999; font-size:18px; line-height:1em;}

.con03bg{ margin-top:50px;}
.con03{}
.con03 .main{ margin-top:30px; overflow:hidden;}
.con03 .main ul{ width:1250px;}
.con03 .main ul li{ float:left; width:360px; margin:0 30px 0 0; background:#0070c0; color:#fff; padding:10px;}
.con03 .main ul li h2{ font-size:20px; line-height:2em; height:2em; overflow:hidden; text-align:center;}
.con03 .main ul li p{ text-indent: 2em;padding:0; font-size:15px; line-height:1.5em; height:9em; overflow:hidden;}


.m3l{ width:588px; float:left; background:#fafafa;}
.m3ln{ padding:24px; padding-bottom:42px;}
.m3lbiao{ display:block;  font-size:24px; line-height:40px; /*font-family: 'FuturaStdLight'; */margin-top:8px;    color: #666;}
.m3ltu{ position:relative; overflow:hidden; margin-top:26px;}
.m3ltu{ display:block;}
.m3ltu img{ display:block; margin:auto; width:100%; max-width:640px; max-height:335px;}
.m3fu{ position:absolute; width:100%; height:88px; left:0px; bottom:0px; background:#000; background:rgba(0,0,0,0.6); padding-top:10px;}
.m3fu p a{ display:block; padding-left:25px; padding-right:20px; font-size:16px;  color:#fff; line-height:26px; height:78px; overflow:hidden;}
.m3fu p a:hover{ color:#0069a0;}
.m3lmor {
    display: block;
    width: 152px;
    height: 42px;
    border-radius: 21px;
    background: #0069a0;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -76px;
    top: 50%;
    margin-top: -21px;
    text-align: center;
    line-height: 42px;
}


.m3r{ width:588px; float:right; background:#fafafa;}
.m3rn{ padding:24px; padding-bottom:29px;}
.m3rlie{ position:relative; min-height:84px; margin-top:18px; margin-bottom:24px;}
.m3shijian{ background:url(../images/m3riqi.jpg) no-repeat center; width:148px; height:77px; position:absolute; left:0px; top:7px;}
.m3shijian a{ display:block; float:left; font-size:50px;  font-weight:bold; color:#0069a0; line-height:77px; margin-left:20px;}
.m3shijian p{ font-size:14px;  line-height:24px; color:#0069a0; width:35px; float:left; margin-top:13px; margin-left:10px;}
.m3zi{ margin-left:171px;}
.m3zi>a{ display:block; font-size:16px; line-height:26px; color:#0069a0; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3zi p a{ display:block; font-size:14px;  color:#4d4d4d; line-height:24px; margin-top:11px; height:48px; overflow:hidden;}
.m3zi p a:hover{ color:#0069a0;}

.con04bg{ margin-top:50px;}
.con04{}
.con04 .main{ margin-top:30px; overflow:hidden;}
/*banner_01*/
.banner_01{ width:540px;height:360px; overflow:hidden; position:relative; z-index:1;    margin-top: 26px; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:540px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:540px; height:360px;}
.banner_01 .btnBg { width:540px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:540px; position:absolute; height:10px; padding:0 10px; right:0; bottom:5px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}



.footbg{ margin-top:50px;}
.foot{ background:url(../images/op0.5.png) repeat; color:#fff;}
.foot a{ color:#fff;}
.foot .top{ padding:30px 0; font-size:14px;}
.foot .top dl{ text-align: center;float:left; margin:0 90px 0 0;}
.foot .top dl dt{ font-weight:bold; line-height:2em;}
.foot .top dl dd{ line-height:1.5em;}
.foot .top dl dd a{}

.foot .mid{}
.foot .mid .list{}
.foot .mid .list ul li{ float:left; width:115px; margin:10px 0 0 5px;}
.foot .mid .list ul li img{    width: 115px;height: 50px;}

.foot .btm{ padding:10px 0; text-align:center;}
.foot .btm ul li{ line-height:1.5em;}
.foot .btm ul li a{}
.foot .btm ul li a:hover{ text-decoration:underline;}



img{max-width:100%}  






/*Add------------------------------------------------------------------------------*/

.insidebg{}
.inside{ }
.weizhi{height:40px; line-height:40px; font-size:14px; }
.inside_con{}

.intop{}
.intop h2{ font-size:20px; font-weight:normal; text-align:center; line-height:2em; height:2em; overflow:hidden; color:#2e74b5;}
.intop p{ padding:0; font-size:16px; line-height:1.5em; color:#999;    text-align: left;    text-align: center;}

.servicebg{}
.service{}
.service .btm{}
.service .btm ul{}
.service .btm ul li{ margin-top:30px;}
.service .btm ul li table{ border-spacing:0;}
.service .btm ul li table td{}
.service .btm ul li .img{ width:600px; }
.service .btm ul li .img img{ width:500px;}
.service .btm ul li .txt{ width:600px; /*padding:0 50px;*/}
.service .btm ul li .txt h2{ font-weight:normal; font-size:32px; color:#244A9A;    margin-bottom: 20px;/* line-height:2em;*/ height:2.5em; overflow:hidden;}
.service .btm ul li .txt p{ padding:0; font-size:14px; line-height:1.5em; color:#999;}


.productbg{}
.product{}
.product .btm{ margin-top:30px; background:#F4F4F4;}
/*slideTxtBox_02*/
.slideTxtBox_02{}
.slideTxtBox_02 .hd{ height:80px; line-height:80px; font-size:20px; background:#fff;}
.slideTxtBox_02 .hd ul li{cursor:pointer; float:left; width:50%; text-align:center;}
.slideTxtBox_02 .hd ul li a{ display:block; color:#CBCBCB;}
.slideTxtBox_02 .hd ul li.on{} 
.slideTxtBox_02 .hd ul li.on a{ background:#F4F4F4; color:#1B367B;}
.slideTxtBox_02 .bd{ margin-top:30px;}
.slideTxtBox_02 .bd ul li{ float:left; width:250px; margin:0 25px; text-align:center;}
.slideTxtBox_02 .bd ul li .img{ background:#fff;width:208px; height:208px; padding:20px; border:1px dashed #ccc; border-radius:100%;}
.slideTxtBox_02 .bd ul li .img img{ width:208px; height:208px; border-radius:100%;}
.slideTxtBox_02 .bd ul li span{ display:block; height:30px; line-height:30px; overflow:hidden;}
.slideTxtBox_02 .bd ul li span a{}
.slideTxtBox_02 .bd ul li .img:hover{ background:rgba(46, 116, 181, 0.5);}



/* 本例子css */
.outBox{ margin-top:30px; position:relative; z-index:2;}
.outBox .hd{ height:40px; line-height:40px; position:absolute; z-index:3; left:0; top:600px; width:100%;}
.outBox .hd ul{ }
.outBox .hd ul li{ float:left; width:50%; text-align:center; cursor:pointer; font-size:16px;}
.outBox .hd ul li.on{ color:#1B367B; font-weight:bold;}

.inBox{ }
.inBox .inHd{ }
.inBox .inHd ul{ overflow:hidden; }
.inBox .inHd ul li{ width:100px; height:80px; text-align:center; float:left; margin:0 5px; cursor:pointer; border:2px solid #d4d4d4; }
.inBox .inHd ul li img{ max-width:100px; max-height:80px;}
.inBox .inHd ul li.on{ border:2px solid #244A9A;}

.inBox .inBd{ padding-bottom:40px;}
.inBox .inBd .box{ height:600px; overflow:hidden; text-align:center;}
.inBox .inBd .box img{ max-height:600px; max-width:100%;}