@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
body{ width:100%; height:100%;font: 16px/1.5 Microsoft yahei; }
ul,li{list-style:none;margin:0;padding:0;}
img{border:none;}
form{margin:0px;padding:0px;}
a{text-decoration:none;}
/* 首页*/
.container{
    width:960px;
    margin:0 auto;
}
.in_img_bg{width: 100%; height:100%; background:url("../images/index_bg1.jpg"); background-size:100% 100%; overflow:hidden;}
.nav_top{background-color:#344; width:100%; height:68px;}
.nav_top ul{ width:100%; margin-left:260px;overflow: hidden;}
.nav_top ul li{ float:left; position: relative;height: 68px;width:120px;text-align: center;line-height:68px; }
.nav_top ul li a{ font-size:18px; color:#fff;}
.nav_top ul .active{color:#fff;background-color: #4482d5;}
.nav_top ul li a:hover{color:#337ab7;}

.nav_top ul .logo{margin-right:10px;}
.nav_top ul li img{ margin-top:0px;}

.degoff {
    -moz-animation:degoff 1s both;
    -webkit-animation:degoff 1s both;
    -o-animation:degoff 1s both;
    -ms-animation:degoff 1s both;
    animation:degoff 1s both;
}

.company_desp_box {
    background-color: rgba(256,256,256,.1);
    border: 1px solid rgba(256,256,256,.5);
    box-shadow: 0 0 5px rgba(256,256,256,.3);
    border-radius: 0;
    position: absolute;
    left: 40px;
    top: 0px;
    padding: 50px 30px;
    z-index: 1000;
    color: #fff;
    width: 350px;
}

.company_desp_box h1{
    font-size: 36px;
}
.company_desp_box h2{
    font-size: 26px;
    margin: 15px 0 0 30px;
}
.animations_desp{
    -webkit-animation:orbit 1s ease-in-out 0.5s both;
    -moz-animation:orbit 1s ease-in-out 0.5s both;
    -o-animation:orbit 1s ease-in-out 0.5s both;
    -ms-animation:orbit 1s ease-in-out 0.5s both;
    animation:orbit 1s ease-in-out 0.5s both;
}

.degno {
    -moz-animation:degno 1s both;
    -webkit-animation:degno 1s both;
    -o-animation:degno 1s both;
    -ms-animation:degno 1s both;
    animation:degno 1s both;
}

.link_go{ position: absolute; top: 0; left: 0;}
.link_go a{ width: 110px; height: 110px; display: block;  position: absolute; z-index: 2000;}
.link_go a.lv1{top:-45px; left: 120px;}
.link_go a.lv2{top:70px; left: -45px;}
.link_go a.lv3{ top: 250px; left: 10px;}
@-webkit-keyframes degoff {
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-90deg);}
}
@keyframes degoff {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-90deg);}
}

@-webkit-keyframes degno {
    0% {-webkit-transform:rotate(-90deg);}
    100% {-webkit-transform:rotate(0deg);}
}
@keyframes degno {
    0% { transform:rotate(-90deg);}
    100% {transform:rotate(0deg);}
}

.p1_mian{display:table; width:100%; height:100%;}
.p1_left{display:table-cell; width:50%; height:100%; vertical-align: middle; overflow:hidden;}
.p1_right{display:table-cell; width:50%; height:100%;vertical-align: middle; overflow:hidden;}



.img_amt_y{
	-webkit-animation:1s ease-in-out 1.2s both;
	-moz-animation:1s ease-in-out 1.2s both;
	-o-animation:1s ease-in-out 1.2s both;
	-ms-animation:1s ease-in-out 1.2s both;
	animation:1s ease-in-out 1.2s both;
	}
.h_bt_y{
	-webkit-animation:1s;
	-moz-animation:1s;
	-o-animation:1s;
	-ms-animation:1s;
	animation:1s;
	}
