@charset "utf-8";

/* CSS Document */

body{ width:100%;  font-size:12px;color:#000; font-family:"微软雅黑";  margin:0 auto;}

ul,li,ol,p,dl,dt,dd{ margin:0px; padding:0px; list-style: none;} 

img,fieldset{vertical-align:top;border:0;}

h1,h2,h3,h4,h5,h6 {font-size:100%; margin:0; padding:0;  }

address,cite,code,em,th {font-weight:normal; font-style:normal;}

input,button,textarea,select{font:100%; font-family:"微软雅黑"; outline:medium; vertical-align:middle}

table,td,tr,th{font-size:12px;}

a{ color:#000; text-decoration:none;}

a:hover { color:#333;  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; }

.clearfix{*zoom:1; clear:both;}

.clearfix:after{display:block; overflow:hidden; clear:both; height:0px;  visibility:hidden; content:".";}

@font-face{	font-family: "微软雅黑";	src: url("../fonts/msyh.ttf");}

@font-face{	font-family: "impact";	src: url("../fonts/impact.ttf");}





.head{ height:92px; }

.nav{ height:92px;clear:both; position:relative; width:100%; background: #1c1c1c;  position: fixed; top: 0; left:auto; z-index: 9999;}

.nav ul{ height:119px; display:table;width:100%; min-width:620px; max-width:1200px; table-layout:fixed; margin:auto; /*background:url(../images/nav_bg.png) no-repeat bottom;*/}

.nav li{display:table-cell; }

.nav li a{ color:#fff; padding:0 5px; text-align:center; line-height:100px; display:block ; font-size:14px; transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;-webkit-transition:0.5s linear;}

.nav .logo{ max-height:100%; width:116px; text-align:center; position:absolute; top:8%; left:50%; margin-left:-58px;}

.nav .logo img{ max-width:100%; max-height:100%;}

.nav li:hover a{color:#d80000;}

.nav li.thisclass a{ color:#d80000;}

.nav.smaller { transition:all 0.5s ease; -moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  height:50px; background: #1c1c1c;}

.nav.smaller ul{ height:77px;}

.nav.smaller a{   line-height:50px;  }

.nav.smaller a img{ height:60px; }



.banner{ position:relative; clear:both; overflow: hidden;}

.mBan2 { overflow: hidden; }

.mBan2 .slideBox{ width:100%; height:auto; position:relative; }

.mBan2 .slideBox .hd{  overflow: hidden; position: absolute; bottom:10px; z-index: 1; width:64px;   margin-left: -32px; left: 50%; padding:px 0px 0px 11px; }

.mBan2 .slideBox .hd ul{ zoom: 1; }

.mBan2 .slideBox .hd ul li{ float: left; width:8px; height:8px; background:#fff;margin-top:1px; border-radius:50%; border:1px solid #ddd; cursor: pointer; margin-right:5px; }

.mBan2 .slideBox .hd ul li.on{ background:#f80000; width:9px; height:9px ; margin-top:0px;border-radius:50%; border:2px solid #fff; }

.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }

.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important;}



.mBan2 .slideBox .bd a img{ width:100%; height:auto; display:block;  }

.mBan2 .slideBox .bd .ban_w{position:absolute;  clear:both; height:100%;  }

.mBan2 .slideBox .bd .ban_w img{ width:auto !important;  height:auto !important; max-height:80%;   }



@keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}

@-webkit-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}

@-moz-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}

@-ms-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}

@-o-keyframes ban1_1 {    10% {left:-20%; opacity:0;} 100% {left:350%;    opacity:1;}}

.ban1_1{ z-index:20;  color:#fff;top:10%;left:35%;  -webkit-animation: ban1_1 0.5s linear 1;-moz-animation: ban1_1 0.5s linear 1;-ms-animation: ban1_1 0.5s linear 1;-o-animation: ban1_1 0.5s linear 1;animation: ban1_1 0.5s linear 1; }

@keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }

@-webkit-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }

@-moz-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }

@-ms-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }

@-o-keyframes ban1_2 {    10% {left:-100%; opacity:0;}  	100% {left:33%; opacity:1;}   }

.ban1_2{z-index:22;   color:#fff;  top:45%;left:33%;  -webkit-animation: ban1_2 0.7s linear 1;-moz-animation: ban1_2 0.7s linear 1;-ms-animation: ban1_2 0.7s linear 1;-o-animation: ban1_2 0.7s linear 1;animation: ban1_2 0.7s linear 1; }

@keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-webkit-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-moz-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-o-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-ms-keyframes ban1_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

.ban1_3{z-index:23;   color:#fff; top:60%;left:60%;  -webkit-animation: ban1_3 0.9s linear 1;-moz-animation: ban1_3 0.9s linear 1;-ms-animation: ban1_3 0.9s linear 1;-o-animation: ban1_3 0.9s linear 1;animation: ban1_3 0.9s linear 1; }





@keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }

@-webkit-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }

@-moz-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }

@-ms-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }

@-o-keyframes ban3_1 {    10% {left:-20%; opacity:0;}   100% {left:28%;}   }

