@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
a{ text-decoration:none;}
img{ border:0; vertical-align:bottom}
ul,ul li, li{ list-style-type:none}


.full{ width:100%; overflow:hidden; margin:auto; text-align:center;}
.w1200{ width:1200px; overflow:hidden; margin:auto;}
.logo{ float:left; margin:15px auto 20px;}
.top_right{ float:right; margin-top:13px;}
.top_right a{ font-family:"΢���ź�"; font-size:16px; color:#4c4c4c; float:right; line-height:30px; margin-right:17px}
.top_right form{ float:right; width:220px; height:30px; border:1px solid #ccc; border-radius:5px}
.input1{ width:190px; height:28px;}
.btn1{ width:30px; height:28px; background:url(../images/sou.png) no-repeat; background-position:center center}
.tel{padding-top:14px; width:100%; overflow:hidden; text-align:right}


.fulla{ width:100%;margin:auto; text-align:center;}
.w1200a{ width:1200px;margin:auto;}
.menu{ height:40px; background:#7b7b7b}
.menu ul .mainlevel{ width:169px; height:18px; text-align:center; line-height:18px; border-left:1px solid #9c9c9c; border-right:1px solid #393939; float:left; margin-top:13px;}
.menu ul li a{ font-family:"΢���ź�"; font-size:16px; color:#ffffff}
.menu ul .mainlevel ul{ width:100%; overflow:hidden; background-image:url(../images/bj.png); background-repeat:no-repeat; background-position:top center;  position:relative; left:0px; top:0;z-index:1; padding-top:6px; display:none}
.menu ul .mainlevel ul li{ width:100%; height:35px; line-height:35px; text-align:center;background:#575757;}
.menu ul .mainlevel ul li a{ color:#cccccc;}
.menu ul .mainlevel ul li:hover a{ color:#fff}

.menu2{ width:32px; float:right;display:none; margin:15px auto 20px;}
.mmenu2{ display:none;position:relative; z-index:99; width:100%; float:right;background:#efefef; position:absolute; left:0px;}
.mmenu2 .mlevel{ width:95%; padding-left:5%;line-height:35px;text-align:left;}
.mmenu2 .mlevel a{ font-family:"΢���ź�"; font-size:18px; color:#424242;}
.mmenu2 .mlevel:hover{ background:#035cac}
.mmenu2 .mlevel:hover a{ color:#fff}

.mson{ width:90%; display:none;background:#035cac}
.mson li a{ color:#fff !important; padding-left:10%; font-size:16px !important;}
.nan{background:#035cac}
.nan a{ color:#fff !important}

.banner{ width:100%; overflow:hidden; margin:0px auto 0; position:relative}
.hd{ width:100%; height:30px; text-align:center; line-height:30px; background-size:100% 100%; position:absolute; left:0%; bottom:1%; z-index:1}
.hd li{ display:inline-block; margin-left:7px;width:10px; height:10px; background:url(../images/btn1.png) no-repeat; background-size:100% 100%;}
.hd li.on{background:url(../images/btn2.png) no-repeat; background-size:100% 100%;}
.bd ul li{ width:100%; overflow:hidden; float:left; display:none}
.bd ul li img{ width:100%;}

.left_ban1{ float:left; width:346px; height:280px; margin-top:25px;}
.left_top{ width:100%; overflow:hidden; line-height:30px }
.title{font-family:"΢���ź�"; font-size:20px; color:#9c1413; float:left;}
.title span{font-family:"΢���ź�"; font-size:16px; color:#666; text-transform:uppercase}
.gd{ float:right; font-family:"΢���ź�"; font-size:14px; color:#4c4c4c}
.nr{ font-family:"΢���ź�"; font-size:14px; color:#000000; line-height:24px; margin-top:8px; text-align:left}
.nr p{ text-indent:2em}


.left_ban2{ float:left; width:450px; height:290px; margin-top:25px; margin-left:50px; text-align:left;}
.ul1{ width:100%; overflow:hidden; margin-top:10px;}
.ul1 li{ width:100%; height:80px; overflow:hidden; border-top:1px dashed #999999; padding-top:5px}
.img1{ width:90px; height:66px; float:left;}
.right1{ width:342px; height:66px;overflow:hidden; float:right}
.title2{ font-family:"΢���ź�"; font-size:16px; color:#000000; line-height:25px;}
.nr2{ width:100%; overflow:hidden; font-family:"΢���ź�"; font-size:14px; color:#4c4c4c; line-height:20px;}

.left_ban3{ width:325px; height:278px; float:right;font-family:"΢���ź�"; font-size:14px; color:#000000; line-height:25px; margin-top:30px; text-align:left}
.left_ban3 img{ width:325px; height:222px;}

.service{ margin-top:30px;}
.ul2{ width:100%; overflow:hidden; margin-top:20px}
.ul2 li{ width:215px; height:50px; padding-top:60px; float:left; margin-left:30px; text-align:center; line-height:50px; background-position:center center;transition:500ms;-o-transition:500ms;-moz-transition:500ms;-webkit-transition:500ms;}
.ul2 li a{ font-family:"΢���ź�"; font-size:16px; color:#000000; }
.li1{ background:url(../images/1_15.jpg) no-repeat; background-size:100% 100%; margin-left:0 !important;  }
.li2{ background:url(../images/1_17.jpg) no-repeat; background-size:100% 100%}
.li3{ background:url(../images/1_19.jpg) no-repeat; background-size:100% 100%}
.li4{ background:url(../images/1_21.jpg) no-repeat; background-size:100% 100%}
.li5{ background:url(../images/1_23.jpg) no-repeat; background-size:100% 100%}
.li1:hover{background:url(../images/2_03.png) no-repeat; background-size:110% 110%;background-position:center center}
.li2:hover{ background:url(../images/2_05.png) no-repeat;background-size:110% 110%;background-position:center center}
.li3:hover{ background:url(../images/2_07.png) no-repeat; background-size:110% 110%;background-position:center center}
.li4:hover{ background:url(../images/2_09.png) no-repeat;background-size:110% 110%;background-position:center center}
.li5:hover{ background:url(../images/2_11.jpg) no-repeat;background-size:110% 110%;background-position:center center}
.ul2 li:hover a{ color:#fff; font-size:18px}


.case{ margin-top:18px;}
.slidebox{ width:100%; height:226px; padding:20px 0; border-bottom:1px solid #cccccc; position:relative; margin-top:15px}
.hd2{ width:200px; height:228px; position:absolute; left:0; top:0;}
.hd2 li{ width:100%; height:107px; background:#e6e6e6; line-height:107px; text-align:center; margin-bottom:14px;}
.hd2 li a{ font-family:"΢���ź�"; font-size:21px; color:#000;}
/* .hd2 li.on{ background:#9c1413}
.hd2 li.on a{ color:#fff} */
.hd2 li:hover{ background:#9c1413}
.hd2 li:hover a{ color:#fff}
.bd2{ width:960px; overflow:hidden; position:absolute; left:240px; top:0;}
.bd2 ul{ width:100%; overflow:hidden;}
.bd2 ul li{ width:225px; height:226px; text-align:center; float:left; margin-left:12px !important}
.bd2 ul li img{ width:221px; height:190px; margin:2px auto;}
.bd2 ul li p{ width:100%; height:34px; text-align:center; line-height:34px; font-family:"΢���ź�"; font-size:16px; color:#000;}
.bd2 ul li:hover{ background:#9c1413}
.bd2 ul li:hover p{ color:#fff}

.footer{ height:74px; background:#e6e6e6; text-align:center; padding:22px 0;font-family:"΢���ź�";  font-size:14px; color:#000; line-height:25px}
.footer a{ font-family:"΢���ź�";  font-size:14px; color:#000; line-height:25px; margin:10px auto}


/*��������*/
.leftmarqueen{  width100%;height:255px; overflow:hidden; background:#f7f7f7}
.leftloop{ width:100%; overflow:hidden; position:relative; margin-top:40px;height:200px;}
.bd3{ width:1125px; overflow:hidden; margin:auto}
.bd3 li{ width:205px; height:200px; float:left; margin:0 10px;}
.bd3 li img{ width:203px; height:158px; border:1px solid #cccccc}
.bd3 li p{ width:100%; height:40px; text-align:center; line-height:40px; font-family:"΢���ź�"; font-size:14px; color:#000000}
.prve3{ width:14px; height:20px; background:url(../images/prve2.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:80px;}
.next3{ width:14px; height:20px; background:url(../images/next2.png) no-repeat; background-size:100% 100%; position:absolute; right:0; top:80px;}
.active1{background:url(../images/prve.png) no-repeat !important;}
.active2{background:url(../images/next1.png) no-repeat !important;}


.body{ width:100%; overflow:hidden; margin:40px auto 90px}
.left_menu{ width:252px; overflow:hidden; float:left; background:#fafafa}
.menu_title{ width:100%; height:50px; text-align:center; line-height:50px; background:#9c1414; font-family:"΢���ź�"; font-size:20px; color:#fff;}
.left_menu ul{ width:100%; overflow:hidden;}
.left_menu ul li{ width:100%; height:50px; text-align:center; line-height:50px; border-bottom:1px solid #e6e6e6; border-top:1px solid #fefefe;}
.left_menu ul li a{ font-family:"΢���ź�"; font-size:18px; color:#000000}
.tel2{ max-width:100%;}
.left_menu ul li:hover a{ color:#9c1414}
.left_menu ul li .active{ color:#9c1414}
.active3 a{color:#9c1414 !important}


.right2{ width:900px; overflow:hidden; float:right;}
.right2_top{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e6e6e6;margin-top:10px}
.right2_title{ float:left; font-family:"΢���ź�"; font-size:18px; color:#000000; line-height:40px; }
.lj{ float:right; font-family:"΢���ź�"; font-size:14px; color:#000000;}
.lj a{ font-family:"΢���ź�"; font-size:14px; color:#000000;}
.right2_bottom{ font-family:"΢���ź�"; font-size:14px; color:#000; line-height:33px; text-align:left; padding-top:20px; position:relative}

/*������*/
.ul3{ width:100%; overflow:hidden;}
.ul3 li{ width:162px; height:98px; float:left; margin:20px auto auto 20px ; border:1px solid #cccccc}
.ul3 li img{ width:162px; height:98px;max-width:100% !important}

/*�����Ŷ�*/
.img2{ float:left; width:406px; margin-right:20px}

/*��ϵ����*/
.img3{ width:100%; margin-top:20px;}

/*Ψ�°���*/
.ul4{ width:100%; overflow:hidden;}
.ul4 li{ width:210px; height:215px; float:left; margin-left:20px;}
.ul4 li img{ width:210px; height:170px;max-width:100% !important;}
.ul4 li p{font-family:"΢���ź�"; font-size:14px; color:#000; width:100%; height:45px; overflow:hidden; line-height:45px; text-align:center}


.yema{ width:auto; height:30px; overflow:hidden;display:inline-block; margin:35px auto; text-align:center; }
.yema .num{ width:30px;font-family:"΢���ź�"; font-size:16px; color:#999999;background:#e8e8e8; }
.yema a{display:inline-block;margin:0px 8px; line-height:30px; float:left;}
.yema a img{ width:100% !important; margin:0 !important; max-width:100%}
.yema a:hover{ background:#0071c1; color:#fff}

/*Ψ�°�����ҳ*/
.slqh{width:100%; height:365x; position:relative; overflow:hidden; margin:0px auto 10px;}
.bigimg{ overflow:hidden; width:500px; height:365px; float:left}
.bigimg li{ width:100%; overflow:hidden; float:left}
.bigimg li img{ width:100%; height:365px;}
.slqh .smallscroll{ width:386px; height:88px; position:absolute; right:0; bottom:0}
.prev2{ float:left; width:14px; height:20px; background:url(../images/prve2.png) no-repeat; background-size:100% 100%; margin-top:33px}
.next2{ float:right; width:14px; height:20px; background:url(../images/next2.png) no-repeat; background-size:100% 100%; margin-top:33px}
.smallimg{ width:358px; overflow:hidden; float:left;}
.smallimg li{ width:107px; height:88px; margin:0px 6px; float:left;}
.smallimg li img{ width:107px; height:88px;}
.smallimg li.on img{ width:105px; height:86px; border:1px solid #c00}

.title3{ width:100%;border-bottom:1px dashed #CCCCCC; line-height:55px; text-align:center; font-family:"΢���ź�"; font-size:18px; color:#000000}
.nr3{ width:383px; height:240px; position:absolute; right:0; top:80px}
.title4{ font-family:"΢���ź�"; font-size:16px; color:#9c1414}

/*��������*/
.right2_bottom .ul1{ width:100%; overflow:hidden; margin-top:10px;}
.right2_bottom .ul1 li{ width:100%; height:110px; overflow:hidden; border-bottom:1px dashed #999999; border-top:none; padding-top:20px}
.right2_bottom .img1{ width:130px; height:90px; float:left;}
.right2_bottom .right1{ width:754px; height:90px; overflow:hidden; float:right}
.right2_bottom .title2{ font-family:"΢���ź�"; font-size:16px; color:#000000; line-height:25px;}
.right2_bottom .nr2{ width:100%; overflow:hidden; font-family:"΢���ź�"; font-size:14px; color:#4c4c4c; line-height:20px;}
.fanye{margin:20px auto;padding:10px 20px;border-top:1px dashed #cccccc;}
.fanye .fl{float:left;color:#999;font-size:14px;}
.fanye .fr{float:right;color:#999;font-size:14px;}
/*����������ҳ*/
.img4{ display:block; margin:10px auto;width:500px;height:auto;}



.ul5{ width:100%; overflow:hidden;}
.ul5 li{ width:200px; height:220px; float:left; margin-left:30px;}
.ul5 li img{ width:196px; max-width:100% !important; height:178px; border:2px solid #cccccc}
.ul5 li p{font-family:"΢���ź�"; font-size:14px; color:#000; line-height:38px; text-align:center}


.right2_bottom img{ max-width:80%}



.zx_title{ display:inline-block; font-size:16px; margin-bottom:20px}