.in_ms_img_p1{
	-webkit-animation:1s ease-in-out 3.5s both;
	-moz-animation:1s ease-in-out 3.5s both;
	-o-animation:1s ease-in-out 3.5s both;
	-ms-animation:1s ease-in-out 3.5s both;
	animation:1s ease-in-out 3.5s both;
	}
.in_ms_img_p2{
	-webkit-animation:1s ease-in-out 1s both;
	-moz-animation:1s ease-in-out 1s both;
	-o-animation:1s ease-in-out 1s both;
	-ms-animation:1s ease-in-out 1s both;
	animation:1s ease-in-out 1s both;
	}
	
	
.in_ms_img_p3{
	-webkit-animation:1s ease-in-out 5.4s both;
	-moz-animation:1s ease-in-out 5.4s both;
	-o-animation:1s ease-in-out 5.4s both;
	-ms-animation:1s ease-in-out 5.4s both;
	animation:1s ease-in-out 5.4s both;
	}

.in_animations_main{width:450px; height:450px; position:absolute; top:0; left:0;}
.animations_v1{
	-webkit-animation:orbit 1s ease-in-out 2.5s both;
	-moz-animation:orbit 1s ease-in-out 2.5s both;
	-o-animation:orbit 1s ease-in-out 2.5s both;
	-ms-animation:orbit 1s ease-in-out 2.5s both;
	animation:orbit 1s ease-in-out 2.5s both;
	}
.animations_v2{
	-webkit-animation:orbit 1s ease-in-out 2.6s both;
	-moz-animation:orbit 1s ease-in-out 2.6s both;
	-o-animation:orbit 1s ease-in-out 2.6s both;
	-ms-animation:orbit 1s ease-in-out 2.6s both;
	animation:orbit 1s ease-in-out 2.6s both;
	}
.animations_v3{
	-webkit-animation:orbit 1s ease-in-out 2.7s both;
	-moz-animation:orbit 1s ease-in-out 2.7s both;
	-o-animation:orbit 1s ease-in-out 2.7s both;
	-ms-animation:orbit 1s ease-in-out 2.7s both;
	animation:orbit 1s ease-in-out 2.7s both;
	}
.animations_v4{
	-webkit-animation:orbit 1s ease-in-out 2.8s both;
	-moz-animation:orbit 1s ease-in-out 2.8s both;
	-o-animation:orbit 1s ease-in-out 2.8s both;
	-ms-animation:orbit 1s ease-in-out 2.8s both;
	animation:orbit 1s ease-in-out 2.8s both;
	}
.animations_v5{
	-webkit-animation:orbit 1s ease-in-out 2.9s both;
	-moz-animation:orbit 1s ease-in-out 2.9s both;
	-o-animation:orbit 1s ease-in-out 2.9s both;
	-ms-animation:orbit 1s ease-in-out 2.9s both;
	animation:orbit 1s ease-in-out 2.9s both;
	}

.in_page1_zmt .set_1{ position:absolute; top:70px; left:-45px;}
.in_page1_zmt .set_2{ position:absolute; top:-45px; left:120px;}
.in_page1_zmt .set_3{ position:absolute; top:70px; left:290px;}
.in_page1_zmt .set_4{ position:absolute; top:250px; left:240px;}
.in_page1_zmt .set_5{ position:absolute; top:250px; left:10px;}

.in_page1_zmt .set_1 a,.in_page1_zmt .set_2 a,.in_page1_zmt .set_5 a{display: block;}