.ban3_1{ z-index:20;  color:#fff;top:20%;left:27%;   -webkit-animation: ban3_1 0.5s linear 1;-moz-animation: ban3_2 0.5s linear 1;-ms-animation: ban3_2 0.5s linear 1;-o-animation: ban3_2 0.5s linear 1;animation: ban3_2 0.5s linear 1; }

@keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-webkit-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-moz-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-ms-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-o-keyframes ban3_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

.ban3_2{z-index:22;   color:#fff; top:28%;left:56%;  -webkit-animation: ban3_2 0.7s linear 1;-moz-animation: ban3_2 0.7s linear 1;-ms-animation: ban3_2 0.7s linear 1;-o-animation: ban3_2 0.7s linear 1;animation: ban3_2 0.7s linear 1; }

@keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-webkit-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-moz-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-ms-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-o-keyframes ban3_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

.ban3_3{z-index:23;   color:#fff; top:55%;left:56%;  -webkit-animation: ban3_3 0.9s linear 1;-moz-animation: ban3_3 0.9s linear 1;-ms-animation: ban3_3 0.9s linear 1;-o-animation: ban3_3 0.9s linear 1;animation: ban3_3 0.9s linear 1; }





@keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }

@-webkit-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }

@-moz-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }

@-ms-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }

@-o-keyframes ban2_1 {    10% {left:-50%; opacity:0;}   100% {left:0%;}   }

.ban2_1{ z-index:20;  color:#fff;top:0%;left:0%;   -webkit-animation: ban2_1 0.5s linear 1;-moz-animation: ban2_2 0.5s linear 1;-ms-animation: ban2_2 0.5s linear 1;-o-animation: ban2_2 0.5s linear 1;animation: ban2_2 0.5s linear 1; }

.ban2_1 img{ height:100% !important;}



@keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-webkit-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-moz-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-ms-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-o-keyframes ban2_2 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

.ban2_2{z-index:22;   color:#fff; top:28%;left:15%;  -webkit-animation: ban2_2 0.7s linear 1;-moz-animation: ban2_2 0.7s linear 1;-ms-animation: ban2_2 0.7s linear 1;-o-animation: ban2_2 0.7s linear 1;animation: ban2_2 0.7s linear 1; }

@keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-webkit-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-moz-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-ms-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

@-o-keyframes ban2_3 {    10% {left:-100%; opacity:0;}    100% {left:15%; opacity:1;}    }

.ban2_3{z-index:23;   color:#fff; top:55%;left:15%;  -webkit-animation: ban2_3 0.9s linear 1;-moz-animation: ban2_3 0.9s linear 1;-ms-animation: ban2_3 0.9s linear 1;-o-animation: ban2_3 0.9s linear 1;animation: ban2_3 0.9s linear 1; }





@keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }

@-webkit-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }

@-moz-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }

@-ms-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }

@-o-keyframes ban4_1 {    10% {left:-20%; opacity:0;}   100% {left:25%;}   }