/* Safari 和 Chrome */
@-webkit-keyframes orbit { 
0% { -webkit-transform:rotate(0deg);opacity:0;} 
75%{ -webkit-transform:rotate(335deg);}
80%{ -webkit-transform:rotate(340deg);}
85%{ -webkit-transform:rotate(345deg);}
90%{ -webkit-transform:rotate(350deg);}
95%{ -webkit-transform:rotate(355deg);}
100% { -webkit-transform:rotate(360deg);} 
}
/* Firefox */
@-moz-keyframes orbit { 
0% { -moz-transform:rotate(0deg);opacity:0;} 
75%{ -moz-transform:rotate(335deg);opacity:1;}
80%{ -moz-transform:rotate(340deg);}
85%{ -moz-transform:rotate(345deg);}
90%{ -moz-transform:rotate(350deg);}
95%{ -moz-transform:rotate(355deg);}
100% { -moz-transform:rotate(360deg);} 
}
/* Opera */
@-o-keyframes orbit { 
0% { -o-transform:rotate(0deg);opacity:0;} 
75%{ -o-transform:rotate(335deg);opacity:1;}
80%{ -o-transform:rotate(340deg);}
85%{ -o-transform:rotate(345deg);}
90%{ -o-transform:rotate(350deg);}
95%{ -o-transform:rotate(355deg);}
100% { -o-transform:rotate(360deg);} 
}
/* IE 9 */
@-ms-keyframes orbit { 
0% { -ms-transform:rotate(0deg);opacity:0;} 
75%{ -ms-transform:rotate(335deg);opacity:1;}
80%{ -ms-transform:rotate(340deg);}
85%{ -ms-transform:rotate(345deg);}
90%{ -ms-transform:rotate(350deg);}
95%{ -ms-transform:rotate(355deg);}
100% { -ms-transform:rotate(360deg);} 
}


@keyframes orbit { 
0% {transform:rotate(0deg);opacity:0;} 
75%{transform:rotate(335deg);opacity:1;}
80%{transform:rotate(340deg);}
85%{transform:rotate(345deg);}
90%{transform:rotate(350deg);}
95%{transform:rotate(355deg);}
100% {transform:rotate(360deg);} 
}

.animations2{position:absolute; top:125px; left:125px;}