.ban4_1{ z-index:20;  color:#fff;top:19%;left:27%;   -webkit-animation: ban4_1 0.5s linear 1;-moz-animation: ban2_2 0.5s linear 1;-ms-animation: ban2_2 0.5s linear 1;-o-animation: ban2_2 0.5s linear 1;animation: ban2_2 0.5s linear 1; }

@keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-webkit-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-moz-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-ms-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

@-o-keyframes ban4_2 {    10% {left:-100%; opacity:0;}    100% {left:33%; opacity:1;}    }

.ban4_2{z-index:22;   color:#fff; top:73%;left:33%;  -webkit-animation: ban4_2 0.7s linear 1;-moz-animation: ban4_2 0.7s linear 1;-ms-animation: ban4_2 0.7s linear 1;-o-animation: ban4_2 0.7s linear 1;animation: ban4_2 0.7s linear 1; }

@keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-webkit-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-moz-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-ms-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

@-o-keyframes ban4_3 {    10% {left:-100%; opacity:0;}    100% {left:62%; opacity:1;}    }

.ban4_3{z-index:23;   color:#fff; top:25%;left:56%;  -webkit-animation: ban4_3 0.9s linear 1;-moz-animation: ban4_3 0.9s linear 1;-ms-animation: ban4_3 0.9s linear 1;-o-animation: ban4_3 0.9s linear 1;animation: ban4_3 0.9s linear 1; }



@keyframes bounce-down {

    25% {transform: translateY(-10px);}    50%, 100% {transform: translateY(0);}    75% {transform: translateY(10px);}}

@-webkit-keyframes bounce-down {

    25% {-webkit-transform: translateY(-10px);}    50%, 100% {-webkit-transform: translateY(0);}    75% {-webkit-transform: translateY(10px);}}

@-moz-keyframes bounce-down {

    25% { -moz-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -moz-transform: translateY(10px); }}

@-ms-keyframes bounce-down {

    25% { -ms-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -ms-transform: translateY(10px); }

}

@-o-keyframes bounce-down {

    25% { -o-transform: translateY(-10px);}    50%, 100% { -o-transform: translateY(0);}    75% { -o-transform: translateY(10px);}

}

.animate-bounce-down{ border-radius:50%; position:absolute; z-index:200; top:80%; left:50%;margin-left:-25px;width:50px; height:50px; border:1px solid #fff; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;-moz-animation: bounce-down 1.5s linear infinite;-ms-animation: bounce-down 1.5s linear infinite;-o-animation: bounce-down 1.5s linear infinite;}

.animate-bounce-down a{ background: url(../images/bounce_down.png) no-repeat center center; border-radius:50%; cursor:pointer; display:block;width:50px; height:50px;}

.animate-bounce-down:hover a{  background: url(../images/bounce_down.png) no-repeat center center #d80000; }





.content{ clear:both; width:100%;  }

.xia{ position:absolute; left:49%; bottom:30px; z-index:10;}

.xia a{ display:block; width:47px; height:47px; background:url(../images/xia.png) no-repeat;}

.xia a:hover{ background:url(../images/xia.png) no-repeat 0 -49px;transition:all 0s ease; -moz-transition:all 0s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}



.fwxm{ clear:both; margin-top:20px;}

.fwxm_title{ background:url(../images/xian.png) center repeat-x; max-width:1200px; margin:auto; text-align:center; height:126px;}

.fwxm_title h1{ background:url(../images/title_bg.png) no-repeat top; font-size:24px; color:#1f1f1f; line-height:75px;}

.fwxm_title p{ padding:0 2%; font-size:14px; color:#666; font-weight:normal; padding-bottom:20px;  line-height:24px; }



.fwxm ul{ display:table; table-layout:fixed;margin:30px auto 30px auto; width: 100%; max-width:1200px;}

.fwxm li{ position:relative; display:table-cell;  padding-bottom:100px; padding-top:50px;  table-layout: auto;  	   }

.fwxm li:hover{ background:#f5f5f5;}



.fwxm li .tb{ margin-bottom:40px;  height:138px;-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear;}

.fwxm li .tb a{ height:138px; width:100%; display:block;}

.fwxm li .tb1{ background:url(../images/tb_1.png) no-repeat center top;}

.fwxm li:hover .tb1{ background:url(../images/tb_1.png) no-repeat center bottom; }

.fwxm li .tb2{ background:url(../images/tb_2.png) no-repeat center top;}

.fwxm li:hover .tb2{ background:url(../images/tb_2.png) no-repeat center bottom; }

.fwxm li .tb3{ background:url(../images/tb_3.png) no-repeat center top;}

.fwxm li:hover .tb3{ background:url(../images/tb_3.png) no-repeat center bottom; }

.fwxm li .tb4{ background:url(../images/tb_4.png) no-repeat center top;}

.fwxm li:hover .tb4{ background:url(../images/tb_4.png) no-repeat center bottom; }



.fwxm li .fwxm_txt{ margin:10px 20px 0 20px;  }

.fwxm li .fwxm_txt strong{ font-weight:normal; text-align:center; display:block; font-size:18px; line-height:40px;-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear;}

.fwxm li:hover .fwxm_txt strong a{ display:block; color:#d80000;  }

.fwxm li .fwxm_txt p.txt_con{ text-align:center; min-height:45px; overflow:hidden;color:#aaa;  line-height:18px; text-transform:uppercase;}

.fwxm li:hover .fwxm_txt p.txt_con{ color:#666; }



.fwxm li .fwxm_txt p a{  display:block;line-height:26px;  border-radius:20px; border:1px solid #d80000; text-align:center; color:#d80000; margin-top:40px;width:105px;opacity:0; position:absolute; left:50%; margin-left:-52px;-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear; }

.fwxm li:hover .fwxm_txt p a{ color:#fff;margin-top:10px; opacity:1;  background:#d80000; }



.gywm1{ height:500px; overflow:hidden; padding-top:30px; background: url(../images/gywm.jpg) no-repeat center center #d80000; clear:both; }

.gywm_title{ background:url(../images/xian2.png) center repeat-x;max-width:1200px; margin:auto; text-align:center; height:126px;}

.gywm_title h1{ background:url(../images/title_bg2.png) no-repeat top; font-size:24px; color:#fff; line-height:75px;}

.gywm_title p{ padding:0 2%; font-size:14px; color:#fff; font-weight:normal; padding-bottom:20px;  line-height:24px; }

.gywm1_con{ max-width:1200px; clear:both; margin:20px auto;}

.gywm1_left{ transition:1s linear;-moz-transition:1s linear;-ms-transition:1s linear;-o-transition:1s linear;-webkit-transition:1s linear; margin-left:2%; margin-bottom:20px; margin-top:20px;  color:#fff; float:left; width:55%;} 

.gywm1:hover .gywm1_left{ margin-left:0;} 

.gywm1_left h1{ font-size:60px; font-weight:normal; line-height:70px;} 

.gywm1_left h1 span{ margin-left:20px; font-size:30px; } 

.gywm1_left p{ font-size:14px; line-height:36px;} 

.gywm1_right{margin-right:5%;  float:right; width:35%; -webkit-animation: gywm1_right 3s linear infinite;-moz-animation: gywm1_right 3s linear infinite;-ms-animation: gywm1_right 3s linear infinite;-o-animation: gywm1_right 3s linear infinite;animation: gywm1_right 3s linear infinite;}



@keyframes gywm1_right {

    20% {opacity:0; }    50%,75%, 100% {opacity:1; } }

@-webkit-keyframes gywm1_right {

    20% {opacity:0; }    50%,75%, 100% {opacity:1; } }

@-moz-keyframes gywm1_right {

   20% {opacity:0; }    50%,75%, 100% {opacity:1; } }

@-ms-keyframes gywm1_right {

   20% {opacity:0; }    50%,75%,100% {opacity:1; } }

@-o-keyframes gywm1_right {

    20% {opacity:0; }    50%,75%, 100% {opacity:1; } }



.why{ margin-top:30px; padding-bottom:30px; clear:both;}

.why_title{  padding-top:30px; }

.why_con{width:1100px; margin:30px auto;}

.foucebox {position:relative;width:1100px;overflow:hidden;}

.foucebox .bd { position:relative; float:right; width:500px;height:470px; overflow:hidden;}

.foucebox .bd li span{ background:url(../images/right.png) no-repeat left; line-height:45px; display:inline-block; padding-left:5px; padding-right:25px;  color:#fff; font-size:14px;}

.foucebox .bd li p strong{ font-size:18px; color:#222;font-weight:normal;}

.foucebox .bd li .txt{ line-height:36px; font-size:16px; margin-bottom:10px; color:#888;}

.foucebox .bd li img {width:500px;height:270px;}



.foucebox .hd {  width:550px;height:470px; float:left; background:url(../images/ys.png) no-repeat ; padding-right:4px; z-index:1; }

.foucebox .hd ul { position:relative;   }

.foucebox .hd li { position:absolute; cursor:pointer; font-size:14px; color:#fff; height:200px;  text-align:center; width:240px;   }

.foucebox .hd li.ys1 {  top:0px; left:200px;line-height:205px; width:150px; z-index:21;}

.foucebox .hd li.ys2 {  top:26px; left:310px;line-height:300px; z-index:20;}

.foucebox .hd li.ys3 { top:240px; left:310px;line-height:200px; z-index:20;}

.foucebox .hd li.ys4 {top:270px;left:200px;line-height:295px; width:150px; z-index:21;}

.foucebox .hd li.ys5 { top:240px; left:0px;line-height:200px; z-index:20;}

.foucebox .hd li.ys6 {  top:26px; left:0px;line-height:300px; z-index:20;}



.case{  background:#fc4204; clear:both; padding-bottom:30px; padding-top:30px; }

.case_con{ max-width:1200px; margin:auto;  clear:both; margin-top:20px;}

.case_con ul{  }

.case_con li{  margin-right:15px;margin-left:15px; margin-bottom:50px; position:relative; width:22%; overflow:hidden;  float:left; }

.case_con li:hover{  }

.case_con li img{   width:100%; height: auto; }

.case_con li .pic_txt{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;   background:url(../images/l_bg.png) ; color:#fff; position:absolute; bottom:-100px; left:0; width:100%;   float:left; }

.case_con li:hover .pic_txt{ display:block; bottom:0px;left:0;}

.case_con li .pic_txt a{ margin-left:10px; display:block;line-height:35px;  color:#fff; font-size:14px; }

.case_con li .pic_txt strong img{ float:right; margin:7px 10px;  display:block; width:10%; height:auto;  }



@media (min-width:770px) and (max-width:1030px) {

.case_con li{  margin-right:15px;margin-left:15px; margin-bottom:50px; position:relative; width:21%; overflow:hidden;  float:left; }

}

@media (min-width:620px) and (max-width:770px) {

.case_con li{  margin-right:15px;margin-left:15px; margin-bottom:50px; position:relative; width:20%; overflow:hidden;  float:left; }

}

@media (min-width:480px) and (max-width:620px) {

.case_con li{  margin-right:15px;margin-left:15px; margin-bottom:50px; position:relative; width:18%; overflow:hidden;  float:left; }

}

.news{ clear:both; margin-top:30px; }

.news_con{max-width:1100px; margin:20px auto; }

.news_con li{ border-bottom:1px dashed #e5e5e5; padding-bottom:10px; margin-bottom:10px; width:45%; float:left; margin-right:2%;margin-left:2%;}

.news_con li h1{ display:block; font-size:14px; line-height:35px; font-weight:normal;}

.news_con li:hover h1 a{ color:#d80000;}

.news_con li p{ color:#999; line-height:24px;}

.news_con li p a{ text-transform:uppercase; color:#d80000; float:right;}



.lxwm1{  margin-top:30px;}

.dt1{ position:relative; width:100%;background:#1c1c1c; height:auto;}

.dt1 img{ width:100%; height:auto;}



@keyframes top {

    25% {transform: translateY(-10px);}    50%, 100% {transform: translateY(0);}    75% {transform: translateY(10px);}}

@-webkit-keyframes top {

    25% {-webkit-transform: translateY(-10px);}    50%, 100% {-webkit-transform: translateY(0);}    75% {-webkit-transform: translateY(10px);}}

@-moz-keyframes top {

    25% { -moz-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -moz-transform: translateY(10px); }}

@-ms-keyframes top {

    25% { -ms-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -ms-transform: translateY(10px); }

}

@-o-keyframes top {

    25% { -o-transform: translateY(-10px);}    50%, 100% { -o-transform: translateY(0);}    75% { -o-transform: translateY(10px);}

}

.top{    border-radius:50%; position:absolute; z-index:20; bottom:60px; left:50%; background: url(../images/bounce_up2.png) no-repeat center center ; border:1px solid #fff; margin-left:-25px;width:50px; height:50px;  -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;-moz-animation: bounce-down 1.5s linear infinite;-ms-animation: bounce-down 1.5s linear infinite;-o-animation: bounce-down 1.5s linear infinite;}

.top a{border-radius:50%; cursor:pointer; display:block;width:50px; height:50px; }

.top a:hover{background: url(../images/bounce_up.png) no-repeat center center #fff;  transition:all 0s ease; -moz-transition:all 0s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}



@keyframes zn {

    25% {transform: translateY(-10px);}    50%, 100% {transform: translateY(0);}    75% {transform: translateY(10px);}}

@-webkit-keyframes zn {

    25% {-webkit-transform: translateY(-10px);}    50%, 100% {-webkit-transform: translateY(0);}    75% {-webkit-transform: translateY(10px);}}

@-moz-keyframes zn {

    25% { -moz-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -moz-transform: translateY(10px); }}

@-ms-keyframes zn {

    25% { -ms-transform: translateY(-10px); }    50%, 100% { -moz-transform: translateY(0); }    75% { -ms-transform: translateY(10px); }

}

@-o-keyframes zn {

    25% { -o-transform: translateY(-10px);}    50%, 100% { -o-transform: translateY(0);}    75% { -o-transform: translateY(10px);}

}

.zn{  top:60px; position:absolute; z-index:20;  left:50%; background: url(../images/zn.png) no-repeat center center;  margin-left:-46px;width:92px; height:100px;  -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;-moz-animation: bounce-down 1.5s linear infinite;-ms-animation: bounce-down 1.5s linear infinite;-o-animation: bounce-down 1.5s linear infinite;}

.zn a{ cursor:pointer; display:block; width:92px; height:100px; }

.zn a:hover{background: url(../images/zn.png) no-repeat center center ;  transition:all 0s ease; -moz-transition:all 0s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}



.foot{ z-index:10;  padding:30px 0 20px 0; background:#1c1c1c;  position:fixed; left:0; width:100%;}

.foot_con{ overflow:hidden;  width:350px; margin:auto;}

.foot_mid{}

.foot_ly ul{ width:410px;}

.foot_ly li{  text-align:center; overflow:hidden; width:84px; height:84px; float:left; margin-right:50px;}

.foot_ly li:hover{}

.foot_ly li a{-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear; display:block; color:#fff; line-height:125px;}

.foot_ly li a.ly{background:url(../images/tb2.png) no-repeat 0px 0px;  }

.foot_ly li a.qq{background:url(../images/tb2.png) no-repeat -98px 0px;  }

.foot_ly li a.zx{background:url(../images/tb2.png) no-repeat -197px 0px;  }

.foot_ly li a:hover.ly{background:url(../images/tb2.png) no-repeat -0px -110px;  }

.foot_ly li a:hover.qq{background:url(../images/tb2.png) no-repeat -98px -110px;  }

.foot_ly li a:hover.zx{background:url(../images/tb2.png) no-repeat -197px -110px;  }



.foot2{ overflow:hidden; margin:auto;max-width:1200px;  margin-top:10px;text-align:center; color:#fff; line-height:20px;}

.foot2 span{  padding:0 10px;}

.footer{background:#1c1c1c; height:238px; width:100%;}

.foot2 p{ margin-top:10px; }

.foot2 p strong{ color:#777; }

.link{text-align:center;display: table;margin: auto;}

.link li{ margin-left:10px; color:#777; display:table-cell;}

.link li a{ margin-left:10px; color:#777;}

.link li a:hover{  color:#fff;}

/* case/案例 */



.position_bg{ background:#fafafa; margin-bottom:20px;}

.position{ width:1100px; margin:auto; line-height:60px; font-size:14px;}

.position a{ display:inline-block; margin:0 5px; color:#333;}

.position a:hover{ color:#d80000;}



.fenye{ height:60px; padding-top:25px;width:1100px; margin:auto; clear:both; }

.fenye ul{ float:right;  }

.fenye ul span{  margin-right:7px;  float: left; border:1px solid #eee;line-height:30px;}

.fenye span a{background:#fff; display:block; color:#333; padding:0 12px;}

.fenye span a:hover { background:#d80000; color:#fff;}

.fenye span.thisclass { background:#d80000; color:#fff;padding:0 12px;}



.wmdfw{   border: dashed 1px #eee; clear:both;width:1100px; margin:20px auto 50px auto; }

.wmdfw_left{ width:338px; float:left; height:186px;} 

.wmdfw_right{ width:860px; float:left; } 



.wmdfw_right ul{  width:860px; }

.wmdfw_right li{ float:left; border-right:1px dashed #eee; width:214px;  }



.wmdfw_right li .tb{ height:150px;}

.wmdfw_right li .tb a{ height:150px; width:208px; display:block;}

.wmdfw_right li .tb1{ background:url(../images/tb2.png) no-repeat 46px 15px;}

.wmdfw_right li:hover .tb1{ background:url(../images/tb2.png) no-repeat 46px -186px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}

.wmdfw_right li .tb2{ background:url(../images/tb2.png) no-repeat -174px 15px;}

.wmdfw_right li:hover .tb2{ background:url(../images/tb2.png) no-repeat -174px -186px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}

.wmdfw_right li .tb3{ background:url(../images/tb2.png) no-repeat -385px 15px;}

.wmdfw_right li:hover .tb3{ background:url(../images/tb2.png) no-repeat -385px -186px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}

.wmdfw_right li .tb4{ background:url(../images/tb2.png) no-repeat -594px 15px;}

.wmdfw_right li:hover .tb4{ background:url(../images/tb2.png) no-repeat -594px -186px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}

.wmdfw_right li .fwxm_txt{   }

.wmdfw_right li .fwxm_txt strong{ text-align:center; display:block; font-size:14px; line-height:24px;}

.wmdfw_right li:hover .fwxm_txt strong a{ display:block; color:#d80000; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  }





/* news/网络常识 */



.article_list{ width:1100px; margin:30px auto;}

.article_list li{ clear:both; margin-top:30px; padding-bottom:30px; border-bottom:1px dashed #eee;}

.article_list li .pic{ float:left; width:300px; height:205px;}

.article_list li .pic img{   width:300px; height:205px;}

.article_list li .txt{ float:right; width:860px; }

.article_list li .txt h2 strong a{ font-size:24px; line-height:30px;}

.article_list li:hover .txt h2 strong a{color:#d80000; }

.article_list li .txt h2 strong span{color:#d80000;font-size:24px;  }

.article_list li .txt h2 strong span a{color:#d80000; }

.article_list li:hover .txt h2 strong span a{color:#000; }

.article_list li:hover .txt h2 strong span {color:#000; }

.article_list li .txt p { float: left; color:#666;margin-top:15px; width:775px;  font-size:14px; line-height:24px;}

.article_list li .txt p a{ margin-top:15px;line-height:26px; border-radius:20px; border:1px solid #d80000;  display:block; text-align:center; color:#d80000;   width:105px; }

.article_list li:hover .txt p a{ color:#fff; background:#d80000; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; }

.article_list li .txt_con .date { float: right; text-align:center;   color:#4a4a4a;  margin-top:15px; width:72px; height:72px; background:#f3f3f3;  }

.article_list li .txt_con em { display:block; font-size:48px; line-height:52px;}





/* news/网络常识详情 */

.article_con{ clear:both; width:1100px; margin:auto;}

.article_left{ float:left; width:850px;}

.article_left h1{ font-size:24px; line-height:60px; text-align:center;}

.article_left .zuozhe{ color:#444;  line-height:40px; border-bottom:1px dashed #ddd; text-align:center;}

.article_left .zuozhe span{ margin-right:20px;  }

.article_left .zuozhe img{  margin-top:8px;}

.article{ margin:20px 0 40px 0; font-size:14px; color:#555; line-height:36px;}



.syp{ float:left; width:570px; line-height:30px;clear:both; color:#d80000;   font-size:14px;}

.syp a{ color:#333;}

.syp a:hover{ color:#d80000;}

.syp p strong{ color:#d80000;   font-size:14px; margin-right:10px;}



.fx{ float:right; width:280px; margin-top:5px;}



.gjz{ margin:20px 0;  clear:both; }

.gjz strong{ width:80px; float: left; line-height:40px; color:#d80000; font-size:16px;}

.gjz ul{width:770px; float: right; line-height:26px; }

.gjz li{  margin-top:7px;  float:left; margin-right:10px; }

.gjz li a{ color:#fff;  float:left; padding:0 15px; background:#999; }

.gjz li a:hover{ background:#d80000; }





.article_right{ float:right; width:325px; }

.article_right1_title{ padding-left:50px; line-height:50px; height:50px; font-size:16px; color:#d80000; background: url(../images/tb.png) no-repeat 10px -705px #f1f1f1;}

.article_right2_title{ padding-left:50px; line-height:50px; height:50px; font-size:16px; color:#d80000; background: url(../images/tb.png) no-repeat 10px -772px #f1f1f1;}

.right1{ margin-bottom:20px; border:1px solid #f1f1f1;}

.right1 ul{ margin:0 10px 10px 10px; line-height:36px; }

.right1 li{  overflow:hidden; padding-left:20px;background:url(../images/tb.png) no-repeat 0px -57px; border-bottom:1px  dashed #eee;}

.right1 li:hover{ background:url(../images/tb.png) no-repeat 0px -93px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  }

.right1 li a{ display:block;}

.right1 li a:hover{color:#d80000; }



/* lxwm/联系我们 */



.lxwm{  clear:both;   width:1100px; margin:30px auto;}

.zxly{ float: left; background:url(../images/contact.jpg) no-repeat top right; width:580px;}

.zxly h2{ font-weight:normal; font-size:30px; color:#222; line-height:80px; background:url(../images/tb.png) no-repeat 0 -842px; padding-left:45px;}

.zxly ul{ margin-top:50px;}

.zxly li{ width:290px; float:left; margin-bottom:15px; }

.zxly li strong{ width:70px; float:left; font-size:14px; line-height:28px;  }

.zxly li input{ box-shadow:-1px 1px 5px #ddd inset; border:none; float:left; background:#f9f8f8; line-height:28px; height:28px; padding:0 5px; width:190px; color:#666;}

.zxly p strong{ width:70px; float:left; font-size:14px; line-height:28px;  }

.zxly p textarea{ box-shadow:-1px 1px 5px #ddd inset;  margin-bottom:20px;height:110px; border:none; background:#f9f8f8; line-height:28px;   padding:0 5px; width:550px; color:#666;}

.zxly p .button{  margin-bottom:30px; cursor:pointer; border-radius:5px;  border:none; background:#d80000; line-height:32px; height:32px;  padding:0 5px; width:150px; color:#fff; float:right; margin-right:22px;}



.lxwm_nr{ float:right; width:500px;}

.lxwm_nr h2{ font-weight:normal; font-size:30px; color:#222; line-height:80px; background:url(../images/tb.png) no-repeat 0 -938px; padding-left:50px;}

.lxwm_nr h3{ margin-top:30px; margin-bottom:10px;font-weight:normal;  font-size:12px; color:#666; line-height:30px;  }

.lxwm_nr h3 strong{  font-size:24px; color:#222; line-height:30px;   display:block;}

.lxwm_nr li{ padding-left:25px; line-height:30px; color:#333;}

.lxwm_nr li.add{ background:url(../images/tb.png) no-repeat 0 -1057px;}

.lxwm_nr li.add2{ background:url(../images/tb.png) no-repeat 0 -1110px;}

.lxwm_nr li.Tel2{ background:url(../images/tb.png) no-repeat 0 -1160px;}

.lxwm_nr li.Mobile{ background:url(../images/tb.png) no-repeat 0 -1206px;}

.lxwm_nr li.QQ{ background:url(../images/tb.png) no-repeat 0 -1254px;}

.lxwm_nr li.Email{ background:url(../images/tb.png) no-repeat 0 -1304px;}



.dt{ clear:both; width:1100px; height:408px;}



/* gywm/关于我们 */



.gywm{ clear:both; margin:20px auto;width:1100px; }

.gywm_txt{ float:left; width:890px;}

.gywm_txt h1{ font-size:24px; line-height:60px;color:#d80000; }

.gywm_txt p{ color:#444; line-height:30px; font-size:14px; text-indent:2em;}

.gywm_pic{ margin-top:20px; float: right;  width:283px;}



.gywm_3d{ padding:20px 0 0 0; clear:both;}

.gywm_3d li{ margin-top:20px; padding-left:50px; font-size:14px; color:#454545; clear:both; line-height:53px; background: url(../images/3d.png) no-repeat left #f5f5f5;}





/*营销型网站*/

.yx{   clear:both; border-bottom:1px solid #eee; width:1100px; margin:50px auto; padding-bottom:50px;}

.yx h1{ line-height:80px; text-align:center; font-size:48px; color:#d80000;}

.yx h3{ max-width:850px; margin:auto;  line-height:50px; text-align:center; font-size:25px; color:#222;}

.yx h2{ max-width:850px; margin:auto; text-transform:uppercase;  background: url(../images/xian.png) repeat-x center; line-height:50px; text-align:center; font-size:20px; color:#222;}

.yx h2 span{  background:#fff; padding:0 20px; }

.yx p{ max-width:850px; margin:auto;line-height:30px; text-align:center; font-size:14px; color:#666;}

.yx1_left{ margin-top:50px; width:550px; float:left;}

.yx1_right{ width:500px;float:right;}

.yx2_left{  width:500px; float:left;}

.yx2_right{ margin-top:100px;width:550px;float:right;}

.yx3_pic{ margin:50px auto 10px auto !important; text-align:center; width:780px;}

.yx4_left{  width:500px; float:left;}

.yx4_right{ margin-top:60px;width:550px;float:right;}

.yx5_pic{ margin:50px auto 10px auto !important; text-align:center; width:1135px;}

.yx6_pic{ margin:50px auto 10px auto !important; text-align:center; width:1100px;}

.yx7_left{  width:470px; float:left;}

.yx7_right{ margin-top:60px;width:550px;float:right;}

.yx9{ border:none;}



.shy3_left{  width:662px; float:left;}

.shy3_right{ margin-top:60px;width:500px;float:right;}



.shy4_left{  width:460px; float:left;}

.shy4_right{width:712px;float:right;}



.yx7_left{ margin-left:50px;}





.scroll{width:80px;	height:103px !important;  position:fixed;right:10px;	bottom:30px;cursor:pointer;z-index:99;}

.lxfs{  position:fixed;right:0px;	top:30%;}

.lxfs li{ position:relative; clear:both;  background:#333;  margin-bottom:10px;  height:50px;  line-height:50px;}

.lxfs li:hover{  background:#d80000;  }

.lxfs li em{ position:absolute; left:-200px; height:50px;float:left;}

.lxfs li em a{    color:#fff; }

.lxfs ul .r_qq:hover .r_qq2{ left:50px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  }

.lxfs ul .r_tel:hover .r_tel2{  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  }

.lxfs ul .r_zxzx:hover .r_zxzx2{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; }

.lxfs ul .r_fhdb:hover .r_fhdb2{  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  }



.lxfs li span{ position:absolute; left:0px; top:0; cursor:pointer; width:50px; height:50px; display:block;}

.lxfs li.r_qq span{   background:url(../images/tb.png) no-repeat 10px -420px; }

.lxfs li.r_tel span{   background:url(../images/tb.png) no-repeat 10px -472px; }

.lxfs li.r_zxzx span{   background:url(../images/tb.png) no-repeat 10px -521px; }

.lxfs li.r_ewm span{   background:url(../images/tb.png) no-repeat 10px -571px; }

.lxfs li.r_fhdb span{   background:url(../images/tb.png) no-repeat 10px -623px; }



.side{position:fixed;width:54px;height:275px;right:0;top:200px;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:12px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li:hover .sidetop{background:#d80000;opacity:1;filter:Alpha(opacity=100);  }

.side ul li:hover .sidetop img{  margin-top:5px;}

.side ul li img{float:left;}



.ckal{ clear:both; width:1100px; margin:auto; }

.ckal a{ text-align:center;  font-size:30px; color:#fff; background:#d80000; line-height:80px; display:block;}

.ckal a:hover{ background:#222; }

/* /联系我们 */

.lxwm{ clear:both; margin-top:20px; }
.lxwm_title{ overflow:hidden;  background:url(../images/xian.png) center repeat-x; max-width:1200px; margin:auto; text-align:center; height:126px;}
.lxwm_title h1{ background:url(../images/title_bg.png) no-repeat top;font-weight:normal; color:#d80000; font-size:30px;line-height:75px;}
.lxwm_title p{ text-transform:uppercase; padding:0 2%; font-size:14px; color:#666; font-weight:normal; padding-bottom:20px;  line-height:24px; }

.lxwm ul{ display:table;margin:15px auto 0px auto;  width: 100%; max-width:1200px;}
.lxwm li{   margin:0 30px;   position:relative; display:table-cell; width:20%; padding-bottom:50px; padding-top:50px;  table-layout: auto;  	   }

.lxwm li.tb2{ background:url(../images/lxwm1.png) no-repeat center top;}
.lxwm li.tb3{ background:url(../images/lxwm2.png) no-repeat center top;}
.lxwm li.tb4{ background:url(../images/lxwm3.png) no-repeat center top;}

.lxwm li .lxwm_txt{ margin:70px 20px 0 20px;  }
.lxwm li .lxwm_txt strong{ font-weight:normal; text-align:center; display:block; font-size:18px; line-height:40px;-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear;}
.lxwm li:hover .lxwm_txt strong a{ display:block; color:#d80000;  }
.lxwm li .lxwm_txt p.txt_con{max-width:230px; margin:auto; text-align:center; min-height:45px; overflow:hidden;color:#aaa;  line-height:18px; text-transform:uppercase;}
.lxwm li:hover .lxwm_txt p.txt_con{ color:#444; }
.lxwm li .lxwm_txt p.txt_con img{ max-width:110px;}

.lxwm li .lxwm_txt p a{  display:block;line-height:35px; background:#d80000;  text-align:center; color:#fff; margin-top:20px;width:105px; position:absolute; left:50%; margin-left:-52px;-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear; }
.lxwm li:hover .lxwm_txt p a{background:#222; }
.lxwm li .lxwm_txt p.an2 a{ background:#ffb82a;  }
.lxwm li:hover .lxwm_txt p.an2 a{ background:#222;  }

.lxwm2{ margin:20px auto 70px auto; max-width:1200px; }
.lxwm2_title h1{ font-weight:normal; text-align:center; font-size:24px; color:#d80000; line-height:60px;}
.lxwm2_title p{ text-align:center; font-size:14ppx; color:#555; line-height:30px;}
.lxwm2_con{ margin-top:20px; background: url(../images/xian3.jpg) no-repeat center center; clear:both; max-width:600px; margin:auto; }
.lxwm2_con li{ padding:2% 0; text-align:center; float:left; width:40%; color:#555;}
.lxwm2_con li .pic{ height:75px; }
.lxwm2_con li strong{ line-height:50px; font-size:18px; color:#000; font-weight:normal;}

.lxwm3{ padding:40px 0 70px 0;background:url(../images/ly_bg.jpg) no-repeat; background-size:100% 100%; margin-bottom:-70px;}
.lxwm3_title{  background:url(../images/xian2.png) center repeat-x; max-width:1200px; margin:auto; overflow:hidden; text-align:center; height:126px;}
.lxwm3_title h1{ background:url(../images/title_bg2.png) no-repeat top;font-weight:normal; color:#fff; font-size:30px;line-height:75px;}
.lxwm3_title p{ text-transform:uppercase; padding:0 2%; font-size:14px; color:#fff; font-weight:normal; padding-bottom:20px;  line-height:24px; }
.lxwm3_con{ max-width:1200px;  margin:20px auto;}
.lxwm3_con li{ width:50%; float:left; margin:10px 0;}
.lxwm3_con li em{ margin-left:10px; display:block; float:left; width:40px; height:40px;}
.lxwm3_con li input{ float:left; width:80%; background:#fff; color:#222; border:none; line-height:40px; height:40px; padding:0 10px; }
.lxwm3_con textarea{ margin-left:10px; resize:none;  width:93%; background:#fff; color:#555; border:none; line-height:30px; height:200px; padding:10px; }
.lxwm3_con p .button{ cursor:pointer; font-size:18px;  margin-left:42%; margin-top:20px;  float:left; width:17%;  background:#d80000; color:#fff; border:none; line-height:50px; height:50px; padding:0;-webkit-transition:0.5s linear;-moz-transition:0.5s linear;-ms-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear; }
.lxwm3_con p .button:hover{   background:#fff; color:#d80000;  }
.lxwm3_con p{ float:left; width:100%;   margin:10px 0;}