/*.p1_tt{position:relative; left:10%; margin-top:-50px;}*/
.p1_tt span{font-size:32px;}
.p1_tt dd{ font-size:18px; color:#FFF; padding:15px 0px; /*width:550px;*/}
.p1_tt dd.text_in_p1{font-size:32px; color:#FFF;}
.p1_tt dd.text_in_p1 span{ font-size:50px; color:#84ff00; padding-right:10px;}
.p1_tt dd span{ font-size:50px;}
.p1_tt dd ul.foucu_img li{/*float:left; */display:inline-block; text-align:center; margin-left: 55px;}
.p1_tt dd ul.foucu_img li h1{ font-weight:normal; font-size:18px;}





.animations3{
	-moz-animation:animations3 1s ease-in-out 1s both;
	-moz-transform:translate(0);
	-webkit-animation:animations3 1s ease-in-out 1s both;
	-webkit-transform:translate(0);
	-o-animation:animations3 1s ease-in-out 1s both;
	-o-transform:translate(0);
	-ms-animation:animations3 1s ease-in-out 1s both;
	-ms-transform:translate(0);
	transform:translate(0);
	animation:animations3 1s ease-in-out 1s both;
	}


.animations4{
	opacity:0;
	-moz-animation:animations4 1s ease-in-out 1s both;
	-moz-transform:translate(0);
	-webkit-animation:animations4 1s ease-in-out 1s both;
	-webkit-transform:translate(0);
	-o-animation:animations4 1s ease-in-out 1s both;
	-o-transform:translate(0);
	-ms-animation:animations4 1s ease-in-out 1s both;
	-ms-transform:translate(0);
	transform:translate(0);
	animation:animations4 1s ease-in-out 1s both;
	}

.animations5{
	-moz-animation:animations5 2s;
	-moz-transform:translate(0);
	-webkit-animation:animations5 2s;
	-webkit-transform:translate(0);
	-o-animation:animations5 2s;
	-o-transform:translate(0);
	-ms-animation:animations5 2s;
	-ms-transform:translate(0);
	animation:animations5 2s;
	transform:translate(0);
	}

.in_page2_zmt{position:relative; width:450px; height:450px; margin:0px auto;}
.in_page2_zmt .set_1{ position:absolute; top:-70px; left:155px;}
.in_page2_zmt .set_2{ position:absolute; top:85px; left:369px;}
.in_page2_zmt .set_3{ position:absolute; top:337px; left:288px;}
.in_page2_zmt .set_4{ position:absolute; top:337px; left:22px;}
.in_page2_zmt .set_5{ position:absolute; top:85px; left:-59px;}

.page2_a{background:url("../images/index_bg2.png");background-size:100% 100%;width:100%; height:100%; display: table;}
.page2_a .p2_left{ width:100%;display: table-cell; text-align: center; vertical-align: middle;}
.page2_a .p2_left h1{
    color: #ffffff;
    font-size: 36px;
    margin-left: -750px;
    margin-top: -130px;
}
.page3_a{background:url("../images/index_bg3.png");background-size:100% 100%;width:100%; height:100%; display: table;}
.page3_a .p3_right{ display:table-cell; width:50%; height:100%; text-align: center;vertical-align: middle;}

.page3_a .p3_left{display:table-cell; width:50%; height:100%;text-align: center;vertical-align: middle;}

.page3_a .p3_left .p3_left_container{
    width: 400px;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.p3_left_container .p3_left_box{
    float: left;
    width: 200px;
    height: 200px;
}

.p3_left_box h1{
    font-size: 36px;
    line-height: 200px;
    text-align: center;
    color: #fff;
}

.p3_left_container .box_1{
    background-color: #00CC00;
}
.p3_left_container .box_2{
    background-color: #d86910;
}
.p3_left_container .box_3{
    background-color: #22c1e9;
}
.p3_left_container .box_4{
    background-color: #9c42ca;
}

.page3_a .p3_right .right_p3{ }


@media screen and (min-width: 100px) and (max-width: 1200px) {
.line_d{width:350px; height:350px;border-radius:50%; border:3px dashed #ca4282; position:absolute; top:0; left:0;}
.p3_main_box{border-radius:50%;background-color:#ca4282; width:100%; height:100%; overflow:hidden;border-radius:50%;}
}

.hidev{display:none!important;}
.showcell{display:table-cell;}

#ci{
    height: 500px;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 500px;
	text-align:center;
}

.twisterInDown {
    animation-name: twisterInDown;
	-webkit-animation-name: twisterInDown;
}


@-moz-keyframes twisterInDown {
0% {
    opacity: 0;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
30% {
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
100% {
    opacity: 1;
    transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform-origin: 100% 100% 0;
}
}

@-webkit-keyframes twisterInDown {
0% {
    opacity: 0;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
30% {
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
100% {
    opacity: 1;
    transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform-origin: 100% 100% 0;
}
}

.page4_a{ width:100%; height:100%;}
.page4_a .va_middel{ width: 80%;  display:table; margin:50px auto;}

.page4_a .va_middel .p4_al{ height:150px;  padding:10px;vertical-align: middle; display: table-cell;}
.page4_a .va_middel .p4_al ul{display:table; width:100%; height:78px;}
/*.page4_a .va_middel .p5_al ul{display:table; width:100%; height:78px;}*/
.page4_a .va_middel .p4_al h1{ font-size:28px; color:#000; border-bottom:1px solid #555; padding-bottom: 15px; }
.page4_a .va_middel .p4_al li{margin-right:10px; display:table-cell; text-align:center; vertical-align:middle; width:25%;}
.page4_a .va_middel .p4_al ul h1{font-size: 18px;border-bottom:none; color: #007ecf;}

/*.page7_a .p7_al li img{ border:1px solid #ccc; padding:8px 35px; background-color: #fff;}*/

.footer{ width:100%; margin-top:20px; padding-top:10px; background-color:#344; height: 200px;  overflow:hidden; zoom:1;}
.footer-fixed{position: absolute;left: 0;bottom: 0;}
.footer dt{ font-size:24px; font-weight:bold; color:#fff;}
.footer dd,.footer dd a{ color:#fff; line-height: 28px;}
.footer dd a:hover{ text-decoration:underline; color:#007ecf;}
.footer ul{ overflow: hidden;zoom:1; width: 1000px; margin:20px auto;}
.footer ul.box li{ float:left; width:333px; font-size:14px; }
.footer ul.box li dl{ width: 80%; float: right;}
.footer dd a{ display: inline-block; margin-right: 10px;}
.footer dd span{ display: none;}



.p4amt {-webkit-animation:p4amt 1s ease 0s alternate none infinite;}
.p4amt {-moz-animation:p4amt 1s ease 0s alternate none infinite;}
.p4amt {animation:p4amt 1s ease 0s alternate none infinite;}
@-webkit-keyframes p4amt { from{text-shadow:0 0 white; } to{text-shadow:0 0 rgba(255,255,255,0), -45px -45px 0 red, -30px -30px 0 orange, -15px -15px 0 yellow, 0 0 0 green, 15px 15px 0 blue, 30px 30px 0 indigo, 45px 45px 0 violet; } }
@-moz-keyframes p4amt { from{text-shadow:0 0 white; } to{text-shadow:0 0 rgba(255,255,255,0), -45px -45px 0 red, -30px -30px 0 orange, -15px -15px 0 yellow, 0 0 0 green, 15px 15px 0 blue, 30px 30px 0 indigo, 45px 45px 0 violet; } }
@keyframes p4amt { from{text-shadow:0 0 white; } to{text-shadow:0 0 rgba(255,255,255,0), -45px -45px 0 red, -30px -30px 0 orange, -15px -15px 0 yellow, 0 0 0 green, 15px 15px 0 blue, 30px 30px 0 indigo, 45px 45px 0 violet; } }


.p5amt {-webkit-animation:p5amt 1s ease 0s;}
.p5amt {-moz-animation:p5amt 1s ease 0s;}
.p5amt {animation:p5amt 1s ease 0s;}

@-webkit-keyframes p5amt {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}


@keyframes p5amt {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}


.p6amt {
    -webkit-animation:p6amt 2s ease 0s , p6amt2 12s ease-out 2s , p6amt1 1s ease 13s;
    -o-animation:p6amt 2s ease 0s,p6amt2 12s ease-out 2s,p6amt1 1s ease 13s;
    -moz-animation:p6amt 2s ease 0s,p6amt2 12s ease-out 2s,p6amt1 1s ease 13s;
    animation:p6amt 2s ease 0s,p6amt2 12s ease-out 2s,p6amt1 1s ease 13s;
    -opacity:0;
}

@-webkit-keyframes p6amt {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0,0);
            transform: rotate(0deg) scale(0,0);
  }


  50% {
    opacity: 0.5;
    -webkit-transform: rotate(-180deg) scale(0.5,0.5);
            transform: rotate(-180deg) scale(0.5,0.5);
  }


  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg) scale(1,1);
            transform: rotate(360deg) scale(1,1);
  }
}

@keyframes p6amt {
    0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.5,0.5);
            transform: rotate(0deg) scale(0.5,0.5);
  }


  50% {
    opacity: 0.5;
    -webkit-transform: rotate(-180deg) scale(0.7,0.7);
            transform: rotate(-180deg) scale(0.7,0.7);
  }


  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg) scale(1,1);
            transform: rotate(360deg) scale(1,1);
  }
}


@-webkit-keyframes p6amt1{
  0% {
    opacity: 1;
    -webkit-transform: scale(1,1) rotate(0deg);
            transform: scale(1,1) rotate(0deg);
  }


  100% {
    opacity: 0;
    -webkit-transform: scale(0.1,0.1) rotate(360deg);
            transform: scale(0.1,0.1) rotate(360deg);
  }
}

@keyframes p6amt1{
    0% {
        opacity: 1;
        -webkit-transform: scale(1,1) rotate(0deg);
        transform: scale(1,1) rotate(0deg);
    }


    100% {
        opacity: 0;
        -webkit-transform: scale(0.1,0.1) rotate(360deg);
        transform: scale(0.1,0.1) rotate(360deg);
    }
}


@-webkit-keyframes p6amt2{
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }


  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes p6amt2{
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.p6zmt_ico{-webkit-animation:p6ico 2s ease 0s,p6ico2 1s ease-out 13s;animation:p6ico 2s ease 0s,p6ico2 1s ease-out 13s; position:absolute; left:38%; top:30%;}

@-webkit-keyframes p6ico{
  0% {
    opacity: 0;
    -webkit-transform: scale(0,0);
            transform: scale(0,0);
  }


  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
            transform: scale(1,1);
  }
}


@keyframes p6ico{
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0);
    }


    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@-webkit-keyframes p6ico2{
  0% {
    opacity: 1;
    -webkit-transform: scale(1,1);
            transform: scale(1,1);
  }


  100% {
    opacity: 0;
    -webkit-transform: scale(0,0);
            transform: scale(0,0);
  }
}

@keyframes p6ico2{
    0% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }


    100% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0);
    }
}

/*introduction*/

.intro_banner{ height: 420px; width: 100%; background: url(../images/l_banner.jpg) no-repeat center;background-size:100% 100%;}
.product_banner{ height: 420px; width: 100%; background: url(../images/product_banner.jpg) no-repeat center;background-size:100% 100%;}
.baner_main{ width: 1000px; height: 100%; display: table; margin: auto;}
.baner_left,.baner_right{display: table-cell; width: 50%; height: 100%; vertical-align: middle;}
.baner_left{ color: #fff;}
.baner_left dl{ width: 90%;}
.baner_left dt{ font-size: 48px;}
.baner_left dd{padding: 10px 0px; font-size: 16px;  line-height: 28px;}

.box_1200{width: 1024px; margin:auto; overflow: hidden;zoom:1; position: relative;}
.int_row_p1{ overflow: hidden; margin-top: 20px;}
.int_row_p1 li{width:200px; float:left;}
.int_row_p1 li dl{width: 90%; }
.int_row_p1 li dl dt{font-weight: bold;}
.int_row_p1 li dl dt span{ padding-right: 10px; font-size: 22px;}
.int_row_p1 li dl dt span.v1{color: #336cb2;}
.int_row_p1 li dl dt span.v2{color: #12a004;}
.int_row_p1 li dl dt span.v3{color: #d86910;}
.int_row_p1 li dl dt span.v4{color: #0aa470;}
.int_row_p1 li dl dt span.v5{color: #b20acb;}
.int_row_p1 li dl dd{ width:214px; height:97px;font-size: 14px; margin-top: 10px; display: table-cell;background-color: #ebebeb; border-radius: 10px;
    padding: 20px 15px 0px 15px;}


.int_row_p2{margin-top: 20px; overflow: hidden;}
.int_row_p2 h1{font-size: 32px;border-bottom: 1px solid #555; padding:10px 0px ;}
.int_row_p2 dl{ width: 500px; height: 100px; float: left; margin-top: 20px;}
.int_row_p2 dl dt{text-align: center; float:left; vertical-align: middle; width: 90px; margin-right: 20px;}
.int_row_p2 dl dd span{ font-size: 22px; font-weight: bold;}
.int_row_p2 dl dd { margin-bottom: 15px;}

.int_row_p4{margin-top: 20px; overflow: hidden;}
.int_row_p4 h1{font-size: 32px;border-bottom: 1px solid #555; padding:10px 0px ;}
.int_row_p4 dl{ width: 250px;  float: left; margin-top: 20px;}
.int_row_p4 dl dt{font-size: 22px; padding-bottom: 15px;}
.int_row_p4 dl dd {font-size: 16px; padding:8px 0px 8px 15px;}



/*download*/
.down_banner{height: 371px; width: 100%; }

.down_baner_left,.down_baner_right{display: table-cell; width: 50%; height: 100%; vertical-align: middle;}
.down_baner_left{ color: #fff;}
.down_baner_left dl{ width: 90%; text-align:center;}
.down_baner_left dt{ font-size: 48px; color:#00cbdd;}
.down_baner_left dd{padding: 20px 0px; font-size: 18px;  line-height: 28px;}
.down_baner_left dd span{font-size: 24px;}

.down_baner_right li{text-align:center; padding-top: 10px; display: table; }
.down_baner_right li a{margin-right: 10px; display:block; }

.agreement{ margin-top:20px; border-top:1px solid #555; padding-top: 15px;}
.agreement dt{ font-size: 24px;}

.log{ margin-top: 20px; }
.log h1{font-size: 24px; margin: 15px 0px;}
.log dl{ border-top: 1px dashed #555; padding-top: 15px;}
.log dt{font-size: 18px; font-weight: bold;}
.log dd{ padding: 15px 0px;}

.about_topclor{ width: 100%;height:150px;  background:url("../images/aboutus.jpg"); text-align:center;background-size: 100%,100%;}
.about_left{width:209px; border-right:1px solid #555;float:left; margin-top: 10px; padding-bottom:100000px;margin-bottom:-100000px;}
.about_left li{ border-bottom: 1px solid #ccc; text-align: center;}
.about_left li a{ display: block; padding: 15px 0px; color: #555; }
.about_left li a:hover{text-decoration: underline;}
.about_left li a.active{ margin-right: -1px; border-right: 5px solid #007ecf; color: #007ecf; font-weight:bold;}
.about_right,.con_info{width:770px;float: left; margin-top: 10px; padding-left:20px;padding-bottom:100000px;margin-bottom:-100000px;min-height: 300px;}
.aboutus_words{
    padding-top: 40px;
    color: #fff;
    font-size: 36px;
}
.ab_main_box{overflow: hidden;zoom:1;}
.ab_main_box h1{ border-bottom: 1px solid #555; padding: 10px; font-size: 24px; margin-bottom: 15px;}
.ab_main_box li{float:left; margin-left: 60px; display: inline;text-align:center; margin-right: 45px; margin-bottom: 30px;}
.ab_main_box li dt{ overflow:hidden; width:150px; height:150px;border-radius: 50%; }
.ab_main_box li dt img{border-radius: 50%; padding: 5px; border: 1px solid #ccc; width: 130px; height: 130px;}
.ab_main_box li dd{margin-top: 10px;}
.ab_main_box li dd span{ font-size: 28px; color: #428bca;}
.ab_main_box h2{ clear: both; padding-left: 15px; font-size: 22px; margin-bottom: 20px;}



.ab_news_list h1{ border-bottom: 1px solid #555; padding: 10px; font-size: 24px;}
.ab_news_list ul{margin-left:150px; border-left:1px solid #ccc; padding-bottom: 35px; min-height: 300px; }
.ab_news_list ul li{padding: 15px 0px; margin-left: -134px;}
.ab_news_list ul li span{ padding-left: 20px; display: inline-block; vertical-align: middle; padding-right: 20px; color: #888;}
.ab_news_list ul li em{border-radius: 50%; width: 20px; height: 20px; background-color: #007ecf; display: inline-block; vertical-align: middle;}
.ab_news_list ul li a{ padding-left: 20px; color: #428bca;}
.ab_news_list ul li a:hover{ text-decoration:underline;}

.news_main dl{ margin-top: 20px;}
.news_main dt{font-size: 22px; font-weight: bold; border-bottom: 1px dashed #555; text-align: center; margin: 20px 0px; padding: 10px 0px;}
.news_main dd{text-indent: 2em; line-height: 30px;}
.con_info{position: absolute; left: 220px; background-color: #fff;}


.table_dowm th{text-align: left;padding: 5px;}
.table_dowm table{ border-top: 1px dashed #555; padding-top: 15px; margin-bottom: 50px;}
.table_dowm td{ padding: 5px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.show_imgbc{ position: fixed; z-index: 1000; width: 100%; height: 100%; display: table;}
.open_bg{background-color: #000; opacity: 0.8; z-index: 1001; width: 100%; height: 100%; position: absolute;}
.show_img{text-align: center; z-index: 1100; margin: auto; width: 100%; height: 100%; vertical-align: middle; display: table-cell;}
.show_imgbox{padding: 15px; background-color: #000; opacity: 1; position: relative;margin: auto; z-index: 1200; display: inline-table;}
.show_imgbox img{}
.show_imgbox b{width: 30px; height: 30px; font-size: 18px; color: #fff; background-color: #333; border-radius: 50%; text-align: center; position: absolute;right: -5px; top: -5px; cursor:pointer; font-family: arial, helvetica, sans-serif;}

.info-section {
    background-color: #fff;
    width: 1000px;
    margin: 0 auto;
    padding: 30px 60px;
}

.info-section header {
    text-align: center;
    margin-bottom: 60px;
}
.info-section header h2 {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.info-section header h2:after {
    content: "";
    border-bottom: 1px solid #cccccc;
    display: block;
    width: 960px;
    margin: 15px auto;
}

.product-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.product-list li{
    padding: 0 20px;
}
.product-list li:after {
    content: "";
    border-bottom: 1px solid #cccccc;
    display: block;
    width: 960px;
    margin: 15px auto;
}

.pro-info{
    margin-bottom: 20px;
    overflow: hidden;
}

.pro-info .pro_title{
    display: block;
    font-size: 24px;
    margin:20px 0;
    color: #494949;
}

.pro-info .pro_title:hover{
    text-decoration:underline;
}

.pro-digest-article{
    overflow: hidden;
}
.pro-digest-article img{
    width: 128px;
    float: left;
}

.pro-digest-article div{
    overflow: hidden;
    padding: 10px 0 0 40px;
    font-size: 16px;
    line-height: 1.8em;
}

.pro-detail-article{
    margin-bottom: 20px;
    border: 1px solid #22c1e9;
    border-radius:10px;
    position: relative;
    padding: 20px 40px;
    font-size: 14px;
    line-height: 22px;
}

.pro-detail-article a{
    display: block;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 30px;
    height: 30px;
    background-color: #d86910;
    color: #fff;
    text-align: center;
    border-radius:15px;
    line-height: 30px;
    font-size: 18px;
    z-index: 100;
}

.pro-detail-article p{
    margin: 0 0 10px;
}

.service-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    overflow: hidden;
}

.service-icon {
    background-repeat: no-repeat;
    background-position: center top;
    width: 20%;
    float: left;
    text-align: center;
}
.service-icon a{
    display: block;
    width: 160px;
    margin: 0 auto;
    padding: 10px;
    color: #356;
    border: 1px solid #fff;
}

.service-icon a:hover{
    border: 1px solid #22c1e9;
}

.service-icon h3{
    font-size: 18px;
    margin-top: 10px;
}
.service-icon a{
    display:block;
}
.service_header{

}
.service_header span{
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #22c1e9;
    font-size: 24px;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.service_content{
    border: 1px solid #22c1e9;
    padding: 30px 30px;
    overflow: hidden;
}

.service_content img{
    float: left;
}
.service_content p{
    overflow: hidden;
    padding: 10px 0 0 40px;
    line-height: 1.8em;
}

.service-detail-list li{
    margin-bottom: 50px;
}

.friend-site-list{
    padding: 20px;
}

.friend-site-list a{
    color: #494949;
    margin: 0 10px 5px 0;
}

.friend-site-list a:hover{
    text-decoration: underline;
}